Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Support
Keyboard shortcuts
?
Submit feedback
Contribute to GitLab
Sign in / Register
Toggle navigation
O
officejs
Project overview
Project overview
Details
Activity
Releases
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Issues
0
Issues
0
List
Boards
Labels
Milestones
Merge Requests
0
Merge Requests
0
Analytics
Analytics
Repository
Value Stream
Wiki
Wiki
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Create a new issue
Commits
Issue Boards
Open sidebar
nexedi
officejs
Commits
45681dfb
Commit
45681dfb
authored
May 21, 2014
by
Thibaut Frain
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
corrected build error
parent
bc1b9325
Changes
5
Hide whitespace changes
Inline
Side-by-side
Showing
5 changed files
with
22 additions
and
315 deletions
+22
-315
Gruntfile.js
Gruntfile.js
+4
-4
src/presentation-editor/presentation-editor.js
src/presentation-editor/presentation-editor.js
+18
-12
src/presentation-viewer/index.html
src/presentation-viewer/index.html
+0
-22
src/presentation-viewer/presentation-viewer.css
src/presentation-viewer/presentation-viewer.css
+0
-116
src/presentation-viewer/presentation-viewer.js
src/presentation-viewer/presentation-viewer.js
+0
-161
No files found.
Gruntfile.js
View file @
45681dfb
...
@@ -200,13 +200,13 @@ module.exports = function (grunt) {
...
@@ -200,13 +200,13 @@ module.exports = function (grunt) {
relative_dest
:
'
lib/jquerymobile.css
'
,
relative_dest
:
'
lib/jquerymobile.css
'
,
dest
:
'
<%= global_config.dest %>/<%= curl.jquerymobilecss.relative_dest %>
'
dest
:
'
<%= global_config.dest %>/<%= curl.jquerymobilecss.relative_dest %>
'
},
},
html
-
beautify
:
{
htmlbeautify
:
{
src
:
'
https://raw.githubusercontent.com/einars/js-beautify/master/js/lib/beautify-html.js
'
src
:
'
https://raw.githubusercontent.com/einars/js-beautify/master/js/lib/beautify-html.js
'
,
relative_dest
:
'
lib/html-beautify.js
'
,
relative_dest
:
'
lib/html-beautify.js
'
,
dest
:
'
<%= global_config.dest %>/<%= curl.html
-
beautify.relative_dest %>
'
dest
:
'
<%= global_config.dest %>/<%= curl.htmlbeautify.relative_dest %>
'
},
},
animatecss
:
{
animatecss
:
{
src
:
'
https://raw.github.com/daneden/animate.css/master/animate.css
'
src
:
'
https://raw.github.com/daneden/animate.css/master/animate.css
'
,
relative_dest
:
'
lib/animate.css
'
,
relative_dest
:
'
lib/animate.css
'
,
dest
:
'
<%= global_config.dest %>/<%= curl.animatecss.relative_dest %>
'
dest
:
'
<%= global_config.dest %>/<%= curl.animatecss.relative_dest %>
'
}
}
...
...
src/presentation-editor/presentation-editor.js
View file @
45681dfb
/*globals window, document, $, html_beautify, FileReader,
*/
/*globals window, document, $, html_beautify, FileReader,
rJS
*/
/*jslint unparam: true */
/*jslint unparam: true */
$
(
function
(
window
,
$
,
html_beautify
,
rJS
)
{
(
function
(
window
,
$
,
html_beautify
,
rJS
)
{
"
use strict
"
;
"
use strict
"
;
var
presentation
=
null
,
var
presentation
=
null
,
...
@@ -73,8 +73,10 @@ $(function (window, $, html_beautify, rJS) {
...
@@ -73,8 +73,10 @@ $(function (window, $, html_beautify, rJS) {
Slide
.
prototype
=
{
Slide
.
prototype
=
{
dataTemplate
:
document
.
querySelector
(
'
template#slide-data
'
).
content
.
firstElementChild
,
dataTemplate
:
document
.
querySelector
(
'
template#slide-data
'
)
htmlTemplate
:
document
.
querySelector
(
'
template#slide-html
'
).
content
.
firstElementChild
,
.
content
.
firstElementChild
,
htmlTemplate
:
document
.
querySelector
(
'
template#slide-html
'
)
.
content
.
firstElementChild
,
editBtn
:
function
()
{
return
this
.
html
.
querySelector
(
"
button.edit
"
);
},
editBtn
:
function
()
{
return
this
.
html
.
querySelector
(
"
button.edit
"
);
},
deleteBtn
:
function
()
{
return
this
.
html
.
querySelector
(
"
button.delete
"
);
},
deleteBtn
:
function
()
{
return
this
.
html
.
querySelector
(
"
button.delete
"
);
},
...
@@ -215,7 +217,11 @@ $(function (window, $, html_beautify, rJS) {
...
@@ -215,7 +217,11 @@ $(function (window, $, html_beautify, rJS) {
},
},
reset
:
function
()
{
reset
:
function
()
{
this
.
attrAll
({
title
:
""
,
type
:
"
basic
"
,
content
:
""
,
details
:
""
,
image
:
""
});
this
.
attrAll
({
title
:
""
,
type
:
"
basic
"
,
content
:
""
,
details
:
""
,
image
:
""
});
this
.
currentSlide
=
null
;
this
.
currentSlide
=
null
;
$
(
this
.
elt
).
off
(
"
submit
"
);
$
(
this
.
elt
).
off
(
"
submit
"
);
},
},
...
@@ -286,7 +292,7 @@ $(function (window, $, html_beautify, rJS) {
...
@@ -286,7 +292,7 @@ $(function (window, $, html_beautify, rJS) {
oldIndex
,
oldIndex
,
i
,
i
,
tmp
;
tmp
;
for
(
i
=
0
;
i
<
this
.
slides
.
length
;
i
++
)
{
for
(
i
=
0
;
i
<
this
.
slides
.
length
;
i
+=
1
)
{
if
(
this
.
slides
[
i
].
html
===
DOMElement
[
0
])
{
if
(
this
.
slides
[
i
].
html
===
DOMElement
[
0
])
{
oldIndex
=
i
;
oldIndex
=
i
;
break
;
break
;
...
@@ -298,7 +304,7 @@ $(function (window, $, html_beautify, rJS) {
...
@@ -298,7 +304,7 @@ $(function (window, $, html_beautify, rJS) {
getContent
:
function
()
{
getContent
:
function
()
{
var
i
,
container
=
document
.
createElement
(
'
div
'
);
var
i
,
container
=
document
.
createElement
(
'
div
'
);
for
(
i
=
0
;
i
<
this
.
slides
.
length
;
i
++
)
{
for
(
i
=
0
;
i
<
this
.
slides
.
length
;
i
+=
1
)
{
container
.
appendChild
(
this
.
slides
[
i
].
data
());
container
.
appendChild
(
this
.
slides
[
i
].
data
());
}
}
return
html_beautify
(
container
.
innerHTML
);
return
html_beautify
(
container
.
innerHTML
);
...
@@ -308,7 +314,7 @@ $(function (window, $, html_beautify, rJS) {
...
@@ -308,7 +314,7 @@ $(function (window, $, html_beautify, rJS) {
var
i
,
sections
,
container
=
document
.
createElement
(
'
div
'
);
var
i
,
sections
,
container
=
document
.
createElement
(
'
div
'
);
container
.
innerHTML
=
content
;
container
.
innerHTML
=
content
;
sections
=
container
.
children
;
sections
=
container
.
children
;
for
(
i
=
0
;
i
<
sections
.
length
;
i
++
)
{
for
(
i
=
0
;
i
<
sections
.
length
;
i
+=
1
)
{
this
.
addSlide
(
readSlide
(
sections
[
i
]));
this
.
addSlide
(
readSlide
(
sections
[
i
]));
}
}
}
}
...
@@ -323,17 +329,17 @@ $(function (window, $, html_beautify, rJS) {
...
@@ -323,17 +329,17 @@ $(function (window, $, html_beautify, rJS) {
});
});
rJS
(
window
)
rJS
(
window
)
.
declareMethod
(
'
setContent
'
,
function
(
content
)
{
.
declareMethod
(
'
setContent
'
,
function
(
content
)
{
rJS
(
this
).
editor
.
setContent
(
content
);
rJS
(
this
).
editor
.
setContent
(
content
);
})
})
.
declareMethod
(
'
getContent
'
,
function
()
{
.
declareMethod
(
'
getContent
'
,
function
()
{
return
rJS
(
this
).
editor
.
getContent
();
return
rJS
(
this
).
editor
.
getContent
();
})
})
.
ready
(
function
(
g
)
{
.
ready
(
function
(
g
)
{
g
.
editor
=
$
(
'
#slide-list
'
).
presentation
();
g
.
editor
=
$
(
'
#slide-list
'
).
presentation
();
});
});
}(
window
,
$
,
html_beautify
,
rJS
));
}(
window
,
$
,
html_beautify
,
rJS
));
src/presentation-viewer/index.html
deleted
100644 → 0
View file @
bc1b9325
<!DOCTYPE html>
<html>
<head>
<meta
charset=
"utf-8"
>
<link
rel=
"stylesheet"
href=
"http://fonts.googleapis.com/css?family=Oswald"
>
<link
rel=
"stylesheet"
href=
"presentation-viewer.css"
>
<script
src=
"slides.js"
></script>
<!-- Renderjs -->
<script
src=
"lib/rsvp.min.js"
></script>
<script
src=
"lib/jschannel.js"
></script>
<script
src=
"lib/renderjs.js"
></script>
<!-- IO definitions for presentation editor gadget-->
<script
src=
"presentation-viewer.js"
></script>
<title></title>
</head>
<body></body>
</html>
src/presentation-viewer/presentation-viewer.css
deleted
100644 → 0
View file @
bc1b9325
html
{
background-color
:
black
;
}
a
{
color
:
#ff0066
;
}
a
:hover
{
text-decoration
:
underline
;}
footer
{
position
:
absolute
;
bottom
:
50px
;
right
:
50px
;
}
strong
{
color
:
#ff0066
}
body
{
font-family
:
'oswald'
,
arial
,
serif
;
background-color
:
white
;
color
:
white
;
font-size
:
2em
;
background
:
#1c1c1c
;
background-image
:
-moz-radial-gradient
(
center
45deg
,
#333
0%
,
#1c1c1c
50%
);
background-image
:
-moz-radial-gradient
(
center
45deg
,
#333
0%
,
#1c1c1c
50%
);
}
/* transition effect */
section
{
-moz-transition
:
left
400ms
linear
0s
;
-webkit-transition
:
left
400ms
linear
0s
;
-o-transition
:
left
400ms
linear
0s
;
-ms-transition
:
left
400ms
linear
0s
;
transition
:
left
400ms
linear
0s
;
}
section
{
left
:
-150%
;
}
section
[
aria-selected
]
{
left
:
0
;
}
section
[
aria-selected
]
~
section
{
left
:
+
150%
}
.chapter
{
background-color
:
black
;}
.chapter
h1
{
line-height
:
600px
;
vertical-align
:
middle
;
margin
:
0
;
text-align
:
center
;
display
:
block
}
h1
{
margin
:
50px
100px
0
100px
;
font-size
:
50px
;
text-shadow
:
0px
-1px
0px
#000
;
text-align
:
left
;
}
h2
{
color
:
#fae50b
;
margin
:
70px
0
0
0
;
font-size
:
40px
;
text-align
:
center
;
}
ul
{
margin-top
:
70px
;
font-size
:
35px
;
text-align
:
right
;
border-right
:
4px
solid
white
;
padding-right
:
40px
;
min-width
:
310px
;
margin-left
:
50px
;
display
:
inline-block
;
}
q
,
p
{
margin
:
50px
auto
0
auto
;
width
:
500px
;
}
q
:after
{
content
:
""
}
q
:before
{
content
:
""
}
q
{
display
:
block
;
margin-top
:
140px
;
}
video
{
position
:
absolute
;
top
:
210px
;
width
:
260px
;
left
:
445px
;
box-shadow
:
0
0
10px
black
;
}
#arrow
{
position
:
absolute
;
top
:
165px
;
left
:
460px
;
font-size
:
100px
;
color
:
white
;
}
li
{
list-style-type
:
none
}
*
{
margin
:
0
;
padding
:
0
;
}
details
{
display
:
none
;}
body
{
width
:
800px
;
height
:
600px
;
margin-left
:
-400px
;
margin-top
:
-300px
;
position
:
absolute
;
top
:
50%
;
left
:
50%
;
overflow
:
hidden
;
}
section
{
position
:
absolute
;
pointer-events
:
none
;
width
:
100%
;
height
:
100%
;
}
section
[
aria-selected
]
{
pointer-events
:
auto
;}
body
{
display
:
none
}
body
.loaded
{
display
:
block
}
section
.code
pre
{
margin
:
20px
0
0
40px
;
font-size
:
15px
;
font-weight
:
bold
;}
section
.code
.Constant
{
color
:
#af5fff
}
section
.code
.StorageClass
{
color
:
#ff8700
}
section
.code
.Exception
{
color
:
#87ff00
}
section
.code
.Identifier
{
color
:
#ff8700
}
section
.code
.Title
{
color
:
#d75f00
}
section
.code
.String
{
color
:
#afaf87
}
section
.code
.Type
{
color
:
#5fd7ff
}
section
.code
.Statement
{
color
:
#d7005f
}
section
.code
.Function
{
color
:
#87ff00
}
section
.code
.Comment
{
color
:
#CCC
}
/* Cedric extensions */
section
img
{
max-width
:
100%
;
max-height
:
80%
;
display
:
block
;
margin-left
:
auto
;
margin-right
:
auto
;}
\ No newline at end of file
src/presentation-viewer/presentation-viewer.js
deleted
100644 → 0
View file @
bc1b9325
var
friendWindows
=
[];
var
idx
=
1
;
var
slides
;
/* main() */
function
dZmain
()
{
slides
=
document
.
querySelectorAll
(
"
body > section
"
);
onhashchange
();
setSlide
();
document
.
body
.
className
=
"
loaded
"
;
onresize
();
}
window
.
onload
=
dZmain
;
/* Handle keys */
window
.
onkeydown
=
function
(
e
)
{
// Don't intercept keyboard shortcuts
if
(
e
.
altKey
||
e
.
ctrlKey
||
e
.
metaKey
||
e
.
shiftKey
)
{
return
;
}
if
(
e
.
keyCode
==
37
// left arrow
||
e
.
keyCode
==
33
// page up
)
{
e
.
preventDefault
();
back
();
}
if
(
e
.
keyCode
==
39
// right arrow
||
e
.
keyCode
==
34
// page down
)
{
e
.
preventDefault
();
forward
();
}
if
(
e
.
keyCode
==
32
)
{
// space
e
.
preventDefault
();
toggleContent
();
}
}
/* Adapt the size of the slides to the window */
window
.
onresize
=
function
()
{
var
sx
=
document
.
body
.
clientWidth
/
window
.
innerWidth
;
var
sy
=
document
.
body
.
clientHeight
/
window
.
innerHeight
;
var
transform
=
"
scale(
"
+
(
1
/
Math
.
max
(
sx
,
sy
))
+
"
)
"
;
document
.
body
.
style
.
MozTransform
=
transform
;
document
.
body
.
style
.
WebkitTransform
=
transform
;
document
.
body
.
style
.
OTransform
=
transform
;
document
.
body
.
style
.
msTransform
=
transform
;
document
.
body
.
style
.
transform
=
transform
;
}
function
getDetails
(
idx
)
{
var
s
=
document
.
querySelector
(
"
section:nth-of-type(
"
+
idx
+
"
)
"
);
var
d
=
s
.
querySelector
(
"
details
"
);
return
d
?
d
.
innerHTML
:
""
;
}
window
.
onmessage
=
function
(
e
)
{
msg
=
e
.
data
;
win
=
e
.
source
;
if
(
msg
===
"
register
"
)
{
friendWindows
.
push
(
win
);
win
.
postMessage
(
JSON
.
stringify
({
method
:
"
registered
"
,
title
:
document
.
title
,
count
:
slides
.
length
}),
document
.
location
);
win
.
postMessage
(
JSON
.
stringify
({
method
:
"
newslide
"
,
details
:
getDetails
(
idx
),
idx
:
idx
}),
document
.
location
);
return
;
}
if
(
msg
===
"
back
"
)
back
();
if
(
msg
===
"
forward
"
)
forward
();
if
(
msg
===
"
toggleContent
"
)
toggleContent
();
// setSlide(42)
var
r
=
/setSlide
\((\d
+
)\)
/
.
exec
(
msg
);
if
(
r
)
{
idx
=
r
[
1
];
setSlide
();
}
}
/* If a Video is present in this new slide, play it.
If a Video is present in the previous slide, stop it. */
function
toggleContent
()
{
var
s
=
document
.
querySelector
(
"
section[aria-selected]
"
);
if
(
s
)
{
var
video
=
s
.
querySelector
(
"
video
"
);
if
(
video
)
{
if
(
video
.
ended
||
video
.
paused
)
{
video
.
play
();
}
else
{
video
.
pause
();
}
}
}
}
/* If the user change the slide number in the URL bar, jump
to this slide. */
window
.
onhashchange
=
function
(
e
)
{
var
newidx
=
~~
window
.
location
.
hash
.
split
(
"
#
"
)[
1
];
if
(
!
newidx
)
newidx
=
1
;
if
(
newidx
==
idx
)
return
;
idx
=
newidx
;
setSlide
();
}
/* Slide controls */
function
back
()
{
if
(
idx
==
1
)
return
;
idx
--
;
setSlide
();
}
function
forward
()
{
if
(
idx
>=
slides
.
length
)
return
;
idx
++
;
setSlide
();
}
function
setSlide
()
{
var
old
=
document
.
querySelector
(
"
section[aria-selected]
"
);
var
next
=
document
.
querySelector
(
"
section:nth-of-type(
"
+
idx
+
"
)
"
);
if
(
old
)
{
old
.
removeAttribute
(
"
aria-selected
"
);
var
video
=
old
.
querySelector
(
"
video
"
);
if
(
video
)
{
video
.
pause
();
}
}
if
(
next
)
{
next
.
setAttribute
(
"
aria-selected
"
,
"
true
"
);
var
video
=
next
.
querySelector
(
"
video
"
);
if
(
video
)
{
video
.
play
();
}
}
else
{
console
.
warn
(
"
No such slide:
"
+
idx
);
idx
=
0
;
for
(
var
i
=
0
;
i
<
slides
.
length
;
i
++
)
{
if
(
slides
[
i
].
hasAttribute
(
"
aria-selected
"
))
{
idx
=
i
+
1
;
}
}
}
window
.
location
.
hash
=
idx
;
for
(
var
i
=
0
;
i
<
friendWindows
.
length
;
i
++
)
{
friendWindows
[
i
].
postMessage
(
JSON
.
stringify
({
method
:
"
newslide
"
,
details
:
getDetails
(
idx
),
idx
:
idx
}),
document
.
location
);
}
}
(
function
(
window
,
document
,
rJS
)
{
"
use strict
"
;
rJS
(
window
)
.
declareMethod
(
'
setContent
'
,
function
(
content
)
{
document
.
body
.
innerHTML
=
content
;
dZmain
();
})
.
declareMethod
(
'
getContent
'
,
function
()
{
return
document
.
innerHTML
;
});
}(
window
,
document
,
rJS
));
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment