From fde91e5edd59a908e228bfe8a19b680e85465dc8 Mon Sep 17 00:00:00 2001 From: Radhi Fadlillah Date: Tue, 11 Jun 2019 13:24:12 +0700 Subject: [PATCH] Add option for set default archival method --- internal/view/css/stylesheet.css | 2 +- internal/view/index.html | 4 +++- internal/view/js/page/base.js | 1 + internal/view/js/page/home.js | 6 ++++-- internal/view/js/page/setting.js | 5 +++++ internal/view/less/stylesheet.less | 9 ++++++--- 6 files changed, 20 insertions(+), 7 deletions(-) diff --git a/internal/view/css/stylesheet.css b/internal/view/css/stylesheet.css index 646a07c..1a9faae 100644 --- a/internal/view/css/stylesheet.css +++ b/internal/view/css/stylesheet.css @@ -1 +1 @@ -:root{--bg:#EEE;--sidebarBg:#292929;--sidebarHoverBg:#232323;--headerBg:#FFF;--contentBg:#FFF;--border:#E5E5E5;--color:#232323;--colorLink:#999;--colorSidebar:#FFF;--main:#F44336;--errorColor:#F44336;--selectedBg:#ffe7e5}@media (prefers-color-scheme:dark){:root:root{--bg:#1F1F1F;--headerBg:#292929;--contentBg:#292929;--border:#191919;--color:#FFF;--selectedBg:#261918}}.night{--bg:#1F1F1F;--headerBg:#292929;--contentBg:#292929;--border:#191919;--color:#FFF;--selectedBg:#261918}*{border-width:0;box-sizing:border-box;font-family:"Source Sans Pro",sans-serif;margin:0;padding:0;text-decoration:none}a{cursor:pointer}.spacer{-webkit-box-flex:1;flex:1}body{overflow:hidden}#login-scene{height:100vh;padding:16px;overflow:auto;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-flow:column nowrap;background-color:var(--bg)}#login-scene>.error-message{width:100%;max-width:400px;font-size:1em;background-color:var(--contentBg);border:1px solid var(--border);padding:16px;margin-top:auto;margin-bottom:16px;text-align:center;color:var(--errorColor)}#login-scene #login-box{width:100%;max-width:400px;margin-bottom:auto;background-color:var(--contentBg);display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-flow:column nowrap;border:1px solid var(--border);flex-shrink:0}#login-scene #login-box:first-child{margin-top:auto}#login-scene #login-box #logo-area{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-flow:column nowrap;padding:16px;background-color:var(--main);border-bottom:1px solid var(--border);flex-shrink:0}#login-scene #login-box #logo-area #logo{font-size:3em;font-weight:100;color:var(--contentBg)}#login-scene #login-box #logo-area #logo span{margin-right:8px}#login-scene #login-box #logo-area #tagline{font-weight:500;margin-top:4px;color:var(--contentBg);text-align:center}#login-scene #login-box #input-area{padding:16px;display:grid;grid-gap:16px;grid-template-columns:auto 1fr;-webkit-box-pack:baseline;justify-content:baseline;-webkit-box-align:center;align-items:center;border-bottom:1px solid var(--border)}#login-scene #login-box #input-area>label{color:var(--color)}#login-scene #login-box #input-area>input{color:var(--color);padding:8px;background-color:var(--contentBg);border:1px solid var(--border);min-width:0;font-size:1em}#login-scene #login-box #input-area .checkbox-field{grid-column:1 / span 2;display:-webkit-box;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-flow:row nowrap;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;cursor:pointer}#login-scene #login-box #input-area .checkbox-field:hover,#login-scene #login-box #input-area .checkbox-field:focus{text-decoration:underline;-webkit-text-decoration-color:var(--main);text-decoration-color:var(--main)}#login-scene #login-box #input-area .checkbox-field>input[type="checkbox"]{margin-right:8px}#login-scene #login-box #button-area{display:-webkit-box;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-flow:row nowrap;padding:16px;-webkit-box-pack:center;justify-content:center}#login-scene #login-box #button-area a{color:var(--color);text-transform:uppercase;text-align:center;font-weight:600;cursor:default}#login-scene #login-box #button-area a.button{cursor:pointer}#login-scene #login-box #button-area a.button:hover,#login-scene #login-box #button-area a.button:focus{color:var(--main)}#main-scene{display:grid;grid-template-rows:minmax(0, 1fr);grid-template-columns:60px minmax(0, 1fr);background-color:var(--bg);width:100vw;height:100vh}#main-scene #main-sidebar{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-flow:column nowrap;background-color:var(--sidebarBg)}#main-scene #main-sidebar a{flex-shrink:0;display:block;width:60px;line-height:60px;text-align:center;font-size:1em;color:var(--colorSidebar)}#main-scene #main-sidebar a.active{cursor:default}#main-scene #main-sidebar a:hover,#main-scene #main-sidebar a:focus{color:var(--main);background-color:var(--sidebarHoverBg)}#main-scene #main-sidebar a.active{color:var(--colorSidebar);background-color:var(--main)}#main-scene h1.page-header{display:block;color:var(--color);background-color:var(--headerBg);border-bottom:1px solid var(--border);line-height:60px;font-size:1.3em;font-weight:600;padding:0 16px}#main-scene div.page-header{display:-webkit-box;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-flow:row nowrap;-webkit-box-align:center;align-items:center;background-color:var(--headerBg);border-bottom:1px solid var(--border);padding:0 16px;grid-row-end:1;grid-row-start:1;grid-column-end:-1;grid-column-start:1}#main-scene div.page-header p{-webkit-box-flex:1;flex:1 0;font-size:1.3em;font-weight:600;line-height:60px;color:var(--color)}#main-scene div.page-header input[type="text"]{-webkit-box-flex:1;flex:1 0;min-width:0;margin-right:8px;font-size:1.1em;font-weight:500;line-height:60px;color:var(--color);background-color:var(--contentBg)}#main-scene div.page-header input[type="text"]::-webkit-input-placeholder{color:var(--colorLink)}#main-scene div.page-header input[type="text"]::placeholder{color:var(--colorLink)}#main-scene div.page-header a{display:block;width:24px;line-height:24px;color:var(--colorLink);text-align:center}#main-scene div.page-header a:not(:last-child){margin-right:8px}#main-scene div.page-header a:hover{color:var(--main)}#main-scene .loading-overlay{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-flow:column nowrap;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;overflow:hidden;position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:10001;background-color:rgba(0,0,0,0.6)}#main-scene .loading-overlay i{color:var(--colorSidebar);font-size:4em;text-align:center;width:80px;line-height:80px;position:absolute}@media (max-width:600px){#main-scene{grid-template-rows:minmax(0, 1fr);grid-template-columns:minmax(0, 1fr)}#main-scene .home-sidebar{display:none;overflow-x:auto;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-flow:row nowrap;-webkit-box-pack:center;justify-content:center}#main-scene .home-sidebar .spacer{display:none}#main-scene h1.page-header{text-align:center;font-size:1em;line-height:1.2em;padding:8px}#main-scene div.page-header{-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-flow:row wrap}#main-scene div.page-header p{-webkit-box-flex:1;flex:1 0;font-size:1em;font-weight:500;line-height:3em;padding:0}#main-scene div.page-header input[type="text"]{-webkit-box-flex:1;flex:1 0;font-size:1em;font-weight:500;line-height:3em}#main-scene div.page-header a{display:block;width:24px;line-height:100%}}#page-home{display:grid;grid-template-columns:1fr;grid-template-rows:auto minmax(0, 1fr)}#page-home #edit-box{background-color:var(--selectedBg);border-bottom:1px solid var(--main)}#page-home #bookmarks-grid{display:grid;grid-template-rows:min-content;grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));grid-gap:16px;padding:16px;overflow:auto}#page-home #bookmarks-grid::after{content:"";display:block;min-height:1px;grid-column-end:-1;grid-column-start:1}#page-home #bookmarks-grid .bookmark{align-self:start}#page-home #bookmarks-grid .pagination-box{grid-column-end:-1;grid-column-start:1;display:-webkit-box;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-flow:row nowrap;align-self:start}#page-home #bookmarks-grid .pagination-box a{padding:8px;color:var(--colorLink)}#page-home #bookmarks-grid .pagination-box a:hover,#page-home #bookmarks-grid .pagination-box a:focus{color:var(--main)}#page-home #bookmarks-grid .pagination-box input{width:40px;padding:8px;text-align:center;font-size:.9em;color:var(--color);border:1px solid var(--border);background-color:var(--contentBg);margin:0 8px}#page-home #bookmarks-grid .pagination-box p{font-size:.9em;color:var(--colorLink);line-height:37px;font-weight:600}#page-home #bookmarks-grid .pagination-box p:last-of-type::before{content:"/";margin-right:8px}#page-home #bookmarks-grid.list{grid-gap:0;grid-template-columns:minmax(0, 1000px)}#page-home #bookmarks-grid.list .pagination-box{padding:16px 0}#page-home #bookmarks-grid.list .pagination-box:first-child{padding-top:0}@media (max-width:600px){#page-home #bookmarks-grid.list{padding:0}#page-home #bookmarks-grid.list .pagination-box{padding:16px}}#page-home #dialog-tags .custom-dialog-body{grid-template-columns:repeat(2, minmax(0, 1fr))}@media (max-width:600px){#page-home #dialog-tags .custom-dialog-body{grid-template-columns:minmax(0, 1fr)}}#page-home #dialog-tags .custom-dialog-body a{font-size:1em}#page-home #dialog-tags .custom-dialog-body a span:last-child{font-size:1em;color:var(--colorLink);margin-left:4px}#page-home #dialog-tags .custom-dialog-body a span:last-child::before{content:"(";margin-right:2px}#page-home #dialog-tags .custom-dialog-body a span:last-child::after{content:")";margin-left:2px}#page-home #dialog-tags .custom-dialog-body a:hover,#page-home #dialog-tags .custom-dialog-body a:focus{color:var(--main)}#page-setting{min-height:0;max-height:100%;display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-flow:column nowrap}#page-setting .setting-container{padding:8px;display:-webkit-box;display:flex;overflow:auto;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-flow:column nowrap;-webkit-box-flex:1;flex:1 0}#page-setting .setting-container::after{content:"";display:block;min-height:1px}#page-setting .setting-container details.setting-group{margin:8px;display:block;max-width:350px;color:var(--color);background-color:var(--contentBg);border:1px solid var(--border)}@media (max-width:600px){#page-setting .setting-container details.setting-group{max-width:100%}}#page-setting .setting-container details.setting-group summary{list-style:none;font-weight:600;width:100%;padding:12px 8px;font-size:1.1em;cursor:pointer}#page-setting .setting-container details.setting-group summary:hover{color:var(--main)}#page-setting .setting-container details.setting-group summary::-webkit-details-marker{display:none}#page-setting .setting-container details.setting-group summary::after{content:"+";margin-left:8px;font-weight:600}#page-setting .setting-container details.setting-group[open] summary{border-bottom:1px solid var(--border)}#page-setting .setting-container details.setting-group[open] summary ::after{content:"-"}#page-setting .setting-container details.setting-group div.setting-group-footer{padding:4px 8px;display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-flow:column nowrap;-webkit-box-align:end;align-items:flex-end;border-top:1px solid var(--border)}#page-setting .setting-container details.setting-group div.setting-group-footer>a{text-transform:uppercase;padding:8px 4px;font-size:.9em;font-weight:600}#page-setting .setting-container details.setting-group div.setting-group-footer>a:hover{color:var(--main)}#page-setting .setting-container details.setting-group div.setting-group-footer>a:focus{outline:none;color:var(--main);border-bottom:1px dashed var(--main)}#page-setting #setting-display{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-flow:column nowrap;padding-bottom:8px}#page-setting #setting-display summary{margin-bottom:8px}#page-setting #setting-display label{padding:4px 8px;color:var(--color);display:-webkit-box;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-flow:row nowrap;-webkit-box-align:center;align-items:center;cursor:pointer}#page-setting #setting-display label:hover,#page-setting #setting-display label:focus{text-decoration:underline;-webkit-text-decoration-color:var(--main);text-decoration-color:var(--main)}#page-setting #setting-display label>input[type="checkbox"]{margin-right:8px}#page-setting #setting-accounts summary{margin-bottom:0}#page-setting #setting-accounts ul{list-style:none}#page-setting #setting-accounts ul li{padding:8px;display:-webkit-box;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-flow:row nowrap;-webkit-box-align:center;align-items:center}#page-setting #setting-accounts ul li:not(:last-child){border-bottom:1px solid var(--border)}#page-setting #setting-accounts ul li span{font-size:1em;color:var(--color);-webkit-box-flex:1;flex:1 0}#page-setting #setting-accounts ul li a{margin-left:8px;color:var(--colorLink)}#page-setting #setting-accounts ul li a:hover{color:var(--main)} \ No newline at end of file +:root{--bg:#EEE;--sidebarBg:#292929;--sidebarHoverBg:#232323;--headerBg:#FFF;--contentBg:#FFF;--border:#E5E5E5;--color:#232323;--colorLink:#999;--colorSidebar:#FFF;--main:#F44336;--errorColor:#F44336;--selectedBg:#ffe7e5}@media (prefers-color-scheme:dark){:root:root{--bg:#1F1F1F;--headerBg:#292929;--contentBg:#292929;--border:#191919;--color:#FFF;--selectedBg:#261918}}.night{--bg:#1F1F1F;--headerBg:#292929;--contentBg:#292929;--border:#191919;--color:#FFF;--selectedBg:#261918}*{border-width:0;box-sizing:border-box;font-family:"Source Sans Pro",sans-serif;margin:0;padding:0;text-decoration:none}a{cursor:pointer}.spacer{-webkit-box-flex:1;flex:1}body{overflow:hidden}#login-scene{height:100vh;padding:16px;overflow:auto;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-flow:column nowrap;background-color:var(--bg)}#login-scene>.error-message{width:100%;max-width:400px;font-size:1em;background-color:var(--contentBg);border:1px solid var(--border);padding:16px;margin-top:auto;margin-bottom:16px;text-align:center;color:var(--errorColor)}#login-scene #login-box{width:100%;max-width:400px;margin-bottom:auto;background-color:var(--contentBg);display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-flow:column nowrap;border:1px solid var(--border);flex-shrink:0}#login-scene #login-box:first-child{margin-top:auto}#login-scene #login-box #logo-area{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-flow:column nowrap;padding:16px;background-color:var(--main);border-bottom:1px solid var(--border);flex-shrink:0}#login-scene #login-box #logo-area #logo{font-size:3em;font-weight:100;color:var(--contentBg)}#login-scene #login-box #logo-area #logo span{margin-right:8px}#login-scene #login-box #logo-area #tagline{font-weight:500;margin-top:4px;color:var(--contentBg);text-align:center}#login-scene #login-box #input-area{padding:16px;display:grid;grid-gap:16px;grid-template-columns:auto 1fr;-webkit-box-pack:baseline;justify-content:baseline;-webkit-box-align:center;align-items:center;border-bottom:1px solid var(--border)}#login-scene #login-box #input-area>label{color:var(--color)}#login-scene #login-box #input-area>input{color:var(--color);padding:8px;background-color:var(--contentBg);border:1px solid var(--border);min-width:0;font-size:1em}#login-scene #login-box #input-area .checkbox-field{grid-column:1 / span 2;display:-webkit-box;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-flow:row nowrap;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;cursor:pointer}#login-scene #login-box #input-area .checkbox-field:hover,#login-scene #login-box #input-area .checkbox-field:focus{text-decoration:underline;-webkit-text-decoration-color:var(--main);text-decoration-color:var(--main)}#login-scene #login-box #input-area .checkbox-field>input[type="checkbox"]{margin-right:8px}#login-scene #login-box #button-area{display:-webkit-box;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-flow:row nowrap;padding:16px;-webkit-box-pack:center;justify-content:center}#login-scene #login-box #button-area a{color:var(--color);text-transform:uppercase;text-align:center;font-weight:600;cursor:default}#login-scene #login-box #button-area a.button{cursor:pointer}#login-scene #login-box #button-area a.button:hover,#login-scene #login-box #button-area a.button:focus{color:var(--main)}#main-scene{display:grid;grid-template-rows:minmax(0, 1fr);grid-template-columns:60px minmax(0, 1fr);background-color:var(--bg);width:100vw;height:100vh}#main-scene #main-sidebar{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-flow:column nowrap;background-color:var(--sidebarBg)}#main-scene #main-sidebar a{flex-shrink:0;display:block;width:60px;line-height:60px;text-align:center;font-size:1em;color:var(--colorSidebar)}#main-scene #main-sidebar a.active{cursor:default}#main-scene #main-sidebar a:hover,#main-scene #main-sidebar a:focus{color:var(--main);background-color:var(--sidebarHoverBg)}#main-scene #main-sidebar a.active{color:var(--colorSidebar);background-color:var(--main)}#main-scene h1.page-header{display:block;color:var(--color);background-color:var(--headerBg);border-bottom:1px solid var(--border);line-height:60px;font-size:1.3em;font-weight:600;padding:0 16px}#main-scene div.page-header{display:-webkit-box;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-flow:row nowrap;-webkit-box-align:center;align-items:center;background-color:var(--headerBg);border-bottom:1px solid var(--border);padding:0 16px;grid-row-end:1;grid-row-start:1;grid-column-end:-1;grid-column-start:1}#main-scene div.page-header p{-webkit-box-flex:1;flex:1 0;font-size:1.3em;font-weight:600;line-height:60px;color:var(--color)}#main-scene div.page-header input[type="text"]{-webkit-box-flex:1;flex:1 0;min-width:0;margin-right:8px;font-size:1.1em;font-weight:500;line-height:60px;color:var(--color);background-color:var(--contentBg)}#main-scene div.page-header input[type="text"]::-webkit-input-placeholder{color:var(--colorLink)}#main-scene div.page-header input[type="text"]::placeholder{color:var(--colorLink)}#main-scene div.page-header a{display:block;width:24px;line-height:24px;color:var(--colorLink);text-align:center}#main-scene div.page-header a:not(:last-child){margin-right:8px}#main-scene div.page-header a:hover{color:var(--main)}#main-scene .loading-overlay{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-flow:column nowrap;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;overflow:hidden;position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:10001;background-color:rgba(0,0,0,0.6)}#main-scene .loading-overlay i{color:var(--colorSidebar);font-size:4em;text-align:center;width:80px;line-height:80px;position:absolute}@media (max-width:600px){#main-scene{grid-template-rows:minmax(0, 1fr);grid-template-columns:minmax(0, 1fr)}#main-scene .home-sidebar{display:none;overflow-x:auto;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-flow:row nowrap;-webkit-box-pack:center;justify-content:center}#main-scene .home-sidebar .spacer{display:none}#main-scene h1.page-header{text-align:center;font-size:1em;line-height:1.2em;padding:8px}#main-scene div.page-header{-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-flow:row wrap}#main-scene div.page-header p{-webkit-box-flex:1;flex:1 0;font-size:1em;font-weight:500;line-height:3em;padding:0}#main-scene div.page-header input[type="text"]{-webkit-box-flex:1;flex:1 0;font-size:1em;font-weight:500;line-height:3em}#main-scene div.page-header a{display:block;width:24px;line-height:100%}}#page-home{display:grid;grid-template-columns:1fr;grid-template-rows:auto minmax(0, 1fr)}#page-home #edit-box{background-color:var(--selectedBg);border-bottom:1px solid var(--main)}#page-home #bookmarks-grid{display:grid;grid-template-rows:min-content;grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));grid-gap:16px;padding:16px;overflow:auto}#page-home #bookmarks-grid::after{content:"";display:block;min-height:1px;grid-column-end:-1;grid-column-start:1}#page-home #bookmarks-grid .bookmark{align-self:start}#page-home #bookmarks-grid .pagination-box{grid-column-end:-1;grid-column-start:1;display:-webkit-box;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-flow:row nowrap;align-self:start}#page-home #bookmarks-grid .pagination-box a{padding:8px;color:var(--colorLink)}#page-home #bookmarks-grid .pagination-box a:hover,#page-home #bookmarks-grid .pagination-box a:focus{color:var(--main)}#page-home #bookmarks-grid .pagination-box input{width:40px;padding:8px;text-align:center;font-size:.9em;color:var(--color);border:1px solid var(--border);background-color:var(--contentBg);margin:0 8px}#page-home #bookmarks-grid .pagination-box p{font-size:.9em;color:var(--colorLink);line-height:37px;font-weight:600}#page-home #bookmarks-grid .pagination-box p:last-of-type::before{content:"/";margin-right:8px}#page-home #bookmarks-grid.list{grid-gap:0;grid-template-columns:minmax(0, 1000px)}#page-home #bookmarks-grid.list .pagination-box{padding:16px 0}#page-home #bookmarks-grid.list .pagination-box:first-child{padding-top:0}@media (max-width:600px){#page-home #bookmarks-grid.list{padding:0}#page-home #bookmarks-grid.list .pagination-box{padding:16px}}#page-home #dialog-tags .custom-dialog-body{grid-template-columns:repeat(2, minmax(0, 1fr))}@media (max-width:600px){#page-home #dialog-tags .custom-dialog-body{grid-template-columns:minmax(0, 1fr)}}#page-home #dialog-tags .custom-dialog-body a{font-size:1em}#page-home #dialog-tags .custom-dialog-body a span:last-child{font-size:1em;color:var(--colorLink);margin-left:4px}#page-home #dialog-tags .custom-dialog-body a span:last-child::before{content:"(";margin-right:2px}#page-home #dialog-tags .custom-dialog-body a span:last-child::after{content:")";margin-left:2px}#page-home #dialog-tags .custom-dialog-body a:hover,#page-home #dialog-tags .custom-dialog-body a:focus{color:var(--main)}#page-setting{min-height:0;max-height:100%;display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-flow:column nowrap}#page-setting .setting-container{padding:8px;display:-webkit-box;display:flex;overflow:auto;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-flow:column nowrap;-webkit-box-flex:1;flex:1 0}#page-setting .setting-container::after{content:"";display:block;min-height:1px}#page-setting .setting-container details.setting-group{margin:8px;display:block;max-width:350px;color:var(--color);background-color:var(--contentBg);border:1px solid var(--border)}@media (max-width:600px){#page-setting .setting-container details.setting-group{max-width:100%}}#page-setting .setting-container details.setting-group summary{list-style:none;font-weight:600;width:100%;padding:12px 8px;font-size:1.1em;cursor:pointer}#page-setting .setting-container details.setting-group summary:hover{color:var(--main)}#page-setting .setting-container details.setting-group summary::-webkit-details-marker{display:none}#page-setting .setting-container details.setting-group summary::after{content:"+";margin-left:8px;font-weight:600}#page-setting .setting-container details.setting-group[open] summary{border-bottom:1px solid var(--border)}#page-setting .setting-container details.setting-group[open] summary ::after{content:"-"}#page-setting .setting-container details.setting-group div.setting-group-footer{padding:4px 8px;display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-flow:column nowrap;-webkit-box-align:end;align-items:flex-end;border-top:1px solid var(--border)}#page-setting .setting-container details.setting-group div.setting-group-footer>a{text-transform:uppercase;padding:8px 4px;font-size:.9em;font-weight:600}#page-setting .setting-container details.setting-group div.setting-group-footer>a:hover{color:var(--main)}#page-setting .setting-container details.setting-group div.setting-group-footer>a:focus{outline:none;color:var(--main);border-bottom:1px dashed var(--main)}#page-setting #setting-display{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-flow:column nowrap}#page-setting #setting-display[open]{padding-bottom:8px}#page-setting #setting-display[open] summary{margin-bottom:8px}#page-setting #setting-display label{padding:4px 8px;color:var(--color);display:-webkit-box;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-flow:row nowrap;-webkit-box-align:center;align-items:center;cursor:pointer}#page-setting #setting-display label:hover,#page-setting #setting-display label:focus{text-decoration:underline;-webkit-text-decoration-color:var(--main);text-decoration-color:var(--main)}#page-setting #setting-display label>input[type="checkbox"]{margin-right:8px}#page-setting #setting-accounts summary{margin-bottom:0}#page-setting #setting-accounts ul{list-style:none}#page-setting #setting-accounts ul li{padding:8px;display:-webkit-box;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-flow:row nowrap;-webkit-box-align:center;align-items:center}#page-setting #setting-accounts ul li:not(:last-child){border-bottom:1px solid var(--border)}#page-setting #setting-accounts ul li span{font-size:1em;color:var(--color);-webkit-box-flex:1;flex:1 0}#page-setting #setting-accounts ul li a{margin-left:8px;color:var(--colorLink)}#page-setting #setting-accounts ul li a:hover{color:var(--main)} \ No newline at end of file diff --git a/internal/view/index.html b/internal/view/index.html index 6dc4e3d..2ac1733 100644 --- a/internal/view/index.html +++ b/internal/view/index.html @@ -107,12 +107,14 @@ var opts = JSON.parse(localStorage.getItem("shiori-setting")) || {}, showId = (typeof opts.showId === "boolean") ? opts.showId : false, listMode = (typeof opts.listMode === "boolean") ? opts.listMode : false, - nightMode = (typeof opts.nightMode === "boolean") ? opts.nightMode : false; + nightMode = (typeof opts.nightMode === "boolean") ? opts.nightMode : false, + useArchive = (typeof opts.useArchive === "boolean") ? opts.useArchive : false; this.displayOptions = { showId: showId, listMode: listMode, nightMode: nightMode, + useArchive: useArchive, }; } }, diff --git a/internal/view/js/page/base.js b/internal/view/js/page/base.js index a1385ca..9f20121 100644 --- a/internal/view/js/page/base.js +++ b/internal/view/js/page/base.js @@ -7,6 +7,7 @@ export default { showId: false, listMode: false, nightMode: false, + useArchive: false, }; } } diff --git a/internal/view/js/page/home.js b/internal/view/js/page/home.js index f7b578c..96ea408 100644 --- a/internal/view/js/page/home.js +++ b/internal/view/js/page/home.js @@ -266,7 +266,8 @@ export default { }, { name: "createArchive", label: "Create archive", - type: "check" + type: "check", + value: this.displayOptions.useArchive, }], mainText: "OK", secondText: "Cancel", @@ -499,7 +500,8 @@ export default { fields: [{ name: "createArchive", label: "Update archive as well", - type: "check" + type: "check", + value: this.displayOptions.useArchive, }], mainText: "Yes", secondText: "No", diff --git a/internal/view/js/page/setting.js b/internal/view/js/page/setting.js index fb80dff..746f4e1 100644 --- a/internal/view/js/page/setting.js +++ b/internal/view/js/page/setting.js @@ -16,6 +16,10 @@ var template = ` Use dark theme +
Accounts @@ -62,6 +66,7 @@ export default { showId: this.displayOptions.showId, listMode: this.displayOptions.listMode, nightMode: this.displayOptions.nightMode, + useArchive: this.displayOptions.useArchive, }); }, loadAccounts() { diff --git a/internal/view/less/stylesheet.less b/internal/view/less/stylesheet.less index 684feb4..809189f 100644 --- a/internal/view/less/stylesheet.less +++ b/internal/view/less/stylesheet.less @@ -584,10 +584,13 @@ body { #setting-display { display: flex; flex-flow: column nowrap; - padding-bottom: 8px; - summary { - margin-bottom: 8px; + &[open] { + padding-bottom: 8px; + + summary { + margin-bottom: 8px; + } } label {