Skip to content
Projects
Groups
Snippets
Help
This project
Loading...
Sign in / Register
Toggle navigation
W
wiki-js
Project
Project
Details
Activity
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
1
Issues
1
List
Board
Labels
Milestones
Merge Requests
1
Merge Requests
1
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Registry
Registry
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
Jacklull
wiki-js
Commits
b524cd9f
Commit
b524cd9f
authored
Sep 11, 2016
by
NGPixel
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
Insert Code Block feature completed
parent
3212b624
Show whitespace changes
Inline
Side-by-side
Showing
4 changed files
with
87 additions
and
47 deletions
+87
-47
app.js
assets/js/app.js
+2
-2
editor-codeblock.js
client/js/components/editor-codeblock.js
+62
-0
editor.js
client/js/components/editor.js
+20
-43
editor-codeblock.pug
views/modals/editor-codeblock.pug
+3
-2
No files found.
assets/js/app.js
View file @
b524cd9f
"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
){
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
t
=
new
Alerts
;
alertsData
&&
_
.
forEach
(
alertsData
,
function
(
e
){
t
.
push
(
e
)});
var
a
=
io
(
ioHost
);
if
(
jQuery
(
document
).
ready
(
function
(
e
){
if
(
e
(
"#search-input"
).
length
){
e
(
"#search-input"
).
focus
(),
Vue
.
transition
(
"slide"
,{
enterClass
:
"slideInDown"
,
leaveClass
:
"fadeOutUp"
}),
e
(
".searchresults"
).
css
(
"display"
,
"block"
);
var
t
=
new
Vue
({
el
:
"#header-container"
,
data
:{
searchq
:
""
,
searchres
:[],
searchsuggest
:[],
searchload
:
0
,
searchactive
:
!
1
,
searchmoveidx
:
0
,
searchmovekey
:
""
,
searchmovearr
:[]},
watch
:{
searchq
:
function
(
e
,
o
){
t
.
searchmoveidx
=
0
,
e
.
length
>=
3
?(
t
.
searchactive
=!
0
,
t
.
searchload
++
,
a
.
emit
(
"search"
,{
terms
:
e
},
function
(
e
){
t
.
searchres
=
e
.
match
,
t
.
searchsuggest
=
e
.
suggest
,
t
.
searchmovearr
=
_
.
concat
([],
t
.
searchres
,
t
.
searchsuggest
),
t
.
searchload
>
0
&&
t
.
searchload
--
})):(
t
.
searchactive
=!
1
,
t
.
searchres
=
[],
t
.
searchsuggest
=
[],
t
.
searchmovearr
=
[],
t
.
searchload
=
0
)},
searchmoveidx
:
function
(
e
,
a
){
e
>
0
?
t
.
searchmovekey
=
t
.
searchmovearr
[
e
-
1
].
document
?
"res."
+
t
.
searchmovearr
[
e
-
1
].
document
.
entryPath
:
"sug."
+
t
.
searchmovearr
[
e
-
1
]:
t
.
searchmovekey
=
""
}},
methods
:{
useSuggestion
:
function
(
e
){
t
.
searchq
=
e
},
closeSearch
:
function
(){
t
.
searchq
=
""
},
moveSelectSearch
:
function
(){
if
(
!
(
t
.
searchmoveidx
<
1
)){
var
e
=
t
.
searchmoveidx
-
1
;
t
.
searchmovearr
[
e
].
document
?
window
.
location
.
assign
(
"/"
+
t
.
searchmovearr
[
e
].
document
.
entryPath
):
t
.
searchq
=
t
.
searchmovearr
[
e
]}},
moveDownSearch
:
function
(){
t
.
searchmoveidx
<
t
.
searchmovearr
.
length
&&
t
.
searchmoveidx
++
},
moveUpSearch
:
function
(){
t
.
searchmoveidx
>
0
&&
t
.
searchmoveidx
--
}}});
e
(
"main"
).
on
(
"click"
,
t
.
closeSearch
)}}),
e
(
"#page-type-view"
).
length
&&!
function
(){
var
a
=
"home"
!==
e
(
"#page-type-view"
).
data
(
"entrypath"
)?
e
(
"#page-type-view"
).
data
(
"entrypath"
):
""
,
o
=
a
+
"/new-page"
;
e
(
".btn-create-prompt"
).
on
(
"click"
,
function
(
t
){
e
(
"#txt-create-prompt"
).
val
(
o
),
e
(
"#modal-create-prompt"
).
toggleClass
(
"is-active"
),
setInputSelection
(
e
(
"#txt-create-prompt"
).
get
(
0
),
a
.
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
))}),
""
!==
a
&&
e
(
".btn-move-prompt"
).
removeClass
(
"is-hidden"
);
var
n
=
_
.
lastIndexOf
(
a
,
"/"
)
+
1
;
e
(
".btn-move-prompt"
).
on
(
"click"
,
function
(
t
){
e
(
"#txt-move-prompt"
).
val
(
a
),
e
(
"#modal-move-prompt"
).
toggleClass
(
"is-active"
),
setInputSelection
(
e
(
"#txt-move-prompt"
).
get
(
0
),
n
,
a
.
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
===
a
||
"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
,
a
,
o
){
e
.
ok
?
window
.
location
.
assign
(
"/"
+
n
):
t
.
pushError
(
"Something went wrong"
,
e
.
error
)},
function
(
e
,
a
,
o
){
t
.
pushError
(
"Something went wrong"
,
"Save operation failed."
)}))})}(),
e
(
"#page-type-create"
).
length
){
var
o
;
!
function
(){
var
a
=
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
a
=
ace
.
edit
(
"codeblock-editor"
);
a
.
setTheme
(
"ace/theme/tomorrow_night"
),
a
.
getSession
().
setMode
(
"ace/mode/markdown"
),
a
.
setOption
(
"fontSize"
,
"14px"
),
a
.
setOption
(
"hScrollBarAlwaysVisible"
,
!
1
),
a
.
setOption
(
"wrap"
,
!
0
);
var
n
=
ace
.
require
(
"ace/ext/modelist"
);
new
Vue
({
el
:
"#modal-editor-codeblock"
,
data
:{
modes
:
n
.
modesByName
,
modeSelected
:
"text"
},
watch
:{
modeSelected
:
function
(
e
,
t
){
i
(
e
).
done
(
function
(){
ace
.
require
(
"ace/mode/"
+
e
),
a
.
getSession
().
setMode
(
"ace/mode/"
+
e
)})}}});
o
=
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
(
t
){
e
(
"#modal-editor-link"
).
slideToggle
()},
className
:
"fa fa-link"
,
title
:
"Insert Link"
},{
name
:
"image"
,
action
:
function
(
e
){},
className
:
"fa fa-image"
,
title
:
"Insert Image"
},
"|"
,{
name
:
"inline-code"
,
action
:
function
(
e
){
if
(
!
e
.
codemirror
.
doc
.
somethingSelected
())
return
t
.
pushError
(
"Invalid selection"
,
"You must select at least 1 character first."
);
var
a
=
e
.
codemirror
.
doc
.
getSelections
();
a
=
_
.
map
(
a
,
function
(
e
){
return
"`"
+
e
+
"`"
}),
e
.
codemirror
.
doc
.
replaceSelections
(
a
)},
className
:
"fa fa-terminal"
,
title
:
"Inline Code"
},{
name
:
"code-block"
,
action
:
function
(
t
){
e
(
"#modal-editor-codeblock"
).
slideDown
(
400
,
function
(){
a
.
resize
(),
a
.
focus
()})},
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"
).
on
(
"click"
,
function
(
n
){
e
.
ajax
(
window
.
location
.
href
,{
data
:{
markdown
:
o
.
value
()},
dataType
:
"json"
,
method
:
"PUT"
}).
then
(
function
(
e
,
o
,
n
){
e
.
ok
?
window
.
location
.
assign
(
"/"
+
a
):
t
.
pushError
(
"Something went wrong"
,
e
.
error
)},
function
(
e
,
a
,
o
){
t
.
pushError
(
"Something went wrong"
,
"Save operation failed."
)})});
var
n
=
[],
i
=
function
(
t
){
return
e
.
ajax
({
url
:
"/js/ace/mode-"
+
t
+
".js"
,
dataType
:
"script"
,
cache
:
!
0
,
beforeSend
:
function
(){
if
(
_
.
includes
(
n
,
t
))
return
!
1
},
success
:
function
(){
n
.
push
(
t
)}})}}()}
if
(
e
(
"#page-type-edit"
).
length
){
var
o
;
!
function
(){
var
a
=
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
a
=
ace
.
edit
(
"codeblock-editor"
);
a
.
setTheme
(
"ace/theme/tomorrow_night"
),
a
.
getSession
().
setMode
(
"ace/mode/markdown"
),
a
.
setOption
(
"fontSize"
,
"14px"
),
a
.
setOption
(
"hScrollBarAlwaysVisible"
,
!
1
),
a
.
setOption
(
"wrap"
,
!
0
);
var
n
=
ace
.
require
(
"ace/ext/modelist"
);
new
Vue
({
el
:
"#modal-editor-codeblock"
,
data
:{
modes
:
n
.
modesByName
,
modeSelected
:
"text"
},
watch
:{
modeSelected
:
function
(
e
,
t
){
i
(
e
).
done
(
function
(){
ace
.
require
(
"ace/mode/"
+
e
),
a
.
getSession
().
setMode
(
"ace/mode/"
+
e
)})}}});
o
=
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
(
t
){
e
(
"#modal-editor-link"
).
slideToggle
()},
className
:
"fa fa-link"
,
title
:
"Insert Link"
},{
name
:
"image"
,
action
:
function
(
e
){},
className
:
"fa fa-image"
,
title
:
"Insert Image"
},
"|"
,{
name
:
"inline-code"
,
action
:
function
(
e
){
if
(
!
e
.
codemirror
.
doc
.
somethingSelected
())
return
t
.
pushError
(
"Invalid selection"
,
"You must select at least 1 character first."
);
var
a
=
e
.
codemirror
.
doc
.
getSelections
();
a
=
_
.
map
(
a
,
function
(
e
){
return
"`"
+
e
+
"`"
}),
e
.
codemirror
.
doc
.
replaceSelections
(
a
)},
className
:
"fa fa-terminal"
,
title
:
"Inline Code"
},{
name
:
"code-block"
,
action
:
function
(
t
){
e
(
"#modal-editor-codeblock"
).
slideDown
(
400
,
function
(){
a
.
resize
(),
a
.
focus
()})},
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"
).
on
(
"click"
,
function
(
n
){
e
.
ajax
(
window
.
location
.
href
,{
data
:{
markdown
:
o
.
value
()},
dataType
:
"json"
,
method
:
"PUT"
}).
then
(
function
(
e
,
o
,
n
){
e
.
ok
?
window
.
location
.
assign
(
"/"
+
a
):
t
.
pushError
(
"Something went wrong"
,
e
.
error
)},
function
(
e
,
a
,
o
){
t
.
pushError
(
"Something went wrong"
,
"Save operation failed."
)})});
var
n
=
[],
i
=
function
(
t
){
return
e
.
ajax
({
url
:
"/js/ace/mode-"
+
t
+
".js"
,
dataType
:
"script"
,
cache
:
!
0
,
beforeSend
:
function
(){
if
(
_
.
includes
(
n
,
t
))
return
!
1
},
success
:
function
(){
n
.
push
(
t
)}})}}()}
if
(
e
(
"#page-type-source"
).
length
){
var
n
;
!
function
(){
n
=
ace
.
edit
(
"source-display"
),
n
.
setTheme
(
"ace/theme/tomorrow_night"
),
n
.
getSession
().
setMode
(
"ace/mode/markdown"
),
n
.
setReadOnly
(
!
0
),
n
.
renderer
.
updateFull
();
var
a
=
"home"
!==
e
(
"#page-type-source"
).
data
(
"entrypath"
)?
e
(
"#page-type-source"
).
data
(
"entrypath"
):
""
,
o
=
a
+
"/new-page"
;
e
(
".btn-create-prompt"
).
on
(
"click"
,
function
(
t
){
e
(
"#txt-create-prompt"
).
val
(
o
),
e
(
"#modal-create-prompt"
).
toggleClass
(
"is-active"
),
setInputSelection
(
e
(
"#txt-create-prompt"
).
get
(
0
),
a
.
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
))}),
""
!==
a
&&
e
(
".btn-move-prompt"
).
removeClass
(
"is-hidden"
);
var
i
=
_
.
lastIndexOf
(
a
,
"/"
)
+
1
;
e
(
".btn-move-prompt"
).
on
(
"click"
,
function
(
t
){
e
(
"#txt-move-prompt"
).
val
(
a
),
e
(
"#modal-move-prompt"
).
toggleClass
(
"is-active"
),
setInputSelection
(
e
(
"#txt-move-prompt"
).
get
(
0
),
i
,
a
.
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
===
a
||
"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
,
a
,
o
){
e
.
ok
?
window
.
location
.
assign
(
"/"
+
n
):
t
.
pushError
(
"Something went wrong"
,
e
.
error
)},
function
(
e
,
a
,
o
){
t
.
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
)},
5
e3
),
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"
,
t
.
mdl
.
children
.
$set
(
a
,
o
),
_
.
delay
(
function
(){
t
.
mdl
.
children
.
$remove
(
o
)},
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
,
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
){
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
t
=
new
Alerts
;
alertsData
&&
_
.
forEach
(
alertsData
,
function
(
e
){
t
.
push
(
e
)});
var
a
=
io
(
ioHost
);
if
(
jQuery
(
document
).
ready
(
function
(
e
){
if
(
e
(
"#search-input"
).
length
){
e
(
"#search-input"
).
focus
(),
Vue
.
transition
(
"slide"
,{
enterClass
:
"slideInDown"
,
leaveClass
:
"fadeOutUp"
}),
e
(
".searchresults"
).
css
(
"display"
,
"block"
);
var
t
=
new
Vue
({
el
:
"#header-container"
,
data
:{
searchq
:
""
,
searchres
:[],
searchsuggest
:[],
searchload
:
0
,
searchactive
:
!
1
,
searchmoveidx
:
0
,
searchmovekey
:
""
,
searchmovearr
:[]},
watch
:{
searchq
:
function
(
e
,
o
){
t
.
searchmoveidx
=
0
,
e
.
length
>=
3
?(
t
.
searchactive
=!
0
,
t
.
searchload
++
,
a
.
emit
(
"search"
,{
terms
:
e
},
function
(
e
){
t
.
searchres
=
e
.
match
,
t
.
searchsuggest
=
e
.
suggest
,
t
.
searchmovearr
=
_
.
concat
([],
t
.
searchres
,
t
.
searchsuggest
),
t
.
searchload
>
0
&&
t
.
searchload
--
})):(
t
.
searchactive
=!
1
,
t
.
searchres
=
[],
t
.
searchsuggest
=
[],
t
.
searchmovearr
=
[],
t
.
searchload
=
0
)},
searchmoveidx
:
function
(
e
,
a
){
e
>
0
?
t
.
searchmovekey
=
t
.
searchmovearr
[
e
-
1
].
document
?
"res."
+
t
.
searchmovearr
[
e
-
1
].
document
.
entryPath
:
"sug."
+
t
.
searchmovearr
[
e
-
1
]:
t
.
searchmovekey
=
""
}},
methods
:{
useSuggestion
:
function
(
e
){
t
.
searchq
=
e
},
closeSearch
:
function
(){
t
.
searchq
=
""
},
moveSelectSearch
:
function
(){
if
(
!
(
t
.
searchmoveidx
<
1
)){
var
e
=
t
.
searchmoveidx
-
1
;
t
.
searchmovearr
[
e
].
document
?
window
.
location
.
assign
(
"/"
+
t
.
searchmovearr
[
e
].
document
.
entryPath
):
t
.
searchq
=
t
.
searchmovearr
[
e
]}},
moveDownSearch
:
function
(){
t
.
searchmoveidx
<
t
.
searchmovearr
.
length
&&
t
.
searchmoveidx
++
},
moveUpSearch
:
function
(){
t
.
searchmoveidx
>
0
&&
t
.
searchmoveidx
--
}}});
e
(
"main"
).
on
(
"click"
,
t
.
closeSearch
)}}),
e
(
"#page-type-view"
).
length
&&!
function
(){
var
a
=
"home"
!==
e
(
"#page-type-view"
).
data
(
"entrypath"
)?
e
(
"#page-type-view"
).
data
(
"entrypath"
):
""
,
o
=
a
+
"/new-page"
;
e
(
".btn-create-prompt"
).
on
(
"click"
,
function
(
t
){
e
(
"#txt-create-prompt"
).
val
(
o
),
e
(
"#modal-create-prompt"
).
toggleClass
(
"is-active"
),
setInputSelection
(
e
(
"#txt-create-prompt"
).
get
(
0
),
a
.
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
))}),
""
!==
a
&&
e
(
".btn-move-prompt"
).
removeClass
(
"is-hidden"
);
var
n
=
_
.
lastIndexOf
(
a
,
"/"
)
+
1
;
e
(
".btn-move-prompt"
).
on
(
"click"
,
function
(
t
){
e
(
"#txt-move-prompt"
).
val
(
a
),
e
(
"#modal-move-prompt"
).
toggleClass
(
"is-active"
),
setInputSelection
(
e
(
"#txt-move-prompt"
).
get
(
0
),
n
,
a
.
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
===
a
||
"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
,
a
,
o
){
e
.
ok
?
window
.
location
.
assign
(
"/"
+
n
):
t
.
pushError
(
"Something went wrong"
,
e
.
error
)},
function
(
e
,
a
,
o
){
t
.
pushError
(
"Something went wrong"
,
"Save operation failed."
)}))})}(),
e
(
"#page-type-create"
).
length
){
var
o
;
!
function
(){
var
a
=
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
a
=!
1
,
n
=
ace
.
edit
(
"codeblock-editor"
);
n
.
setTheme
(
"ace/theme/tomorrow_night"
),
n
.
getSession
().
setMode
(
"ace/mode/markdown"
),
n
.
setOption
(
"fontSize"
,
"14px"
),
n
.
setOption
(
"hScrollBarAlwaysVisible"
,
!
1
),
n
.
setOption
(
"wrap"
,
!
0
);
var
i
=
ace
.
require
(
"ace/ext/modelist"
),
r
=
new
Vue
({
el
:
"#modal-editor-codeblock"
,
data
:{
modes
:
i
.
modesByName
,
modeSelected
:
"text"
},
watch
:{
modeSelected
:
function
(
e
,
t
){
s
(
e
).
done
(
function
(){
ace
.
require
(
"ace/mode/"
+
e
),
n
.
getSession
().
setMode
(
"ace/mode/"
+
e
)})}},
methods
:{
cancel
:
function
(
t
){
a
=!
1
,
e
(
"#modal-editor-codeblock"
).
slideUp
()},
insertCode
:
function
(
e
){
o
.
codemirror
.
doc
.
somethingSelected
()
&&
o
.
codemirror
.
execCommand
(
"singleSelection"
);
var
t
=
"```"
+
r
.
modeSelected
+
"
\
n"
+
n
.
getValue
()
+
"
\
n```"
;
o
.
codemirror
.
doc
.
replaceSelection
(
t
),
r
.
cancel
()}}}),
c
=
[],
s
=
function
(
t
){
return
e
.
ajax
({
url
:
"/js/ace/mode-"
+
t
+
".js"
,
dataType
:
"script"
,
cache
:
!
0
,
beforeSend
:
function
(){
if
(
_
.
includes
(
c
,
t
))
return
!
1
},
success
:
function
(){
c
.
push
(
t
)}})};
o
=
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
(
t
){
a
||
(
a
=!
0
,
e
(
"#modal-editor-link"
).
slideToggle
())},
className
:
"fa fa-link"
,
title
:
"Insert Link"
},{
name
:
"image"
,
action
:
function
(
e
){},
className
:
"fa fa-image"
,
title
:
"Insert Image"
},
"|"
,{
name
:
"inline-code"
,
action
:
function
(
e
){
if
(
!
e
.
codemirror
.
doc
.
somethingSelected
())
return
t
.
pushError
(
"Invalid selection"
,
"You must select at least 1 character first."
);
var
a
=
e
.
codemirror
.
doc
.
getSelections
();
a
=
_
.
map
(
a
,
function
(
e
){
return
"`"
+
e
+
"`"
}),
e
.
codemirror
.
doc
.
replaceSelections
(
a
)},
className
:
"fa fa-terminal"
,
title
:
"Inline Code"
},{
name
:
"code-block"
,
action
:
function
(
t
){
a
||
(
a
=!
0
,
o
.
codemirror
.
doc
.
somethingSelected
()?
n
.
setValue
(
o
.
codemirror
.
doc
.
getSelection
()):
n
.
setValue
(
""
),
e
(
"#modal-editor-codeblock"
).
slideDown
(
400
,
function
(){
n
.
resize
(),
n
.
focus
()}))},
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"
).
on
(
"click"
,
function
(
n
){
e
.
ajax
(
window
.
location
.
href
,{
data
:{
markdown
:
o
.
value
()},
dataType
:
"json"
,
method
:
"PUT"
}).
then
(
function
(
e
,
o
,
n
){
e
.
ok
?
window
.
location
.
assign
(
"/"
+
a
):
t
.
pushError
(
"Something went wrong"
,
e
.
error
)},
function
(
e
,
a
,
o
){
t
.
pushError
(
"Something went wrong"
,
"Save operation failed."
)})})}()}
if
(
e
(
"#page-type-edit"
).
length
){
var
o
;
!
function
(){
var
a
=
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
a
=!
1
,
n
=
ace
.
edit
(
"codeblock-editor"
);
n
.
setTheme
(
"ace/theme/tomorrow_night"
),
n
.
getSession
().
setMode
(
"ace/mode/markdown"
),
n
.
setOption
(
"fontSize"
,
"14px"
),
n
.
setOption
(
"hScrollBarAlwaysVisible"
,
!
1
),
n
.
setOption
(
"wrap"
,
!
0
);
var
i
=
ace
.
require
(
"ace/ext/modelist"
),
r
=
new
Vue
({
el
:
"#modal-editor-codeblock"
,
data
:{
modes
:
i
.
modesByName
,
modeSelected
:
"text"
},
watch
:{
modeSelected
:
function
(
e
,
t
){
s
(
e
).
done
(
function
(){
ace
.
require
(
"ace/mode/"
+
e
),
n
.
getSession
().
setMode
(
"ace/mode/"
+
e
)})}},
methods
:{
cancel
:
function
(
t
){
a
=!
1
,
e
(
"#modal-editor-codeblock"
).
slideUp
()},
insertCode
:
function
(
e
){
o
.
codemirror
.
doc
.
somethingSelected
()
&&
o
.
codemirror
.
execCommand
(
"singleSelection"
);
var
t
=
"```"
+
r
.
modeSelected
+
"
\
n"
+
n
.
getValue
()
+
"
\
n```"
;
o
.
codemirror
.
doc
.
replaceSelection
(
t
),
r
.
cancel
()}}}),
c
=
[],
s
=
function
(
t
){
return
e
.
ajax
({
url
:
"/js/ace/mode-"
+
t
+
".js"
,
dataType
:
"script"
,
cache
:
!
0
,
beforeSend
:
function
(){
if
(
_
.
includes
(
c
,
t
))
return
!
1
},
success
:
function
(){
c
.
push
(
t
)}})};
o
=
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
(
t
){
a
||
(
a
=!
0
,
e
(
"#modal-editor-link"
).
slideToggle
())},
className
:
"fa fa-link"
,
title
:
"Insert Link"
},{
name
:
"image"
,
action
:
function
(
e
){},
className
:
"fa fa-image"
,
title
:
"Insert Image"
},
"|"
,{
name
:
"inline-code"
,
action
:
function
(
e
){
if
(
!
e
.
codemirror
.
doc
.
somethingSelected
())
return
t
.
pushError
(
"Invalid selection"
,
"You must select at least 1 character first."
);
var
a
=
e
.
codemirror
.
doc
.
getSelections
();
a
=
_
.
map
(
a
,
function
(
e
){
return
"`"
+
e
+
"`"
}),
e
.
codemirror
.
doc
.
replaceSelections
(
a
)},
className
:
"fa fa-terminal"
,
title
:
"Inline Code"
},{
name
:
"code-block"
,
action
:
function
(
t
){
a
||
(
a
=!
0
,
o
.
codemirror
.
doc
.
somethingSelected
()?
n
.
setValue
(
o
.
codemirror
.
doc
.
getSelection
()):
n
.
setValue
(
""
),
e
(
"#modal-editor-codeblock"
).
slideDown
(
400
,
function
(){
n
.
resize
(),
n
.
focus
()}))},
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"
).
on
(
"click"
,
function
(
n
){
e
.
ajax
(
window
.
location
.
href
,{
data
:{
markdown
:
o
.
value
()},
dataType
:
"json"
,
method
:
"PUT"
}).
then
(
function
(
e
,
o
,
n
){
e
.
ok
?
window
.
location
.
assign
(
"/"
+
a
):
t
.
pushError
(
"Something went wrong"
,
e
.
error
)},
function
(
e
,
a
,
o
){
t
.
pushError
(
"Something went wrong"
,
"Save operation failed."
)})})}()}
if
(
e
(
"#page-type-source"
).
length
){
var
n
;
!
function
(){
n
=
ace
.
edit
(
"source-display"
),
n
.
setTheme
(
"ace/theme/tomorrow_night"
),
n
.
getSession
().
setMode
(
"ace/mode/markdown"
),
n
.
setReadOnly
(
!
0
),
n
.
renderer
.
updateFull
();
var
a
=
"home"
!==
e
(
"#page-type-source"
).
data
(
"entrypath"
)?
e
(
"#page-type-source"
).
data
(
"entrypath"
):
""
,
o
=
a
+
"/new-page"
;
e
(
".btn-create-prompt"
).
on
(
"click"
,
function
(
t
){
e
(
"#txt-create-prompt"
).
val
(
o
),
e
(
"#modal-create-prompt"
).
toggleClass
(
"is-active"
),
setInputSelection
(
e
(
"#txt-create-prompt"
).
get
(
0
),
a
.
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
))}),
""
!==
a
&&
e
(
".btn-move-prompt"
).
removeClass
(
"is-hidden"
);
var
i
=
_
.
lastIndexOf
(
a
,
"/"
)
+
1
;
e
(
".btn-move-prompt"
).
on
(
"click"
,
function
(
t
){
e
(
"#txt-move-prompt"
).
val
(
a
),
e
(
"#modal-move-prompt"
).
toggleClass
(
"is-active"
),
setInputSelection
(
e
(
"#txt-move-prompt"
).
get
(
0
),
i
,
a
.
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
===
a
||
"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
,
a
,
o
){
e
.
ok
?
window
.
location
.
assign
(
"/"
+
n
):
t
.
pushError
(
"Something went wrong"
,
e
.
error
)},
function
(
e
,
a
,
o
){
t
.
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
)},
5
e3
),
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"
,
t
.
mdl
.
children
.
$set
(
a
,
o
),
_
.
delay
(
function
(){
t
.
mdl
.
children
.
$remove
(
o
)},
500
))}}]),
e
}();
\ No newline at end of file
\ No newline at end of file
client/js/components/editor-codeblock.js
0 → 100644
View file @
b524cd9f
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
vueCodeBlock
=
new
Vue
({
el
:
'#modal-editor-codeblock'
,
data
:
{
modes
:
modelist
.
modesByName
,
modeSelected
:
'text'
},
watch
:
{
modeSelected
:
(
val
,
oldVal
)
=>
{
loadAceMode
(
val
).
done
(()
=>
{
ace
.
require
(
"ace/mode/"
+
val
);
codeEditor
.
getSession
().
setMode
(
"ace/mode/"
+
val
);
});
}
},
methods
:
{
cancel
:
(
ev
)
=>
{
mdeModalOpenState
=
false
;
$
(
'#modal-editor-codeblock'
).
slideUp
();
},
insertCode
:
(
ev
)
=>
{
if
(
mde
.
codemirror
.
doc
.
somethingSelected
())
{
mde
.
codemirror
.
execCommand
(
'singleSelection'
);
}
let
codeBlockText
=
'```'
+
vueCodeBlock
.
modeSelected
+
'
\
n'
+
codeEditor
.
getValue
()
+
'
\
n```'
;
mde
.
codemirror
.
doc
.
replaceSelection
(
codeBlockText
);
vueCodeBlock
.
cancel
();
}
}
});
// ACE - Mode Loader
let
modelistLoaded
=
[];
let
loadAceMode
=
(
m
)
=>
{
return
$
.
ajax
({
url
:
'/js/ace/mode-'
+
m
+
'.js'
,
dataType
:
"script"
,
cache
:
true
,
beforeSend
:
()
=>
{
if
(
_
.
includes
(
modelistLoaded
,
m
))
{
return
false
;
}
},
success
:
()
=>
{
modelistLoaded
.
push
(
m
);
}
});
}
\ No newline at end of file
client/js/components/editor.js
View file @
b524cd9f
...
@@ -5,30 +5,10 @@
...
@@ -5,30 +5,10 @@
if
(
$
(
'#mk-editor'
).
length
===
1
)
{
if
(
$
(
'#mk-editor'
).
length
===
1
)
{
let
codeEditor
=
ace
.
edit
(
"codeblock-editor"
);
let
mdeModalOpenState
=
false
;
codeEditor
.
setTheme
(
"ace/theme/tomorrow_night"
);
let
mdeCurrentEditor
=
null
;
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"
);
//=include editor-codeblock.js
let
vueCodeBlock
=
new
Vue
({
el
:
'#modal-editor-codeblock'
,
data
:
{
modes
:
modelist
.
modesByName
,
modeSelected
:
'text'
},
watch
:
{
modeSelected
:
(
val
,
oldVal
)
=>
{
loadAceMode
(
val
).
done
(()
=>
{
ace
.
require
(
"ace/mode/"
+
val
);
codeEditor
.
getSession
().
setMode
(
"ace/mode/"
+
val
);
});
}
}
});
var
mde
=
new
SimpleMDE
({
var
mde
=
new
SimpleMDE
({
autofocus
:
true
,
autofocus
:
true
,
...
@@ -97,7 +77,10 @@ if($('#mk-editor').length === 1) {
...
@@ -97,7 +77,10 @@ if($('#mk-editor').length === 1) {
{
{
name
:
"link"
,
name
:
"link"
,
action
:
(
editor
)
=>
{
action
:
(
editor
)
=>
{
if
(
!
mdeModalOpenState
)
{
mdeModalOpenState
=
true
;
$
(
'#modal-editor-link'
).
slideToggle
();
$
(
'#modal-editor-link'
).
slideToggle
();
}
},
},
className
:
"fa fa-link"
,
className
:
"fa fa-link"
,
title
:
"Insert Link"
,
title
:
"Insert Link"
,
...
@@ -114,6 +97,7 @@ if($('#mk-editor').length === 1) {
...
@@ -114,6 +97,7 @@ if($('#mk-editor').length === 1) {
{
{
name
:
"inline-code"
,
name
:
"inline-code"
,
action
:
(
editor
)
=>
{
action
:
(
editor
)
=>
{
if
(
!
editor
.
codemirror
.
doc
.
somethingSelected
())
{
if
(
!
editor
.
codemirror
.
doc
.
somethingSelected
())
{
return
alerts
.
pushError
(
'Invalid selection'
,
'You must select at least 1 character first.'
);
return
alerts
.
pushError
(
'Invalid selection'
,
'You must select at least 1 character first.'
);
}
}
...
@@ -122,6 +106,7 @@ if($('#mk-editor').length === 1) {
...
@@ -122,6 +106,7 @@ if($('#mk-editor').length === 1) {
return
'`'
+
s
+
'`'
;
return
'`'
+
s
+
'`'
;
});
});
editor
.
codemirror
.
doc
.
replaceSelections
(
curSel
);
editor
.
codemirror
.
doc
.
replaceSelections
(
curSel
);
},
},
className
:
"fa fa-terminal"
,
className
:
"fa fa-terminal"
,
title
:
"Inline Code"
,
title
:
"Inline Code"
,
...
@@ -129,10 +114,21 @@ if($('#mk-editor').length === 1) {
...
@@ -129,10 +114,21 @@ if($('#mk-editor').length === 1) {
{
{
name
:
"code-block"
,
name
:
"code-block"
,
action
:
(
editor
)
=>
{
action
:
(
editor
)
=>
{
if
(
!
mdeModalOpenState
)
{
mdeModalOpenState
=
true
;
if
(
mde
.
codemirror
.
doc
.
somethingSelected
())
{
codeEditor
.
setValue
(
mde
.
codemirror
.
doc
.
getSelection
());
}
else
{
codeEditor
.
setValue
(
''
);
}
$
(
'#modal-editor-codeblock'
).
slideDown
(
400
,
()
=>
{
$
(
'#modal-editor-codeblock'
).
slideDown
(
400
,
()
=>
{
codeEditor
.
resize
();
codeEditor
.
resize
();
codeEditor
.
focus
();
codeEditor
.
focus
();
});
});
}
},
},
className
:
"fa fa-code"
,
className
:
"fa fa-code"
,
title
:
"Code Block"
,
title
:
"Code Block"
,
...
@@ -182,22 +178,3 @@ $('.btn-edit-save').on('click', (ev) => {
...
@@ -182,22 +178,3 @@ $('.btn-edit-save').on('click', (ev) => {
});
});
});
});
\ No newline at end of file
// ACE - Mode Loader
let
modelistLoaded
=
[];
let
loadAceMode
=
(
m
)
=>
{
return
$
.
ajax
({
url
:
'/js/ace/mode-'
+
m
+
'.js'
,
dataType
:
"script"
,
cache
:
true
,
beforeSend
:
()
=>
{
if
(
_
.
includes
(
modelistLoaded
,
m
))
{
return
false
;
}
},
success
:
()
=>
{
modelistLoaded
.
push
(
m
);
}
});
}
\ No newline at end of file
views/modals/editor-codeblock.pug
View file @
b524cd9f
...
@@ -11,9 +11,9 @@
...
@@ -11,9 +11,9 @@
select(style={width: '300px'}, v-model='modeSelected')
select(style={width: '300px'}, v-model='modeSelected')
option(v-for="mode in modes" v-bind:value='mode.name') {{ mode.caption }}
option(v-for="mode in modes" v-bind:value='mode.name') {{ mode.caption }}
.column.is-narrow
.column.is-narrow
a.button.is-warning.is-outlined Cancel
a.button.is-warning.is-outlined
(v-on:click="cancel")
Cancel
.column.is-narrow
.column.is-narrow
a.button.is-primary.is-outlined Insert Code Block
a.button.is-primary.is-outlined
(v-on:click="insertCode")
Insert Code Block
.ace-container(style={'border-radius':'5px'})
.ace-container(style={'border-radius':'5px'})
#codeblock-editor
#codeblock-editor
\ No newline at end of file
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment
