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

updated todo...

Browse Source 
Signed-off-by: Alex A. Naanou <alex.nanou@gmail.com>
This commit is contained in:
Alex A. Naanou 2013-02-07 01:13:16 +04:00
parent 0ab4ff3c85
commit 31c8f3b5e9
3 changed files with 17 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
TODO.otl
View File

@ -14,8 +14,13 @@
[_] dark [_] dark
[_] Editor: add toggleEditiorMode to all editables in all versions... [_] Editor: add toggleEditiorMode to all editables in all versions...
| text areas, inputs, ... | text areas, inputs, ...
[_] Editor: make the editor switchable...
| if it is imported it should be able to switch on and off on demand...
[_] add global credits and copyright page... [_] add global credits and copyright page...
| list and link all the used software and authors... | list and link all the used software and authors...
[_] add default empty state to viewer, magazine and article...
| use it to trigger a "New Magazine", "New Cover"/"New Article" and
| "New Cover"/"New Page" actions...
[_] add transition-duration editors to config page (a-la PAGES_IN_RIBBON)... [_] add transition-duration editors to config page (a-la PAGES_IN_RIBBON)...
| will help tuning the system,,, | will help tuning the system,,,
[_] EXPERIMENT: Try using scroll instead of left of .magazine.... [_] EXPERIMENT: Try using scroll instead of left of .magazine....
@ -48,19 +53,11 @@
[X] (i) info [X] (i) info
[_] (+) new [_] (+) new
[_] (x) remove [_] (x) remove
[_] add default empty state to viewer, magazine and article...
| use it to trigger a "New Magazine", "New Cover"/"New Article" and
| "New Cover"/"New Page" actions...
[_] Editor: make the editor switchable...
| if it is imported it should be able to switch on and off on demand...
[_] Editor: make empty magazine and article visible in the editor... [_] Editor: make empty magazine and article visible in the editor...
[_] 0% populate an example issue [_] 0% populate an example issue
[_] template photo page [_] template photo page
[_] template 3x3 grid [_] template 3x3 grid
[_] template two column text [_] template two column text
[_] add separate history manager...
| might be a virtual history rather than browser history which
| tends to slow things down -- just a simple stack...
[_] make layer default state configurable... [_] make layer default state configurable...
| e.g. setting "shown"/"hidden" classes in HTML and adding | e.g. setting "shown"/"hidden" classes in HTML and adding
| something like a page reset that will restore the default state, | something like a page reset that will restore the default state,

8
index.html
View File

@ -514,28 +514,28 @@ $(document).ready(function(){
</div> </div>
<div class="page no-resize page-align-left"> <div class="page no-resize page-align-left">
<div class="content" style="background:gold"> <div class="content" style="background:gold">
Page Left-aligned page...
<div class="page-number-text">[PAGE NUMBER]</div> <div class="page-number-text">[PAGE NUMBER]</div>
</div> </div>
</div> </div>
<div class="page no-resize page-align-center"> <div class="page no-resize page-align-center">
<div class="content" style="background:yellow; width: 600px"> <div class="content" style="background:yellow; width: 600px">
Page Center-aligned page...
<div class="page-number-text">[PAGE NUMBER]</div> <div class="page-number-text">[PAGE NUMBER]</div>
</div> </div>
</div> </div>
<div class="page no-resize page-align-right"> <div class="page no-resize page-align-right">
<div class="content" style="background:gold; width: 400px"> <div class="content" style="background:gold; width: 400px">
Page Right-aligned page...
<div class="page-number-text">[PAGE NUMBER]</div> <div class="page-number-text">[PAGE NUMBER]</div>
</div> </div>
</div> </div>
<div class="page no-resize page-align-right"> <div class="page no-resize page-align-right">
<div class="content" style="background:orange; width: 200px"> <div class="content" style="background:orange; width: 200px">
Page Right-aligned page...
<div class="page-number-text">[PAGE NUMBER]</div> <div class="page-number-text">[PAGE NUMBER]</div>
</div> </div>

8
magazine.js
View File

@ -114,10 +114,13 @@ function isPageResizable(page){
} }
var mag = $('.magazine') var mag = $('.magazine')
var set = page.parents('.page-set').first()
var article = page.parents('.article').first() var article = page.parents('.article').first()
// first check the page... // first check the page...
return (page.hasClass('no-resize') ? false return (page.hasClass('no-resize') ? false
// then the page-set...
: set.hasClass('no-resize') ? false
// then the article... // then the article...
: article.hasClass('no-resize') ? false : article.hasClass('no-resize') ? false
// then the magazine... // then the magazine...
@ -140,12 +143,17 @@ function getPageAlign(page){
} }
var mag = $('.magazine') var mag = $('.magazine')
var set = page.parents('.page-set').first()
var article = page.parents('.article').first() var article = page.parents('.article').first()
// first check the page... // first check the page...
return (page.hasClass('page-align-center') ? 'center' return (page.hasClass('page-align-center') ? 'center'
: page.hasClass('page-align-left') ? 'left' : page.hasClass('page-align-left') ? 'left'
: page.hasClass('page-align-right') ? 'right' : page.hasClass('page-align-right') ? 'right'
// then the page-set...
: set.hasClass('page-align-center') ? 'center'
: set.hasClass('page-align-left') ? 'left'
: set.hasClass('page-align-right') ? 'right'
// then the article... // then the article...
: article.hasClass('page-align-center') ? 'center' : article.hasClass('page-align-center') ? 'center'
: article.hasClass('page-align-left') ? 'left' : article.hasClass('page-align-left') ? 'left'