mirror of
https://github.com/antos-rde/antosdk-apps.git
synced 2024-09-07 13:16:38 +02:00
364 lines
16 KiB
CoffeeScript
364 lines
16 KiB
CoffeeScript
class OpenPage extends this.OS.GUI.BaseApplication
|
|
constructor: ( args ) ->
|
|
super "OpenPage", args
|
|
|
|
main: () ->
|
|
# load session class
|
|
if not OpenPage.EditorSession
|
|
require ["webodf/editor/EditorSession"], (ES) ->
|
|
OpenPage.EditorSession = ES
|
|
@userid = @systemsetting.user.username
|
|
@eventSubscriptions = new core.EventSubscriptions()
|
|
@initToolbox()
|
|
@initCanvas()
|
|
@canvas.load "#{@_api.handler.get}/home://welcome.odt"
|
|
@currentStyle = ""
|
|
@resource =
|
|
fonts: []
|
|
formats: []
|
|
|
|
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"),
|
|
styles: @find("format-list"),
|
|
zoom: @find("slzoom")
|
|
format: @find("btformat")
|
|
|
|
fn = (name, el) ->
|
|
if name is "fonts" or name is "styles"
|
|
act = "onlistselect"
|
|
else if name is "fontsize" or name is "zoom"
|
|
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
|
|
|
|
(@find "btzoomfix").set "onbtclick", (e) -> me.zoom 100
|
|
@basictool.zoom.set "onchanging", (e) ->
|
|
zlb = me.find "lbzoom"
|
|
zlb.set "text", Math.floor(e) + "%"
|
|
|
|
initCanvas: () ->
|
|
el = @find "odfcanvas"
|
|
me = @
|
|
el.setAttribute "translate", "no"
|
|
el.classList.add "notranslate"
|
|
@canvas = new odf.OdfCanvas(el)
|
|
@documentChanged = (e) ->
|
|
#console.log e
|
|
@metaChanged = (e) ->
|
|
#console.log e
|
|
@textStylingChanged = (e) ->
|
|
me.updateToolbar e
|
|
@paragrahStyleChanged = (e) ->
|
|
return unless e.type is "style"
|
|
items = me.basictool.styles.get "items"
|
|
item = i for v, i in items when v.name is e.styleName
|
|
me.currentStyle = e.styleName
|
|
me.basictool.styles.set "selected", item
|
|
|
|
@updateSlider = (v) ->
|
|
value = Math.floor v*100
|
|
me.basictool.zoom.set "value", value
|
|
zlb = me.find "lbzoom"
|
|
zlb.set "text", value+"%"
|
|
|
|
#@canvas.enableAnnotations(true, true)
|
|
@canvas.addListener "statereadychange", ()->
|
|
me.session = new ops.Session(me.canvas)
|
|
viewOptions =
|
|
editInfoMarkersInitiallyVisible: false,
|
|
caretAvatarsInitiallyVisible: false,
|
|
caretBlinksOnRangeSelect: true
|
|
|
|
me.editorSession = new OpenPage.EditorSession(me.session,me.userid, {
|
|
viewOptions: viewOptions,
|
|
directTextStylingEnabled: true,
|
|
directParagraphStylingEnabled: true,
|
|
paragraphStyleSelectingEnabled: true,
|
|
paragraphStyleEditingEnabled: true,
|
|
imageEditingEnabled: true,
|
|
hyperlinkEditingEnabled: true,
|
|
annotationsEnabled: true,
|
|
zoomingEnabled: true,
|
|
reviewModeEnabled: false
|
|
})
|
|
# basic format
|
|
me.directFormattingCtl = me.editorSession.sessionController.getDirectFormattingController()
|
|
me.directFormattingCtl.subscribe gui.DirectFormattingController.textStylingChanged, me.textStylingChanged
|
|
me.directFormattingCtl.subscribe gui.DirectFormattingController.paragraphStylingChanged, me.textStylingChanged
|
|
me.editorSession.subscribe OpenPage.EditorSession.signalParagraphChanged, me.paragrahStyleChanged
|
|
|
|
# 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()
|
|
|
|
|
|
#image controller
|
|
me.imageController = me.editorSession.sessionController.getImageController()
|
|
#imageController.subscribe(gui.ImageController.enabledChanged, enableButtons)
|
|
|
|
#text controller
|
|
me.textController = me.editorSession.sessionController.getTextController()
|
|
|
|
# zoom controller
|
|
me.zoomHelper = me.editorSession.getOdfCanvas().getZoomHelper()
|
|
me.zoomHelper.subscribe gui.ZoomHelper.signalZoomChanged, me.updateSlider
|
|
me.updateSlider me.zoomHelper.getZoomLevel()
|
|
|
|
me.editorSession.sessionController.setUndoManager new gui.TrivialUndoManager()
|
|
me.editorSession.sessionController.getUndoManager().subscribe gui.UndoManager.signalDocumentModifiedChanged, me.documentChanged
|
|
me.editorSession.sessionController.getMetadataController().subscribe gui.MetadataController.signalMetadataChanged, me.metaChanged
|
|
op = new ops.OpAddMember()
|
|
op.init {
|
|
memberid: me.userid,
|
|
setProperties:{
|
|
"fullName": me.userid,
|
|
"color": "blue"
|
|
}
|
|
}
|
|
me.session.enqueue([op])
|
|
me.initFontList me.editorSession.getDeclaredFonts()
|
|
me.initStyles me.editorSession.getAvailableParagraphStyles()
|
|
me.editorSession.sessionController.insertLocalCursor()
|
|
me.editorSession.sessionController.startEditing()
|
|
#console.log me.editorSession.getDeclaredFonts()
|
|
#
|
|
|
|
initFontList: (list) ->
|
|
v.text = v.name for v in list
|
|
@resource.fonts.push { text: v.text, name: v.family } for v in list
|
|
@basictool.fonts.set "items", list
|
|
|
|
initStyles: (list) ->
|
|
v.text = v.displayName for v in list
|
|
@resource.formats.push { text: v.text, name: v.name, el: @editorSession.getParagraphStyleElement(v.name) } for v in list
|
|
@basictool.styles.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()
|
|
|
|
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()
|
|
|
|
undo: (e) ->
|
|
@editorSession.undo()
|
|
|
|
redo: (e) ->
|
|
@editorSession.redo()
|
|
|
|
image: (e) ->
|
|
me = @
|
|
@openDialog "FileDiaLog", (d, n, p) ->
|
|
fp = p.asFileHandler()
|
|
fp.asFileHandler().read (data) ->
|
|
blob = new Blob [data], { type: fp.info.mime }
|
|
reader = new FileReader()
|
|
reader.onloadend = () ->
|
|
return me.error __("Couldnt load image {0}", p) if reader.readyState isnt 2
|
|
# insert the image to document
|
|
hiddenImage = new Image()
|
|
hiddenImage.style.position = "absolute"
|
|
hiddenImage.style.left = "-99999px"
|
|
document.body.appendChild hiddenImage
|
|
hiddenImage.onload = () ->
|
|
content = reader.result.substring(reader.result.indexOf(",") + 1)
|
|
#insert image
|
|
me.textController.removeCurrentSelection()
|
|
me.imageController.insertImage fp.info.mime, content, hiddenImage.width, hiddenImage.height
|
|
document.body.removeChild hiddenImage
|
|
hiddenImage.src = reader.result
|
|
|
|
reader.readAsDataURL blob
|
|
, "binary"
|
|
, __("Select image file"), { mimes: ["image/.*"] }
|
|
|
|
styles: (e) ->
|
|
return if e.data.name is @currentStyle
|
|
@editorSession.setCurrentParagraphStyle e.data.name
|
|
|
|
zoom: (e) ->
|
|
#console.log "zooming", e
|
|
@zoomHelper.setZoomLevel e/100.0
|
|
|
|
format: (e) ->
|
|
@openDialog new FormatDialog(), (d) ->
|
|
console.log d
|
|
, __("Add/Modify paragraph format"), @resource
|
|
|
|
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 {0}", 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
|
|
me.editorSession.unsubscribe OpenPage.EditorSession.signalParagraphChanged, me.paragrahStyleChanged
|
|
me.zoomHelper.unsubscribe gui.ZoomHelper.signalZoomChanged, me.updateSlider
|
|
# destry editorSession
|
|
me.editorSession.destroy (e) ->
|
|
return me.error __("Cannot destroy editor session {0}", e) if e
|
|
me.editorSession = undefined
|
|
# destroy session
|
|
me.session.destroy (e) ->
|
|
return me.error __("Cannot destroy document session {0}", e) if e
|
|
core.Async.destroyAll [me.canvas.destroy], (e) ->
|
|
return me.error __("Cannot destroy canvas {0}", e) if e
|
|
me.notify "Document closed"
|
|
me.session = undefined
|
|
me.directFormattingCtl = undefined
|
|
me.textController = undefined
|
|
me.imageController = undefined
|
|
me.ZoomHelper = undefined
|
|
me.metaChanged = undefined
|
|
me.documentChanged = undefined
|
|
me.textStylingChanged = undefined
|
|
me.paragrahStyleChanged = undefined
|
|
me.updateSlider = undefined
|
|
#
|
|
|
|
|
|
cleanup: (e) ->
|
|
@closeDocument()
|
|
|
|
this.OS.register "OpenPage", OpenPage |