flynx/PortableMag
1
0
Fork 0
mirror of https://github.com/flynx/PortableMag.git synced 2025-10-31 20:10:13 +00:00
Code Issues Packages Projects Releases Wiki Activity

some more refactoring, preparing to move the editor to editor.js...

Browse Source 
Signed-off-by: Alex A. Naanou <alex.nanou@gmail.com>
This commit is contained in:
Alex A. Naanou 2013-03-04 16:59:12 +04:00
parent 8519c14c71
commit 84f84f9c4f
1 changed files with 51 additions and 36 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

87
index.html
View File

@ -208,43 +208,49 @@
// XXX need better separation between full screen and ribbon modes... // XXX need better separation between full screen and ribbon modes...
function setupEditor(){ function setupEditor(){
var indicator = $('<div class="current-page-indicator"/>') function setupEditorToolbars(){
.appendTo($('.magazine')) var indicator = $('<div class="current-page-indicator"/>')
.appendTo($('.magazine'))
// the toolbars... // the toolbars...
var left_bar = $('<div class="left-toolbar"/>') var left_bar = $('<div class="left-toolbar"/>')
.appendTo(indicator) .appendTo(indicator)
var right_bar = $('<div class="right-toolbar"/>') var right_bar = $('<div class="right-toolbar"/>')
.appendTo(indicator)
$('<button class="button remove">&times;</button>')
.appendTo(indicator) .appendTo(indicator)
.click(function(){
setTransitionDuration($('.magazine'), 0)
removePage()
})
$('<button class="button remove">&times;</button>') $('<button class="button shift">&gt;</button>')
.appendTo(indicator) .appendTo(right_bar)
.click(function(){ .click(function(){
setTransitionDuration($('.magazine'), 0) shiftPageRight()
removePage() })
}) $('<button class="button add">+</button>')
.appendTo(right_bar)
.click(function(){
})
$('<button class="button shift">&gt;</button>') $('<button class="button shift">&lt;</button>')
.appendTo(right_bar) .appendTo(left_bar)
.click(function(){ .click(function(){
shiftPageRight() shiftPageLeft()
}) })
$('<button class="button add">+</button>') $('<button class="button add">+</button>')
.appendTo(right_bar) .appendTo(left_bar)
.click(function(){ .click(function(){
}) })
}
$('<button class="button shift">&lt;</button>') function clearEdiorToolbars(){
.appendTo(left_bar) var indicator = $('.current-page-indicator').remove()
.click(function(){ }
shiftPageLeft()
})
$('<button class="button add">+</button>')
.appendTo(left_bar)
.click(function(){
})
// general editor mode...
window.toggleEditor = createCSSClassToggler( window.toggleEditor = createCSSClassToggler(
'.chrome', '.chrome',
'editor', 'editor',
@ -262,10 +268,16 @@ function setupEditor(){
} }
setCurrentPage($('.current.page')) setCurrentPage($('.current.page'))
}) })
// inline editor switcher...
var toggleInlineEditor = createCSSClassToggler( window.toggleInlineEditor = createCSSClassToggler(
'.chrome', '.chrome',
'inline-edior', 'inline-edior',
function(action){
// prevent switching on while not in editor mode...
if(toggleEditor('?') == 'off' && action == 'on'){
return false
}
},
function(action){ function(action){
if(action == 'on'){ if(action == 'on'){
MagazineScroller.stop() MagazineScroller.stop()
@ -278,6 +290,7 @@ function setupEditor(){
} }
}) })
// editable focus...
$('[contenteditable]') $('[contenteditable]')
.on('focus', function(){ .on('focus', function(){
if(toggleInlineEditor('?') == 'off'){ if(toggleInlineEditor('?') == 'off'){
@ -290,9 +303,9 @@ function setupEditor(){
toggleInlineEditorMode('off') toggleInlineEditorMode('off')
}) })
// move the page indicator...
// NOTE: this is to be used for page-specific toolbars etc.
$('.viewer') $('.viewer')
// move the page indicator...
// NOTE: this is to be used for page-specific toolbars etc.
.on('pageChanged', function(){ .on('pageChanged', function(){
var cur = $('.current.page') var cur = $('.current.page')
var indicator = $('.current-page-indicator') var indicator = $('.current-page-indicator')
@ -307,7 +320,7 @@ function setupEditor(){
top: 0, top: 0,
}) })
}) })
// switch between editor modes...
.on('fullScreenMode', function(){ .on('fullScreenMode', function(){
$(':focus').blur() $(':focus').blur()
if(toggleEditor('?') == 'on'){ if(toggleEditor('?') == 'on'){
@ -320,6 +333,8 @@ function setupEditor(){
toggleInlineEditor('off') toggleInlineEditor('off')
} }
}) })
setupEditorToolbars()
} }