2018-09-13 00:41:06 +02:00
|
|
|
class OpenPage extends this.OS.GUI.BaseApplication
|
|
|
|
constructor: ( args ) ->
|
|
|
|
super "OpenPage", args
|
|
|
|
|
|
|
|
main: () ->
|
2018-09-13 20:21:07 +02:00
|
|
|
# load session class
|
|
|
|
if not OpenPage.editorSession
|
|
|
|
require ["webodf/editor/EditorSession"], (ES) ->
|
|
|
|
OpenPage.EditorSession = ES
|
|
|
|
@eventSubscriptions = new core.EventSubscriptions()
|
|
|
|
@initToolbox()
|
|
|
|
@initCanvas()
|
|
|
|
@canvas.load "#{@_api.handler.get}/home://welcome.odt"
|
|
|
|
|
|
|
|
initToolbox: () ->
|
|
|
|
me = @
|
|
|
|
@basictool =
|
|
|
|
undo: @find("btundo"),
|
|
|
|
redo: @find("btredo"),
|
|
|
|
bold: @find("btbold"),
|
|
|
|
italic:@find("btitalic"),
|
|
|
|
underline:@find("btunderline"),
|
|
|
|
strike: @find("btstrike"),
|
|
|
|
note: @find("btnote"),
|
|
|
|
link: @find("btlink"),
|
|
|
|
unlink: @find("btunlink"),
|
|
|
|
image:@find("btimage"),
|
|
|
|
ac: @find("btac"),
|
|
|
|
al: @find("btal"),
|
|
|
|
ar: @find("btar"),
|
|
|
|
aj: @find("btaj"),
|
|
|
|
indent: @find("btindent"),
|
|
|
|
outdent: @find("btoutdent"),
|
|
|
|
fonts: @find("font-list"),
|
|
|
|
fontsize: @find("font-size")
|
|
|
|
fn = (name, el) ->
|
|
|
|
if name is "fonts"
|
|
|
|
act = "onlistselect"
|
|
|
|
else if name is "fontsize"
|
|
|
|
act = "onchange"
|
|
|
|
else
|
|
|
|
act = "onbtclick"
|
|
|
|
el.set act, (e) ->
|
|
|
|
return unless me.directFormattingCtl
|
|
|
|
return unless me[name]
|
|
|
|
me[name](e)
|
|
|
|
me.editorFocus()
|
|
|
|
for name, el of @basictool
|
|
|
|
fn name, el
|
|
|
|
|
|
|
|
initCanvas: () ->
|
2018-09-13 00:41:06 +02:00
|
|
|
el = @find "odfcanvas"
|
|
|
|
me = @
|
|
|
|
el.setAttribute "translate", "no"
|
|
|
|
el.classList.add "notranslate"
|
2018-09-13 20:21:07 +02:00
|
|
|
@userid = "localuser"
|
2018-09-13 00:41:06 +02:00
|
|
|
@canvas = new odf.OdfCanvas(el)
|
2018-09-13 20:21:07 +02:00
|
|
|
@documentChanged = (e) ->
|
|
|
|
console.log e
|
|
|
|
@metaChanged = (e) ->
|
|
|
|
console.log e
|
|
|
|
@textStylingChanged = (e) ->
|
|
|
|
me.updateToolbar e
|
2018-09-13 00:41:06 +02:00
|
|
|
#@canvas.enableAnnotations(true, true)
|
|
|
|
@canvas.addListener "statereadychange", ()->
|
|
|
|
me.session = new ops.Session(me.canvas)
|
|
|
|
viewOptions =
|
|
|
|
editInfoMarkersInitiallyVisible: false,
|
|
|
|
caretAvatarsInitiallyVisible: false,
|
|
|
|
caretBlinksOnRangeSelect: true
|
|
|
|
|
2018-09-13 20:21:07 +02:00
|
|
|
me.editorSession = new OpenPage.EditorSession(me.session,me.userid, {
|
2018-09-13 00:41:06 +02:00
|
|
|
viewOptions: viewOptions,
|
|
|
|
directTextStylingEnabled: true,
|
|
|
|
directParagraphStylingEnabled: true,
|
|
|
|
paragraphStyleSelectingEnabled: true,
|
|
|
|
paragraphStyleEditingEnabled: true,
|
|
|
|
imageEditingEnabled: true,
|
|
|
|
hyperlinkEditingEnabled: true,
|
|
|
|
annotationsEnabled: true,
|
|
|
|
zoomingEnabled: true,
|
|
|
|
reviewModeEnabled: false
|
|
|
|
})
|
2018-09-13 20:21:07 +02:00
|
|
|
# basic format
|
|
|
|
me.directFormattingCtl = me.editorSession.sessionController.getDirectFormattingController()
|
|
|
|
me.directFormattingCtl.subscribe gui.DirectFormattingController.textStylingChanged, me.textStylingChanged
|
|
|
|
me.directFormattingCtl.subscribe gui.DirectFormattingController.paragraphStylingChanged, me.textStylingChanged
|
|
|
|
# hyper link controller
|
|
|
|
me.hyperlinkController = me.editorSession.sessionController.getHyperlinkController()
|
|
|
|
me.eventSubscriptions.addFrameSubscription me.editorSession, OpenPage.EditorSession.signalCursorMoved, ()-> me.updateHyperlinkButtons()
|
|
|
|
me.eventSubscriptions.addFrameSubscription me.editorSession, OpenPage.EditorSession.signalParagraphChanged, ()-> me.updateHyperlinkButtons()
|
|
|
|
me.eventSubscriptions.addFrameSubscription me.editorSession, OpenPage.EditorSession.signalParagraphStyleModified, ()-> me.updateHyperlinkButtons()
|
|
|
|
|
2018-09-13 00:41:06 +02:00
|
|
|
me.editorSession.sessionController.setUndoManager new gui.TrivialUndoManager()
|
2018-09-13 20:21:07 +02:00
|
|
|
me.editorSession.sessionController.getUndoManager().subscribe gui.UndoManager.signalDocumentModifiedChanged, me.documentChanged
|
|
|
|
me.editorSession.sessionController.getMetadataController().subscribe gui.MetadataController.signalMetadataChanged, me.metaChanged
|
2018-09-13 00:41:06 +02:00
|
|
|
op = new ops.OpAddMember()
|
|
|
|
op.init {
|
2018-09-13 20:21:07 +02:00
|
|
|
memberid: me.userid,
|
2018-09-13 00:41:06 +02:00
|
|
|
setProperties:{
|
|
|
|
"fullName": "Xuan Sang LE",
|
|
|
|
"color": "blue"
|
|
|
|
}
|
|
|
|
}
|
|
|
|
me.session.enqueue([op])
|
2018-09-13 20:21:07 +02:00
|
|
|
me.initFontList me.editorSession.getDeclaredFonts()
|
2018-09-13 00:41:06 +02:00
|
|
|
me.editorSession.sessionController.insertLocalCursor()
|
|
|
|
me.editorSession.sessionController.startEditing()
|
2018-09-13 20:21:07 +02:00
|
|
|
#console.log me.editorSession.getDeclaredFonts()
|
|
|
|
#
|
|
|
|
|
|
|
|
initFontList: (list) ->
|
|
|
|
v.text = v.name for v in list
|
|
|
|
@basictool.fonts.set "items", list
|
|
|
|
|
|
|
|
updateToolbar: (changes) ->
|
|
|
|
# basic style
|
|
|
|
(@basictool.bold.set "selected", changes.isBold) if changes.hasOwnProperty 'isBold'
|
|
|
|
(@basictool.italic.set "selected", changes.isItalic) if changes.hasOwnProperty 'isItalic'
|
|
|
|
(@basictool.underline.set "selected", changes.hasUnderline) if changes.hasOwnProperty 'hasUnderline'
|
|
|
|
(@basictool.strike.set "selected", changes.hasStrikeThrough) if changes.hasOwnProperty 'hasStrikeThrough'
|
|
|
|
(@basictool.fontsize.set "value", changes.fontSize) if changes.hasOwnProperty "fontSize"
|
|
|
|
@selectFont changes.fontName if changes.hasOwnProperty "fontName"
|
|
|
|
#pharagraph style
|
|
|
|
@basictool.al.set "selected", changes.isAlignedLeft if changes.hasOwnProperty "isAlignedLeft"
|
|
|
|
@basictool.ar.set "selected", changes.isAlignedRight if changes.hasOwnProperty "isAlignedRight"
|
|
|
|
@basictool.ac.set "selected", changes.isAlignedCenter if changes.hasOwnProperty "isAlignedCenter"
|
|
|
|
@basictool.aj.set "selected", changes.isAlignedJustified if changes.hasOwnProperty "isAlignedJustified"
|
|
|
|
|
|
|
|
updateHyperlinkButtons: (e) ->
|
|
|
|
selectedLinks = @editorSession.getSelectedHyperlinks()
|
|
|
|
@basictool.unlink.set "enable", selectedLinks.length > 0
|
|
|
|
|
|
|
|
selectFont: (name) ->
|
|
|
|
items = @basictool.fonts.get "items"
|
|
|
|
item = i for v, i in items when v.name is name
|
|
|
|
@basictool.fonts.set "selected", item
|
|
|
|
|
|
|
|
editorFocus: () ->
|
|
|
|
@editorSession.sessionController.getEventManager().focus()
|
2018-09-13 00:41:06 +02:00
|
|
|
|
2018-09-13 20:21:07 +02:00
|
|
|
bold: (e) ->
|
|
|
|
#console.log @, e
|
|
|
|
@directFormattingCtl.setBold (not @basictool.bold.get "selected")
|
|
|
|
|
|
|
|
italic: (e) ->
|
|
|
|
@directFormattingCtl.setItalic (not @basictool.italic.get "selected")
|
|
|
|
|
|
|
|
underline: (e) ->
|
|
|
|
@directFormattingCtl.setHasUnderline (not @basictool.underline.get "selected")
|
|
|
|
|
|
|
|
strike: (e) ->
|
|
|
|
@directFormattingCtl.setHasStrikethrough (not @basictool.strike.get "selected")
|
|
|
|
|
|
|
|
fonts: (e) ->
|
|
|
|
@directFormattingCtl.setFontName e.data.name
|
|
|
|
|
|
|
|
fontsize: (e) ->
|
|
|
|
@directFormattingCtl.setFontSize e
|
|
|
|
|
|
|
|
al: (e) ->
|
|
|
|
@directFormattingCtl.alignParagraphLeft()
|
|
|
|
|
|
|
|
ar: (e) ->
|
|
|
|
@directFormattingCtl.alignParagraphRight()
|
|
|
|
|
|
|
|
ac: (e) ->
|
|
|
|
@directFormattingCtl.alignParagraphCenter()
|
|
|
|
|
|
|
|
aj: (e) ->
|
|
|
|
@directFormattingCtl.alignParagraphJustified()
|
|
|
|
|
|
|
|
indent: (e) ->
|
|
|
|
@directFormattingCtl.indent()
|
|
|
|
|
|
|
|
outdent: (e) ->
|
|
|
|
@directFormattingCtl.outdent()
|
|
|
|
|
|
|
|
link: (e) ->
|
|
|
|
# get the link first
|
|
|
|
me = @
|
|
|
|
textSerializer = new odf.TextSerializer()
|
|
|
|
selection = @editorSession.getSelectedRange()
|
|
|
|
linksInSelection = @editorSession.getSelectedHyperlinks()
|
|
|
|
linkTarget = if linksInSelection[0] then odf.OdfUtils.getHyperlinkTarget(linksInSelection[0]) else "http://"
|
|
|
|
data =
|
|
|
|
link: linkTarget,
|
|
|
|
text: "",
|
|
|
|
readonly: true,
|
|
|
|
action: "new"
|
|
|
|
if selection and selection.collapsed and linksInSelection.length == 1
|
|
|
|
# selection is collapsed within a single link
|
|
|
|
# text in this case is read only
|
|
|
|
data.text = textSerializer.writeToString linksInSelection[0]
|
|
|
|
data.action = "edit"
|
|
|
|
else if selection and !selection.collapsed
|
|
|
|
# user select part of link or a block of text
|
|
|
|
# user convert a selection to a link
|
|
|
|
data.text = textSerializer.writeToString selection.cloneContents()
|
|
|
|
else
|
|
|
|
data.readonly = false
|
|
|
|
@openDialog new HyperLinkDialog(), (d) ->
|
|
|
|
selectionController = me.editorSession.sessionController.getSelectionController()
|
|
|
|
if d.readonly
|
|
|
|
# edit the existing link
|
|
|
|
if d.action is "edit"
|
|
|
|
selectedLinkRange = selection.cloneRange()
|
|
|
|
selectedLinkRange.selectNode(linksInSelection[0])
|
|
|
|
selectionController.selectRange(selectedLinkRange, true)
|
|
|
|
me.hyperlinkController.removeHyperlinks()
|
|
|
|
me.hyperlinkController.addHyperlink d.link
|
|
|
|
else
|
|
|
|
me.hyperlinkController.addHyperlink d.link, d.text
|
|
|
|
linksInSelection = me.editorSession.getSelectedHyperlinks()
|
|
|
|
selectedLinkRange = selection.cloneRange()
|
|
|
|
selectedLinkRange.selectNode(linksInSelection[0])
|
|
|
|
selectionController.selectRange(selectedLinkRange, true)
|
|
|
|
, "__(Insert/edit link)", data
|
|
|
|
|
|
|
|
unlink: (e) ->
|
|
|
|
@hyperlinkController.removeHyperlinks()
|
|
|
|
|
|
|
|
closeDocument: () ->
|
|
|
|
# finish editing
|
|
|
|
return unless @editorSession and @session
|
|
|
|
me = @
|
|
|
|
@eventSubscriptions.unsubscribeAll()
|
|
|
|
@editorSession.sessionController.endEditing()
|
|
|
|
@editorSession.sessionController.removeLocalCursor()
|
|
|
|
# remove user
|
|
|
|
op = new ops.OpRemoveMember()
|
|
|
|
op.init {
|
|
|
|
memberid: @userid
|
|
|
|
}
|
|
|
|
@session.enqueue [op]
|
|
|
|
# close the session
|
|
|
|
@session.close (e) ->
|
|
|
|
return (me.error "Cannot close session " + e) if e
|
|
|
|
me.editorSession.sessionController.getMetadataController().unsubscribe gui.MetadataController.signalMetadataChanged, me.metaChanged
|
|
|
|
me.editorSession.sessionController.getUndoManager().unsubscribe gui.UndoManager.signalDocumentModifiedChanged, me.documentChanged
|
|
|
|
me.directFormattingCtl.unsubscribe gui.DirectFormattingController.textStylingChanged, me.textStylingChanged
|
|
|
|
me.directFormattingCtl.unsubscribe gui.DirectFormattingController.paragraphStylingChanged, me.textStylingChanged
|
|
|
|
# destry editorSession
|
|
|
|
me.editorSession.destroy (e) ->
|
|
|
|
return (me.error "Cannot destroy editor session " + e) if e
|
|
|
|
me.editorSession = undefined
|
|
|
|
# destroy session
|
|
|
|
me.session.destroy (e) ->
|
|
|
|
return (me.error "Cannot destroy document session " + e) if e
|
|
|
|
core.Async.destroyAll [me.canvas.destroy], (e) ->
|
|
|
|
return me.error "Cannot destroy canvas" + e if e
|
|
|
|
me.notify "Document closed"
|
|
|
|
me.session = undefined
|
|
|
|
me.directFormattingCtl = undefined
|
|
|
|
#
|
|
|
|
|
|
|
|
|
|
|
|
cleanup: (e) ->
|
|
|
|
@closeDocument()
|
|
|
|
|
2018-09-13 00:41:06 +02:00
|
|
|
this.OS.register "OpenPage", OpenPage
|