2018-11-11 09:04:55 +00:00
<!DOCTYPE html>
< html >
< head >
< meta charset = "utf-8" >
2020-02-29 21:30:44 +00:00
< meta name = "viewport" content = "width=device-width, initial-scale=1" >
<!-- Mustard UI CSS -->
< link rel = "stylesheet" href = "../styles/libs/mustard-ui.min.css" / >
<!-- App CSS -->
2018-11-11 09:04:55 +00:00
< link rel = "stylesheet" href = "../styles/styles.css" / >
< / head >
< body >
2020-02-29 21:30:44 +00:00
< a id = "downloadAnchorElem" href = "#" > < / a >
2018-11-11 09:04:55 +00:00
2020-02-29 21:30:44 +00:00
<!-- Main Content -->
< div class = "row" >
< div class = "col col-sm-3" >
< ul id = "master-left-column" class = "menu" >
< br / >
< li > < button name = "saveModalLauncher" class = "button-primary" type = "button" > Save< / button > < / li >
< li > < button name = "editModalLauncher" class = "button-primary" type = "button" > Edit< / button > < / li >
< li > < button name = "deleteModalLauncher" class = "button-danger" type = "button" > Delete< / button > < / li >
2021-02-20 09:24:24 +00:00
< br / > < br / >
< li > < button name = "freeSessionMeory" class = "button-info" type = "button" > Free Memory< / button > < / li >
< br / > < br / >
2020-02-29 21:30:44 +00:00
< li > < button name = "import" class = "button-primary" type = "button" > Import< / button > < / li >
2021-02-20 09:28:23 +00:00
< li > < button name = "downloadModalLauncher" class = "button-primary" type = "button" > Backup< / button > < / li >
2020-02-29 21:30:44 +00:00
< li > < button name = "donate" class = "button-warning" type = "button" > Donate< / button > < / li >
< / ul >
< / div >
2019-04-06 03:36:25 +00:00
2020-02-29 21:30:44 +00:00
< div id = "master-right-column" class = "col col-sm-9" >
< div class = "row" >
< div class = "col" >
< label for = "replaceTabs" > Replace Current Tabs
< input id = "replaceTabs" name = "replaceTabs" type = "checkbox" / >
< / label >
< label for = "selectiveOpen" > Selective Open
< input id = "selectiveOpen" name = "selectiveOpen" type = "checkbox" checked / >
< / label >
< / div >
< / div >
< hr / >
< div class = "row" >
< div class = "col" >
< div id = "savedSessions" class = "scroller" >
< / div >
< / div >
< / div >
< / div >
< / div >
2018-11-11 21:12:26 +00:00
2020-02-29 21:30:44 +00:00
<!-- Message Gutter -->
< div id = "master-gutter" class = "row" >
< div class = "col" >
< div id = "message-gutter" class = "scroller" >
< / div >
< / div >
2018-11-11 21:12:26 +00:00
< / div >
2019-01-19 03:29:20 +00:00
2018-11-11 09:04:55 +00:00
2020-02-29 21:30:44 +00:00
<!-- Modals -->
<!-- Save Modal -->
2020-03-02 02:59:26 +00:00
< div id = "saveModal" class = "modal-mask" style = "display:none; opacity: 0%;" name = "closeSave" >
2020-02-29 21:30:44 +00:00
< div class = "modal" >
< div class = "modal-head" >
< p class = "modal-title" > Save - Allowed: a-z, A-Z, 0-9, -, _< / p >
< / div >
< div class = "modal-body" >
< div class = "row" >
< div class = "col" >
< div id = "saveList" class = "row scroller" >
< / div >
< p name = "toSaveErrMessage" > < / p >
< input type = "text" name = "toSaveName" value = "" >
< / div >
< / div >
< / div >
< div class = "modal-footer align-right" >
2020-04-13 17:02:30 +00:00
< button class = "button-secondary" name = "deselectAll" > Deselect all< / button >
2020-02-29 21:30:44 +00:00
< button class = "button-secondary" name = "closeSave" > Close< / button >
< button class = "button-primary" name = "save" > OK< / button >
< / div >
< / div >
< / div >
<!-- Edit Modal -->
2020-03-02 03:01:46 +00:00
< div id = "editModal" class = "modal-mask" style = "display:none; opacity: 0%;" name = "closeEdit" >
2020-02-29 21:30:44 +00:00
< div class = "modal" >
< div class = "modal-head" >
< p class = "modal-title" > Edit - Allowed: a-z, A-Z, 0-9, -, _< / p >
< / div >
< div class = "modal-body" >
< div class = "row" >
< div class = "col" >
< div id = "editList" class = "row scroller" >
< / div >
< p name = "toEditErrMessage" > < / p >
< label > Create New Session< input type = "checkbox" name = "toEditNewSession" > < / label >
< input type = "text" name = "toEditName" value = "" >
< / div >
< / div >
< / div >
< div class = "modal-footer align-right" >
2020-08-25 00:43:01 +00:00
< button class = "button-secondary" name = "deselectAll" > Deselect all< / button >
2020-02-29 21:30:44 +00:00
< button class = "button-secondary" name = "closeEdit" > Close< / button >
< button class = "button-primary" name = "edit" > OK< / button >
< / div >
< / div >
< / div >
<!-- Delete Modal -->
2020-03-02 03:01:46 +00:00
< div id = "deleteModal" class = "modal-mask" style = "display:none; opacity: 0%;" name = "closeDelete" >
2020-02-29 21:30:44 +00:00
< div class = "modal" >
< div class = "modal-head" >
< p class = "modal-title" > Are you sure?< / p >
< / div >
< div class = "modal-body" >
< div class = "row" >
< div class = "col" >
< p >
Do you wish to delete session: < label name = "toDeleteName" > < / label > ?
< / p >
< / div >
< / div >
< / div >
< div class = "modal-footer align-right" >
< button class = "button-primary" name = "closeDelete" > Cancel< / button >
< button class = "button-danger" name = "delete" > Delete< / button >
< / div >
< / div >
< / div >
<!-- Download Modal -->
2020-03-02 03:01:46 +00:00
< div id = "downloadModal" class = "modal-mask" style = "display:none; opacity: 0%;" name = "closeDownload" >
2020-02-29 21:30:44 +00:00
< div class = "modal" >
< div class = "modal-head" >
< p class = "modal-title" > Download - Allowed: a-z, A-Z, 0-9, -, _< / p >
< / div >
< div class = "modal-body" >
< div class = "row" >
< div class = "col" >
<!-- Field Grouping -->
< div class = "form-control-group" >
< div class = "form-control" >
< label > Append Date
< input type = "checkbox" name = "appendDateDlModal" >
< / label >
< / div >
< div class = "form-control grow-2x" >
< input type = "text" name = "toDownloadName" value = "" >
< / div >
< / div >
< / div >
< / div >
< / div >
< div class = "modal-footer align-right" >
< button class = "button-secondary" name = "closeDownload" > Cancel< / button >
< button class = "button-primary" name = "download" > OK< / button >
< / div >
< / div >
< / div >
<!-- Load Modal -->
2020-03-02 03:01:46 +00:00
< div id = "loadModal" class = "modal-mask" style = "display:none; opacity: 0%;" name = "closeLoad" >
2020-02-29 21:30:44 +00:00
< div class = "modal" >
< div class = "modal-head" >
< p class = "modal-title" > Selective Open< / p >
2024-05-10 00:00:52 +00:00
< p class = "lm1 warning hidden" > "The Session has potentially invalid URLs (highlighted for convenience) which might not load or break loading of the session..."< / p >
2020-02-29 21:30:44 +00:00
< / div >
< div class = "modal-body" >
< div class = "row" >
< div class = "col" >
< div id = "loadList" class = "row scroller" >
< / div >
< / div >
< / div >
< / div >
< div class = "modal-footer align-right" >
< button class = "button-secondary" name = "closeLoad" > Close< / button >
< button class = "button-primary" name = "load" > OK< / button >
< / div >
< / div >
< / div >
<!-- Confirm Overwrite Modal -->
2020-03-02 03:01:46 +00:00
< div id = "confModal" class = "modal-mask" style = "display:none; opacity: 0%;" name = "closeConfirm" >
2020-02-29 21:30:44 +00:00
< div class = "modal" >
< div class = "modal-head" >
< p class = "modal-title" > Replace?< / p >
< / div >
< div class = "modal-body" >
< div class = "row" >
< div class = "col" >
< p > Found a session with that name! Do you want to replace it?< / p >
< / div >
< / div >
< / div >
< div class = "modal-footer align-right" >
< button class = "button-primary" name = "closeConfirm" > Cancel< / button >
< button class = "button-danger" name = "confirm" > OK< / button >
< / div >
< / div >
< / div >
<!-- Templates -->
< template id = "ulTemplate" >
2020-03-02 02:54:44 +00:00
< h2 class = "ulHeader" >
2020-03-28 03:40:37 +00:00
< label class = "selAllLbl" for = "selectAll" title = "Select All" >
< input class = "selAll" type = "checkbox" checked = "true" / >
2020-03-02 02:54:44 +00:00
Select All
< / label >
2020-03-28 03:40:37 +00:00
< label class = "titleAllLbl" for = "titleAll" title = "Show Titles" >
< input class = "titleAll" type = "checkbox" checked = "true" / >
Show Titles
< / label >
2020-03-02 02:54:44 +00:00
< / h2 >
2020-02-29 21:30:44 +00:00
< ul class = "collection" >
< / ul >
< / template >
< template id = "liTemplate" >
2020-03-28 03:40:37 +00:00
< li class = "toggleControls" >
2020-02-29 21:30:44 +00:00
< input type = "checkbox" id = "" name = "" checked = "true" / >
2020-03-28 03:40:37 +00:00
< label class = "linkLbl" for = "" title = "" style = "display:none;" > < / label >
< label class = "titleLbl" for = "" title = "" > < / label >
2020-02-29 21:30:44 +00:00
< / li >
< / template >
2018-11-11 09:04:55 +00:00
2021-02-20 09:24:24 +00:00
< script src = "../scripts/session-manager.js" > < / script >
< script src = "../scripts/utils.js" > < / script >
< script src = "../scripts/actions.js" > < / script >
< script src = "../scripts/events.js" > < / script >
2018-11-11 09:04:55 +00:00
< / body >
< / html >