Skip to content

W
wiki-js
Commit 9caaeee6 authored by NGPixel's avatar NGPixel
Browse files
Options

Files Management + Editor Modal + Code Editor fixes

parent eb2e724f
Show whitespace changes
Inline Side-by-side
Showing with 731 additions and 94 deletions
README.md
View file @ 9caaeee6
...@@ -12,17 +12,18 @@ ...@@ -12,17 +12,18 @@
[![Known Vulnerabilities](https://snyk.io/test/github/requarks/wiki/badge.svg)](https://snyk.io/test/github/requarks/wiki) [![Known Vulnerabilities](https://snyk.io/test/github/requarks/wiki/badge.svg)](https://snyk.io/test/github/requarks/wiki)
##### A modern, lightweight and powerful wiki app built on NodeJS, Git and Markdown ##### A modern, lightweight and powerful wiki app built on NodeJS, Git and Markdown
*Under development* *Under active development*
### Documentation ### Documentation
- [Installation Guide](https://wiki.requarks.io/install) - [Official Website](https://wiki.requarks.io/)
- [Installation Guide](https://wiki.requarks.io/get-started.html)
##### Milestones ##### Milestones
- [ ] Account Management - [ ] Account Management
- [x] Assets Management - [x] Assets Management
- [x] Images - [x] Images
- [ ] Files/Documents - [x] Files/Documents
- [x] Authentication - [x] Authentication
- [x] Strategies - [x] Strategies
- [x] Local - [x] Local
...@@ -46,6 +47,10 @@ ...@@ -46,6 +47,10 @@
- [x] Markdown Editor - [x] Markdown Editor
- [x] Basic Formatting - [x] Basic Formatting
- [ ] Links - [ ] Links
- [x] Image Selection modal
- [x] File Selection modal
- [x] Inline Code
- [x] Code Editor modal
- [ ] Table Editor - [ ] Table Editor
- [x] Move Entry - [x] Move Entry
- [x] Navigation - [x] Navigation
......
assets/css/app.css
View file @ 9caaeee6
This source diff could not be displayed because it is too large. You can view the blob instead.
assets/js/app.js
View file @ 9caaeee6
"use strict";function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function setInputSelection(e,t,a){if(e.focus(),"undefined"!=typeof e.selectionStart)e.selectionStart=t,e.selectionEnd=a;else if(document.selection&&document.selection.createRange){e.select();var o=document.selection.createRange();o.collapse(!0),o.moveEnd("character",a),o.moveStart("character",t),o.select()}}function makeSafePath(e){var t=_.split(_.trim(e),"/");return t=_.map(t,function(e){return _.kebabCase(_.deburr(_.trim(e)))}),_.join(_.filter(t,function(e){return!_.isEmpty(e)}),"/")}var _createClass=function(){function e(e,t){for(var a=0;a<t.length;a++){var o=t[a];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}return function(t,a,o){return a&&e(t.prototype,a),o&&e(t,o),t}}();jQuery(document).ready(function(e){var t=this;e("a").smoothScroll({speed:400,offset:-70});new Sticky(".stickyscroll");e(window).bind("beforeunload",function(){e("#notifload").addClass("active")}),e(document).ajaxSend(function(){e("#notifload").addClass("active")}).ajaxComplete(function(){e("#notifload").removeClass("active")});var a=new Alerts;alertsData&&_.forEach(alertsData,function(e){a.push(e)});var o=io(window.location.origin);if(e("#search-input").length){e("#search-input").focus(),e(".searchresults").css("display","block");var n=new Vue({el:"#header-container",data:{searchq:"",searchres:[],searchsuggest:[],searchload:0,searchactive:!1,searchmoveidx:0,searchmovekey:"",searchmovearr:[]},watch:{searchq:function(e,t){n.searchmoveidx=0,e.length>=3?(n.searchactive=!0,n.searchload++,o.emit("search",{terms:e},function(e){n.searchres=e.match,n.searchsuggest=e.suggest,n.searchmovearr=_.concat([],n.searchres,n.searchsuggest),n.searchload>0&&n.searchload--})):(n.searchactive=!1,n.searchres=[],n.searchsuggest=[],n.searchmovearr=[],n.searchload=0)},searchmoveidx:function(e,t){e>0?n.searchmovekey=n.searchmovearr[e-1]?"res."+n.searchmovearr[e-1]._id:"sug."+n.searchmovearr[e-1]:n.searchmovekey=""}},methods:{useSuggestion:function(e){n.searchq=e},closeSearch:function(){n.searchq=""},moveSelectSearch:function(){if(!(n.searchmoveidx<1)){var e=n.searchmoveidx-1;n.searchmovearr[e]?window.location.assign("/"+n.searchmovearr[e]._id):n.searchq=n.searchmovearr[e]}},moveDownSearch:function(){n.searchmoveidx<n.searchmovearr.length&&n.searchmoveidx++},moveUpSearch:function(){n.searchmoveidx>0&&n.searchmoveidx--}}});e("main").on("click",n.closeSearch)}if(e("#page-type-view").length&&!function(){var t="home"!==e("#page-type-view").data("entrypath")?e("#page-type-view").data("entrypath"):"",o=t+"/new-page";e(".btn-create-prompt").on("click",function(a){e("#txt-create-prompt").val(o),e("#modal-create-prompt").toggleClass("is-active"),setInputSelection(e("#txt-create-prompt").get(0),t.length+1,o.length),e("#txt-create-prompt").removeClass("is-danger").next().addClass("is-hidden")}),e("#txt-create-prompt").on("keypress",function(t){13===t.which&&e(".btn-create-go").trigger("click")}),e(".btn-create-go").on("click",function(t){var a=makeSafePath(e("#txt-create-prompt").val());_.isEmpty(a)?e("#txt-create-prompt").addClass("is-danger").next().removeClass("is-hidden"):(e("#txt-create-prompt").parent().addClass("is-loading"),window.location.assign("/create/"+a))}),""!==t&&e(".btn-move-prompt").removeClass("is-hidden");var n=_.lastIndexOf(t,"/")+1;e(".btn-move-prompt").on("click",function(a){e("#txt-move-prompt").val(t),e("#modal-move-prompt").toggleClass("is-active"),setInputSelection(e("#txt-move-prompt").get(0),n,t.length),e("#txt-move-prompt").removeClass("is-danger").next().addClass("is-hidden")}),e("#txt-move-prompt").on("keypress",function(t){13===t.which&&e(".btn-move-go").trigger("click")}),e(".btn-move-go").on("click",function(o){var n=makeSafePath(e("#txt-move-prompt").val());_.isEmpty(n)||n===t||"home"===n?e("#txt-move-prompt").addClass("is-danger").next().removeClass("is-hidden"):(e("#txt-move-prompt").parent().addClass("is-loading"),e.ajax(window.location.href,{data:{move:n},dataType:"json",method:"PUT"}).then(function(e,t,o){e.ok?window.location.assign("/"+n):a.pushError("Something went wrong",e.error)},function(e,t,o){a.pushError("Something went wrong","Save operation failed.")}))})}(),e("#page-type-create").length){var i;!function(){var n=e("#page-type-create").data("entrypath");e(".btn-create-discard").on("click",function(t){e("#modal-create-discard").toggleClass("is-active")}),1===e("#mk-editor").length&&!function(){var r=!1;Vue.filter("filesize",function(e){return _.toUpper(filesize(e))});var l=new Vue({el:"#modal-editor-image",data:{isLoading:!1,isLoadingText:"",newFolderName:"",newFolderShow:!1,newFolderError:!1,fetchFromUrlURL:"",fetchFromUrlShow:!1,folders:[],currentFolder:"",currentImage:"",currentAlign:"left",images:[],uploadSucceeded:!1,postUploadChecks:0,renameImageShow:!1,renameImageId:"",renameImageFilename:"",deleteImageShow:!1,deleteImageId:"",deleteImageFilename:""},methods:{open:function(){r=!0,e("#modal-editor-image").addClass("is-active"),l.refreshFolders()},cancel:function(t){r=!1,e("#modal-editor-image").removeClass("is-active")},selectImage:function(e){l.currentImage=e},insertImage:function(e){i.codemirror.doc.somethingSelected()&&i.codemirror.execCommand("singleSelection");var t=_.find(l.images,["_id",l.currentImage]);t.normalizedPath="f:"===t.folder?t.filename:t.folder.slice(2)+"/"+t.filename,t.titleGuess=_.startCase(t.basename);var a="!["+t.titleGuess+"](/uploads/"+t.normalizedPath+' "'+t.titleGuess+'")';switch(l.currentAlign){case"center":a+="{.align-center}";break;case"right":a+="{.align-right}";break;case"logo":a+="{.pagelogo}"}i.codemirror.doc.replaceSelection(a),l.cancel()},newFolder:function(t){l.newFolderName="",l.newFolderError=!1,l.newFolderShow=!0,_.delay(function(){e("#txt-editor-newfoldername").focus()},400)},newFolderDiscard:function(e){l.newFolderShow=!1},newFolderCreate:function(e){var t=new RegExp("^[a-z0-9][a-z0-9-]*[a-z0-9]$");return l.newFolderName=_.kebabCase(_.trim(l.newFolderName)),_.isEmpty(l.newFolderName)||!t.test(l.newFolderName)?void(l.newFolderError=!0):(l.newFolderDiscard(),l.isLoadingText="Creating new folder...",l.isLoading=!0,void Vue.nextTick(function(){o.emit("uploadsCreateFolder",{foldername:l.newFolderName},function(e){l.folders=e,l.currentFolder=l.newFolderName,l.images=[],l.isLoading=!1})}))},fetchFromUrl:function(t){l.fetchFromUrlURL="",l.fetchFromUrlShow=!0,_.delay(function(){e("#txt-editor-fetchimgurl").focus()},400)},fetchFromUrlDiscard:function(e){l.fetchFromUrlShow=!1},fetchFromUrlGo:function(e){l.fetchFromUrlDiscard(),l.isLoadingText="Fetching image...",l.isLoading=!0,Vue.nextTick(function(){o.emit("uploadsFetchFileFromURL",{folder:l.currentFolder,fetchUrl:l.fetchFromUrlURL},function(e){e.ok?l.waitChangeComplete(l.images.length,!0):(l.isLoading=!1,a.pushError("Upload error",e.msg))})})},renameImage:function(){var t=_.find(l.images,["_id",l.renameImageId]);l.renameImageFilename=t.basename||"",l.renameImageShow=!0,_.delay(function(){e("#txt-editor-renameimage").focus(),_.defer(function(){e("#txt-editor-renameimage").select()})},400)},renameImageDiscard:function(){l.renameImageShow=!1},renameImageGo:function(){l.renameImageDiscard(),l.isLoadingText="Renaming image...",l.isLoading=!0,Vue.nextTick(function(){o.emit("uploadsRenameFile",{uid:l.renameImageId,folder:l.currentFolder,filename:l.renameImageFilename},function(e){e.ok?l.waitChangeComplete(l.images.length,!1):(l.isLoading=!1,a.pushError("Rename error",e.msg))})})},moveImage:function(e,t){l.isLoadingText="Moving image...",l.isLoading=!0,Vue.nextTick(function(){o.emit("uploadsMoveFile",{uid:e,folder:t},function(e){e.ok?l.loadImages():(l.isLoading=!1,a.pushError("Rename error",e.msg))})})},deleteImageWarn:function(e){if(e){var t=_.find(l.images,["_id",l.deleteImageId]);l.deleteImageFilename=t.filename||"this image"}l.deleteImageShow=e},deleteImageGo:function(){l.deleteImageWarn(!1),l.isLoadingText="Deleting image...",l.isLoading=!0,Vue.nextTick(function(){o.emit("uploadsDeleteFile",{uid:l.deleteImageId},function(e){l.loadImages()})})},selectFolder:function(e){l.currentFolder=e,l.loadImages()},refreshFolders:function(){l.isLoadingText="Fetching folders list...",l.isLoading=!0,l.currentFolder="",l.currentImage="",Vue.nextTick(function(){o.emit("uploadsGetFolders",{},function(e){l.folders=e,l.loadImages()})})},loadImages:function(e){return e||(l.isLoadingText="Fetching images...",l.isLoading=!0),new Promise(function(t,a){Vue.nextTick(function(){o.emit("uploadsGetImages",{folder:l.currentFolder},function(a){l.images=a,e||(l.isLoading=!1),l.attachContextMenus(),t(!0)})})})},waitChangeComplete:function(e,t){t=!_.isBoolean(t)||t,l.postUploadChecks++,l.isLoadingText="Processing...",Vue.nextTick(function(){l.loadImages(!0).then(function(){l.images.length!==e===t?(l.postUploadChecks=0,l.isLoading=!1):l.postUploadChecks>5?(l.postUploadChecks=0,l.isLoading=!1,a.pushError("Unable to fetch updated listing","Try again later")):_.delay(function(){l.waitChangeComplete(e,t)},1500)})})},attachContextMenus:function(){var t=_.map(l.folders,function(t){return{name:""!==t?t:"/ (root)",icon:"fa-folder",callback:function(t,a){var o=_.toString(e(a.$trigger).data("uid")),n=_.nth(l.folders,t);l.moveImage(o,n)}}});e.contextMenu("destroy",".editor-modal-imagechoices > figure"),e.contextMenu({selector:".editor-modal-imagechoices > figure",appendTo:".editor-modal-imagechoices",position:function(t,a,o){e(t.$trigger).addClass("is-contextopen");var n=e(t.$trigger).position(),i={w:e(t.$trigger).width()/2,h:e(t.$trigger).height()/2};t.$menu.css({top:n.top+i.h,left:n.left+i.w})},events:{hide:function(t){e(t.$trigger).removeClass("is-contextopen")}},items:{rename:{name:"Rename",icon:"fa-edit",callback:function(e,t){l.renameImageId=_.toString(t.$trigger[0].dataset.uid),l.renameImage()}},move:{name:"Move to...",icon:"fa-folder-open-o",items:t},delete:{name:"Delete",icon:"fa-trash",callback:function(e,t){l.deleteImageId=_.toString(t.$trigger[0].dataset.uid),l.deleteImageWarn(!0)}}}})}}});e("#btn-editor-uploadimage input").on("change",function(o){var n=l.images.length;e(o.currentTarget).simpleUpload("/uploads/img",{name:"imgfile",data:{folder:l.currentFolder},limit:20,expect:"json",allowedExts:["jpg","jpeg","gif","png","webp"],allowedTypes:["image/png","image/jpeg","image/gif","image/webp"],maxFileSize:3145728,init:function(e){l.uploadSucceeded=!1,l.isLoadingText="Preparing to upload...",l.isLoading=!0},progress:function(e){l.isLoadingText="Uploading..."+Math.round(e)+"%"},success:function(e){if(e.ok){var t=_.filter(e.results,["ok",!1]);t.length?(_.forEach(t,function(e){a.pushError("Upload error",e.msg)}),t.length<e.results.length&&(a.push({title:"Some uploads succeeded",message:"Files that are not mentionned in the errors above were uploaded successfully."}),l.uploadSucceeded=!0)):l.uploadSucceeded=!0}else a.pushError("Upload error",e.msg)},error:function(e){a.pushError(e.message,t.upload.file.name)},finish:function(){l.uploadSucceeded?l.waitChangeComplete(n,!0):l.isLoading=!1}})});var c=ace.edit("codeblock-editor");c.setTheme("ace/theme/tomorrow_night"),c.getSession().setMode("ace/mode/markdown"),c.setOption("fontSize","14px"),c.setOption("hScrollBarAlwaysVisible",!1),c.setOption("wrap",!0);var s=ace.require("ace/ext/modelist"),d=[],m=function(t){return e.ajax({url:"/js/ace/mode-"+t+".js",dataType:"script",cache:!0,beforeSend:function(){if(_.includes(d,t))return!1},success:function(){d.push(t)}})},g=new Vue({el:"#modal-editor-codeblock",data:{modes:s.modesByName,modeSelected:"text"},watch:{modeSelected:function(e,t){m(e).done(function(){ace.require("ace/mode/"+e),c.getSession().setMode("ace/mode/"+e)})}},methods:{open:function(t){e("#modal-editor-codeblock").addClass("is-active"),_.delay(function(){c.resize(),c.focus(),c.setAutoScrollEditorIntoView(!0),c.renderer.updateFull()},1e3)},cancel:function(t){r=!1,e("#modal-editor-codeblock").removeClass("is-active")},insertCode:function(e){i.codemirror.doc.somethingSelected()&&i.codemirror.execCommand("singleSelection");var t="\n```"+g.modeSelected+"\n"+c.getValue()+"\n```\n";i.codemirror.doc.replaceSelection(t),g.cancel()}}});i=new SimpleMDE({autofocus:!0,autoDownloadFontAwesome:!1,element:e("#mk-editor").get(0),placeholder:"Enter Markdown formatted content here...",spellChecker:!1,status:!1,toolbar:[{name:"bold",action:SimpleMDE.toggleBold,className:"fa fa-bold",title:"Bold"},{name:"italic",action:SimpleMDE.toggleItalic,className:"fa fa-italic",title:"Italic"},{name:"strikethrough",action:SimpleMDE.toggleStrikethrough,className:"fa fa-strikethrough",title:"Strikethrough"},"|",{name:"heading-1",action:SimpleMDE.toggleHeading1,className:"fa fa-header fa-header-x fa-header-1",title:"Big Heading"},{name:"heading-2",action:SimpleMDE.toggleHeading2,className:"fa fa-header fa-header-x fa-header-2",title:"Medium Heading"},{name:"heading-3",action:SimpleMDE.toggleHeading3,className:"fa fa-header fa-header-x fa-header-3",title:"Small Heading"},{name:"quote",action:SimpleMDE.toggleBlockquote,className:"fa fa-quote-left",title:"Quote"},"|",{name:"unordered-list",action:SimpleMDE.toggleUnorderedList,className:"fa fa-list-ul",title:"Bullet List"},{name:"ordered-list",action:SimpleMDE.toggleOrderedList,className:"fa fa-list-ol",title:"Numbered List"},"|",{name:"link",action:function(e){},className:"fa fa-link",title:"Insert Link"},{name:"image",action:function(e){r||l.open()},className:"fa fa-image",title:"Insert Image"},{name:"file",action:function(e){},className:"fa fa-file-text-o",title:"Insert File"},"|",{name:"inline-code",action:function(e){if(!e.codemirror.doc.somethingSelected())return a.pushError("Invalid selection","You must select at least 1 character first.");var t=e.codemirror.doc.getSelections();t=_.map(t,function(e){return"`"+e+"`"}),e.codemirror.doc.replaceSelections(t)},className:"fa fa-terminal",title:"Inline Code"},{name:"code-block",action:function(e){r||(r=!0,i.codemirror.doc.somethingSelected()?c.setValue(i.codemirror.doc.getSelection()):c.setValue(""),g.open())},className:"fa fa-code",title:"Code Block"},"|",{name:"table",action:function(e){},className:"fa fa-table",title:"Insert Table"},{name:"horizontal-rule",action:SimpleMDE.drawHorizontalRule,className:"fa fa-minus",title:"Horizontal Rule"}],shortcuts:{toggleBlockquote:null,toggleFullScreen:null}}),e(".btn-edit-save, .btn-create-save").on("click",function(t){e.ajax(window.location.href,{data:{markdown:i.value()},dataType:"json",method:"PUT"}).then(function(e,t,o){e.ok?window.location.assign("/"+n):a.pushError("Something went wrong",e.error)},function(e,t,o){a.pushError("Something went wrong","Save operation failed.")})})}()}()}if(e("#page-type-edit").length){var i;!function(){var n=e("#page-type-edit").data("entrypath");e(".btn-edit-discard").on("click",function(t){e("#modal-edit-discard").toggleClass("is-active")}),1===e("#mk-editor").length&&!function(){var r=!1;Vue.filter("filesize",function(e){return _.toUpper(filesize(e))});var l=new Vue({el:"#modal-editor-image",data:{isLoading:!1,isLoadingText:"",newFolderName:"",newFolderShow:!1,newFolderError:!1,fetchFromUrlURL:"",fetchFromUrlShow:!1,folders:[],currentFolder:"",currentImage:"",currentAlign:"left",images:[],uploadSucceeded:!1,postUploadChecks:0,renameImageShow:!1,renameImageId:"",renameImageFilename:"",deleteImageShow:!1,deleteImageId:"",deleteImageFilename:""},methods:{open:function(){r=!0,e("#modal-editor-image").addClass("is-active"),l.refreshFolders()},cancel:function(t){r=!1,e("#modal-editor-image").removeClass("is-active")},selectImage:function(e){l.currentImage=e},insertImage:function(e){i.codemirror.doc.somethingSelected()&&i.codemirror.execCommand("singleSelection");var t=_.find(l.images,["_id",l.currentImage]);t.normalizedPath="f:"===t.folder?t.filename:t.folder.slice(2)+"/"+t.filename,t.titleGuess=_.startCase(t.basename);var a="!["+t.titleGuess+"](/uploads/"+t.normalizedPath+' "'+t.titleGuess+'")';switch(l.currentAlign){case"center":a+="{.align-center}";break;case"right":a+="{.align-right}";break;case"logo":a+="{.pagelogo}"}i.codemirror.doc.replaceSelection(a),l.cancel()},newFolder:function(t){l.newFolderName="",l.newFolderError=!1,l.newFolderShow=!0,_.delay(function(){e("#txt-editor-newfoldername").focus()},400)},newFolderDiscard:function(e){l.newFolderShow=!1},newFolderCreate:function(e){var t=new RegExp("^[a-z0-9][a-z0-9-]*[a-z0-9]$");return l.newFolderName=_.kebabCase(_.trim(l.newFolderName)),_.isEmpty(l.newFolderName)||!t.test(l.newFolderName)?void(l.newFolderError=!0):(l.newFolderDiscard(),l.isLoadingText="Creating new folder...",l.isLoading=!0,void Vue.nextTick(function(){o.emit("uploadsCreateFolder",{foldername:l.newFolderName},function(e){l.folders=e,l.currentFolder=l.newFolderName,l.images=[],l.isLoading=!1})}))},fetchFromUrl:function(t){l.fetchFromUrlURL="",l.fetchFromUrlShow=!0,_.delay(function(){e("#txt-editor-fetchimgurl").focus()},400)},fetchFromUrlDiscard:function(e){l.fetchFromUrlShow=!1},fetchFromUrlGo:function(e){l.fetchFromUrlDiscard(),l.isLoadingText="Fetching image...",l.isLoading=!0,Vue.nextTick(function(){o.emit("uploadsFetchFileFromURL",{folder:l.currentFolder,fetchUrl:l.fetchFromUrlURL},function(e){e.ok?l.waitChangeComplete(l.images.length,!0):(l.isLoading=!1,a.pushError("Upload error",e.msg))})})},renameImage:function(){var t=_.find(l.images,["_id",l.renameImageId]);l.renameImageFilename=t.basename||"",l.renameImageShow=!0,_.delay(function(){e("#txt-editor-renameimage").focus(),_.defer(function(){e("#txt-editor-renameimage").select()})},400)},renameImageDiscard:function(){l.renameImageShow=!1},renameImageGo:function(){l.renameImageDiscard(),l.isLoadingText="Renaming image...",l.isLoading=!0,Vue.nextTick(function(){o.emit("uploadsRenameFile",{uid:l.renameImageId,folder:l.currentFolder,filename:l.renameImageFilename},function(e){e.ok?l.waitChangeComplete(l.images.length,!1):(l.isLoading=!1,a.pushError("Rename error",e.msg))})})},moveImage:function(e,t){l.isLoadingText="Moving image...",l.isLoading=!0,Vue.nextTick(function(){o.emit("uploadsMoveFile",{uid:e,folder:t},function(e){e.ok?l.loadImages():(l.isLoading=!1,a.pushError("Rename error",e.msg))})})},deleteImageWarn:function(e){if(e){var t=_.find(l.images,["_id",l.deleteImageId]);l.deleteImageFilename=t.filename||"this image"}l.deleteImageShow=e},deleteImageGo:function(){l.deleteImageWarn(!1),l.isLoadingText="Deleting image...",l.isLoading=!0,Vue.nextTick(function(){o.emit("uploadsDeleteFile",{uid:l.deleteImageId},function(e){l.loadImages()})})},selectFolder:function(e){l.currentFolder=e,l.loadImages()},refreshFolders:function(){l.isLoadingText="Fetching folders list...",l.isLoading=!0,l.currentFolder="",l.currentImage="",Vue.nextTick(function(){o.emit("uploadsGetFolders",{},function(e){l.folders=e,l.loadImages()})})},loadImages:function(e){return e||(l.isLoadingText="Fetching images...",l.isLoading=!0),new Promise(function(t,a){Vue.nextTick(function(){o.emit("uploadsGetImages",{folder:l.currentFolder},function(a){l.images=a,e||(l.isLoading=!1),l.attachContextMenus(),t(!0)})})})},waitChangeComplete:function(e,t){t=!_.isBoolean(t)||t,l.postUploadChecks++,l.isLoadingText="Processing...",Vue.nextTick(function(){l.loadImages(!0).then(function(){l.images.length!==e===t?(l.postUploadChecks=0,l.isLoading=!1):l.postUploadChecks>5?(l.postUploadChecks=0,l.isLoading=!1,a.pushError("Unable to fetch updated listing","Try again later")):_.delay(function(){l.waitChangeComplete(e,t)},1500)})})},attachContextMenus:function(){var t=_.map(l.folders,function(t){return{name:""!==t?t:"/ (root)",icon:"fa-folder",callback:function(t,a){var o=_.toString(e(a.$trigger).data("uid")),n=_.nth(l.folders,t);l.moveImage(o,n)}}});e.contextMenu("destroy",".editor-modal-imagechoices > figure"),e.contextMenu({selector:".editor-modal-imagechoices > figure",appendTo:".editor-modal-imagechoices",position:function(t,a,o){e(t.$trigger).addClass("is-contextopen");var n=e(t.$trigger).position(),i={w:e(t.$trigger).width()/2,h:e(t.$trigger).height()/2};t.$menu.css({top:n.top+i.h,left:n.left+i.w})},events:{hide:function(t){e(t.$trigger).removeClass("is-contextopen")}},items:{rename:{name:"Rename",icon:"fa-edit",callback:function(e,t){l.renameImageId=_.toString(t.$trigger[0].dataset.uid),l.renameImage()}},move:{name:"Move to...",icon:"fa-folder-open-o",items:t},delete:{name:"Delete",icon:"fa-trash",callback:function(e,t){l.deleteImageId=_.toString(t.$trigger[0].dataset.uid),l.deleteImageWarn(!0)}}}})}}});e("#btn-editor-uploadimage input").on("change",function(o){var n=l.images.length;e(o.currentTarget).simpleUpload("/uploads/img",{name:"imgfile",data:{folder:l.currentFolder},limit:20,expect:"json",allowedExts:["jpg","jpeg","gif","png","webp"],allowedTypes:["image/png","image/jpeg","image/gif","image/webp"],maxFileSize:3145728,init:function(e){l.uploadSucceeded=!1,l.isLoadingText="Preparing to upload...",l.isLoading=!0},progress:function(e){l.isLoadingText="Uploading..."+Math.round(e)+"%"},success:function(e){if(e.ok){var t=_.filter(e.results,["ok",!1]);t.length?(_.forEach(t,function(e){a.pushError("Upload error",e.msg)}),t.length<e.results.length&&(a.push({title:"Some uploads succeeded",message:"Files that are not mentionned in the errors above were uploaded successfully."}),l.uploadSucceeded=!0)):l.uploadSucceeded=!0}else a.pushError("Upload error",e.msg)},error:function(e){a.pushError(e.message,t.upload.file.name)},finish:function(){l.uploadSucceeded?l.waitChangeComplete(n,!0):l.isLoading=!1}})});var c=ace.edit("codeblock-editor");c.setTheme("ace/theme/tomorrow_night"),c.getSession().setMode("ace/mode/markdown"),c.setOption("fontSize","14px"),c.setOption("hScrollBarAlwaysVisible",!1),c.setOption("wrap",!0);var s=ace.require("ace/ext/modelist"),d=[],m=function(t){return e.ajax({url:"/js/ace/mode-"+t+".js",dataType:"script",cache:!0,beforeSend:function(){if(_.includes(d,t))return!1},success:function(){d.push(t)}})},g=new Vue({el:"#modal-editor-codeblock",data:{modes:s.modesByName,modeSelected:"text"},watch:{modeSelected:function(e,t){m(e).done(function(){ace.require("ace/mode/"+e),c.getSession().setMode("ace/mode/"+e)})}},methods:{open:function(t){e("#modal-editor-codeblock").addClass("is-active"),_.delay(function(){c.resize(),c.focus(),c.setAutoScrollEditorIntoView(!0),c.renderer.updateFull()},1e3)},cancel:function(t){r=!1,e("#modal-editor-codeblock").removeClass("is-active")},insertCode:function(e){i.codemirror.doc.somethingSelected()&&i.codemirror.execCommand("singleSelection");var t="\n```"+g.modeSelected+"\n"+c.getValue()+"\n```\n";i.codemirror.doc.replaceSelection(t),g.cancel()}}});i=new SimpleMDE({autofocus:!0,autoDownloadFontAwesome:!1,element:e("#mk-editor").get(0),placeholder:"Enter Markdown formatted content here...",spellChecker:!1,status:!1,toolbar:[{name:"bold",action:SimpleMDE.toggleBold,className:"fa fa-bold",title:"Bold"},{name:"italic",action:SimpleMDE.toggleItalic,className:"fa fa-italic",title:"Italic"},{name:"strikethrough",action:SimpleMDE.toggleStrikethrough,className:"fa fa-strikethrough",title:"Strikethrough"},"|",{name:"heading-1",action:SimpleMDE.toggleHeading1,className:"fa fa-header fa-header-x fa-header-1",title:"Big Heading"},{name:"heading-2",action:SimpleMDE.toggleHeading2,className:"fa fa-header fa-header-x fa-header-2",title:"Medium Heading"},{name:"heading-3",action:SimpleMDE.toggleHeading3,className:"fa fa-header fa-header-x fa-header-3",title:"Small Heading"},{name:"quote",action:SimpleMDE.toggleBlockquote,className:"fa fa-quote-left",title:"Quote"},"|",{name:"unordered-list",action:SimpleMDE.toggleUnorderedList,className:"fa fa-list-ul",title:"Bullet List"},{name:"ordered-list",action:SimpleMDE.toggleOrderedList,className:"fa fa-list-ol",title:"Numbered List"},"|",{name:"link",action:function(e){},className:"fa fa-link",title:"Insert Link"},{name:"image",action:function(e){r||l.open()},className:"fa fa-image",title:"Insert Image"},{name:"file",action:function(e){},className:"fa fa-file-text-o",title:"Insert File"},"|",{name:"inline-code",action:function(e){if(!e.codemirror.doc.somethingSelected())return a.pushError("Invalid selection","You must select at least 1 character first.");var t=e.codemirror.doc.getSelections();t=_.map(t,function(e){return"`"+e+"`"}),e.codemirror.doc.replaceSelections(t)},className:"fa fa-terminal",title:"Inline Code"},{name:"code-block",action:function(e){r||(r=!0,i.codemirror.doc.somethingSelected()?c.setValue(i.codemirror.doc.getSelection()):c.setValue(""),g.open())},className:"fa fa-code",title:"Code Block"},"|",{name:"table",action:function(e){},className:"fa fa-table",title:"Insert Table"},{name:"horizontal-rule",action:SimpleMDE.drawHorizontalRule,className:"fa fa-minus",title:"Horizontal Rule"}],shortcuts:{toggleBlockquote:null,toggleFullScreen:null}}),e(".btn-edit-save, .btn-create-save").on("click",function(t){e.ajax(window.location.href,{data:{markdown:i.value()},dataType:"json",method:"PUT"}).then(function(e,t,o){e.ok?window.location.assign("/"+n):a.pushError("Something went wrong",e.error)},function(e,t,o){a.pushError("Something went wrong","Save operation failed.")})})}()}()}if(e("#page-type-source").length){var r;!function(){r=ace.edit("source-display"),r.setTheme("ace/theme/tomorrow_night"),r.getSession().setMode("ace/mode/markdown"),r.setReadOnly(!0),r.renderer.updateFull();var t="home"!==e("#page-type-source").data("entrypath")?e("#page-type-source").data("entrypath"):"",o=t+"/new-page";e(".btn-create-prompt").on("click",function(a){e("#txt-create-prompt").val(o),e("#modal-create-prompt").toggleClass("is-active"),setInputSelection(e("#txt-create-prompt").get(0),t.length+1,o.length),e("#txt-create-prompt").removeClass("is-danger").next().addClass("is-hidden")}),e("#txt-create-prompt").on("keypress",function(t){13===t.which&&e(".btn-create-go").trigger("click")}),e(".btn-create-go").on("click",function(t){var a=makeSafePath(e("#txt-create-prompt").val());_.isEmpty(a)?e("#txt-create-prompt").addClass("is-danger").next().removeClass("is-hidden"):(e("#txt-create-prompt").parent().addClass("is-loading"),window.location.assign("/create/"+a))}),""!==t&&e(".btn-move-prompt").removeClass("is-hidden");var n=_.lastIndexOf(t,"/")+1;e(".btn-move-prompt").on("click",function(a){e("#txt-move-prompt").val(t),e("#modal-move-prompt").toggleClass("is-active"),setInputSelection(e("#txt-move-prompt").get(0),n,t.length),e("#txt-move-prompt").removeClass("is-danger").next().addClass("is-hidden")}),e("#txt-move-prompt").on("keypress",function(t){13===t.which&&e(".btn-move-go").trigger("click")}),e(".btn-move-go").on("click",function(o){var n=makeSafePath(e("#txt-move-prompt").val());_.isEmpty(n)||n===t||"home"===n?e("#txt-move-prompt").addClass("is-danger").next().removeClass("is-hidden"):(e("#txt-move-prompt").parent().addClass("is-loading"),e.ajax(window.location.href,{data:{move:n},dataType:"json",method:"PUT"}).then(function(e,t,o){e.ok?window.location.assign("/"+n):a.pushError("Something went wrong",e.error)},function(e,t,o){a.pushError("Something went wrong","Save operation failed.")}))})}()}});var Alerts=function(){function e(){_classCallCheck(this,e);var t=this;t.mdl=new Vue({el:"#alerts",data:{children:[]},methods:{acknowledge:function(e){t.close(e)}}}),t.uidNext=1}return _createClass(e,[{key:"push",value:function(e){var t=this,a=_.defaults(e,{_uid:t.uidNext,class:"is-info",message:"---",sticky:!1,title:"---"});t.mdl.children.push(a),a.sticky||_.delay(function(){t.close(a._uid)},5e3),t.uidNext++}},{key:"pushError",value:function(e,t){this.push({class:"is-danger",message:t,sticky:!1,title:e})}},{key:"pushSuccess",value:function(e,t){this.push({class:"is-success",message:t,sticky:!1,title:e})}},{key:"close",value:function(e){var t=this,a=_.findIndex(t.mdl.children,["_uid",e]),o=_.nth(t.mdl.children,a);a>=0&&o&&(o.class+=" exit",Vue.set(t.mdl.children,a,o),_.delay(function(){t.mdl.children.splice(a,1)},500))}}]),e}(); "use strict";function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function setInputSelection(e,t,o){if(e.focus(),"undefined"!=typeof e.selectionStart)e.selectionStart=t,e.selectionEnd=o;else if(document.selection&&document.selection.createRange){e.select();var n=document.selection.createRange();n.collapse(!0),n.moveEnd("character",o),n.moveStart("character",t),n.select()}}function makeSafePath(e){var t=_.split(_.trim(e),"/");return t=_.map(t,function(e){return _.kebabCase(_.deburr(_.trim(e)))}),_.join(_.filter(t,function(e){return!_.isEmpty(e)}),"/")}var _createClass=function(){function e(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}return function(t,o,n){return o&&e(t.prototype,o),n&&e(t,n),t}}();jQuery(document).ready(function(e){var t=this;e("a").smoothScroll({speed:400,offset:-70});new Sticky(".stickyscroll");e(window).bind("beforeunload",function(){e("#notifload").addClass("active")}),e(document).ajaxSend(function(){e("#notifload").addClass("active")}).ajaxComplete(function(){e("#notifload").removeClass("active")});var o=new Alerts;alertsData&&_.forEach(alertsData,function(e){o.push(e)});var n=io(window.location.origin);if(e("#search-input").length){e("#search-input").focus(),e(".searchresults").css("display","block");var i=new Vue({el:"#header-container",data:{searchq:"",searchres:[],searchsuggest:[],searchload:0,searchactive:!1,searchmoveidx:0,searchmovekey:"",searchmovearr:[]},watch:{searchq:function(e,t){i.searchmoveidx=0,e.length>=3?(i.searchactive=!0,i.searchload++,n.emit("search",{terms:e},function(e){i.searchres=e.match,i.searchsuggest=e.suggest,i.searchmovearr=_.concat([],i.searchres,i.searchsuggest),i.searchload>0&&i.searchload--})):(i.searchactive=!1,i.searchres=[],i.searchsuggest=[],i.searchmovearr=[],i.searchload=0)},searchmoveidx:function(e,t){e>0?i.searchmovekey=i.searchmovearr[e-1]?"res."+i.searchmovearr[e-1]._id:"sug."+i.searchmovearr[e-1]:i.searchmovekey=""}},methods:{useSuggestion:function(e){i.searchq=e},closeSearch:function(){i.searchq=""},moveSelectSearch:function(){if(!(i.searchmoveidx<1)){var e=i.searchmoveidx-1;i.searchmovearr[e]?window.location.assign("/"+i.searchmovearr[e]._id):i.searchq=i.searchmovearr[e]}},moveDownSearch:function(){i.searchmoveidx<i.searchmovearr.length&&i.searchmoveidx++},moveUpSearch:function(){i.searchmoveidx>0&&i.searchmoveidx--}}});e("main").on("click",i.closeSearch)}if(e("#page-type-view").length&&!function(){var t="home"!==e("#page-type-view").data("entrypath")?e("#page-type-view").data("entrypath"):"",n=t+"/new-page";e(".btn-create-prompt").on("click",function(o){e("#txt-create-prompt").val(n),e("#modal-create-prompt").toggleClass("is-active"),setInputSelection(e("#txt-create-prompt").get(0),t.length+1,n.length),e("#txt-create-prompt").removeClass("is-danger").next().addClass("is-hidden")}),e("#txt-create-prompt").on("keypress",function(t){13===t.which&&e(".btn-create-go").trigger("click")}),e(".btn-create-go").on("click",function(t){var o=makeSafePath(e("#txt-create-prompt").val());_.isEmpty(o)?e("#txt-create-prompt").addClass("is-danger").next().removeClass("is-hidden"):(e("#txt-create-prompt").parent().addClass("is-loading"),window.location.assign("/create/"+o))}),""!==t&&e(".btn-move-prompt").removeClass("is-hidden");var i=_.lastIndexOf(t,"/")+1;e(".btn-move-prompt").on("click",function(o){e("#txt-move-prompt").val(t),e("#modal-move-prompt").toggleClass("is-active"),setInputSelection(e("#txt-move-prompt").get(0),i,t.length),e("#txt-move-prompt").removeClass("is-danger").next().addClass("is-hidden")}),e("#txt-move-prompt").on("keypress",function(t){13===t.which&&e(".btn-move-go").trigger("click")}),e(".btn-move-go").on("click",function(n){var i=makeSafePath(e("#txt-move-prompt").val());_.isEmpty(i)||i===t||"home"===i?e("#txt-move-prompt").addClass("is-danger").next().removeClass("is-hidden"):(e("#txt-move-prompt").parent().addClass("is-loading"),e.ajax(window.location.href,{data:{move:i},dataType:"json",method:"PUT"}).then(function(e,t,n){e.ok?window.location.assign("/"+i):o.pushError("Something went wrong",e.error)},function(e,t,n){o.pushError("Something went wrong","Save operation failed.")}))})}(),e("#page-type-create").length){var a;!function(){var i=e("#page-type-create").data("entrypath");e(".btn-create-discard").on("click",function(t){e("#modal-create-discard").toggleClass("is-active")}),1===e("#mk-editor").length&&!function(){var r=!1;Vue.filter("filesize",function(e){return _.toUpper(filesize(e))});var l=new Vue({el:"#modal-editor-image",data:{isLoading:!1,isLoadingText:"",newFolderName:"",newFolderShow:!1,newFolderError:!1,fetchFromUrlURL:"",fetchFromUrlShow:!1,folders:[],currentFolder:"",currentImage:"",currentAlign:"left",images:[],uploadSucceeded:!1,postUploadChecks:0,renameImageShow:!1,renameImageId:"",renameImageFilename:"",deleteImageShow:!1,deleteImageId:"",deleteImageFilename:""},methods:{open:function(){r=!0,e("#modal-editor-image").addClass("is-active"),l.refreshFolders()},cancel:function(t){r=!1,e("#modal-editor-image").removeClass("is-active")},selectImage:function(e){l.currentImage=e},insertImage:function(e){a.codemirror.doc.somethingSelected()&&a.codemirror.execCommand("singleSelection");var t=_.find(l.images,["_id",l.currentImage]);t.normalizedPath="f:"===t.folder?t.filename:t.folder.slice(2)+"/"+t.filename,t.titleGuess=_.startCase(t.basename);var o="!["+t.titleGuess+"](/uploads/"+t.normalizedPath+' "'+t.titleGuess+'")';switch(l.currentAlign){case"center":o+="{.align-center}";break;case"right":o+="{.align-right}";break;case"logo":o+="{.pagelogo}"}a.codemirror.doc.replaceSelection(o),l.cancel()},newFolder:function(t){l.newFolderName="",l.newFolderError=!1,l.newFolderShow=!0,_.delay(function(){e("#txt-editor-image-newfoldername").focus()},400)},newFolderDiscard:function(e){l.newFolderShow=!1},newFolderCreate:function(e){var t=new RegExp("^[a-z0-9][a-z0-9-]*[a-z0-9]$");return l.newFolderName=_.kebabCase(_.trim(l.newFolderName)),_.isEmpty(l.newFolderName)||!t.test(l.newFolderName)?void(l.newFolderError=!0):(l.newFolderDiscard(),l.isLoadingText="Creating new folder...",l.isLoading=!0,void Vue.nextTick(function(){n.emit("uploadsCreateFolder",{foldername:l.newFolderName},function(e){l.folders=e,l.currentFolder=l.newFolderName,l.images=[],l.isLoading=!1})}))},fetchFromUrl:function(t){l.fetchFromUrlURL="",l.fetchFromUrlShow=!0,_.delay(function(){e("#txt-editor-image-fetchurl").focus()},400)},fetchFromUrlDiscard:function(e){l.fetchFromUrlShow=!1},fetchFromUrlGo:function(e){l.fetchFromUrlDiscard(),l.isLoadingText="Fetching image...",l.isLoading=!0,Vue.nextTick(function(){n.emit("uploadsFetchFileFromURL",{folder:l.currentFolder,fetchUrl:l.fetchFromUrlURL},function(e){e.ok?l.waitChangeComplete(l.images.length,!0):(l.isLoading=!1,o.pushError("Upload error",e.msg))})})},renameImage:function(){var t=_.find(l.images,["_id",l.renameImageId]);l.renameImageFilename=t.basename||"",l.renameImageShow=!0,_.delay(function(){e("#txt-editor-image-rename").focus(),_.defer(function(){e("#txt-editor-image-rename").select()})},400)},renameImageDiscard:function(){l.renameImageShow=!1},renameImageGo:function(){l.renameImageDiscard(),l.isLoadingText="Renaming image...",l.isLoading=!0,Vue.nextTick(function(){n.emit("uploadsRenameFile",{uid:l.renameImageId,folder:l.currentFolder,filename:l.renameImageFilename},function(e){e.ok?l.waitChangeComplete(l.images.length,!1):(l.isLoading=!1,o.pushError("Rename error",e.msg))})})},moveImage:function(e,t){l.isLoadingText="Moving image...",l.isLoading=!0,Vue.nextTick(function(){n.emit("uploadsMoveFile",{uid:e,folder:t},function(e){e.ok?l.loadImages():(l.isLoading=!1,o.pushError("Rename error",e.msg))})})},deleteImageWarn:function(e){if(e){var t=_.find(l.images,["_id",l.deleteImageId]);l.deleteImageFilename=t.filename||"this image"}l.deleteImageShow=e},deleteImageGo:function(){l.deleteImageWarn(!1),l.isLoadingText="Deleting image...",l.isLoading=!0,Vue.nextTick(function(){n.emit("uploadsDeleteFile",{uid:l.deleteImageId},function(e){l.loadImages()})})},selectFolder:function(e){l.currentFolder=e,l.loadImages()},refreshFolders:function(){l.isLoadingText="Fetching folders list...",l.isLoading=!0,l.currentFolder="",l.currentImage="",Vue.nextTick(function(){n.emit("uploadsGetFolders",{},function(e){l.folders=e,l.loadImages()})})},loadImages:function(e){return e||(l.isLoadingText="Fetching images...",l.isLoading=!0),new Promise(function(t,o){Vue.nextTick(function(){n.emit("uploadsGetImages",{folder:l.currentFolder},function(o){l.images=o,e||(l.isLoading=!1),l.attachContextMenus(),t(!0)})})})},waitChangeComplete:function(e,t){t=!_.isBoolean(t)||t,l.postUploadChecks++,l.isLoadingText="Processing...",Vue.nextTick(function(){l.loadImages(!0).then(function(){l.images.length!==e===t?(l.postUploadChecks=0,l.isLoading=!1):l.postUploadChecks>5?(l.postUploadChecks=0,l.isLoading=!1,o.pushError("Unable to fetch updated listing","Try again later")):_.delay(function(){l.waitChangeComplete(e,t)},1500)})})},attachContextMenus:function(){var t=_.map(l.folders,function(t){return{name:""!==t?t:"/ (root)",icon:"fa-folder",callback:function(t,o){var n=_.toString(e(o.$trigger).data("uid")),i=_.nth(l.folders,t);l.moveImage(n,i)}}});e.contextMenu("destroy",".editor-modal-image-choices > figure"),e.contextMenu({selector:".editor-modal-image-choices > figure",appendTo:".editor-modal-image-choices",position:function(t,o,n){e(t.$trigger).addClass("is-contextopen");var i=e(t.$trigger).position(),a={w:e(t.$trigger).width()/2,h:e(t.$trigger).height()/2};t.$menu.css({top:i.top+a.h,left:i.left+a.w})},events:{hide:function(t){e(t.$trigger).removeClass("is-contextopen")}},items:{rename:{name:"Rename",icon:"fa-edit",callback:function(e,t){l.renameImageId=_.toString(t.$trigger[0].dataset.uid),l.renameImage()}},move:{name:"Move to...",icon:"fa-folder-open-o",items:t},delete:{name:"Delete",icon:"fa-trash",callback:function(e,t){l.deleteImageId=_.toString(t.$trigger[0].dataset.uid),l.deleteImageWarn(!0)}}}})}}});e("#btn-editor-image-upload input").on("change",function(n){var i=l.images.length;e(n.currentTarget).simpleUpload("/uploads/img",{name:"imgfile",data:{folder:l.currentFolder},limit:20,expect:"json",allowedExts:["jpg","jpeg","gif","png","webp"],allowedTypes:["image/png","image/jpeg","image/gif","image/webp"],maxFileSize:3145728,init:function(e){l.uploadSucceeded=!1,l.isLoadingText="Preparing to upload...",l.isLoading=!0},progress:function(e){l.isLoadingText="Uploading..."+Math.round(e)+"%"},success:function(e){if(e.ok){var t=_.filter(e.results,["ok",!1]);t.length?(_.forEach(t,function(e){o.pushError("Upload error",e.msg)}),t.length<e.results.length&&(o.push({title:"Some uploads succeeded",message:"Files that are not mentionned in the errors above were uploaded successfully."}),l.uploadSucceeded=!0)):l.uploadSucceeded=!0}else o.pushError("Upload error",e.msg)},error:function(e){o.pushError(e.message,t.upload.file.name)},finish:function(){l.uploadSucceeded?l.waitChangeComplete(i,!0):l.isLoading=!1}})});var d=new Vue({el:"#modal-editor-file",data:{isLoading:!1,isLoadingText:"",newFolderName:"",newFolderShow:!1,newFolderError:!1,folders:[],currentFolder:"",currentFile:"",files:[],uploadSucceeded:!1,postUploadChecks:0,renameFileShow:!1,renameFileId:"",renameFileFilename:"",deleteFileShow:!1,deleteFileId:"",deleteFileFilename:""},methods:{open:function(){r=!0,e("#modal-editor-file").addClass("is-active"),d.refreshFolders()},cancel:function(t){r=!1,e("#modal-editor-file").removeClass("is-active")},selectFile:function(e){d.currentFile=e},insertFileLink:function(e){a.codemirror.doc.somethingSelected()&&a.codemirror.execCommand("singleSelection");var t=_.find(d.files,["_id",d.currentFile]);t.normalizedPath="f:"===t.folder?t.filename:t.folder.slice(2)+"/"+t.filename,t.titleGuess=_.startCase(t.basename);var o="["+t.titleGuess+"](/uploads/"+t.normalizedPath+' "'+t.titleGuess+'")';a.codemirror.doc.replaceSelection(o),d.cancel()},newFolder:function(t){d.newFolderName="",d.newFolderError=!1,d.newFolderShow=!0,_.delay(function(){e("#txt-editor-file-newfoldername").focus()},400)},newFolderDiscard:function(e){d.newFolderShow=!1},newFolderCreate:function(e){var t=new RegExp("^[a-z0-9][a-z0-9-]*[a-z0-9]$");return d.newFolderName=_.kebabCase(_.trim(d.newFolderName)),_.isEmpty(d.newFolderName)||!t.test(d.newFolderName)?void(d.newFolderError=!0):(d.newFolderDiscard(),d.isLoadingText="Creating new folder...",d.isLoading=!0,void Vue.nextTick(function(){n.emit("uploadsCreateFolder",{foldername:d.newFolderName},function(e){d.folders=e,d.currentFolder=d.newFolderName,d.files=[],d.isLoading=!1})}))},renameFile:function(){var t=_.find(d.files,["_id",d.renameFileId]);d.renameFileFilename=t.basename||"",d.renameFileShow=!0,_.delay(function(){e("#txt-editor-renamefile").focus(),_.defer(function(){e("#txt-editor-file-rename").select()})},400)},renameFileDiscard:function(){d.renameFileShow=!1},renameFileGo:function(){d.renameFileDiscard(),d.isLoadingText="Renaming file...",d.isLoading=!0,Vue.nextTick(function(){n.emit("uploadsRenameFile",{uid:d.renameFileId,folder:d.currentFolder,filename:d.renameFileFilename},function(e){e.ok?d.waitChangeComplete(d.files.length,!1):(d.isLoading=!1,o.pushError("Rename error",e.msg))})})},moveFile:function(e,t){d.isLoadingText="Moving file...",d.isLoading=!0,Vue.nextTick(function(){n.emit("uploadsMoveFile",{uid:e,folder:t},function(e){e.ok?d.loadFiles():(d.isLoading=!1,o.pushError("Rename error",e.msg))})})},deleteFileWarn:function(e){if(e){var t=_.find(d.files,["_id",d.deleteFileId]);d.deleteFileFilename=t.filename||"this file"}d.deleteFileShow=e},deleteFileGo:function(){d.deleteFileWarn(!1),d.isLoadingText="Deleting file...",d.isLoading=!0,Vue.nextTick(function(){n.emit("uploadsDeleteFile",{uid:d.deleteFileId},function(e){d.loadFiles()})})},selectFolder:function(e){d.currentFolder=e,d.loadFiles()},refreshFolders:function(){d.isLoadingText="Fetching folders list...",d.isLoading=!0,d.currentFolder="",d.currentImage="",Vue.nextTick(function(){n.emit("uploadsGetFolders",{},function(e){d.folders=e,d.loadFiles()})})},loadFiles:function(e){return e||(d.isLoadingText="Fetching files...",d.isLoading=!0),new Promise(function(t,o){Vue.nextTick(function(){n.emit("uploadsGetFiles",{folder:d.currentFolder},function(o){d.files=o,e||(d.isLoading=!1),d.attachContextMenus(),t(!0)})})})},waitChangeComplete:function(e,t){t=!_.isBoolean(t)||t,d.postUploadChecks++,d.isLoadingText="Processing...",Vue.nextTick(function(){d.loadFiles(!0).then(function(){d.files.length!==e===t?(d.postUploadChecks=0,d.isLoading=!1):d.postUploadChecks>5?(d.postUploadChecks=0,d.isLoading=!1,o.pushError("Unable to fetch updated listing","Try again later")):_.delay(function(){d.waitChangeComplete(e,t)},1500)})})},attachContextMenus:function(){var t=_.map(d.folders,function(t){return{name:""!==t?t:"/ (root)",icon:"fa-folder",callback:function(t,o){var n=_.toString(e(o.$trigger).data("uid")),i=_.nth(d.folders,t);d.moveFile(n,i)}}});e.contextMenu("destroy",".editor-modal-file-choices > figure"),e.contextMenu({selector:".editor-modal-file-choices > figure",appendTo:".editor-modal-file-choices",position:function(t,o,n){e(t.$trigger).addClass("is-contextopen");var i=e(t.$trigger).position(),a={w:e(t.$trigger).width()/5,h:e(t.$trigger).height()/2};t.$menu.css({top:i.top+a.h,left:i.left+a.w})},events:{hide:function(t){e(t.$trigger).removeClass("is-contextopen")}},items:{rename:{name:"Rename",icon:"fa-edit",callback:function(e,t){d.renameFileId=_.toString(t.$trigger[0].dataset.uid),d.renameFile()}},move:{name:"Move to...",icon:"fa-folder-open-o",items:t},delete:{name:"Delete",icon:"fa-trash",callback:function(e,t){d.deleteFileId=_.toString(t.$trigger[0].dataset.uid),d.deleteFileWarn(!0)}}}})}}});e("#btn-editor-file-upload input").on("change",function(n){var i=d.files.length;e(n.currentTarget).simpleUpload("/uploads/file",{name:"binfile",data:{folder:d.currentFolder},limit:20,expect:"json",maxFileSize:0,init:function(e){d.uploadSucceeded=!1,d.isLoadingText="Preparing to upload...",d.isLoading=!0},progress:function(e){d.isLoadingText="Uploading..."+Math.round(e)+"%"},success:function(e){if(e.ok){var t=_.filter(e.results,["ok",!1]);t.length?(_.forEach(t,function(e){o.pushError("Upload error",e.msg)}),t.length<e.results.length&&(o.push({title:"Some uploads succeeded",message:"Files that are not mentionned in the errors above were uploaded successfully."}),d.uploadSucceeded=!0)):d.uploadSucceeded=!0}else o.pushError("Upload error",e.msg)},error:function(e){o.pushError(e.message,t.upload.file.name)},finish:function(){d.uploadSucceeded?d.waitChangeComplete(i,!0):d.isLoading=!1}})});var s=ace.require("ace/ext/modelist"),c=null,m=[],u=function(t){return e.ajax({url:"/js/ace/mode-"+t+".js",dataType:"script",cache:!0,beforeSend:function(){if(_.includes(m,t))return!1},success:function(){m.push(t)}})},g=new Vue({el:"#modal-editor-codeblock",data:{modes:s.modesByName,modeSelected:"text",initContent:""},watch:{modeSelected:function(e,t){u(e).done(function(){ace.require("ace/mode/"+e),c.getSession().setMode("ace/mode/"+e)})}},methods:{open:function(t){e("#modal-editor-codeblock").addClass("is-active"),_.delay(function(){c=ace.edit("codeblock-editor"),c.setTheme("ace/theme/tomorrow_night"),c.getSession().setMode("ace/mode/"+g.modeSelected),c.setOption("fontSize","14px"),c.setOption("hScrollBarAlwaysVisible",!1),c.setOption("wrap",!0),c.setValue(g.initContent),c.focus(),c.renderer.updateFull()},300)},cancel:function(t){r=!1,e("#modal-editor-codeblock").removeClass("is-active"),g.initContent=""},insertCode:function(e){a.codemirror.doc.somethingSelected()&&a.codemirror.execCommand("singleSelection");var t="\n```"+g.modeSelected+"\n"+c.getValue()+"\n```\n";a.codemirror.doc.replaceSelection(t),g.cancel()}}});a=new SimpleMDE({autofocus:!0,autoDownloadFontAwesome:!1,element:e("#mk-editor").get(0),placeholder:"Enter Markdown formatted content here...",spellChecker:!1,status:!1,toolbar:[{name:"bold",action:SimpleMDE.toggleBold,className:"fa fa-bold",title:"Bold"},{name:"italic",action:SimpleMDE.toggleItalic,className:"fa fa-italic",title:"Italic"},{name:"strikethrough",action:SimpleMDE.toggleStrikethrough,className:"fa fa-strikethrough",title:"Strikethrough"},"|",{name:"heading-1",action:SimpleMDE.toggleHeading1,className:"fa fa-header fa-header-x fa-header-1",title:"Big Heading"},{name:"heading-2",action:SimpleMDE.toggleHeading2,className:"fa fa-header fa-header-x fa-header-2",title:"Medium Heading"},{name:"heading-3",action:SimpleMDE.toggleHeading3,className:"fa fa-header fa-header-x fa-header-3",title:"Small Heading"},{name:"quote",action:SimpleMDE.toggleBlockquote,className:"fa fa-quote-left",title:"Quote"},"|",{name:"unordered-list",action:SimpleMDE.toggleUnorderedList,className:"fa fa-list-ul",title:"Bullet List"},{name:"ordered-list",action:SimpleMDE.toggleOrderedList,className:"fa fa-list-ol",title:"Numbered List"},"|",{name:"link",action:function(e){},className:"fa fa-link",title:"Insert Link"},{name:"image",action:function(e){r||l.open()},className:"fa fa-image",title:"Insert Image"},{name:"file",action:function(e){r||d.open()},className:"fa fa-file-text-o",title:"Insert File"},"|",{name:"inline-code",action:function(e){if(!e.codemirror.doc.somethingSelected())return o.pushError("Invalid selection","You must select at least 1 character first.");var t=e.codemirror.doc.getSelections();t=_.map(t,function(e){return"`"+e+"`"}),e.codemirror.doc.replaceSelections(t)},className:"fa fa-terminal",title:"Inline Code"},{name:"code-block",action:function(e){r||(r=!0,a.codemirror.doc.somethingSelected()&&(g.initContent=a.codemirror.doc.getSelection()),g.open())},className:"fa fa-code",title:"Code Block"},"|",{name:"table",action:function(e){},className:"fa fa-table",title:"Insert Table"},{name:"horizontal-rule",action:SimpleMDE.drawHorizontalRule,className:"fa fa-minus",title:"Horizontal Rule"}],shortcuts:{toggleBlockquote:null,toggleFullScreen:null}}),e(".btn-edit-save, .btn-create-save").on("click",function(e){f(e)}),e(window).bind("keydown",function(e){if(e.ctrlKey||e.metaKey)switch(String.fromCharCode(e.which).toLowerCase()){case"s":e.preventDefault(),f(e)}});var f=function(t){e.ajax(window.location.href,{data:{markdown:a.value()},dataType:"json",method:"PUT"}).then(function(e,t,n){e.ok?window.location.assign("/"+i):o.pushError("Something went wrong",e.error)},function(e,t,n){o.pushError("Something went wrong","Save operation failed.")})}}()}()}if(e("#page-type-edit").length){var a;!function(){var i=e("#page-type-edit").data("entrypath");e(".btn-edit-discard").on("click",function(t){e("#modal-edit-discard").toggleClass("is-active")}),1===e("#mk-editor").length&&!function(){var r=!1;Vue.filter("filesize",function(e){return _.toUpper(filesize(e))});var l=new Vue({el:"#modal-editor-image",data:{isLoading:!1,isLoadingText:"",newFolderName:"",newFolderShow:!1,newFolderError:!1,fetchFromUrlURL:"",fetchFromUrlShow:!1,folders:[],currentFolder:"",currentImage:"",currentAlign:"left",images:[],uploadSucceeded:!1,postUploadChecks:0,renameImageShow:!1,renameImageId:"",renameImageFilename:"",deleteImageShow:!1,deleteImageId:"",deleteImageFilename:""},methods:{open:function(){r=!0,e("#modal-editor-image").addClass("is-active"),l.refreshFolders()},cancel:function(t){r=!1,e("#modal-editor-image").removeClass("is-active")},selectImage:function(e){l.currentImage=e},insertImage:function(e){a.codemirror.doc.somethingSelected()&&a.codemirror.execCommand("singleSelection");var t=_.find(l.images,["_id",l.currentImage]);t.normalizedPath="f:"===t.folder?t.filename:t.folder.slice(2)+"/"+t.filename,t.titleGuess=_.startCase(t.basename);var o="!["+t.titleGuess+"](/uploads/"+t.normalizedPath+' "'+t.titleGuess+'")';switch(l.currentAlign){case"center":o+="{.align-center}";break;case"right":o+="{.align-right}";break;case"logo":o+="{.pagelogo}"}a.codemirror.doc.replaceSelection(o),l.cancel()},newFolder:function(t){l.newFolderName="",l.newFolderError=!1,l.newFolderShow=!0,_.delay(function(){e("#txt-editor-image-newfoldername").focus()},400)},newFolderDiscard:function(e){l.newFolderShow=!1},newFolderCreate:function(e){var t=new RegExp("^[a-z0-9][a-z0-9-]*[a-z0-9]$");return l.newFolderName=_.kebabCase(_.trim(l.newFolderName)),_.isEmpty(l.newFolderName)||!t.test(l.newFolderName)?void(l.newFolderError=!0):(l.newFolderDiscard(),l.isLoadingText="Creating new folder...",l.isLoading=!0,void Vue.nextTick(function(){n.emit("uploadsCreateFolder",{foldername:l.newFolderName},function(e){l.folders=e,l.currentFolder=l.newFolderName,l.images=[],l.isLoading=!1})}))},fetchFromUrl:function(t){l.fetchFromUrlURL="",l.fetchFromUrlShow=!0,_.delay(function(){e("#txt-editor-image-fetchurl").focus()},400)},fetchFromUrlDiscard:function(e){l.fetchFromUrlShow=!1},fetchFromUrlGo:function(e){l.fetchFromUrlDiscard(),l.isLoadingText="Fetching image...",l.isLoading=!0,Vue.nextTick(function(){n.emit("uploadsFetchFileFromURL",{folder:l.currentFolder,fetchUrl:l.fetchFromUrlURL},function(e){e.ok?l.waitChangeComplete(l.images.length,!0):(l.isLoading=!1,o.pushError("Upload error",e.msg))})})},renameImage:function(){var t=_.find(l.images,["_id",l.renameImageId]);l.renameImageFilename=t.basename||"",l.renameImageShow=!0,_.delay(function(){e("#txt-editor-image-rename").focus(),_.defer(function(){e("#txt-editor-image-rename").select()})},400)},renameImageDiscard:function(){l.renameImageShow=!1},renameImageGo:function(){l.renameImageDiscard(),l.isLoadingText="Renaming image...",l.isLoading=!0,Vue.nextTick(function(){n.emit("uploadsRenameFile",{uid:l.renameImageId,folder:l.currentFolder,filename:l.renameImageFilename},function(e){e.ok?l.waitChangeComplete(l.images.length,!1):(l.isLoading=!1,o.pushError("Rename error",e.msg))})})},moveImage:function(e,t){l.isLoadingText="Moving image...",l.isLoading=!0,Vue.nextTick(function(){n.emit("uploadsMoveFile",{uid:e,folder:t},function(e){e.ok?l.loadImages():(l.isLoading=!1,o.pushError("Rename error",e.msg))})})},deleteImageWarn:function(e){if(e){var t=_.find(l.images,["_id",l.deleteImageId]);l.deleteImageFilename=t.filename||"this image"}l.deleteImageShow=e},deleteImageGo:function(){l.deleteImageWarn(!1),l.isLoadingText="Deleting image...",l.isLoading=!0,Vue.nextTick(function(){n.emit("uploadsDeleteFile",{uid:l.deleteImageId},function(e){l.loadImages()})})},selectFolder:function(e){l.currentFolder=e,l.loadImages()},refreshFolders:function(){l.isLoadingText="Fetching folders list...",l.isLoading=!0,l.currentFolder="",l.currentImage="",Vue.nextTick(function(){n.emit("uploadsGetFolders",{},function(e){l.folders=e,l.loadImages()})})},loadImages:function(e){return e||(l.isLoadingText="Fetching images...",l.isLoading=!0),new Promise(function(t,o){Vue.nextTick(function(){n.emit("uploadsGetImages",{folder:l.currentFolder},function(o){l.images=o,e||(l.isLoading=!1),l.attachContextMenus(),t(!0)})})})},waitChangeComplete:function(e,t){t=!_.isBoolean(t)||t,l.postUploadChecks++,l.isLoadingText="Processing...",Vue.nextTick(function(){l.loadImages(!0).then(function(){l.images.length!==e===t?(l.postUploadChecks=0,l.isLoading=!1):l.postUploadChecks>5?(l.postUploadChecks=0,l.isLoading=!1,o.pushError("Unable to fetch updated listing","Try again later")):_.delay(function(){l.waitChangeComplete(e,t)},1500)})})},attachContextMenus:function(){var t=_.map(l.folders,function(t){return{name:""!==t?t:"/ (root)",icon:"fa-folder",callback:function(t,o){var n=_.toString(e(o.$trigger).data("uid")),i=_.nth(l.folders,t);l.moveImage(n,i)}}});e.contextMenu("destroy",".editor-modal-image-choices > figure"),e.contextMenu({selector:".editor-modal-image-choices > figure",appendTo:".editor-modal-image-choices",position:function(t,o,n){e(t.$trigger).addClass("is-contextopen");var i=e(t.$trigger).position(),a={w:e(t.$trigger).width()/2,h:e(t.$trigger).height()/2};t.$menu.css({top:i.top+a.h,left:i.left+a.w})},events:{hide:function(t){e(t.$trigger).removeClass("is-contextopen")}},items:{rename:{name:"Rename",icon:"fa-edit",callback:function(e,t){l.renameImageId=_.toString(t.$trigger[0].dataset.uid),l.renameImage()}},move:{name:"Move to...",icon:"fa-folder-open-o",items:t},delete:{name:"Delete",icon:"fa-trash",callback:function(e,t){l.deleteImageId=_.toString(t.$trigger[0].dataset.uid),l.deleteImageWarn(!0)}}}})}}});e("#btn-editor-image-upload input").on("change",function(n){var i=l.images.length;e(n.currentTarget).simpleUpload("/uploads/img",{name:"imgfile",data:{folder:l.currentFolder},limit:20,expect:"json",allowedExts:["jpg","jpeg","gif","png","webp"],allowedTypes:["image/png","image/jpeg","image/gif","image/webp"],maxFileSize:3145728,init:function(e){l.uploadSucceeded=!1,l.isLoadingText="Preparing to upload...",l.isLoading=!0},progress:function(e){l.isLoadingText="Uploading..."+Math.round(e)+"%"},success:function(e){if(e.ok){var t=_.filter(e.results,["ok",!1]);t.length?(_.forEach(t,function(e){o.pushError("Upload error",e.msg)}),t.length<e.results.length&&(o.push({title:"Some uploads succeeded",message:"Files that are not mentionned in the errors above were uploaded successfully."}),l.uploadSucceeded=!0)):l.uploadSucceeded=!0}else o.pushError("Upload error",e.msg)},error:function(e){o.pushError(e.message,t.upload.file.name)},finish:function(){l.uploadSucceeded?l.waitChangeComplete(i,!0):l.isLoading=!1}})});var d=new Vue({el:"#modal-editor-file",data:{isLoading:!1,isLoadingText:"",newFolderName:"",newFolderShow:!1,newFolderError:!1,folders:[],currentFolder:"",currentFile:"",files:[],uploadSucceeded:!1,postUploadChecks:0,renameFileShow:!1,renameFileId:"",renameFileFilename:"",deleteFileShow:!1,deleteFileId:"",deleteFileFilename:""},methods:{open:function(){r=!0,e("#modal-editor-file").addClass("is-active"),d.refreshFolders()},cancel:function(t){r=!1,e("#modal-editor-file").removeClass("is-active")},selectFile:function(e){d.currentFile=e},insertFileLink:function(e){a.codemirror.doc.somethingSelected()&&a.codemirror.execCommand("singleSelection");var t=_.find(d.files,["_id",d.currentFile]);t.normalizedPath="f:"===t.folder?t.filename:t.folder.slice(2)+"/"+t.filename,t.titleGuess=_.startCase(t.basename);var o="["+t.titleGuess+"](/uploads/"+t.normalizedPath+' "'+t.titleGuess+'")';a.codemirror.doc.replaceSelection(o),d.cancel()},newFolder:function(t){d.newFolderName="",d.newFolderError=!1,d.newFolderShow=!0,_.delay(function(){e("#txt-editor-file-newfoldername").focus()},400)},newFolderDiscard:function(e){d.newFolderShow=!1},newFolderCreate:function(e){var t=new RegExp("^[a-z0-9][a-z0-9-]*[a-z0-9]$");return d.newFolderName=_.kebabCase(_.trim(d.newFolderName)),_.isEmpty(d.newFolderName)||!t.test(d.newFolderName)?void(d.newFolderError=!0):(d.newFolderDiscard(),d.isLoadingText="Creating new folder...",d.isLoading=!0,void Vue.nextTick(function(){n.emit("uploadsCreateFolder",{foldername:d.newFolderName},function(e){d.folders=e,d.currentFolder=d.newFolderName,d.files=[],d.isLoading=!1})}))},renameFile:function(){var t=_.find(d.files,["_id",d.renameFileId]);d.renameFileFilename=t.basename||"",d.renameFileShow=!0,_.delay(function(){e("#txt-editor-renamefile").focus(),_.defer(function(){e("#txt-editor-file-rename").select()})},400)},renameFileDiscard:function(){d.renameFileShow=!1},renameFileGo:function(){d.renameFileDiscard(),d.isLoadingText="Renaming file...",d.isLoading=!0,Vue.nextTick(function(){n.emit("uploadsRenameFile",{uid:d.renameFileId,folder:d.currentFolder,filename:d.renameFileFilename},function(e){e.ok?d.waitChangeComplete(d.files.length,!1):(d.isLoading=!1,o.pushError("Rename error",e.msg))})})},moveFile:function(e,t){d.isLoadingText="Moving file...",d.isLoading=!0,Vue.nextTick(function(){n.emit("uploadsMoveFile",{uid:e,folder:t},function(e){e.ok?d.loadFiles():(d.isLoading=!1,o.pushError("Rename error",e.msg))})})},deleteFileWarn:function(e){if(e){var t=_.find(d.files,["_id",d.deleteFileId]);d.deleteFileFilename=t.filename||"this file"}d.deleteFileShow=e},deleteFileGo:function(){d.deleteFileWarn(!1),d.isLoadingText="Deleting file...",d.isLoading=!0,Vue.nextTick(function(){n.emit("uploadsDeleteFile",{uid:d.deleteFileId},function(e){d.loadFiles()})})},selectFolder:function(e){d.currentFolder=e,d.loadFiles()},refreshFolders:function(){d.isLoadingText="Fetching folders list...",d.isLoading=!0,d.currentFolder="",d.currentImage="",Vue.nextTick(function(){n.emit("uploadsGetFolders",{},function(e){d.folders=e,d.loadFiles()})})},loadFiles:function(e){return e||(d.isLoadingText="Fetching files...",d.isLoading=!0),new Promise(function(t,o){Vue.nextTick(function(){n.emit("uploadsGetFiles",{folder:d.currentFolder},function(o){d.files=o,e||(d.isLoading=!1),d.attachContextMenus(),t(!0)})})})},waitChangeComplete:function(e,t){t=!_.isBoolean(t)||t,d.postUploadChecks++,d.isLoadingText="Processing...",Vue.nextTick(function(){d.loadFiles(!0).then(function(){d.files.length!==e===t?(d.postUploadChecks=0,d.isLoading=!1):d.postUploadChecks>5?(d.postUploadChecks=0,d.isLoading=!1,o.pushError("Unable to fetch updated listing","Try again later")):_.delay(function(){d.waitChangeComplete(e,t)},1500)})})},attachContextMenus:function(){var t=_.map(d.folders,function(t){return{name:""!==t?t:"/ (root)",icon:"fa-folder",callback:function(t,o){var n=_.toString(e(o.$trigger).data("uid")),i=_.nth(d.folders,t);d.moveFile(n,i)}}});e.contextMenu("destroy",".editor-modal-file-choices > figure"),e.contextMenu({selector:".editor-modal-file-choices > figure",appendTo:".editor-modal-file-choices",position:function(t,o,n){e(t.$trigger).addClass("is-contextopen");var i=e(t.$trigger).position(),a={w:e(t.$trigger).width()/5,h:e(t.$trigger).height()/2};t.$menu.css({top:i.top+a.h,left:i.left+a.w})},events:{hide:function(t){e(t.$trigger).removeClass("is-contextopen")}},items:{rename:{name:"Rename",icon:"fa-edit",callback:function(e,t){d.renameFileId=_.toString(t.$trigger[0].dataset.uid),d.renameFile()}},move:{name:"Move to...",icon:"fa-folder-open-o",items:t},delete:{name:"Delete",icon:"fa-trash",
\ No newline at end of file callback:function(e,t){d.deleteFileId=_.toString(t.$trigger[0].dataset.uid),d.deleteFileWarn(!0)}}}})}}});e("#btn-editor-file-upload input").on("change",function(n){var i=d.files.length;e(n.currentTarget).simpleUpload("/uploads/file",{name:"binfile",data:{folder:d.currentFolder},limit:20,expect:"json",maxFileSize:0,init:function(e){d.uploadSucceeded=!1,d.isLoadingText="Preparing to upload...",d.isLoading=!0},progress:function(e){d.isLoadingText="Uploading..."+Math.round(e)+"%"},success:function(e){if(e.ok){var t=_.filter(e.results,["ok",!1]);t.length?(_.forEach(t,function(e){o.pushError("Upload error",e.msg)}),t.length<e.results.length&&(o.push({title:"Some uploads succeeded",message:"Files that are not mentionned in the errors above were uploaded successfully."}),d.uploadSucceeded=!0)):d.uploadSucceeded=!0}else o.pushError("Upload error",e.msg)},error:function(e){o.pushError(e.message,t.upload.file.name)},finish:function(){d.uploadSucceeded?d.waitChangeComplete(i,!0):d.isLoading=!1}})});var s=ace.require("ace/ext/modelist"),c=null,m=[],u=function(t){return e.ajax({url:"/js/ace/mode-"+t+".js",dataType:"script",cache:!0,beforeSend:function(){if(_.includes(m,t))return!1},success:function(){m.push(t)}})},g=new Vue({el:"#modal-editor-codeblock",data:{modes:s.modesByName,modeSelected:"text",initContent:""},watch:{modeSelected:function(e,t){u(e).done(function(){ace.require("ace/mode/"+e),c.getSession().setMode("ace/mode/"+e)})}},methods:{open:function(t){e("#modal-editor-codeblock").addClass("is-active"),_.delay(function(){c=ace.edit("codeblock-editor"),c.setTheme("ace/theme/tomorrow_night"),c.getSession().setMode("ace/mode/"+g.modeSelected),c.setOption("fontSize","14px"),c.setOption("hScrollBarAlwaysVisible",!1),c.setOption("wrap",!0),c.setValue(g.initContent),c.focus(),c.renderer.updateFull()},300)},cancel:function(t){r=!1,e("#modal-editor-codeblock").removeClass("is-active"),g.initContent=""},insertCode:function(e){a.codemirror.doc.somethingSelected()&&a.codemirror.execCommand("singleSelection");var t="\n```"+g.modeSelected+"\n"+c.getValue()+"\n```\n";a.codemirror.doc.replaceSelection(t),g.cancel()}}});a=new SimpleMDE({autofocus:!0,autoDownloadFontAwesome:!1,element:e("#mk-editor").get(0),placeholder:"Enter Markdown formatted content here...",spellChecker:!1,status:!1,toolbar:[{name:"bold",action:SimpleMDE.toggleBold,className:"fa fa-bold",title:"Bold"},{name:"italic",action:SimpleMDE.toggleItalic,className:"fa fa-italic",title:"Italic"},{name:"strikethrough",action:SimpleMDE.toggleStrikethrough,className:"fa fa-strikethrough",title:"Strikethrough"},"|",{name:"heading-1",action:SimpleMDE.toggleHeading1,className:"fa fa-header fa-header-x fa-header-1",title:"Big Heading"},{name:"heading-2",action:SimpleMDE.toggleHeading2,className:"fa fa-header fa-header-x fa-header-2",title:"Medium Heading"},{name:"heading-3",action:SimpleMDE.toggleHeading3,className:"fa fa-header fa-header-x fa-header-3",title:"Small Heading"},{name:"quote",action:SimpleMDE.toggleBlockquote,className:"fa fa-quote-left",title:"Quote"},"|",{name:"unordered-list",action:SimpleMDE.toggleUnorderedList,className:"fa fa-list-ul",title:"Bullet List"},{name:"ordered-list",action:SimpleMDE.toggleOrderedList,className:"fa fa-list-ol",title:"Numbered List"},"|",{name:"link",action:function(e){},className:"fa fa-link",title:"Insert Link"},{name:"image",action:function(e){r||l.open()},className:"fa fa-image",title:"Insert Image"},{name:"file",action:function(e){r||d.open()},className:"fa fa-file-text-o",title:"Insert File"},"|",{name:"inline-code",action:function(e){if(!e.codemirror.doc.somethingSelected())return o.pushError("Invalid selection","You must select at least 1 character first.");var t=e.codemirror.doc.getSelections();t=_.map(t,function(e){return"`"+e+"`"}),e.codemirror.doc.replaceSelections(t)},className:"fa fa-terminal",title:"Inline Code"},{name:"code-block",action:function(e){r||(r=!0,a.codemirror.doc.somethingSelected()&&(g.initContent=a.codemirror.doc.getSelection()),g.open())},className:"fa fa-code",title:"Code Block"},"|",{name:"table",action:function(e){},className:"fa fa-table",title:"Insert Table"},{name:"horizontal-rule",action:SimpleMDE.drawHorizontalRule,className:"fa fa-minus",title:"Horizontal Rule"}],shortcuts:{toggleBlockquote:null,toggleFullScreen:null}}),e(".btn-edit-save, .btn-create-save").on("click",function(e){f(e)}),e(window).bind("keydown",function(e){if(e.ctrlKey||e.metaKey)switch(String.fromCharCode(e.which).toLowerCase()){case"s":e.preventDefault(),f(e)}});var f=function(t){e.ajax(window.location.href,{data:{markdown:a.value()},dataType:"json",method:"PUT"}).then(function(e,t,n){e.ok?window.location.assign("/"+i):o.pushError("Something went wrong",e.error)},function(e,t,n){o.pushError("Something went wrong","Save operation failed.")})}}()}()}if(e("#page-type-source").length){var r;!function(){r=ace.edit("source-display"),r.setTheme("ace/theme/tomorrow_night"),r.getSession().setMode("ace/mode/markdown"),r.setOption("fontSize","14px"),r.setOption("hScrollBarAlwaysVisible",!1),r.setOption("wrap",!0),r.setReadOnly(!0),r.renderer.updateFull();var t="home"!==e("#page-type-source").data("entrypath")?e("#page-type-source").data("entrypath"):"",n=t+"/new-page";e(".btn-create-prompt").on("click",function(o){e("#txt-create-prompt").val(n),e("#modal-create-prompt").toggleClass("is-active"),setInputSelection(e("#txt-create-prompt").get(0),t.length+1,n.length),e("#txt-create-prompt").removeClass("is-danger").next().addClass("is-hidden")}),e("#txt-create-prompt").on("keypress",function(t){13===t.which&&e(".btn-create-go").trigger("click")}),e(".btn-create-go").on("click",function(t){var o=makeSafePath(e("#txt-create-prompt").val());_.isEmpty(o)?e("#txt-create-prompt").addClass("is-danger").next().removeClass("is-hidden"):(e("#txt-create-prompt").parent().addClass("is-loading"),window.location.assign("/create/"+o))}),""!==t&&e(".btn-move-prompt").removeClass("is-hidden");var i=_.lastIndexOf(t,"/")+1;e(".btn-move-prompt").on("click",function(o){e("#txt-move-prompt").val(t),e("#modal-move-prompt").toggleClass("is-active"),setInputSelection(e("#txt-move-prompt").get(0),i,t.length),e("#txt-move-prompt").removeClass("is-danger").next().addClass("is-hidden")}),e("#txt-move-prompt").on("keypress",function(t){13===t.which&&e(".btn-move-go").trigger("click")}),e(".btn-move-go").on("click",function(n){var i=makeSafePath(e("#txt-move-prompt").val());_.isEmpty(i)||i===t||"home"===i?e("#txt-move-prompt").addClass("is-danger").next().removeClass("is-hidden"):(e("#txt-move-prompt").parent().addClass("is-loading"),e.ajax(window.location.href,{data:{move:i},dataType:"json",method:"PUT"}).then(function(e,t,n){e.ok?window.location.assign("/"+i):o.pushError("Something went wrong",e.error)},function(e,t,n){o.pushError("Something went wrong","Save operation failed.")}))})}()}});var Alerts=function(){function e(){_classCallCheck(this,e);var t=this;t.mdl=new Vue({el:"#alerts",data:{children:[]},methods:{acknowledge:function(e){t.close(e)}}}),t.uidNext=1}return _createClass(e,[{key:"push",value:function(e){var t=this,o=_.defaults(e,{_uid:t.uidNext,class:"is-info",message:"---",sticky:!1,title:"---"});t.mdl.children.push(o),o.sticky||_.delay(function(){t.close(o._uid)},5e3),t.uidNext++}},{key:"pushError",value:function(e,t){this.push({class:"is-danger",message:t,sticky:!1,title:e})}},{key:"pushSuccess",value:function(e,t){this.push({class:"is-success",message:t,sticky:!1,title:e})}},{key:"close",value:function(e){var t=this,o=_.findIndex(t.mdl.children,["_uid",e]),n=_.nth(t.mdl.children,o);o>=0&&n&&(n.class+=" exit",Vue.set(t.mdl.children,o,n),_.delay(function(){t.mdl.children.splice(o,1)},500))}}]),e}();
\ No newline at end of file
assets/js/libs.js
View file @ 9caaeee6
This source diff could not be displayed because it is too large. You can view the blob instead.
client/js/components/editor-codeblock.js
View file @ 9caaeee6
let codeEditor = ace.edit("codeblock-editor");
codeEditor.setTheme("ace/theme/tomorrow_night");
codeEditor.getSession().setMode("ace/mode/markdown");
codeEditor.setOption('fontSize', '14px');
codeEditor.setOption('hScrollBarAlwaysVisible', false);
codeEditor.setOption('wrap', true);
let modelist = ace.require("ace/ext/modelist"); let modelist = ace.require("ace/ext/modelist");
let codeEditor = null;
// ACE - Mode Loader // ACE - Mode Loader
...@@ -33,7 +27,8 @@ let vueCodeBlock = new Vue({ ...@@ -33,7 +27,8 @@ let vueCodeBlock = new Vue({
el: '#modal-editor-codeblock', el: '#modal-editor-codeblock',
data: { data: {
modes: modelist.modesByName, modes: modelist.modesByName,
modeSelected: 'text' modeSelected: 'text',
initContent: ''
}, },
watch: { watch: {
modeSelected: (val, oldVal) => { modeSelected: (val, oldVal) => {
...@@ -45,19 +40,28 @@ let vueCodeBlock = new Vue({ ...@@ -45,19 +40,28 @@ let vueCodeBlock = new Vue({
}, },
methods: { methods: {
open: (ev) => { open: (ev) => {
$('#modal-editor-codeblock').addClass('is-active'); $('#modal-editor-codeblock').addClass('is-active');
_.delay(() => { _.delay(() => {
codeEditor.resize(); codeEditor = ace.edit("codeblock-editor");
codeEditor.setTheme("ace/theme/tomorrow_night");
codeEditor.getSession().setMode("ace/mode/" + vueCodeBlock.modeSelected);
codeEditor.setOption('fontSize', '14px');
codeEditor.setOption('hScrollBarAlwaysVisible', false);
codeEditor.setOption('wrap', true);
codeEditor.setValue(vueCodeBlock.initContent);
codeEditor.focus(); codeEditor.focus();
codeEditor.setAutoScrollEditorIntoView(true);
codeEditor.renderer.updateFull(); codeEditor.renderer.updateFull();
}, 1000); }, 300);
}, },
cancel: (ev) => { cancel: (ev) => {
mdeModalOpenState = false; mdeModalOpenState = false;
$('#modal-editor-codeblock').removeClass('is-active'); $('#modal-editor-codeblock').removeClass('is-active');
vueCodeBlock.initContent = '';
}, },
insertCode: (ev) => { insertCode: (ev) => {
......
client/js/components/editor-file.js 0 → 100644
View file @ 9caaeee6
let vueFile = new Vue({
el: '#modal-editor-file',
data: {
isLoading: false,
isLoadingText: '',
newFolderName: '',
newFolderShow: false,
newFolderError: false,
folders: [],
currentFolder: '',
currentFile: '',
files: [],
uploadSucceeded: false,
postUploadChecks: 0,
renameFileShow: false,
renameFileId: '',
renameFileFilename: '',
deleteFileShow: false,
deleteFileId: '',
deleteFileFilename: ''
},
methods: {
open: () => {
mdeModalOpenState = true;
$('#modal-editor-file').addClass('is-active');
vueFile.refreshFolders();
},
cancel: (ev) => {
mdeModalOpenState = false;
$('#modal-editor-file').removeClass('is-active');
},
// -------------------------------------------
// INSERT LINK TO FILE
// -------------------------------------------
selectFile: (fileId) => {
vueFile.currentFile = fileId;
},
insertFileLink: (ev) => {
if(mde.codemirror.doc.somethingSelected()) {
mde.codemirror.execCommand('singleSelection');
}
let selFile = _.find(vueFile.files, ['_id', vueFile.currentFile]);
selFile.normalizedPath = (selFile.folder === 'f:') ? selFile.filename : selFile.folder.slice(2) + '/' + selFile.filename;
selFile.titleGuess = _.startCase(selFile.basename);
let fileText = '[' + selFile.titleGuess + '](/uploads/' + selFile.normalizedPath + ' "' + selFile.titleGuess + '")';
mde.codemirror.doc.replaceSelection(fileText);
vueFile.cancel();
},
// -------------------------------------------
// NEW FOLDER
// -------------------------------------------
newFolder: (ev) => {
vueFile.newFolderName = '';
vueFile.newFolderError = false;
vueFile.newFolderShow = true;
_.delay(() => { $('#txt-editor-file-newfoldername').focus(); }, 400);
},
newFolderDiscard: (ev) => {
vueFile.newFolderShow = false;
},
newFolderCreate: (ev) => {
let regFolderName = new RegExp("^[a-z0-9][a-z0-9\-]*[a-z0-9]$");
vueFile.newFolderName = _.kebabCase(_.trim(vueFile.newFolderName));
if(_.isEmpty(vueFile.newFolderName) || !regFolderName.test(vueFile.newFolderName)) {
vueFile.newFolderError = true;
return;
}
vueFile.newFolderDiscard();
vueFile.isLoadingText = 'Creating new folder...';
vueFile.isLoading = true;
Vue.nextTick(() => {
socket.emit('uploadsCreateFolder', { foldername: vueFile.newFolderName }, (data) => {
vueFile.folders = data;
vueFile.currentFolder = vueFile.newFolderName;
vueFile.files = [];
vueFile.isLoading = false;
});
});
},
// -------------------------------------------
// RENAME FILE
// -------------------------------------------
renameFile: () => {
let c = _.find(vueFile.files, ['_id', vueFile.renameFileId ]);
vueFile.renameFileFilename = c.basename || '';
vueFile.renameFileShow = true;
_.delay(() => {
$('#txt-editor-renamefile').focus();
_.defer(() => { $('#txt-editor-file-rename').select(); });
}, 400);
},
renameFileDiscard: () => {
vueFile.renameFileShow = false;
},
renameFileGo: () => {
vueFile.renameFileDiscard();
vueFile.isLoadingText = 'Renaming file...';
vueFile.isLoading = true;
Vue.nextTick(() => {
socket.emit('uploadsRenameFile', { uid: vueFile.renameFileId, folder: vueFile.currentFolder, filename: vueFile.renameFileFilename }, (data) => {
if(data.ok) {
vueFile.waitChangeComplete(vueFile.files.length, false);
} else {
vueFile.isLoading = false;
alerts.pushError('Rename error', data.msg);
}
});
});
},
// -------------------------------------------
// MOVE FILE
// -------------------------------------------
moveFile: (uid, fld) => {
vueFile.isLoadingText = 'Moving file...';
vueFile.isLoading = true;
Vue.nextTick(() => {
socket.emit('uploadsMoveFile', { uid, folder: fld }, (data) => {
if(data.ok) {
vueFile.loadFiles();
} else {
vueFile.isLoading = false;
alerts.pushError('Rename error', data.msg);
}
});
});
},
// -------------------------------------------
// DELETE FILE
// -------------------------------------------
deleteFileWarn: (show) => {
if(show) {
let c = _.find(vueFile.files, ['_id', vueFile.deleteFileId ]);
vueFile.deleteFileFilename = c.filename || 'this file';
}
vueFile.deleteFileShow = show;
},
deleteFileGo: () => {
vueFile.deleteFileWarn(false);
vueFile.isLoadingText = 'Deleting file...';
vueFile.isLoading = true;
Vue.nextTick(() => {
socket.emit('uploadsDeleteFile', { uid: vueFile.deleteFileId }, (data) => {
vueFile.loadFiles();
});
});
},
// -------------------------------------------
// LOAD FROM REMOTE
// -------------------------------------------
selectFolder: (fldName) => {
vueFile.currentFolder = fldName;
vueFile.loadFiles();
},
refreshFolders: () => {
vueFile.isLoadingText = 'Fetching folders list...';
vueFile.isLoading = true;
vueFile.currentFolder = '';
vueFile.currentImage = '';
Vue.nextTick(() => {
socket.emit('uploadsGetFolders', { }, (data) => {
vueFile.folders = data;
vueFile.loadFiles();
});
});
},
loadFiles: (silent) => {
if(!silent) {
vueFile.isLoadingText = 'Fetching files...';
vueFile.isLoading = true;
}
return new Promise((resolve, reject) => {
Vue.nextTick(() => {
socket.emit('uploadsGetFiles', { folder: vueFile.currentFolder }, (data) => {
vueFile.files = data;
if(!silent) {
vueFile.isLoading = false;
}
vueFile.attachContextMenus();
resolve(true);
});
});
});
},
waitChangeComplete: (oldAmount, expectChange) => {
expectChange = (_.isBoolean(expectChange)) ? expectChange : true;
vueFile.postUploadChecks++;
vueFile.isLoadingText = 'Processing...';
Vue.nextTick(() => {
vueFile.loadFiles(true).then(() => {
if((vueFile.files.length !== oldAmount) === expectChange) {
vueFile.postUploadChecks = 0;
vueFile.isLoading = false;
} else if(vueFile.postUploadChecks > 5) {
vueFile.postUploadChecks = 0;
vueFile.isLoading = false;
alerts.pushError('Unable to fetch updated listing', 'Try again later');
} else {
_.delay(() => {
vueFile.waitChangeComplete(oldAmount, expectChange);
}, 1500);
}
});
});
},
// -------------------------------------------
// IMAGE CONTEXT MENU
// -------------------------------------------
attachContextMenus: () => {
let moveFolders = _.map(vueFile.folders, (f) => {
return {
name: (f !== '') ? f : '/ (root)',
icon: 'fa-folder',
callback: (key, opt) => {
let moveFileId = _.toString($(opt.$trigger).data('uid'));
let moveFileDestFolder = _.nth(vueFile.folders, key);
vueFile.moveFile(moveFileId, moveFileDestFolder);
}
};
});
$.contextMenu('destroy', '.editor-modal-file-choices > figure');
$.contextMenu({
selector: '.editor-modal-file-choices > figure',
appendTo: '.editor-modal-file-choices',
position: (opt, x, y) => {
$(opt.$trigger).addClass('is-contextopen');
let trigPos = $(opt.$trigger).position();
let trigDim = { w: $(opt.$trigger).width() / 5, h: $(opt.$trigger).height() / 2 };
opt.$menu.css({ top: trigPos.top + trigDim.h, left: trigPos.left + trigDim.w });
},
events: {
hide: (opt) => {
$(opt.$trigger).removeClass('is-contextopen');
}
},
items: {
rename: {
name: "Rename",
icon: "fa-edit",
callback: (key, opt) => {
vueFile.renameFileId = _.toString(opt.$trigger[0].dataset.uid);
vueFile.renameFile();
}
},
move: {
name: "Move to...",
icon: "fa-folder-open-o",
items: moveFolders
},
delete: {
name: "Delete",
icon: "fa-trash",
callback: (key, opt) => {
vueFile.deleteFileId = _.toString(opt.$trigger[0].dataset.uid);
vueFile.deleteFileWarn(true);
}
}
}
});
}
}
});
$('#btn-editor-file-upload input').on('change', (ev) => {
let curFileAmount = vueFile.files.length;
$(ev.currentTarget).simpleUpload("/uploads/file", {
name: 'binfile',
data: {
folder: vueFile.currentFolder
},
limit: 20,
expect: 'json',
maxFileSize: 0,
init: (totalUploads) => {
vueFile.uploadSucceeded = false;
vueFile.isLoadingText = 'Preparing to upload...';
vueFile.isLoading = true;
},
progress: (progress) => {
vueFile.isLoadingText = 'Uploading...' + Math.round(progress) + '%';
},
success: (data) => {
if(data.ok) {
let failedUpls = _.filter(data.results, ['ok', false]);
if(failedUpls.length) {
_.forEach(failedUpls, (u) => {
alerts.pushError('Upload error', u.msg);
});
if(failedUpls.length < data.results.length) {
alerts.push({
title: 'Some uploads succeeded',
message: 'Files that are not mentionned in the errors above were uploaded successfully.'
});
vueFile.uploadSucceeded = true;
}
} else {
vueFile.uploadSucceeded = true;
}
} else {
alerts.pushError('Upload error', data.msg);
}
},
error: (error) => {
alerts.pushError(error.message, this.upload.file.name);
},
finish: () => {
if(vueFile.uploadSucceeded) {
vueFile.waitChangeComplete(curFileAmount, true);
} else {
vueFile.isLoading = false;
}
}
});
});
\ No newline at end of file
client/js/components/editor-image.js
View file @ 9caaeee6
...@@ -78,7 +78,7 @@ let vueImage = new Vue({ ...@@ -78,7 +78,7 @@ let vueImage = new Vue({
vueImage.newFolderName = ''; vueImage.newFolderName = '';
vueImage.newFolderError = false; vueImage.newFolderError = false;
vueImage.newFolderShow = true; vueImage.newFolderShow = true;
_.delay(() => { $('#txt-editor-newfoldername').focus(); }, 400); _.delay(() => { $('#txt-editor-image-newfoldername').focus(); }, 400);
}, },
newFolderDiscard: (ev) => { newFolderDiscard: (ev) => {
vueImage.newFolderShow = false; vueImage.newFolderShow = false;
...@@ -115,7 +115,7 @@ let vueImage = new Vue({ ...@@ -115,7 +115,7 @@ let vueImage = new Vue({
fetchFromUrl: (ev) => { fetchFromUrl: (ev) => {
vueImage.fetchFromUrlURL = ''; vueImage.fetchFromUrlURL = '';
vueImage.fetchFromUrlShow = true; vueImage.fetchFromUrlShow = true;
_.delay(() => { $('#txt-editor-fetchimgurl').focus(); }, 400); _.delay(() => { $('#txt-editor-image-fetchurl').focus(); }, 400);
}, },
fetchFromUrlDiscard: (ev) => { fetchFromUrlDiscard: (ev) => {
vueImage.fetchFromUrlShow = false; vueImage.fetchFromUrlShow = false;
...@@ -149,8 +149,8 @@ let vueImage = new Vue({ ...@@ -149,8 +149,8 @@ let vueImage = new Vue({
vueImage.renameImageFilename = c.basename || ''; vueImage.renameImageFilename = c.basename || '';
vueImage.renameImageShow = true; vueImage.renameImageShow = true;
_.delay(() => { _.delay(() => {
$('#txt-editor-renameimage').focus(); $('#txt-editor-image-rename').focus();
_.defer(() => { $('#txt-editor-renameimage').select(); }); _.defer(() => { $('#txt-editor-image-rename').select(); });
}, 400); }, 400);
}, },
renameImageDiscard: () => { renameImageDiscard: () => {
...@@ -301,10 +301,10 @@ let vueImage = new Vue({ ...@@ -301,10 +301,10 @@ let vueImage = new Vue({
}; };
}); });
$.contextMenu('destroy', '.editor-modal-imagechoices > figure'); $.contextMenu('destroy', '.editor-modal-image-choices > figure');
$.contextMenu({ $.contextMenu({
selector: '.editor-modal-imagechoices > figure', selector: '.editor-modal-image-choices > figure',
appendTo: '.editor-modal-imagechoices', appendTo: '.editor-modal-image-choices',
position: (opt, x, y) => { position: (opt, x, y) => {
$(opt.$trigger).addClass('is-contextopen'); $(opt.$trigger).addClass('is-contextopen');
let trigPos = $(opt.$trigger).position(); let trigPos = $(opt.$trigger).position();
...@@ -345,7 +345,7 @@ let vueImage = new Vue({ ...@@ -345,7 +345,7 @@ let vueImage = new Vue({
} }
}); });
$('#btn-editor-uploadimage input').on('change', (ev) => { $('#btn-editor-image-upload input').on('change', (ev) => {
let curImageAmount = vueImage.images.length; let curImageAmount = vueImage.images.length;
......
client/js/components/editor.js
View file @ 9caaeee6
...@@ -13,6 +13,7 @@ if($('#mk-editor').length === 1) { ...@@ -13,6 +13,7 @@ if($('#mk-editor').length === 1) {
}); });
//=include editor-image.js //=include editor-image.js
//=include editor-file.js
//=include editor-codeblock.js //=include editor-codeblock.js
var mde = new SimpleMDE({ var mde = new SimpleMDE({
...@@ -103,7 +104,9 @@ if($('#mk-editor').length === 1) { ...@@ -103,7 +104,9 @@ if($('#mk-editor').length === 1) {
{ {
name: "file", name: "file",
action: (editor) => { action: (editor) => {
//todo if(!mdeModalOpenState) {
vueFile.open();
}
}, },
className: "fa fa-file-text-o", className: "fa fa-file-text-o",
title: "Insert File", title: "Insert File",
...@@ -133,9 +136,7 @@ if($('#mk-editor').length === 1) { ...@@ -133,9 +136,7 @@ if($('#mk-editor').length === 1) {
mdeModalOpenState = true; mdeModalOpenState = true;
if(mde.codemirror.doc.somethingSelected()) { if(mde.codemirror.doc.somethingSelected()) {
codeEditor.setValue(mde.codemirror.doc.getSelection()); vueCodeBlock.initContent = mde.codemirror.doc.getSelection();
} else {
codeEditor.setValue('');
} }
vueCodeBlock.open(); vueCodeBlock.open();
...@@ -170,7 +171,21 @@ if($('#mk-editor').length === 1) { ...@@ -170,7 +171,21 @@ if($('#mk-editor').length === 1) {
//-> Save //-> Save
$('.btn-edit-save, .btn-create-save').on('click', (ev) => { $('.btn-edit-save, .btn-create-save').on('click', (ev) => {
saveCurrentDocument(ev);
});
$(window).bind('keydown', (ev) => {
if (ev.ctrlKey || ev.metaKey) {
switch (String.fromCharCode(ev.which).toLowerCase()) {
case 's':
ev.preventDefault();
saveCurrentDocument(ev);
break;
}
}
});
let saveCurrentDocument = (ev) => {
$.ajax(window.location.href, { $.ajax(window.location.href, {
data: { data: {
markdown: mde.value() markdown: mde.value()
...@@ -186,7 +201,6 @@ if($('#mk-editor').length === 1) { ...@@ -186,7 +201,6 @@ if($('#mk-editor').length === 1) {
}, (rXHR, rStatus, err) => { }, (rXHR, rStatus, err) => {
alerts.pushError('Something went wrong', 'Save operation failed.'); alerts.pushError('Something went wrong', 'Save operation failed.');
}); });
}
});
} }
\ No newline at end of file
client/js/pages/source.js
View file @ 9caaeee6
...@@ -4,6 +4,9 @@ if($('#page-type-source').length) { ...@@ -4,6 +4,9 @@ if($('#page-type-source').length) {
var scEditor = ace.edit("source-display"); var scEditor = ace.edit("source-display");
scEditor.setTheme("ace/theme/tomorrow_night"); scEditor.setTheme("ace/theme/tomorrow_night");
scEditor.getSession().setMode("ace/mode/markdown"); scEditor.getSession().setMode("ace/mode/markdown");
scEditor.setOption('fontSize', '14px');
scEditor.setOption('hScrollBarAlwaysVisible', false);
scEditor.setOption('wrap', true);
scEditor.setReadOnly(true); scEditor.setReadOnly(true);
scEditor.renderer.updateFull(); scEditor.renderer.updateFull();
......
client/scss/components/_editor.scss
View file @ 9caaeee6
...@@ -67,7 +67,7 @@ ...@@ -67,7 +67,7 @@
} }
#btn-editor-uploadimage { #btn-editor-image-upload, #btn-editor-file-upload {
position: relative; position: relative;
overflow: hidden; overflow: hidden;
...@@ -94,7 +94,7 @@ ...@@ -94,7 +94,7 @@
} }
.editor-modal-imagechoices { .editor-modal-image-choices {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
align-items: flex-start; align-items: flex-start;
...@@ -188,6 +188,85 @@ ...@@ -188,6 +188,85 @@
} }
.editor-modal-file-choices {
overflow: auto;
overflow-x: hidden;
> em {
display: flex;
align-items: center;
padding: 25px;
color: mc('grey', '500');
> i {
font-size: 32px;
margin-right: 10px;
color: mc('grey', '300');
}
}
> figure {
display: flex;
background-color: #FAFAFA;
border-radius: 3px;
padding: 5px;
height: 34px;
margin: 0 0 5px 0;
cursor: pointer;
justify-content: flex-start;
align-items: center;
transition: background-color 0.4s ease;
> i {
width: 16px;
}
> span {
font-size: 14px;
flex: 0 1 auto;
padding: 0 15px;
color: mc('grey', '600');
&:first-of-type {
flex: 1 0 auto;
color: mc('grey', '800');
}
&:last-of-type {
width: 100px;
}
}
&:hover {
background-color: #DDD;
}
&.is-active {
background-color: mc('green', '500');
color: #FFF;
> span, strong {
color: #FFF;
}
}
&.is-contextopen {
background-color: mc('blue', '500');
color: #FFF;
> span, strong {
color: #FFF;
}
}
}
}
.editor-modal-imagealign { .editor-modal-imagealign {
.control > span { .control > span {
...@@ -215,6 +294,8 @@ ...@@ -215,6 +294,8 @@
overflow-x: hidden; overflow-x: hidden;
} }
// CODE MIRROR
.CodeMirror { .CodeMirror {
border-left: none; border-left: none;
border-right: none; border-right: none;
...@@ -245,16 +326,18 @@ ...@@ -245,16 +326,18 @@
font-size: 14px; font-size: 14px;
} }
// ACE EDITOR
.ace-container { .ace-container {
position: relative; position: relative;
} }
.ace_scroller { /*.ace_scroller {
width: 100%; width: 100%;
} }
.ace_content { .ace_content {
height: 100%; height: 100%;
} }*/
#page-type-source .ace-container { #page-type-source .ace-container {
min-height: 95vh; min-height: 95vh;
...@@ -267,13 +350,6 @@ ...@@ -267,13 +350,6 @@
position: relative; position: relative;
width: 100%; width: 100%;
height: 100%; height: 100%;
#codeblock-editor {
width: 100%;
height: 100%;
min-height: 500px;
}
} }
#source-display, #codeblock-editor { #source-display, #codeblock-editor {
...@@ -283,26 +359,3 @@ ...@@ -283,26 +359,3 @@
bottom: 0; bottom: 0;
right: 0; right: 0;
} }
\ No newline at end of file
.modallayer {
position: fixed;
top: 100px;
width: 100%;
background-color: rgba(255,255,255,0.95);
border-bottom: 1px solid mc('grey', '500');
z-index: 6;
padding: 20px;
border-bottom: 1px solid #CCC;
box-shadow: 0 2px 3px rgba(17,17,17,.1);
display: none;
> h3, .column > h3 {
color: mc('grey', '700');
font-size: 24px;
font-weight: 300;
}
}
.modallayer-content {
}
\ No newline at end of file
config.sample.yml
View file @ 9caaeee6
...@@ -32,6 +32,15 @@ paths: ...@@ -32,6 +32,15 @@ paths:
data: ./data data: ./data
# --------------------------------------------------------------------- # ---------------------------------------------------------------------
# Upload Limits
# ---------------------------------------------------------------------
# In megabytes (MB)
uploads:
maxImageFileSize: 3
maxOtherFileSize: 100
# ---------------------------------------------------------------------
# Site Language # Site Language
# --------------------------------------------------------------------- # ---------------------------------------------------------------------
# Possible values: en, fr # Possible values: en, fr
......
controllers/uploads.js
View file @ 9caaeee6
...@@ -53,7 +53,7 @@ router.post('/img', lcdata.uploadImgHandler, (req, res, next) => { ...@@ -53,7 +53,7 @@ router.post('/img', lcdata.uploadImgHandler, (req, res, next) => {
let destFilename = ''; let destFilename = '';
let destFilePath = ''; let destFilePath = '';
return lcdata.validateUploadsFilename(f.originalname, destFolder).then((fname) => { return lcdata.validateUploadsFilename(f.originalname, destFolder, true).then((fname) => {
destFilename = fname; destFilename = fname;
destFilePath = path.resolve(destFolderPath, destFilename); destFilePath = path.resolve(destFolderPath, destFilename);
...@@ -106,6 +106,61 @@ router.post('/img', lcdata.uploadImgHandler, (req, res, next) => { ...@@ -106,6 +106,61 @@ router.post('/img', lcdata.uploadImgHandler, (req, res, next) => {
}); });
router.post('/file', lcdata.uploadFileHandler, (req, res, next) => {
let destFolder = _.chain(req.body.folder).trim().toLower().value();
upl.validateUploadsFolder(destFolder).then((destFolderPath) => {
if(!destFolderPath) {
res.json({ ok: false, msg: 'Invalid Folder' });
return true;
}
Promise.map(req.files, (f) => {
let destFilename = '';
let destFilePath = '';
return lcdata.validateUploadsFilename(f.originalname, destFolder, false).then((fname) => {
destFilename = fname;
destFilePath = path.resolve(destFolderPath, destFilename);
//-> Move file to final destination
return fs.moveAsync(f.path, destFilePath, { clobber: false });
}).then(() => {
return {
ok: true,
filename: destFilename,
filesize: f.size
};
}).reflect();
}, {concurrency: 3}).then((results) => {
let uplResults = _.map(results, (r) => {
if(r.isFulfilled()) {
return r.value();
} else {
return {
ok: false,
msg: r.reason().message
};
}
});
res.json({ ok: true, results: uplResults });
return true;
}).catch((err) => {
res.json({ ok: false, msg: err.message });
return true;
});
});
});
router.get('/*', (req, res, next) => { router.get('/*', (req, res, next) => {
let fileName = req.params[0]; let fileName = req.params[0];
......
controllers/ws.js
View file @ 9caaeee6
...@@ -42,6 +42,13 @@ module.exports = (socket) => { ...@@ -42,6 +42,13 @@ module.exports = (socket) => {
}); });
}); });
socket.on('uploadsGetFiles', (data, cb) => {
cb = cb || _.noop;
upl.getUploadsFiles('binary', data.folder).then((f) => {
return cb(f) || true;
});
});
socket.on('uploadsDeleteFile', (data, cb) => { socket.on('uploadsDeleteFile', (data, cb) => {
cb = cb || _.noop; cb = cb || _.noop;
upl.deleteUploadsFile(data.uid).then((f) => { upl.deleteUploadsFile(data.uid).then((f) => {
......
libs/local.js
View file @ 9caaeee6
...@@ -4,6 +4,7 @@ var path = require('path'), ...@@ -4,6 +4,7 @@ var path = require('path'),
Promise = require('bluebird'), Promise = require('bluebird'),
fs = Promise.promisifyAll(require('fs-extra')), fs = Promise.promisifyAll(require('fs-extra')),
multer = require('multer'), multer = require('multer'),
os = require('os'),
_ = require('lodash'); _ = require('lodash');
/** /**
...@@ -44,6 +45,13 @@ module.exports = { ...@@ -44,6 +45,13 @@ module.exports = {
*/ */
initMulter(appconfig) { initMulter(appconfig) {
let maxFileSizes = {
img: appconfig.uploads.maxImageFileSize * 1024 * 1024,
file: appconfig.uploads.maxOtherFileSize * 1024 * 1024
};
//-> IMAGES
this.uploadImgHandler = multer({ this.uploadImgHandler = multer({
storage: multer.diskStorage({ storage: multer.diskStorage({
destination: (req, f, cb) => { destination: (req, f, cb) => {
...@@ -52,9 +60,9 @@ module.exports = { ...@@ -52,9 +60,9 @@ module.exports = {
}), }),
fileFilter: (req, f, cb) => { fileFilter: (req, f, cb) => {
//-> Check filesize (3 MB max) //-> Check filesize
if(f.size > 3145728) { if(f.size > maxFileSizes.img) {
return cb(null, false); return cb(null, false);
} }
...@@ -68,6 +76,26 @@ module.exports = { ...@@ -68,6 +76,26 @@ module.exports = {
} }
}).array('imgfile', 20); }).array('imgfile', 20);
//-> FILES
this.uploadFileHandler = multer({
storage: multer.diskStorage({
destination: (req, f, cb) => {
cb(null, path.resolve(ROOTPATH, appconfig.paths.data, 'temp-upload'));
}
}),
fileFilter: (req, f, cb) => {
//-> Check filesize
if(f.size > maxFileSizes.file) {
return cb(null, false);
}
cb(null, true);
}
}).array('binfile', 20);
return true; return true;
}, },
...@@ -88,8 +116,17 @@ module.exports = { ...@@ -88,8 +116,17 @@ module.exports = {
fs.ensureDirSync(path.resolve(ROOTPATH, appconfig.paths.data, './thumbs')); fs.ensureDirSync(path.resolve(ROOTPATH, appconfig.paths.data, './thumbs'));
fs.ensureDirSync(path.resolve(ROOTPATH, appconfig.paths.data, './temp-upload')); fs.ensureDirSync(path.resolve(ROOTPATH, appconfig.paths.data, './temp-upload'));
if(os.type() !== 'Windows_NT') {
fs.chmodSync(path.resolve(ROOTPATH, appconfig.paths.data, './temp-upload'), '644');
}
fs.ensureDirSync(path.resolve(ROOTPATH, appconfig.paths.repo)); fs.ensureDirSync(path.resolve(ROOTPATH, appconfig.paths.repo));
fs.ensureDirSync(path.resolve(ROOTPATH, appconfig.paths.repo, './uploads')); fs.ensureDirSync(path.resolve(ROOTPATH, appconfig.paths.repo, './uploads'));
if(os.type() !== 'Windows_NT') {
fs.chmodSync(path.resolve(ROOTPATH, appconfig.paths.repo, './upload'), '644');
}
} catch (err) { } catch (err) {
winston.error(err); winston.error(err);
} }
...@@ -125,13 +162,13 @@ module.exports = { ...@@ -125,13 +162,13 @@ module.exports = {
* @param {String} fld The containing folder * @param {String} fld The containing folder
* @return {Promise<String>} Promise of the accepted filename * @return {Promise<String>} Promise of the accepted filename
*/ */
validateUploadsFilename(f, fld) { validateUploadsFilename(f, fld, isImage) {
let fObj = path.parse(f); let fObj = path.parse(f);
let fname = _.chain(fObj.name).trim().toLower().kebabCase().value().replace(/[^a-z0-9\-]+/g, ''); let fname = _.chain(fObj.name).trim().toLower().kebabCase().value().replace(/[^a-z0-9\-]+/g, '');
let fext = _.toLower(fObj.ext); let fext = _.toLower(fObj.ext);
if(!_.includes(['.jpg', '.jpeg', '.png', '.gif', '.webp'], fext)) { if(isImage && !_.includes(['.jpg', '.jpeg', '.png', '.gif', '.webp'], fext)) {
fext = '.png'; fext = '.png';
} }
......
libs/uploads-agent.js
View file @ 9caaeee6
...@@ -5,6 +5,7 @@ var path = require('path'), ...@@ -5,6 +5,7 @@ var path = require('path'),
fs = Promise.promisifyAll(require('fs-extra')), fs = Promise.promisifyAll(require('fs-extra')),
readChunk = require('read-chunk'), readChunk = require('read-chunk'),
fileType = require('file-type'), fileType = require('file-type'),
mime = require('mime-types'),
farmhash = require('farmhash'), farmhash = require('farmhash'),
moment = require('moment'), moment = require('moment'),
chokidar = require('chokidar'), chokidar = require('chokidar'),
...@@ -199,6 +200,11 @@ module.exports = { ...@@ -199,6 +200,11 @@ module.exports = {
// Get MIME info // Get MIME info
let mimeInfo = fileType(readChunk.sync(fPath, 0, 262)); let mimeInfo = fileType(readChunk.sync(fPath, 0, 262));
if(_.isNil(mimeInfo)) {
mimeInfo = {
mime: mime.lookup(fPathObj.ext) || 'application/octet-stream'
};
}
// Images // Images
...@@ -244,7 +250,7 @@ module.exports = { ...@@ -244,7 +250,7 @@ module.exports = {
_id: fUid, _id: fUid,
category: 'binary', category: 'binary',
mime: mimeInfo.mime, mime: mimeInfo.mime,
folder: fldName, folder: 'f:' + fldName,
filename: f, filename: f,
basename: fPathObj.name, basename: fPathObj.name,
filesize: s.size filesize: s.size
......
package.json
View file @ 9caaeee6
...@@ -43,7 +43,7 @@ ...@@ -43,7 +43,7 @@
"connect-flash": "^0.1.1", "connect-flash": "^0.1.1",
"connect-mongo": "^1.3.2", "connect-mongo": "^1.3.2",
"cookie-parser": "^1.4.3", "cookie-parser": "^1.4.3",
"cron": "^1.1.1", "cron": "^1.2.1",
"express": "^4.14.0", "express": "^4.14.0",
"express-brute": "^1.0.0", "express-brute": "^1.0.0",
"express-brute-mongoose": "0.0.7", "express-brute-mongoose": "0.0.7",
...@@ -53,13 +53,13 @@ ...@@ -53,13 +53,13 @@
"filesize.js": "^1.0.2", "filesize.js": "^1.0.2",
"fs-extra": "^1.0.0", "fs-extra": "^1.0.0",
"git-wrapper2-promise": "^0.2.9", "git-wrapper2-promise": "^0.2.9",
"highlight.js": "^9.8.0", "highlight.js": "^9.9.0",
"i18next": "^4.1.1", "i18next": "^4.1.1",
"i18next-express-middleware": "^1.0.2", "i18next-express-middleware": "^1.0.2",
"i18next-node-fs-backend": "^0.1.3", "i18next-node-fs-backend": "^0.1.3",
"js-yaml": "^3.7.0", "js-yaml": "^3.7.0",
"lodash": "^4.17.2", "lodash": "^4.17.2",
"markdown-it": "^8.2.1", "markdown-it": "^8.2.2",
"markdown-it-abbr": "^1.0.4", "markdown-it-abbr": "^1.0.4",
"markdown-it-anchor": "^2.6.0", "markdown-it-anchor": "^2.6.0",
"markdown-it-attrs": "^0.8.0", "markdown-it-attrs": "^0.8.0",
...@@ -68,10 +68,11 @@ ...@@ -68,10 +68,11 @@
"markdown-it-external-links": "0.0.6", "markdown-it-external-links": "0.0.6",
"markdown-it-footnote": "^3.0.1", "markdown-it-footnote": "^3.0.1",
"markdown-it-task-lists": "^1.4.1", "markdown-it-task-lists": "^1.4.1",
"mime-types": "^2.1.13",
"moment": "^2.17.1", "moment": "^2.17.1",
"moment-timezone": "^0.5.10", "moment-timezone": "^0.5.10",
"mongoose": "^4.7.2", "mongoose": "^4.7.3",
"multer": "^1.2.0", "multer": "^1.2.1",
"passport": "^0.3.2", "passport": "^0.3.2",
"passport-facebook": "^2.1.1", "passport-facebook": "^2.1.1",
"passport-google-oauth20": "^1.0.0", "passport-google-oauth20": "^1.0.0",
...@@ -87,8 +88,7 @@ ...@@ -87,8 +88,7 @@
"serve-favicon": "^2.3.2", "serve-favicon": "^2.3.2",
"sharp": "^0.16.1", "sharp": "^0.16.1",
"simplemde": "^1.11.2", "simplemde": "^1.11.2",
"snyk": "^1.19.1", "socket.io": "^1.7.2",
"socket.io": "^1.6.0",
"sticky-js": "^1.0.7", "sticky-js": "^1.0.7",
"validator": "^6.2.0", "validator": "^6.2.0",
"validator-as-promised": "^1.0.2", "validator-as-promised": "^1.0.2",
...@@ -100,17 +100,16 @@ ...@@ -100,17 +100,16 @@
"chai": "^3.5.0", "chai": "^3.5.0",
"chai-as-promised": "^6.0.0", "chai-as-promised": "^6.0.0",
"codacy-coverage": "^2.0.0", "codacy-coverage": "^2.0.0",
"filesize.js": "^1.0.1",
"font-awesome": "^4.6.3", "font-awesome": "^4.6.3",
"gulp": "^3.9.1", "gulp": "^3.9.1",
"gulp-babel": "^6.1.2", "gulp-babel": "^6.1.2",
"gulp-clean-css": "^2.2.1", "gulp-clean-css": "^2.3.2",
"gulp-concat": "^2.6.1", "gulp-concat": "^2.6.1",
"gulp-gzip": "^1.4.0", "gulp-gzip": "^1.4.0",
"gulp-include": "^2.3.1", "gulp-include": "^2.3.1",
"gulp-nodemon": "^2.2.1", "gulp-nodemon": "^2.2.1",
"gulp-plumber": "^1.1.0", "gulp-plumber": "^1.1.0",
"gulp-sass": "^2.3.2", "gulp-sass": "^3.0.0",
"gulp-tar": "^1.9.0", "gulp-tar": "^1.9.0",
"gulp-uglify": "^2.0.0", "gulp-uglify": "^2.0.0",
"gulp-watch": "^4.3.11", "gulp-watch": "^4.3.11",
...@@ -125,10 +124,10 @@ ...@@ -125,10 +124,10 @@
"mocha-lcov-reporter": "^1.2.0", "mocha-lcov-reporter": "^1.2.0",
"nodemon": "^1.11.0", "nodemon": "^1.11.0",
"run-sequence": "^1.2.2", "run-sequence": "^1.2.2",
"snyk": "^1.21.2", "snyk": "^1.22.1",
"sticky-js": "^1.1.6", "sticky-js": "^1.1.6",
"twemoji-awesome": "^1.0.4", "twemoji-awesome": "^1.0.4",
"vue": "^2.1.4" "vue": "^2.1.6"
}, },
"snyk": true "snyk": true
} }
views/modals/editor-file.pug 0 → 100644
View file @ 9caaeee6
.modal#modal-editor-file
.modal-background
.modal-container
.modal-content.is-expanded
header.is-green
span Insert File
p.modal-notify(v-bind:class="{ 'is-active': isLoading }")
span {{ isLoadingText }}
i
.modal-toolbar.is-green
a.button(v-on:click="newFolder")
i.fa.fa-folder
span New Folder
a.button#btn-editor-file-upload
i.fa.fa-upload
span Upload File
label
input(type="file", multiple)
section.is-gapless
.columns.is-stretched
.column.is-one-quarter.modal-sidebar.is-green(style={'max-width':'350px'})
.model-sidebar-header Folders
ul.model-sidebar-list
li(v-for="fld in folders")
a(v-on:click="selectFolder(fld)", v-bind:class="{ 'is-active': currentFolder === fld }")
i.icon-folder2
span / {{ fld }}
.column.editor-modal-file-choices
figure(v-for="fl in files", v-bind:class="{ 'is-active': currentFile === fl._id }", v-on:click="selectFile(fl._id)", v-bind:data-uid="fl._id")
i(class='icon-file')
span: strong {{ fl.filename }}
span {{ fl.mime }}
span {{ fl.filesize | filesize }}
em(v-show="files.length < 1")
i.icon-marquee-minus
| This folder is empty.
footer
a.button.is-grey.is-outlined(v-on:click="cancel") Discard
a.button.is-green(v-on:click="insertFileLink") Insert Link to File
.modal.is-superimposed(v-bind:class="{ 'is-active': newFolderShow }")
.modal-background
.modal-container
.modal-content
header.is-light-blue New Folder
section
label.label Enter the new folder name:
p.control.is-fullwidth
input.input#txt-editor-file-newfoldername(type='text', placeholder='folder name', v-model='newFolderName', v-on:keyup.enter="newFolderCreate", v-on:keyup.esc="newFolderDiscard")
span.help.is-danger(v-show="newFolderError") This folder name is invalid!
footer
a.button.is-grey.is-outlined(v-on:click="newFolderDiscard") Discard
a.button.is-light-blue(v-on:click="newFolderCreate") Create
.modal.is-superimposed(v-bind:class="{ 'is-active': renameFileShow }")
.modal-background
.modal-container
.modal-content
header.is-indigo Rename File
section
label.label Enter the new filename (without the extension) of the file:
p.control.is-fullwidth
input.input#txt-editor-file-rename(type='text', placeholder='filename', v-model='renameFileFilename')
span.help.is-danger.is-hidden This filename is invalid!
footer
a.button.is-grey.is-outlined(v-on:click="renameFileDiscard") Discard
a.button.is-light-blue(v-on:click="renameFileGo") Rename
.modal.is-superimposed(v-bind:class="{ 'is-active': deleteFileShow }")
.modal-background
.modal-container
.modal-content
header.is-red Delete file?
section
span Are you sure you want to delete #[strong {{deleteFileFilename}}]?
footer
a.button.is-grey.is-outlined(v-on:click="deleteFileWarn(false)") Discard
a.button.is-red(v-on:click="deleteFileGo") Delete
\ No newline at end of file
views/modals/editor-image.pug
View file @ 9caaeee6
...@@ -13,7 +13,7 @@ ...@@ -13,7 +13,7 @@
a.button(v-on:click="newFolder") a.button(v-on:click="newFolder")
i.fa.fa-folder i.fa.fa-folder
span New Folder span New Folder
a.button#btn-editor-uploadimage a.button#btn-editor-image-upload
i.fa.fa-upload i.fa.fa-upload
span Upload Image span Upload Image
label label
...@@ -38,7 +38,7 @@ ...@@ -38,7 +38,7 @@
option(value='center') Centered option(value='center') Centered
option(value='right') Right option(value='right') Right
option(value='logo') Page Logo option(value='logo') Page Logo
.column.editor-modal-imagechoices .column.editor-modal-image-choices
figure(v-for="img in images", v-bind:class="{ 'is-active': currentImage === img._id }", v-on:click="selectImage(img._id)", v-bind:data-uid="img._id") figure(v-for="img in images", v-bind:class="{ 'is-active': currentImage === img._id }", v-on:click="selectImage(img._id)", v-bind:data-uid="img._id")
img(v-bind:src="'/uploads/t/' + img._id + '.png'") img(v-bind:src="'/uploads/t/' + img._id + '.png'")
span: strong {{ img.basename }} span: strong {{ img.basename }}
...@@ -58,7 +58,7 @@ ...@@ -58,7 +58,7 @@
section section
label.label Enter the new folder name: label.label Enter the new folder name:
p.control.is-fullwidth p.control.is-fullwidth
input.input#txt-editor-newfoldername(type='text', placeholder='folder name', v-model='newFolderName', v-on:keyup.enter="newFolderCreate", v-on:keyup.esc="newFolderDiscard") input.input#txt-editor-image-newfoldername(type='text', placeholder='folder name', v-model='newFolderName', v-on:keyup.enter="newFolderCreate", v-on:keyup.esc="newFolderDiscard")
span.help.is-danger(v-show="newFolderError") This folder name is invalid! span.help.is-danger(v-show="newFolderError") This folder name is invalid!
footer footer
a.button.is-grey.is-outlined(v-on:click="newFolderDiscard") Discard a.button.is-grey.is-outlined(v-on:click="newFolderDiscard") Discard
...@@ -72,7 +72,7 @@ ...@@ -72,7 +72,7 @@
section section
label.label Enter full URL path to the image: label.label Enter full URL path to the image:
p.control.is-fullwidth p.control.is-fullwidth
input.input#txt-editor-fetchimgurl(type='text', placeholder='http://www.example.com/some-image.png', v-model='fetchFromUrlURL') input.input#txt-editor-image-fetchurl(type='text', placeholder='http://www.example.com/some-image.png', v-model='fetchFromUrlURL')
span.help.is-danger.is-hidden This URL path is invalid! span.help.is-danger.is-hidden This URL path is invalid!
footer footer
a.button.is-grey.is-outlined(v-on:click="fetchFromUrlDiscard") Discard a.button.is-grey.is-outlined(v-on:click="fetchFromUrlDiscard") Discard
...@@ -86,7 +86,7 @@ ...@@ -86,7 +86,7 @@
section section
label.label Enter the new filename (without the extension) of the image: label.label Enter the new filename (without the extension) of the image:
p.control.is-fullwidth p.control.is-fullwidth
input.input#txt-editor-renameimage(type='text', placeholder='filename', v-model='renameImageFilename') input.input#txt-editor-image-rename(type='text', placeholder='filename', v-model='renameImageFilename')
span.help.is-danger.is-hidden This filename is invalid! span.help.is-danger.is-hidden This filename is invalid!
footer footer
a.button.is-grey.is-outlined(v-on:click="renameImageDiscard") Discard a.button.is-grey.is-outlined(v-on:click="renameImageDiscard") Discard
......
views/modals/editor-link.pug
View file @ 9caaeee6
.modallayer#modal-editor-link //.modallayer#modal-editor-link
.modallayer-content .modallayer-content
.tabs.is-boxed .tabs.is-boxed
ul ul
......
views/pages/edit.pug
View file @ 9caaeee6
...@@ -22,4 +22,5 @@ block content ...@@ -22,4 +22,5 @@ block content
include ../modals/edit-discard.pug include ../modals/edit-discard.pug
include ../modals/editor-link.pug include ../modals/editor-link.pug
include ../modals/editor-image.pug include ../modals/editor-image.pug
include ../modals/editor-file.pug
include ../modals/editor-codeblock.pug include ../modals/editor-codeblock.pug
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment