From 3932d5745bc0e8af11eefa7f8df84fd24e99beb4 Mon Sep 17 00:00:00 2001 From: dave Date: Mon, 19 Aug 2019 09:32:32 -0700 Subject: [PATCH] basic theme --- README.md | 2 +- assets/styles.css | 1381 +++++++++++++++++++++++++++++++++++++++ mediaweb/__init__.py | 19 +- templates/html.html | 9 + templates/index.html | 85 ++- templates/moveform.html | 15 +- templates/page.html | 68 +- templates/sortform.html | 99 +-- templates/splash.html | 11 + 9 files changed, 1548 insertions(+), 141 deletions(-) create mode 100644 assets/styles.css create mode 100644 templates/html.html create mode 100644 templates/splash.html diff --git a/README.md b/README.md index 5875fcd..f00f385 100644 --- a/README.md +++ b/README.md @@ -92,4 +92,4 @@ todo * more options than just hard linking (soft link, copy) * support sorting season torrents * make UI pretty -* support post-sort webhooks e.g. to tell plex to rescan when we add something +* support post-sort webhooks e.g. to tell plex to rescan when we add something - maybe push and email too diff --git a/assets/styles.css b/assets/styles.css new file mode 100644 index 0000000..4770267 --- /dev/null +++ b/assets/styles.css @@ -0,0 +1,1381 @@ +/*! Basscss | http://basscss.com | MIT License */ +* { + box-sizing: border-box +} + +body { + font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif; + line-height: 1.5; + margin: 0; + color: #111; + background-color: #fff +} + +img { + max-width: 100%; + height: auto +} + +.h1 { + font-size: 2rem +} + +.h2 { + font-size: 1.5rem +} + +.h3 { + font-size: 1.25rem +} + +.h4 { + font-size: 1rem +} + +.h5 { + font-size: .875rem +} + +.h6 { + font-size: .75rem +} + +.font-family-inherit { + font-family: inherit +} + +.font-size-inherit { + font-size: inherit +} + +.font-size-smaller { + font-size: 40%; +} + +.text-decoration-none { + text-decoration: none +} + +.bold { + font-weight: 700 +} + +.regular { + font-weight: 400 +} + +.italic { + font-style: italic +} + +.caps { + text-transform: uppercase; + letter-spacing: .2em +} + +.left-align { + text-align: left +} + +.center { + text-align: center +} + +.right-align { + text-align: right +} + +.justify { + text-align: justify +} + +.nowrap { + white-space: nowrap +} + +.break-word { + word-wrap: break-word +} + +.line-height-1 { + line-height: 1 +} + +.line-height-2 { + line-height: 1.125 +} + +.line-height-3 { + line-height: 1.25 +} + +.line-height-4 { + line-height: 1.5 +} + +.list-style-none { + list-style: none +} + +.underline { + text-decoration: underline +} + +.truncate { + max-width: 100%; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap +} + +.list-reset { + list-style: none; + padding-left: 0 +} + +.inline { + display: inline +} + +.block { + display: block +} + +.inline-block { + display: inline-block +} + +.table { + display: table +} + +.table-cell { + display: table-cell +} + +.overflow-hidden { + overflow: hidden +} + +.overflow-scroll { + overflow: scroll +} + +.overflow-auto { + overflow: auto +} + +.clearfix:after, +.clearfix:before { + content: " "; + display: table +} + +.clearfix:after { + clear: both +} + +.left { + float: left +} + +.right { + float: right +} + +.fit { + max-width: 100% +} + +.max-width-1 { + max-width: 24rem +} + +.max-width-2 { + max-width: 32rem +} + +.max-width-3 { + max-width: 48rem +} + +.max-width-4 { + max-width: 64rem +} + +.border-box { + box-sizing: border-box +} + +.align-baseline { + vertical-align: baseline +} + +.align-top { + vertical-align: top +} + +.align-middle { + vertical-align: middle +} + +.align-bottom { + vertical-align: bottom +} + +.m0 { + margin: 0 +} + +.mt0 { + margin-top: 0 +} + +.mr0 { + margin-right: 0 +} + +.mb0 { + margin-bottom: 0 +} + +.ml0, +.mx0 { + margin-left: 0 +} + +.mx0 { + margin-right: 0 +} + +.my0 { + margin-top: 0; + margin-bottom: 0 +} + +.m1 { + margin: .5rem +} + +.mt1 { + margin-top: .5rem +} + +.mr1 { + margin-right: .5rem +} + +.mb1 { + margin-bottom: .5rem +} + +.ml1, +.mx1 { + margin-left: .5rem +} + +.mx1 { + margin-right: .5rem +} + +.my1 { + margin-top: .5rem; + margin-bottom: .5rem +} + +.m2 { + margin: 1rem +} + +.mt2 { + margin-top: 1rem +} + +.mr2 { + margin-right: 1rem +} + +.mb2 { + margin-bottom: 1rem +} + +.ml2, +.mx2 { + margin-left: 1rem +} + +.mx2 { + margin-right: 1rem +} + +.my2 { + margin-top: 1rem; + margin-bottom: 1rem +} + +.m3 { + margin: 2rem +} + +.mt3 { + margin-top: 2rem +} + +.mr3 { + margin-right: 2rem +} + +.mb3 { + margin-bottom: 2rem +} + +.ml3, +.mx3 { + margin-left: 2rem +} + +.mx3 { + margin-right: 2rem +} + +.my3 { + margin-top: 2rem; + margin-bottom: 2rem +} + +.m4 { + margin: 4rem +} + +.mt4 { + margin-top: 4rem +} + +.mr4 { + margin-right: 4rem +} + +.mb4 { + margin-bottom: 4rem +} + +.ml4, +.mx4 { + margin-left: 4rem +} + +.mx4 { + margin-right: 4rem +} + +.my4 { + margin-top: 4rem; + margin-bottom: 4rem +} + +.mxn1 { + margin-left: -.5rem; + margin-right: -.5rem +} + +.mxn2 { + margin-left: -1rem; + margin-right: -1rem +} + +.mxn3 { + margin-left: -2rem; + margin-right: -2rem +} + +.mxn4 { + margin-left: -4rem; + margin-right: -4rem +} + +.ml-auto { + margin-left: auto +} + +.mr-auto, +.mx-auto { + margin-right: auto +} + +.mx-auto { + margin-left: auto +} + +.p0 { + padding: 0 +} + +.pt0 { + padding-top: 0 +} + +.pr0 { + padding-right: 0 +} + +.pb0 { + padding-bottom: 0 +} + +.pl0, +.px0 { + padding-left: 0 +} + +.px0 { + padding-right: 0 +} + +.py0 { + padding-top: 0; + padding-bottom: 0 +} + +.p1 { + padding: .5rem +} + +.pt1 { + padding-top: .5rem +} + +.pr1 { + padding-right: .5rem +} + +.pb1 { + padding-bottom: .5rem +} + +.pl1 { + padding-left: .5rem +} + +.py1 { + padding-top: .5rem; + padding-bottom: .5rem +} + +.px1 { + padding-left: .5rem; + padding-right: .5rem +} + +.p2 { + padding: 1rem +} + +.pt2 { + padding-top: 1rem +} + +.pr2 { + padding-right: 1rem +} + +.pb2 { + padding-bottom: 1rem +} + +.pl2 { + padding-left: 1rem +} + +.py2 { + padding-top: 1rem; + padding-bottom: 1rem +} + +.px2 { + padding-left: 1rem; + padding-right: 1rem +} + +.p3 { + padding: 2rem +} + +.pt3 { + padding-top: 2rem +} + +.pr3 { + padding-right: 2rem +} + +.pb3 { + padding-bottom: 2rem +} + +.pl3 { + padding-left: 2rem +} + +.py3 { + padding-top: 2rem; + padding-bottom: 2rem +} + +.px3 { + padding-left: 2rem; + padding-right: 2rem +} + +.p4 { + padding: 4rem +} + +.pt4 { + padding-top: 4rem +} + +.pr4 { + padding-right: 4rem +} + +.pb4 { + padding-bottom: 4rem +} + +.pl4 { + padding-left: 4rem +} + +.py4 { + padding-top: 4rem; + padding-bottom: 4rem +} + +.px4 { + padding-left: 4rem; + padding-right: 4rem +} + +.col { + float: left +} + +.col, +.col-right { + box-sizing: border-box +} + +.col-right { + float: right +} + +.col-1 { + width: 8.33333% +} + +.col-2 { + width: 16.66667% +} + +.col-3 { + width: 25% +} + +.col-4 { + width: 33.33333% +} + +.col-5 { + width: 41.66667% +} + +.col-6 { + width: 50% +} + +.col-7 { + width: 58.33333% +} + +.col-8 { + width: 66.66667% +} + +.col-9 { + width: 75% +} + +.col-10 { + width: 83.33333% +} + +.col-11 { + width: 91.66667% +} + +.col-12 { + width: 100% +} + +@media (min-width:40em) { + .sm-col { + float: left; + box-sizing: border-box + } + .sm-col-right { + float: right; + box-sizing: border-box + } + .sm-col-1 { + width: 8.33333% + } + .sm-col-2 { + width: 16.66667% + } + .sm-col-3 { + width: 25% + } + .sm-col-4 { + width: 33.33333% + } + .sm-col-5 { + width: 41.66667% + } + .sm-col-6 { + width: 50% + } + .sm-col-7 { + width: 58.33333% + } + .sm-col-8 { + width: 66.66667% + } + .sm-col-9 { + width: 75% + } + .sm-col-10 { + width: 83.33333% + } + .sm-col-11 { + width: 91.66667% + } + .sm-col-12 { + width: 100% + } +} + +@media (min-width:52em) { + .md-col { + float: left; + box-sizing: border-box + } + .md-col-right { + float: right; + box-sizing: border-box + } + .md-col-1 { + width: 8.33333% + } + .md-col-2 { + width: 16.66667% + } + .md-col-3 { + width: 25% + } + .md-col-4 { + width: 33.33333% + } + .md-col-5 { + width: 41.66667% + } + .md-col-6 { + width: 50% + } + .md-col-7 { + width: 58.33333% + } + .md-col-8 { + width: 66.66667% + } + .md-col-9 { + width: 75% + } + .md-col-10 { + width: 83.33333% + } + .md-col-11 { + width: 91.66667% + } + .md-col-12 { + width: 100% + } +} + +@media (min-width:64em) { + .lg-col { + float: left; + box-sizing: border-box + } + .lg-col-right { + float: right; + box-sizing: border-box + } + .lg-col-1 { + width: 8.33333% + } + .lg-col-2 { + width: 16.66667% + } + .lg-col-3 { + width: 25% + } + .lg-col-4 { + width: 33.33333% + } + .lg-col-5 { + width: 41.66667% + } + .lg-col-6 { + width: 50% + } + .lg-col-7 { + width: 58.33333% + } + .lg-col-8 { + width: 66.66667% + } + .lg-col-9 { + width: 75% + } + .lg-col-10 { + width: 83.33333% + } + .lg-col-11 { + width: 91.66667% + } + .lg-col-12 { + width: 100% + } +} + +.flex { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex +} + +@media (min-width:40em) { + .sm-flex { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex + } +} + +@media (min-width:52em) { + .md-flex { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex + } +} + +@media (min-width:64em) { + .lg-flex { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex + } +} + +.flex-column { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column +} + +.flex-wrap { + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap +} + +.items-start { + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + -ms-grid-row-align: flex-start; + align-items: flex-start +} + +.items-end { + -webkit-box-align: end; + -webkit-align-items: flex-end; + -ms-flex-align: end; + -ms-grid-row-align: flex-end; + align-items: flex-end +} + +.items-center { + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + -ms-grid-row-align: center; + align-items: center +} + +.items-baseline { + -webkit-box-align: baseline; + -webkit-align-items: baseline; + -ms-flex-align: baseline; + -ms-grid-row-align: baseline; + align-items: baseline +} + +.items-stretch { + -webkit-box-align: stretch; + -webkit-align-items: stretch; + -ms-flex-align: stretch; + -ms-grid-row-align: stretch; + align-items: stretch +} + +.self-start { + -webkit-align-self: flex-start; + -ms-flex-item-align: start; + align-self: flex-start +} + +.self-end { + -webkit-align-self: flex-end; + -ms-flex-item-align: end; + align-self: flex-end +} + +.self-center { + -webkit-align-self: center; + -ms-flex-item-align: center; + align-self: center +} + +.self-baseline { + -webkit-align-self: baseline; + -ms-flex-item-align: baseline; + align-self: baseline +} + +.self-stretch { + -webkit-align-self: stretch; + -ms-flex-item-align: stretch; + align-self: stretch +} + +.justify-start { + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start +} + +.justify-end { + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end +} + +.justify-center { + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center +} + +.justify-between { + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between +} + +.justify-around { + -webkit-justify-content: space-around; + -ms-flex-pack: distribute; + justify-content: space-around +} + +.content-start { + -webkit-align-content: flex-start; + -ms-flex-line-pack: start; + align-content: flex-start +} + +.content-end { + -webkit-align-content: flex-end; + -ms-flex-line-pack: end; + align-content: flex-end +} + +.content-center { + -webkit-align-content: center; + -ms-flex-line-pack: center; + align-content: center +} + +.content-between { + -webkit-align-content: space-between; + -ms-flex-line-pack: justify; + align-content: space-between +} + +.content-around { + -webkit-align-content: space-around; + -ms-flex-line-pack: distribute; + align-content: space-around +} + +.content-stretch { + -webkit-align-content: stretch; + -ms-flex-line-pack: stretch; + align-content: stretch +} + +.flex-auto { + -webkit-box-flex: 1; + -webkit-flex: 1 1 auto; + -ms-flex: 1 1 auto; + flex: 1 1 auto; + min-width: 0; + min-height: 0 +} + +.flex-none { + -webkit-box-flex: 0; + -webkit-flex: none; + -ms-flex: none; + flex: none +} + +.order-0 { + -webkit-box-ordinal-group: 1; + -webkit-order: 0; + -ms-flex-order: 0; + order: 0 +} + +.order-1 { + -webkit-box-ordinal-group: 2; + -webkit-order: 1; + -ms-flex-order: 1; + order: 1 +} + +.order-2 { + -webkit-box-ordinal-group: 3; + -webkit-order: 2; + -ms-flex-order: 2; + order: 2 +} + +.order-3 { + -webkit-box-ordinal-group: 4; + -webkit-order: 3; + -ms-flex-order: 3; + order: 3 +} + +.order-last { + -webkit-box-ordinal-group: 100000; + -webkit-order: 99999; + -ms-flex-order: 99999; + order: 99999 +} + +.relative { + position: relative +} + +.absolute { + position: absolute +} + +.fixed { + position: fixed +} + +.top-0 { + top: 0 +} + +.right-0 { + right: 0 +} + +.bottom-0 { + bottom: 0 +} + +.left-0 { + left: 0 +} + +.z1 { + z-index: 1 +} + +.z2 { + z-index: 2 +} + +.z3 { + z-index: 3 +} + +.z4 { + z-index: 4 +} + +.border { + border-style: solid; + border-width: 1px +} + +.border-top { + border-top-style: solid; + border-top-width: 1px +} + +.border-right { + border-right-style: solid; + border-right-width: 1px +} + +.border-bottom { + border-bottom-style: solid; + border-bottom-width: 1px +} + +.border-left { + border-left-style: solid; + border-left-width: 1px +} + +.border-none { + border: 0 +} + +.rounded { + border-radius: 3px +} + +.circle { + border-radius: 50% +} + +.rounded-top { + border-radius: 3px 3px 0 0 +} + +.rounded-right { + border-radius: 0 3px 3px 0 +} + +.rounded-bottom { + border-radius: 0 0 3px 3px +} + +.rounded-left { + border-radius: 3px 0 0 3px +} + +.not-rounded { + border-radius: 0 +} + +.hide { + position: absolute!important; + height: 1px; + width: 1px; + overflow: hidden; + clip: rect(1px, 1px, 1px, 1px) +} + +@media (max-width:40em) { + .xs-hide { + display: none!important + } +} + +@media (min-width:40em) and (max-width:52em) { + .sm-hide { + display: none!important + } +} + +@media (min-width:52em) and (max-width:64em) { + .md-hide { + display: none!important + } +} + +@media (min-width:64em) { + .lg-hide { + display: none!important + } +} + +.display-none { + display: none!important +} + + + + + + + + + + + + + + + + + + + + +/*! Basscss - ctrl.css | http://basscss.com | MIT License */ +body { + font-size: .875rem; + line-height: 1.375 +} + +hr { + margin-top: 1.5rem; + margin-bottom: 1.5rem; + border: 0; + border-bottom: 1px solid rgba(0, 0, 0, .5); +} + +.v100 { + min-height: 100vh +} + +.x1 { + min-height: 3rem +} + +.x2 { + min-height: 6rem +} + +.x3 { + min-height: 9rem +} + +.x4 { + min-height: 12rem +} +.nav-item { + font-size: .875rem; + font-weight: 700; + line-height: 1rem; + text-decoration: none; + display: block; + padding: 1rem 1rem; + color: inherit; + border-radius: 2px +} + +.nav-item:hover { + color: #0cf; + background-color: rgba(0, 0, 0, .25) +} + +.nav-item.is-active { + color: #134; + background-color: #0cf +} + +.btn { + font-family: inherit; + font-size: inherit; + font-weight: 700; + text-decoration: none; + cursor: pointer; + display: inline-block; + padding: .5rem; + color: #134; + background-color: #abc; + border: 0; + line-height: 1.1rem; +} + +.btn:hover { + box-shadow: inset 0 0 0 999px rgba(0, 32, 64, .125) +} + +.btn-primary { + background-color: #0cf +} +.btn-danger { + background-color: #d34; + color: #fff; +} + +.svg-chart { + width: 100%; + height: auto; + max-height: 100%; + fill: currentcolor; + overflow: visible +} + +.svg-stroke { + fill: none; + stroke: currentcolor; + vector-effect: non-scaling-stroke +} + +.black { + color: #123 +} + +.white { + color: #fff +} + +.blue { + color: #0cf +} + +.gray { + color: #abc +} + +.bg-black { + background-color: #123 +} + +.bg-white { + background-color: #fff +} + +.bg-blue { + background-color: #0cf +} + +.bg-darken-1 { + background-color: rgba(0, 0, 0, .0625) +} + +.bg-darken-2 { + background-color: rgba(0, 0, 0, .125) +} + +.bg-darken-3 { + background-color: rgba(0, 0, 0, .25) +} + +.bg-darken-4 { + background-color: rgba(0, 0, 0, .375) +} + +.muted { + opacity: .25 +} + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +details summary:hover { + cursor: pointer; +} + +a { + color: #07c; +} + +h1, h2, h3, +h4, h5, h6 { + font-weight: 600; + line-height: 1.25; + margin-top: 1em; + margin-bottom: .5em; +} + +h1 { font-size: 2rem } +h2 { font-size: 1.5rem } +h3 { font-size: 1.25rem } +h4 { font-size: 1rem } +h5 { font-size: .875rem } +h6 { font-size: .75rem } + +p, dl, ol, ul, pre, blockquote { + margin-top: 1em; + margin-bottom: 1em; +} + +code, +pre, +samp { + font-family: + 'Roboto Mono', + 'Source Code Pro', + Menlo, + Consolas, + 'Liberation Mono', + monospace; +} + +code, samp { + font-size: 87.5%; + padding: .125em; +} + +pre { + font-size: 87.5%; + overflow: scroll; +} + +blockquote { + font-size: 1.25rem; + font-style: italic; + margin-left: 0; +} diff --git a/mediaweb/__init__.py b/mediaweb/__init__.py index 32fa084..6870017 100644 --- a/mediaweb/__init__.py +++ b/mediaweb/__init__.py @@ -139,6 +139,7 @@ class MediaWeb(object): torrents=self.cache.torrents, moves=self.cache.moves, shows=self.cache.data.shows, + user=cherrypy.request.login, **kwargs, **self.get_default_vars()) @@ -146,11 +147,15 @@ class MediaWeb(object): return {} @cherrypy.expose - def index(self, action=None): + def index(self): + return self.render("splash.html") + + @cherrypy.expose + def home(self, action=None): if action: if action == "update": self.cache.refresh() - raise cherrypy.HTTPRedirect("/") + raise cherrypy.HTTPRedirect("/home") return self.render("index.html", inflight=self.cache.inflight) @cherrypy.expose @@ -163,7 +168,7 @@ class MediaWeb(object): otherdest or dest) client.rpc.core.move_storage([thash], target) self.cache.refresh() - raise cherrypy.HTTPRedirect("/") + raise cherrypy.HTTPRedirect("/home") return self.render("moveform.html", torrent=torrent, tkey=tkey) @@ -249,7 +254,7 @@ class MediaWeb(object): else: raise cherrypy.HTTPError(404) self.cache.refresh() - raise cherrypy.HTTPRedirect("/") + raise cherrypy.HTTPRedirect("/home") def get_fname(torrent): @@ -332,7 +337,11 @@ def main(): web = MediaWeb(rpc_cache, tpl, options) cherrypy.tree.mount(web, '/', {'/': {'tools.auth_basic.on': True, 'tools.auth_basic.realm': 'mediaweb', - 'tools.auth_basic.checkpassword': validate_password, }}) + 'tools.auth_basic.checkpassword': validate_password, }, + '/index': {'tools.auth_basic.on': False}, + '/static': {'tools.auth_basic.on': False, + 'tools.staticdir.on': True, + 'tools.staticdir.dir': os.path.join(APPROOT, 'assets')}}) # General config options cherrypy.config.update({ diff --git a/templates/html.html b/templates/html.html new file mode 100644 index 0000000..23fd147 --- /dev/null +++ b/templates/html.html @@ -0,0 +1,9 @@ + + + + + Media Sort + + +{% block body %}{% endblock %} + diff --git a/templates/index.html b/templates/index.html index 1cae1fa..0bba7ef 100644 --- a/templates/index.html +++ b/templates/index.html @@ -1,15 +1,25 @@ {% extends "page.html" %} + {% block toolbar %} -
- - {% if inflight %}update in progress...{% else %}{% endif %} -
+Home +Refresh +{% if inflight %}Scanning in progress... +{% else %}Rescan{% endif %} +Blah +
+Blah +Blah {% endblock %} -{% block body %} -
-

Completed

-
+{% block main %} + +
+

Completed

+ {% if inflight %}Scanning... + {% else %}Rescan{% endif %} + +
+
@@ -24,8 +34,8 @@ {% if torid in moves %} @@ -41,10 +51,12 @@ {% endif %}{% endfor %}
{{ torid[0:8] }} - {{ tor.name }}
- {{ tor.save_path }} + {{ tor.name }}
+ {{ tor.save_path }} 		{{ moves[torid].dest.dir }}
-
- - -

Downloading

+
+ +
+

Downloading

+
+
@@ -76,25 +88,28 @@ {% endif %}{% endfor %}
hash
-
-
- Library information -

Shows ({{ shows|len }})

- - - - - - - {% for show in shows %} - - - - - - {% endfor %} -
namepathsorting
{{ show.name }}{{ show.dir }}{{ show.mode }}
-
-
-
+ +
+

Library

+
+
+
+ Library information +

Shows ({{ shows|len }})

+ + + + + + + {% for show in shows %} + + + + + + {% endfor %} +
namepathsorting
{{ show.name }}{{ show.dir }}{{ show.mode }}
+
+
{% endblock %} diff --git a/templates/moveform.html b/templates/moveform.html index 7822ce7..13e287d 100644 --- a/templates/moveform.html +++ b/templates/moveform.html @@ -1,11 +1,22 @@ {% extends "page.html" %} {% block toolbar %} - +Back {% endblock %} -{% block body %} +{% block main %}
+
+

Move {{ torrent.name }} - {{ torrent.hash }}

+
+
+
    + {% for f in torrent.files %} +
  • {{ f.path }} - {{ f.size }} B
    • + {% endfor %} +
+
+

Move {{ torrent.name }}

{{ torrent.hash }}

diff --git a/templates/page.html b/templates/page.html index d737072..8c2e75d 100644 --- a/templates/page.html +++ b/templates/page.html @@ -1,52 +1,22 @@ - - - - - Media Sort - - - -
-
-{% block toolbar %}{% endblock %} -
-{% block body %}{% endblock %} +{% extends "html.html" %} + +{% block body %} + + +
+
+

{{ user }}

+ Sign Out +
+
+ {% block main %}{% endblock %} +
+
- +{% endblock %} \ No newline at end of file diff --git a/templates/sortform.html b/templates/sortform.html index 065c54c..b47ccd6 100644 --- a/templates/sortform.html +++ b/templates/sortform.html @@ -1,55 +1,56 @@ {% extends "page.html" %} {% block toolbar %} - +Back {% endblock %} -{% block body %} -
-

Sort {{ torrent.name }}

-

{{ torrent.hash }}

- -
- files -
    - {% for f in torrent.files %} -
  • {{ f.path }} - {{ f.size }} B
    • - {% endfor %} -
-
- -
- -
- -
- destination - - - - - - - - - {% for row in matches %} - - - - - - - +{% block main %} + +
+
+

Files {{ torrent.name }} - {{ torrent.hash }}

+
+
+
    + {% for f in torrent.files %} +
  • {{ f.path }} - {{ f.size }} B
    • {% endfor %} -
showseasonlibraryscore
- - {{ row.dest.dir }}{{ row.subdest }}{{ row.dest.root }}{{ row.score }}
-
- -
- {% if score > 0 %}show more (S={{ score }}%){% endif %} - {{ matches|len }} -
-
-
-
+ + +
+
+
+

Destination

+ +
+
+ + + + + + + + + + + {% for row in matches %} + + + + + + + + {% endfor %} +
showseasonlibraryscore
+ + {{ row.dest.dir }}{{ row.subdest }}{{ row.dest.root }}{{ row.score }}
+
+
+ {% if score > 0 %}show more (S={{ score }}%){% endif %} + {{ matches|len }} +
+
+
+ {% endblock %} diff --git a/templates/splash.html b/templates/splash.html new file mode 100644 index 0000000..062afee --- /dev/null +++ b/templates/splash.html @@ -0,0 +1,11 @@ +{% extends "html.html" %} + +{% block body %} + +
+

MediaSort

+ Unauthenticated · Login +
+ + +{% endblock %}