@@ -23,6 +23,9 @@ <h2>Tools</h2>
23
23
< button onclick ="sketchpad.mode = 'erase' "> Erase</ button >
24
24
< input type ="number " onchange ="sketchpad.weight = parseFloat(this.value) " value ="2 ">
25
25
</ div >
26
+ < div >
27
+ Homepages: < input id ="homepages-input " type ="text " onchange ="website.homepages = JSON.parse(this.value) ">
28
+ </ div >
26
29
< h2 > Timeline</ h2 >
27
30
< p > When you have selected a position in the timeline, press < span class ="key "> Space</ span > to start recording, and < span class ="key "> Space</ span > again to stop recording.</ p >
28
31
< button onclick ="if(!recording){clearSketchpad(); drawPage(page, 1);} "> Refresh</ button >
@@ -91,13 +94,13 @@ <h2>Timeline</h2>
91
94
92
95
/* Recording stuff */
93
96
94
- var website = [ { name : "ui" , blocks : [ ] , speed : 1 } ]
95
- var page = website [ 0 ]
97
+ var website = { pages : [ { name : "ui" , blocks : [ ] , speed : 1 } ] , homepages : [ "ui" ] }
98
+ var page = website . pages [ 0 ]
96
99
var current_index
97
100
current_index = 0
98
101
var activeBlockLinks
99
102
activeBlockLinks = [ ]
100
- setPage ( website [ 0 ] )
103
+ setPage ( website . pages [ 0 ] )
101
104
async function setPage ( new_page ) {
102
105
/* clearSketchpad()*/
103
106
page = new_page
@@ -318,7 +321,7 @@ <h2>Timeline</h2>
318
321
let f = async function ( ) {
319
322
for ( const pageName of pageNames ) {
320
323
if ( cancel ) return ;
321
- await drawPage ( website . find ( ( page ) => page . name == pageName ) , 1 )
324
+ await drawPage ( website . pages . find ( ( page ) => page . name == pageName ) , 1 )
322
325
}
323
326
}
324
327
cancel = true
@@ -427,7 +430,7 @@ <h2>Timeline</h2>
427
430
while ( websiteInfo . firstChild ) {
428
431
websiteInfo . removeChild ( websiteInfo . firstChild ) ;
429
432
}
430
- for ( const pageOf of website ) {
433
+ for ( const pageOf of website . pages ) {
431
434
let button = document . createElement ( "button" )
432
435
button . innerText = pageOf . name
433
436
button . addEventListener ( "click" , ( ev ) => {
@@ -439,10 +442,12 @@ <h2>Timeline</h2>
439
442
button . innerText = "+"
440
443
button . addEventListener ( "click" , ( ev ) => {
441
444
let new_page = { name : "No name" , speed : 1 , blocks : [ ] }
442
- website . push ( new_page )
445
+ website . pages . push ( new_page )
443
446
setPage ( new_page )
444
447
} )
445
448
websiteInfo . appendChild ( button )
449
+ let homePagesInput = document . querySelector ( "#homepages-input" )
450
+ homePagesInput . value = JSON . stringify ( website . homepages ) ;
446
451
}
447
452
448
453
function save ( ) {
@@ -462,7 +467,8 @@ <h2>Timeline</h2>
462
467
}
463
468
function loadJSON ( file ) {
464
469
website = JSON . parse ( file ) ;
465
- page = website [ 0 ]
470
+ displayWebsiteInfo ( )
471
+ page = website . pages [ 0 ]
466
472
displayPageInfo ( )
467
473
displayTimeline ( )
468
474
displayWebsiteInfo ( )
@@ -497,7 +503,8 @@ <h2>Timeline</h2>
497
503
// it is available
498
504
fetchJSONFile ( 'written-website.json' , function ( data ) {
499
505
loadJSON ( data ) ;
500
- gotoPage ( [ "ui" , "home" ] )
506
+ if ( window . location . search . substr ( 1 ) != "modify" )
507
+ gotoPage ( website . homepages )
501
508
} ) ;
502
509
503
510
</ script >
0 commit comments