From 5c3ec8759d6738baff0ec05b0281959e8dac9d98 Mon Sep 17 00:00:00 2001 From: Bastien Orivel Date: Mon, 29 Apr 2024 19:11:20 +0200 Subject: [PATCH] Add a filter for your own YAML files on the room YAML list Fixes #7 --- static/css/base.css | 2 +- static/css/base.css.map | 2 +- static/sass/base.sass | 121 ++++++++++++++++++++-------------------- templates/room.html | 28 ++++++++-- 4 files changed, 85 insertions(+), 68 deletions(-) diff --git a/static/css/base.css b/static/css/base.css index 20f0f9b..3a7de58 100644 --- a/static/css/base.css +++ b/static/css/base.css @@ -1 +1 @@ -*{-moz-box-sizing:border-box;box-sizing:border-box}a{color:#9fb9c6;text-decoration:none}a:focus,a:active{outline:none}html{height:100%;width:100%}body{display:flex;margin:0;font-family:sans-serif;background-color:#2d5373;background-image:url("../images/background.png");min-height:100%;min-width:fit-content;width:100%;color:#fff;align-items:stretch}hr{margin:1em 0;background-color:rgba(0,0,0,.5);box-shadow:0 0 0 1px rgba(255,255,255,.05);border:none}.styled{width:100%;border-collapse:collapse;border:1px solid rgba(0,0,0,.25);background-color:rgba(0,0,0,.1);margin:15px 0}.styled thead{background-color:rgba(0,0,0,.25);border:1px solid rgba(0,0,0,.5);box-shadow:inset 0 1px 0px rgba(255,255,255,.075)}.styled tr{border-bottom:1px solid rgba(0,0,0,.25)}.styled tr:nth-child(2n){background-color:rgba(0,0,0,.05)}.styled tr:hover{background-color:rgba(255,255,255,.025)}.styled th{padding:4px}.styled td{padding:4px;border-left:1px dashed rgba(0,0,0,.35)}.styled td:hover{background-color:rgba(255,255,255,.03);border-left:1px solid #80a2b3}.styled input{margin:0px !important}.styled button{width:100%}.styled caption{background-color:rgba(0,0,0,.25);border:1px solid rgba(0,0,0,.5);box-shadow:inset 0 1px 0px rgba(255,255,255,.075);text-align:left;font-weight:bold}.yamls td:last-child{width:0;white-space:nowrap}label{display:inline-block;padding:.25em .75em;background-color:rgba(0,0,0,.1);box-shadow:0 0 0 1px rgba(255,255,255,.05),inset 0 0 1px rgba(0,0,0,.5)}input[type=text],input[type=url],input[type=password],input[type=file],input[type=number],input[type=datetime-local],textarea{width:100%;background-color:rgba(0,0,0,.2);border:none;box-shadow:0 0 0 1px rgba(255,255,255,.05),inset 0 0 1px #000;font-size:1em;padding:.5em .75em;color:#bfbfbf;margin:0;margin-bottom:1em}input[type=text]:focus,input[type=url]:focus,input[type=password]:focus,input[type=file]:focus,input[type=number]:focus,input[type=datetime-local]:focus,textarea:focus{box-shadow:0 0 .15em #6eadef}textarea{font-size:1.2em;min-height:10em}input[type=file]{cursor:pointer}input[type=checkbox],input[type=radio]{display:none}input[type=checkbox]+label,input[type=radio]+label{cursor:pointer;background-color:none;border:none;margin-bottom:1em;width:100%;padding:.5em .75em}input[type=checkbox]+label:before,input[type=radio]+label:before{content:"#";color:rgba(0,0,0,0);text-shadow:none;display:inline-block;width:1em;height:100%;background-color:rgba(0,0,0,.1);margin:-0.5em -0.75em;padding:.5em .5em;margin-right:.75em;box-shadow:inset 0 0 1px rgba(0,0,0,.5);float:left}input[type=radio]+label:before{border-radius:1em;padding:0em;vertical-align:middle;margin-top:.02em;margin-left:.02em}input[type=radio]:checked+label:before{background-color:#bfbfbf}input[type=radio]+label{border-radius:1em 0 0 1em}input[type=checkbox]:checked+label:before{content:"✓";color:#fff;text-align:center}fieldset{padding:.5em;margin:1em 0em;border:none;border:3px solid rgba(0,0,0,.4);box-shadow:inset 0 0 0 1px rgba(255,255,255,.075),0 0 0 1px rgba(255,255,255,.075)}legend{padding:0 .5em;font-weight:bold;font-variant:small-caps;background-color:#262626;background-image:url("../images/background.png")}button,.button-emulator{display:inline-block;font-weight:bold;font-size:.8em;border:none;background:rgba(0,0,0,.2);padding:.75em 1.5em;box-shadow:0 0 0 1px rgba(255,255,255,.05),inset 0 0 0 1px rgba(0,0,0,.75),inset 0 0 0 2px rgba(255,255,255,.05);color:#fff;cursor:pointer}button:hover,.button-emulator:hover{background-color:rgba(0,0,0,.15);box-shadow:0 0 0 1px rgba(255,255,255,.05),inset 0 0 0 1px rgba(0,0,0,.75),inset 0 0 0 2px rgba(255,255,255,.05),0 0 .15em #6eadef}.validation-button{display:inline-block;font-weight:bold;font-family:sans-serif;font-size:.8em;border:none;padding:.5em .5em;color:#fff;cursor:pointer;background-color:#178229;box-shadow:0 0 0 1px rgba(255,255,255,.05),inset 0 0 0 1px rgba(0,0,0,.9),inset 0 0 0 2px rgba(255,255,255,.175);text-shadow:1px 1px rgba(0,0,0,.35)}.validation-button:hover{background-color:#0f8a24;box-shadow:0 0 0 1px rgba(255,255,255,.05),inset 0 0 0 1px rgba(0,0,0,.9),inset 0 0 0 2px rgba(255,255,255,.175),0 0 .2em #0f8a24}.cancel-button{display:inline-block;font-weight:bold;font-family:sans-serif;font-size:.8em;border:none;padding:.5em .5em;color:#fff;cursor:pointer;background-color:#bd2828;box-shadow:0 0 0 1px rgba(255,255,255,.05),inset 0 0 0 1px rgba(0,0,0,.9),inset 0 0 0 2px rgba(255,255,255,.175);text-shadow:1px 1px rgba(0,0,0,.35)}.cancel-button:hover{background-color:#c91d1d;box-shadow:0 0 0 1px rgba(255,255,255,.05),inset 0 0 0 1px rgba(0,0,0,.9),inset 0 0 0 2px rgba(255,255,255,.175),0 0 .2em #c91d1d}select{color:#fff;border-radius:2px;background:linear-gradient(hsl(135, 0%, 33%), hsl(135, 0%, 24%));box-shadow:0 0 1px #000,inset 0 1px 0px 0px rgba(255,255,255,.15);cursor:pointer;font-weight:bold;border:none;padding:0 .5em;margin-right:-10%;margin-bottom:-0.75em;text-shadow:0 0 0 #fff,1px 1px #000;margin:-0.2em 0}label+select{display:block;width:100%;background-image:none;background-color:rgba(0,0,0,.2);border:none;box-shadow:0 0 0 1px rgba(255,255,255,.05),inset 0 0 1px #000;font-size:1em;margin:0;margin-bottom:1em;font-weight:normal}label+select option{padding:.5em .75em}option{padding:.25em;color:#fff;display:hidden;border:1px solid red;border:none;background:none}.flex-container{display:flex;flex-direction:row}.flex1-3{display:block;width:33.33%}.flex2-3{display:block;width:66.66%;padding-right:2em}.flex1-2{display:block;flex:0 0 50%}.fancy-list{list-style:none}.fancy-list li{border-bottom:1px solid rgba(0,0,0,.3);padding:10px 5px;vertical-align:middle}.fancy-list li:first-child:hover{margin-top:-1px;border-top:1px solid rgba(0,0,0,.3)}.fancy-list li:hover{box-shadow:inset 0 1px 0px rgba(255,255,255,.075);background-color:rgba(255,255,255,.025)}ul.nostyle{list-style:none;padding:0px}.float-right{float:right}.center{text-align:center}.center-box{margin:auto}.half-size{width:50%}.quarter-size{width:25%}.dual-column{-moz-column-count:2;-webkit-column-count:2;column-count:2}#navigation{flex:0 1 200px;min-width:200px;max-width:200px;min-height:100%;vertical-align:top;position:fixed}#navigation a{display:flex;font-size:14px;padding:4px;width:100%;font-weight:bold;align-items:center}#navigation a.selected,#navigation a:hover{background-color:rgba(0,0,0,.3);color:#fff}#navigation a .menu-indented{padding-left:1.2em}#navigation a span:first-of-type{flex-grow:1}#navigation .arrow:after{content:"";display:block;float:right;position:relative;left:8px;border-top:15px solid rgba(0,0,0,0);border-right:15px solid #000;border-bottom:15px solid rgba(0,0,0,0)}#navigation i{padding:8px}#navigation .separator{padding:0;list-style-type:none}#navigation .separator:after{content:"";display:block;background-color:#262626;height:2px;margin:8px}#navigation .source-code{position:absolute;bottom:0;text-align:center;font-size:10px}#main-container{flex:1 1 auto;min-height:100%;border-left:10px solid #000;background-color:#12202c;background-image:url("../images/background.png");box-shadow:0 0 5px rgba(0,0,0,.5),inset 0 0 0 1px rgba(255,255,255,.15);text-shadow:1px 1px rgba(0,0,0,.25);padding:0 1em;max-width:calc(100% - 200px);margin-left:200px}#main section{margin-bottom:2em}#main section h1,#main section h2,#main section h3,#main section h4,#main section h5,#main section h6{padding:.2em 0;margin:0}h1,h2,h3,h4,h5,h6{margin:0}h1{font-size:2em}h2{font-size:1.8em}h3{font-size:1.6em}h4{font-size:1.4em}h5{font-size:1.2em}h6{font-size:1em}#module-menu{-moz-box-sizing:content-box;box-sizing:content-box;list-style:none;box-shadow:0 1px 0px 0px rgba(255,255,255,.15);background-color:#000;margin:0 -1em;margin-bottom:1em;padding:.5em 1.5em 0 0;display:flex}#module-menu a{display:inline-block;font-size:.925em;font-weight:bold;text-transform:uppercase;color:#fff;padding:.35em 1em;margin:0 2px 0 0;background-color:#1c252c;background-image:url("../images/background.png");box-shadow:inset 0 -1px 0px rgba(0,0,0,.75);border-top:1px solid rgba(255,255,255,.08);border-bottom:none;border-left:1px solid rgba(255,255,255,.08);border-right:1px solid rgba(255,255,255,.08);color:#bfbfbf}#module-menu a.selected,#module-menu a.selected:hover{background-color:#12202c;box-shadow:0 1px 0px 0 rgba(0,0,0,.35);color:#f2f2f2;border-top:1px solid rgba(255,255,255,.15);border-bottom:none;border-left:1px solid rgba(255,255,255,.15);border-right:1px solid rgba(255,255,255,.15)}#module-menu a:hover{color:#f2f2f2;background-color:#202a33}#standalone-login{display:block;width:300px;padding-top:1em;margin:auto}#standalone-login h1{font-variant:small-caps;position:relative;font-size:1.5em}#standalone-login input{margin-bottom:.75em}#standalone-login div{background-color:#262626;background-image:url("../images/background.png");padding:15px;border:4px solid #000;box-shadow:0 0 4px rgba(0,0,0,.5),inset 0 0 0 1px rgba(255,255,255,.15);margin:auto}#standalone-login label{text-shadow:1px 1px #000;font-weight:bold;font-size:14px}#standalone-login button{margin-top:10px;width:100%;border:none;padding:3px;font-weight:bold;color:#fff;text-shadow:1px 1px #000;cursor:pointer;background:linear-gradient(hsl(135, 0%, 33%), hsl(135, 0%, 24%));border-radius:2px;box-shadow:0 0 1px #000,inset 0 1px 0px 0px rgba(255,255,255,.15)}#standalone-login button:hover{background:linear-gradient(hsl(135, 0%, 34%), hsl(135, 0%, 26%))}.error{background-color:#df2020 !important;background-image:url("../images/background.png");padding:.5em;box-shadow:inset 0 0 0 1px rgba(255,255,255,.2),0 0 0 1px #590d0d;font-weight:bold !important;color:#ffe6e6 !important;text-shadow:1px 1px #000 !important;margin:1em 0}.confirm{background-color:#33993c !important;background-image:url("../images/background.png") !important;padding:.5em;box-shadow:inset 0 0 0 1px rgba(255,255,255,.25),0 0 0 1px #061307;font-weight:bold !important;color:#e6ffe8 !important;text-shadow:1px 1px #000;margin:1em 0}.standalone-group-selector{width:100%;border:none;color:#fff;border-radius:2px;background:linear-gradient(hsl(135, 0%, 33%), hsl(135, 0%, 24%));box-shadow:0 0 1px #000,inset 0 1px 0px 0px rgba(255,255,255,.15)}.standalone-group-selector select{cursor:pointer;display:inline-block;font-weight:bold;text-shadow:1px 1px #000;background:none;border:none;color:#fff;width:100%;padding:-0.25em;padding:0 .5em;margin:0;margin-right:-10%;margin-bottom:-0.75em;text-shadow:0 0 0 #fff,1px 1px #000;box-shadow:none}.standalone-group-selector option{padding:.25em;background-color:#262626;color:#fff}.standalone-group-selector button{width:10%;display:inline-block;padding:.5em;background-color:#7aa3b8;background-image:url("../images/background.png");border:none;cursor:pointer;color:#fff;text-shadow:0 1px #000;background:linear-gradient(hsl(135, 0%, 33%), hsl(135, 0%, 24%));box-shadow:inset 0 1px 0px 0px rgba(255,255,255,.15),-1px 0 0 0 #000;border-radius:0 2px 2px 0}.standalone-group-selector button:hover{background:linear-gradient(hsl(135, 0%, 40%), hsl(135, 0%, 30%))}@media screen and (max-width: 1024px){.flex-container{display:block}.flex1-3,.flex1-2,.flex2-3{width:100%;margin:0;padding:0}}@media screen and (max-width: 768px){#navigation{max-width:3em;min-width:3em;flex:0 1 3em}#navigation span{display:none}#main-container{max-width:calc(100% - 3em);margin-left:3em}}#messages{position:sticky;top:0;z-index:2;height:auto;@keyframes slideDown}#messages from{height:0}#messages to{height:auto}.message{padding:.5em 1em;font-weight:bold;color:#fff;animation-delay:.2s;animation-timing-function:ease-out;animation-duration:5s;animation-iteration-count:1}.message i{vertical-align:middle;font-size:1.5em}.message span{margin-left:1em;vertical-align:middle}.message.error{background-color:#e06060}.message.error i{color:#ffabab}.message.warning{background-color:#ffc06e}.message.warning i{color:#fee5b3}.message.success{background-color:#63c56b}.message.success i{color:#a4eaa4}.message.info{background-color:#0d3d56}.message.info i{color:#fee5b3}.room-lock{float:right}.popup{background-color:#272822;color:#fff;display:flex;flex-direction:column;min-width:50%;animation:fadeIn .3s;padding:0}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.popup .title{text-align:center;padding:.5em;border-bottom:1px solid #000}.popup pre{display:block;flex:1 1 auto;overflow:scroll;padding:1em}.popup .button-container{padding:.5em;border-top:1px solid #000;text-align:right}.popup .button-container button{margin-left:.5em}dialog::backdrop{background-color:rgba(0,0,0,.45)}body:has(dialog[open]){overflow:hidden;scrollbar-gutter:stable}/*# sourceMappingURL=base.css.map */ +*{-moz-box-sizing:border-box;box-sizing:border-box}a{color:#9fb9c6;text-decoration:none}a:focus,a:active{outline:none}html{height:100%;width:100%}body{display:flex;margin:0;font-family:sans-serif;background-color:#2d5373;background-image:url("../images/background.png");min-height:100%;min-width:fit-content;width:100%;color:#fff;align-items:stretch}hr{margin:1em 0;background-color:rgba(0,0,0,.5);box-shadow:0 0 0 1px rgba(255,255,255,.05);border:none}.styled{width:100%;border-collapse:collapse;border:1px solid rgba(0,0,0,.25);background-color:rgba(0,0,0,.1);margin:15px 0}.styled thead{background-color:rgba(0,0,0,.25);border:1px solid rgba(0,0,0,.5);box-shadow:inset 0 1px 0px rgba(255,255,255,.075)}.styled tr{border-bottom:1px solid rgba(0,0,0,.25)}.styled tr:nth-child(2n){background-color:rgba(0,0,0,.05)}.styled tr:hover{background-color:rgba(255,255,255,.025)}.styled th{padding:4px}.styled td{padding:4px;border-left:1px dashed rgba(0,0,0,.35)}.styled td:hover{background-color:rgba(255,255,255,.03);border-left:1px solid #80a2b3}.styled button{width:100%}.styled caption{background-color:rgba(0,0,0,.25);border:1px solid rgba(0,0,0,.5);box-shadow:inset 0 1px 0px rgba(255,255,255,.075);text-align:left;font-weight:bold}.yamls td:last-child{width:0;white-space:nowrap}textarea{font-size:1.2em;min-height:10em}form label{display:inline-block;padding:.25em .75em;background-color:rgba(0,0,0,.1);box-shadow:0 0 0 1px rgba(255,255,255,.05),inset 0 0 1px rgba(0,0,0,.5)}form input[type=text],form input[type=url],form input[type=password],form input[type=file],form input[type=number],form input[type=datetime-local],form textarea{width:100%;background-color:rgba(0,0,0,.2);border:none;box-shadow:0 0 0 1px rgba(255,255,255,.05),inset 0 0 1px #000;font-size:1em;padding:.5em .75em;color:#bfbfbf;margin:0;margin-bottom:1em}form input[type=text]:focus,form input[type=url]:focus,form input[type=password]:focus,form input[type=file]:focus,form input[type=number]:focus,form input[type=datetime-local]:focus,form textarea:focus{box-shadow:0 0 .15em #6eadef}form input[type=file]{cursor:pointer}form input[type=checkbox],form input[type=radio]{display:none}form input[type=checkbox]+label,form input[type=radio]+label{cursor:pointer;background-color:none;border:none;margin-bottom:1em;width:100%;padding:.5em .75em}form input[type=checkbox]+label:before,form input[type=radio]+label:before{content:"#";color:rgba(0,0,0,0);text-shadow:none;display:inline-block;width:1em;height:100%;background-color:rgba(0,0,0,.1);margin:-0.5em -0.75em;padding:.5em .5em;margin-right:.75em;box-shadow:inset 0 0 1px rgba(0,0,0,.5);float:left}form input[type=radio]+label:before{border-radius:1em;padding:0em;vertical-align:middle;margin-top:.02em;margin-left:.02em}form input[type=radio]:checked+label:before{background-color:#bfbfbf}form input[type=radio]+label{border-radius:1em 0 0 1em}form input[type=checkbox]:checked+label:before{content:"✓";color:#fff;text-align:center}fieldset{padding:.5em;margin:1em 0em;border:none;border:3px solid rgba(0,0,0,.4);box-shadow:inset 0 0 0 1px rgba(255,255,255,.075),0 0 0 1px rgba(255,255,255,.075)}legend{padding:0 .5em;font-weight:bold;font-variant:small-caps;background-color:#262626;background-image:url("../images/background.png")}button,.button-emulator{display:inline-block;font-weight:bold;font-size:.8em;border:none;background:rgba(0,0,0,.2);padding:.75em 1.5em;box-shadow:0 0 0 1px rgba(255,255,255,.05),inset 0 0 0 1px rgba(0,0,0,.75),inset 0 0 0 2px rgba(255,255,255,.05);color:#fff;cursor:pointer}button:hover,.button-emulator:hover{background-color:rgba(0,0,0,.15);box-shadow:0 0 0 1px rgba(255,255,255,.05),inset 0 0 0 1px rgba(0,0,0,.75),inset 0 0 0 2px rgba(255,255,255,.05),0 0 .15em #6eadef}.validation-button{display:inline-block;font-weight:bold;font-family:sans-serif;font-size:.8em;border:none;padding:.5em .5em;color:#fff;cursor:pointer;background-color:#178229;box-shadow:0 0 0 1px rgba(255,255,255,.05),inset 0 0 0 1px rgba(0,0,0,.9),inset 0 0 0 2px rgba(255,255,255,.175);text-shadow:1px 1px rgba(0,0,0,.35)}.validation-button:hover{background-color:#0f8a24;box-shadow:0 0 0 1px rgba(255,255,255,.05),inset 0 0 0 1px rgba(0,0,0,.9),inset 0 0 0 2px rgba(255,255,255,.175),0 0 .2em #0f8a24}.cancel-button{display:inline-block;font-weight:bold;font-family:sans-serif;font-size:.8em;border:none;padding:.5em .5em;color:#fff;cursor:pointer;background-color:#bd2828;box-shadow:0 0 0 1px rgba(255,255,255,.05),inset 0 0 0 1px rgba(0,0,0,.9),inset 0 0 0 2px rgba(255,255,255,.175);text-shadow:1px 1px rgba(0,0,0,.35)}.cancel-button:hover{background-color:#c91d1d;box-shadow:0 0 0 1px rgba(255,255,255,.05),inset 0 0 0 1px rgba(0,0,0,.9),inset 0 0 0 2px rgba(255,255,255,.175),0 0 .2em #c91d1d}select{color:#fff;border-radius:2px;background:linear-gradient(hsl(135, 0%, 33%), hsl(135, 0%, 24%));box-shadow:0 0 1px #000,inset 0 1px 0px 0px rgba(255,255,255,.15);cursor:pointer;font-weight:bold;border:none;padding:0 .5em;margin-right:-10%;margin-bottom:-0.75em;text-shadow:0 0 0 #fff,1px 1px #000;margin:-0.2em 0}label+select{display:block;width:100%;background-image:none;background-color:rgba(0,0,0,.2);border:none;box-shadow:0 0 0 1px rgba(255,255,255,.05),inset 0 0 1px #000;font-size:1em;margin:0;margin-bottom:1em;font-weight:normal}label+select option{padding:.5em .75em}option{padding:.25em;color:#fff;display:hidden;border:1px solid red;border:none;background:none}.flex-container{display:flex;flex-direction:row}.flex1-3{display:block;width:33.33%}.flex2-3{display:block;width:66.66%;padding-right:2em}.flex1-2{display:block;flex:0 0 50%}.fancy-list{list-style:none}.fancy-list li{border-bottom:1px solid rgba(0,0,0,.3);padding:10px 5px;vertical-align:middle}.fancy-list li:first-child:hover{margin-top:-1px;border-top:1px solid rgba(0,0,0,.3)}.fancy-list li:hover{box-shadow:inset 0 1px 0px rgba(255,255,255,.075);background-color:rgba(255,255,255,.025)}ul.nostyle{list-style:none;padding:0px}.float-right{float:right}.center{text-align:center}.center-box{margin:auto}.half-size{width:50%}.quarter-size{width:25%}.dual-column{-moz-column-count:2;-webkit-column-count:2;column-count:2}#navigation{flex:0 1 200px;min-width:200px;max-width:200px;min-height:100%;vertical-align:top;position:fixed}#navigation a{display:flex;font-size:14px;padding:4px;width:100%;font-weight:bold;align-items:center}#navigation a.selected,#navigation a:hover{background-color:rgba(0,0,0,.3);color:#fff}#navigation a .menu-indented{padding-left:1.2em}#navigation a span:first-of-type{flex-grow:1}#navigation .arrow:after{content:"";display:block;float:right;position:relative;left:8px;border-top:15px solid rgba(0,0,0,0);border-right:15px solid #000;border-bottom:15px solid rgba(0,0,0,0)}#navigation i{padding:8px}#navigation .separator{padding:0;list-style-type:none}#navigation .separator:after{content:"";display:block;background-color:#262626;height:2px;margin:8px}#navigation .source-code{position:absolute;bottom:0;text-align:center;font-size:10px}#main-container{flex:1 1 auto;min-height:100%;border-left:10px solid #000;background-color:#12202c;background-image:url("../images/background.png");box-shadow:0 0 5px rgba(0,0,0,.5),inset 0 0 0 1px rgba(255,255,255,.15);text-shadow:1px 1px rgba(0,0,0,.25);padding:0 1em;max-width:calc(100% - 200px);margin-left:200px}#main section{margin-bottom:2em}#main section h1,#main section h2,#main section h3,#main section h4,#main section h5,#main section h6{padding:.2em 0;margin:0}h1,h2,h3,h4,h5,h6{margin:0}h1{font-size:2em}h2{font-size:1.8em}h3{font-size:1.6em}h4{font-size:1.4em}h5{font-size:1.2em}h6{font-size:1em}#module-menu{-moz-box-sizing:content-box;box-sizing:content-box;list-style:none;box-shadow:0 1px 0px 0px rgba(255,255,255,.15);background-color:#000;margin:0 -1em;margin-bottom:1em;padding:.5em 1.5em 0 0;display:flex}#module-menu a{display:inline-block;font-size:.925em;font-weight:bold;text-transform:uppercase;color:#fff;padding:.35em 1em;margin:0 2px 0 0;background-color:#1c252c;background-image:url("../images/background.png");box-shadow:inset 0 -1px 0px rgba(0,0,0,.75);border-top:1px solid rgba(255,255,255,.08);border-bottom:none;border-left:1px solid rgba(255,255,255,.08);border-right:1px solid rgba(255,255,255,.08);color:#bfbfbf}#module-menu a.selected,#module-menu a.selected:hover{background-color:#12202c;box-shadow:0 1px 0px 0 rgba(0,0,0,.35);color:#f2f2f2;border-top:1px solid rgba(255,255,255,.15);border-bottom:none;border-left:1px solid rgba(255,255,255,.15);border-right:1px solid rgba(255,255,255,.15)}#module-menu a:hover{color:#f2f2f2;background-color:#202a33}#standalone-login{display:block;width:300px;padding-top:1em;margin:auto}#standalone-login h1{font-variant:small-caps;position:relative;font-size:1.5em}#standalone-login input{margin-bottom:.75em}#standalone-login div{background-color:#262626;background-image:url("../images/background.png");padding:15px;border:4px solid #000;box-shadow:0 0 4px rgba(0,0,0,.5),inset 0 0 0 1px rgba(255,255,255,.15);margin:auto}#standalone-login label{text-shadow:1px 1px #000;font-weight:bold;font-size:14px}#standalone-login button{margin-top:10px;width:100%;border:none;padding:3px;font-weight:bold;color:#fff;text-shadow:1px 1px #000;cursor:pointer;background:linear-gradient(hsl(135, 0%, 33%), hsl(135, 0%, 24%));border-radius:2px;box-shadow:0 0 1px #000,inset 0 1px 0px 0px rgba(255,255,255,.15)}#standalone-login button:hover{background:linear-gradient(hsl(135, 0%, 34%), hsl(135, 0%, 26%))}.error{background-color:#df2020 !important;background-image:url("../images/background.png");padding:.5em;box-shadow:inset 0 0 0 1px rgba(255,255,255,.2),0 0 0 1px #590d0d;font-weight:bold !important;color:#ffe6e6 !important;text-shadow:1px 1px #000 !important;margin:1em 0}.confirm{background-color:#33993c !important;background-image:url("../images/background.png") !important;padding:.5em;box-shadow:inset 0 0 0 1px rgba(255,255,255,.25),0 0 0 1px #061307;font-weight:bold !important;color:#e6ffe8 !important;text-shadow:1px 1px #000;margin:1em 0}.standalone-group-selector{width:100%;border:none;color:#fff;border-radius:2px;background:linear-gradient(hsl(135, 0%, 33%), hsl(135, 0%, 24%));box-shadow:0 0 1px #000,inset 0 1px 0px 0px rgba(255,255,255,.15)}.standalone-group-selector select{cursor:pointer;display:inline-block;font-weight:bold;text-shadow:1px 1px #000;background:none;border:none;color:#fff;width:100%;padding:-0.25em;padding:0 .5em;margin:0;margin-right:-10%;margin-bottom:-0.75em;text-shadow:0 0 0 #fff,1px 1px #000;box-shadow:none}.standalone-group-selector option{padding:.25em;background-color:#262626;color:#fff}.standalone-group-selector button{width:10%;display:inline-block;padding:.5em;background-color:#7aa3b8;background-image:url("../images/background.png");border:none;cursor:pointer;color:#fff;text-shadow:0 1px #000;background:linear-gradient(hsl(135, 0%, 33%), hsl(135, 0%, 24%));box-shadow:inset 0 1px 0px 0px rgba(255,255,255,.15),-1px 0 0 0 #000;border-radius:0 2px 2px 0}.standalone-group-selector button:hover{background:linear-gradient(hsl(135, 0%, 40%), hsl(135, 0%, 30%))}@media screen and (max-width: 1024px){.flex-container{display:block}.flex1-3,.flex1-2,.flex2-3{width:100%;margin:0;padding:0}}@media screen and (max-width: 768px){#navigation{max-width:3em;min-width:3em;flex:0 1 3em}#navigation span{display:none}#main-container{max-width:calc(100% - 3em);margin-left:3em}}#messages{position:sticky;top:0;z-index:2;height:auto;@keyframes slideDown}#messages from{height:0}#messages to{height:auto}.message{padding:.5em 1em;font-weight:bold;color:#fff;animation-delay:.2s;animation-timing-function:ease-out;animation-duration:5s;animation-iteration-count:1}.message i{vertical-align:middle;font-size:1.5em}.message span{margin-left:1em;vertical-align:middle}.message.error{background-color:#e06060}.message.error i{color:#ffabab}.message.warning{background-color:#ffc06e}.message.warning i{color:#fee5b3}.message.success{background-color:#63c56b}.message.success i{color:#a4eaa4}.message.info{background-color:#0d3d56}.message.info i{color:#fee5b3}.room-lock{float:right}.popup{background-color:#272822;color:#fff;display:flex;flex-direction:column;min-width:50%;animation:fadeIn .3s;padding:0}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.popup .title{text-align:center;padding:.5em;border-bottom:1px solid #000}.popup pre{display:block;flex:1 1 auto;overflow:scroll;padding:1em}.popup .button-container{padding:.5em;border-top:1px solid #000;text-align:right}.popup .button-container button{margin-left:.5em}dialog::backdrop{background-color:rgba(0,0,0,.45)}body:has(dialog[open]){overflow:hidden;scrollbar-gutter:stable}/*# sourceMappingURL=base.css.map */ diff --git a/static/css/base.css.map b/static/css/base.css.map index 84bd008..25fb2f4 100644 --- a/static/css/base.css.map +++ b/static/css/base.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["../sass/base.sass"],"names":[],"mappings":"CAAA,EACE,2BACA,sBAEF,EACE,cACA,qBAGF,iBACE,aAGF,KACE,YACA,WAGF,KACE,aACA,SACA,uBACA,yBACA,iDACA,gBACA,sBACA,WACA,WACA,oBAGF,GACE,aACA,gCACA,2CACA,YAKF,QACE,WACA,yBACA,iCACA,gCACA,cAEA,cACE,iCACA,gCACA,kDACF,WACE,wCACA,yBACE,iCACF,iBACE,wCACJ,WACE,YAEF,WACE,YACA,uCAEA,iBACE,uCACA,8BAEJ,cACE,sBAEF,eACE,WAEF,gBACE,iCACA,gCACA,kDACA,gBACA,iBAIA,qBACE,QACA,mBAKN,MACE,qBACA,oBACA,gCACA,wEAGF,8HACE,WACA,gCACA,YACA,8DACA,cACA,mBACA,cACA,SACA,kBAEA,wKACE,6BAGJ,SACE,gBACA,gBAGF,iBACE,eAEF,uCACE,aAGF,mDACE,eACA,sBACA,YACA,kBACA,WACA,mBAEA,iEACE,YACA,oBACA,iBACA,qBACA,UACA,YACA,gCACA,sBACA,kBACA,mBACA,wCACA,WAGJ,+BACE,kBACA,YACA,sBACA,iBACA,kBAGF,uCACE,yBAGF,wBACE,0BAGF,0CACE,YACA,WACA,kBAGF,SACE,aACA,eACA,YACA,gCACA,mFAGF,OACE,eACA,iBACA,wBACA,yBACA,iDAGF,wBACE,qBACA,iBACA,eACA,YACA,0BACA,oBACA,iHACA,WACA,eAEA,oCACE,iCACA,mIAGJ,mBACE,qBACA,iBACA,uBACA,eACA,YACA,kBACA,WACA,eACA,yBAEA,iHACA,oCACA,yBACE,yBACA,kIAGJ,eACE,qBACA,iBACA,uBACA,eACA,YACA,kBACA,WACA,eACA,yBAEA,iHACA,oCACA,qBACE,yBACA,kIAGJ,OACE,WACA,kBACA,iEACA,kEACA,eACA,iBAEA,YACA,eACA,kBACA,sBAEA,oCACA,gBAGF,aACE,cACA,WACA,sBACA,gCACA,YACA,8DACA,cACA,SACA,kBACA,mBAEA,oBACE,mBAGJ,OACE,cACA,WACA,eACA,qBACA,YACA,gBAKF,gBACE,aACA,mBAGF,SACE,cACA,aAGF,SACE,cACA,aACA,kBAGF,SACE,cACA,aAGF,YACE,gBAEA,eACE,uCACA,iBACA,sBAEA,iCACE,gBACA,oCAEF,qBACE,kDACA,wCAGN,WACE,gBACA,YAGF,aACE,YAGF,QACE,kBAGF,YACE,YAIF,WACE,UAGF,cACE,UAGF,aACE,oBACA,uBACA,eAOF,YACE,eACA,gBACA,gBACA,gBACA,mBACA,eAEA,cACE,aACA,eACA,YACA,WACA,iBACA,mBAEA,2CACE,gCACA,WAGF,6BACE,mBAEF,iCACE,YAEJ,yBACE,WACA,cACA,YACA,kBACA,SAGA,oCACA,6BACA,uCAEF,cACE,YAEF,uBACE,UACA,qBAEA,6BACE,WACA,cACA,yBACA,WACA,WAEJ,yBACE,kBACA,SACA,kBACA,eAKJ,gBACE,cACA,gBACA,4BACA,yBACA,iDACA,wEACA,oCACA,cACA,6BACA,kBAIA,cACE,kBAEA,sGACE,eACA,SAEN,kBACE,SAEF,GAEE,cAEF,GAEE,gBAEF,GAEE,gBAEF,GAEE,gBAEF,GAEE,gBAEF,GAEE,cAIF,aACE,4BACA,uBACA,gBACA,+CACA,sBACA,cACA,kBACA,uBACA,aAEA,eACE,qBACA,iBACA,iBAEA,yBACA,WACA,kBACA,iBACA,yBACA,iDACA,4CACA,2CACA,mBACA,4CACA,6CACA,cAGA,sDACE,yBACA,uCACA,cACA,2CACA,mBACA,4CACA,6CAEF,qBACE,cACA,yBAKN,kBACE,cACA,YACA,gBACA,YAEA,qBACE,wBACA,kBACA,gBAEF,wBACE,oBAEF,sBACE,yBACA,iDACA,aACA,sBACA,wEACA,YAEF,wBACE,yBACA,iBACA,eAGF,yBACE,gBACA,WACA,YACA,YACA,iBACA,WACA,yBACA,eACA,iEACA,kBACA,kEAEA,+BACE,iEAKN,OACE,oCACA,iDACA,aACA,kEACA,4BACA,yBACA,oCACA,aAMF,SACE,oCACA,4DACA,aACA,mEACA,4BACA,yBACA,yBACA,aAMF,2BACE,WACA,YACA,WACA,kBACA,iEACA,kEAEA,kCACE,eACA,qBACA,iBACA,yBAEA,gBACA,YACA,WACA,WACA,gBACA,eACA,SACA,kBACA,sBAEA,oCACA,gBAEF,kCACE,cACA,yBACA,WAEF,kCACE,UACA,qBACA,aACA,yBACA,iDACA,YACA,eACA,WACA,uBACA,iEACA,qEACA,0BAEA,wCACE,iEAGN,sCACE,gBACE,cAEF,2BACE,WACA,SACA,WAIJ,qCACE,YACE,cACA,cACA,aACF,iBACE,aACF,gBACE,2BACA,iBAEJ,UACE,gBACA,MACA,UACA,YAEA,qBACA,eACE,SAEF,aACE,YAEJ,SACE,iBACA,iBACA,WAEA,oBACA,mCACA,sBACA,4BAGA,WACE,sBACA,gBAEF,cACE,gBACA,sBAEF,eACE,yBACA,iBACE,cAEJ,iBACE,yBACA,mBACE,cAEJ,iBACE,yBACA,mBACE,cAEJ,cACE,yBACA,gBACE,cAEN,WACE,YAEF,OAOE,yBACA,WACA,aACA,sBACA,cACA,qBACA,UAZA,kBACE,KACE,UACF,GACE,WAUJ,cACE,kBACA,aACA,6BAEF,WACE,cACA,cACA,gBACA,YAEF,yBACE,aACA,0BACA,iBAEA,gCACE,iBAEN,iBACE,iCAGF,uBACE,gBACA","file":"base.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["../sass/base.sass"],"names":[],"mappings":"CAAA,EACE,2BACA,sBAEF,EACE,cACA,qBAGF,iBACE,aAGF,KACE,YACA,WAGF,KACE,aACA,SACA,uBACA,yBACA,iDACA,gBACA,sBACA,WACA,WACA,oBAGF,GACE,aACA,gCACA,2CACA,YAKF,QACE,WACA,yBACA,iCACA,gCACA,cAEA,cACE,iCACA,gCACA,kDACF,WACE,wCACA,yBACE,iCACF,iBACE,wCACJ,WACE,YAEF,WACE,YACA,uCAEA,iBACE,uCACA,8BAEJ,eACE,WAEF,gBACE,iCACA,gCACA,kDACA,gBACA,iBAIA,qBACE,QACA,mBAMN,SACE,gBACA,gBAGA,WACE,qBACA,oBACA,gCACA,wEAGF,iKACE,WACA,gCACA,YACA,8DACA,cACA,mBACA,cACA,SACA,kBAEA,2MACE,6BAEJ,sBACE,eAEF,iDACE,aAGF,6DACE,eACA,sBACA,YACA,kBACA,WACA,mBAEA,2EACE,YACA,oBACA,iBACA,qBACA,UACA,YACA,gCACA,sBACA,kBACA,mBACA,wCACA,WAGJ,oCACE,kBACA,YACA,sBACA,iBACA,kBAGF,4CACE,yBAGF,6BACE,0BAGF,+CACE,YACA,WACA,kBAGJ,SACE,aACA,eACA,YACA,gCACA,mFAGF,OACE,eACA,iBACA,wBACA,yBACA,iDAGF,wBACE,qBACA,iBACA,eACA,YACA,0BACA,oBACA,iHACA,WACA,eAEA,oCACE,iCACA,mIAGJ,mBACE,qBACA,iBACA,uBACA,eACA,YACA,kBACA,WACA,eACA,yBAEA,iHACA,oCACA,yBACE,yBACA,kIAGJ,eACE,qBACA,iBACA,uBACA,eACA,YACA,kBACA,WACA,eACA,yBAEA,iHACA,oCACA,qBACE,yBACA,kIAGJ,OACE,WACA,kBACA,iEACA,kEACA,eACA,iBAEA,YACA,eACA,kBACA,sBAEA,oCACA,gBAGF,aACE,cACA,WACA,sBACA,gCACA,YACA,8DACA,cACA,SACA,kBACA,mBAEA,oBACE,mBAGJ,OACE,cACA,WACA,eACA,qBACA,YACA,gBAKF,gBACE,aACA,mBAGF,SACE,cACA,aAGF,SACE,cACA,aACA,kBAGF,SACE,cACA,aAGF,YACE,gBAEA,eACE,uCACA,iBACA,sBAEA,iCACE,gBACA,oCAEF,qBACE,kDACA,wCAGN,WACE,gBACA,YAGF,aACE,YAGF,QACE,kBAGF,YACE,YAIF,WACE,UAGF,cACE,UAGF,aACE,oBACA,uBACA,eAOF,YACE,eACA,gBACA,gBACA,gBACA,mBACA,eAEA,cACE,aACA,eACA,YACA,WACA,iBACA,mBAEA,2CACE,gCACA,WAGF,6BACE,mBAEF,iCACE,YAEJ,yBACE,WACA,cACA,YACA,kBACA,SAGA,oCACA,6BACA,uCAEF,cACE,YAEF,uBACE,UACA,qBAEA,6BACE,WACA,cACA,yBACA,WACA,WAEJ,yBACE,kBACA,SACA,kBACA,eAKJ,gBACE,cACA,gBACA,4BACA,yBACA,iDACA,wEACA,oCACA,cACA,6BACA,kBAIA,cACE,kBAEA,sGACE,eACA,SAEN,kBACE,SAEF,GAEE,cAEF,GAEE,gBAEF,GAEE,gBAEF,GAEE,gBAEF,GAEE,gBAEF,GAEE,cAIF,aACE,4BACA,uBACA,gBACA,+CACA,sBACA,cACA,kBACA,uBACA,aAEA,eACE,qBACA,iBACA,iBAEA,yBACA,WACA,kBACA,iBACA,yBACA,iDACA,4CACA,2CACA,mBACA,4CACA,6CACA,cAGA,sDACE,yBACA,uCACA,cACA,2CACA,mBACA,4CACA,6CAEF,qBACE,cACA,yBAKN,kBACE,cACA,YACA,gBACA,YAEA,qBACE,wBACA,kBACA,gBAEF,wBACE,oBAEF,sBACE,yBACA,iDACA,aACA,sBACA,wEACA,YAEF,wBACE,yBACA,iBACA,eAGF,yBACE,gBACA,WACA,YACA,YACA,iBACA,WACA,yBACA,eACA,iEACA,kBACA,kEAEA,+BACE,iEAKN,OACE,oCACA,iDACA,aACA,kEACA,4BACA,yBACA,oCACA,aAMF,SACE,oCACA,4DACA,aACA,mEACA,4BACA,yBACA,yBACA,aAMF,2BACE,WACA,YACA,WACA,kBACA,iEACA,kEAEA,kCACE,eACA,qBACA,iBACA,yBAEA,gBACA,YACA,WACA,WACA,gBACA,eACA,SACA,kBACA,sBAEA,oCACA,gBAEF,kCACE,cACA,yBACA,WAEF,kCACE,UACA,qBACA,aACA,yBACA,iDACA,YACA,eACA,WACA,uBACA,iEACA,qEACA,0BAEA,wCACE,iEAGN,sCACE,gBACE,cAEF,2BACE,WACA,SACA,WAIJ,qCACE,YACE,cACA,cACA,aACF,iBACE,aACF,gBACE,2BACA,iBAEJ,UACE,gBACA,MACA,UACA,YAEA,qBACA,eACE,SAEF,aACE,YAEJ,SACE,iBACA,iBACA,WAEA,oBACA,mCACA,sBACA,4BAGA,WACE,sBACA,gBAEF,cACE,gBACA,sBAEF,eACE,yBACA,iBACE,cAEJ,iBACE,yBACA,mBACE,cAEJ,iBACE,yBACA,mBACE,cAEJ,cACE,yBACA,gBACE,cAEN,WACE,YAEF,OAOE,yBACA,WACA,aACA,sBACA,cACA,qBACA,UAZA,kBACE,KACE,UACF,GACE,WAUJ,cACE,kBACA,aACA,6BAEF,WACE,cACA,cACA,gBACA,YAEF,yBACE,aACA,0BACA,iBAEA,gCACE,iBAEN,iBACE,iCAGF,uBACE,gBACA","file":"base.css"} \ No newline at end of file diff --git a/static/sass/base.sass b/static/sass/base.sass index 176f140..dc4c314 100644 --- a/static/sass/base.sass +++ b/static/sass/base.sass @@ -66,9 +66,6 @@ hr background-color: hsla(0,0%,100%,0.030) border-left: 1px solid hsl(200, 25%, 60%) - input - margin: 0px !important - button width: 100% @@ -88,83 +85,83 @@ hr /* == FORM ENHANCMENT == */ -label - display: inline-block - padding: 0.25em 0.75em - background-color: hsla(0,0%,0%,0.1) - box-shadow: 0 0 0 1px hsla(0,0%,100%,0.05), inset 0 0 1px hsla(0,0%,0%,0.5) - - -input[type=text], input[type=url], input[type=password], input[type=file], input[type=number], input[type=datetime-local], textarea - width: 100% - background-color: hsla(0,0%,0%,0.2) - border: none - box-shadow: 0 0 0 1px hsla(0,0%,100%,0.05), inset 0 0 1px black - font-size: 1em - padding: 0.5em 0.75em - color: hsl(0,0%,75%) - margin: 0 - margin-bottom: 1em - - &:focus - box-shadow: 0 0 0.15em #6EADEF - textarea font-size: 1.2em min-height: 10em +form + label + display: inline-block + padding: 0.25em 0.75em + background-color: hsla(0,0%,0%,0.1) + box-shadow: 0 0 0 1px hsla(0,0%,100%,0.05), inset 0 0 1px hsla(0,0%,0%,0.5) + -input[type=file] - cursor: pointer + input[type=text], input[type=url], input[type=password], input[type=file], input[type=number], input[type=datetime-local], textarea + width: 100% + background-color: hsla(0,0%,0%,0.2) + border: none + box-shadow: 0 0 0 1px hsla(0,0%,100%,0.05), inset 0 0 1px black + font-size: 1em + padding: 0.5em 0.75em + color: hsl(0,0%,75%) + margin: 0 + margin-bottom: 1em -input[type=checkbox], input[type=radio] - display: none + &:focus + box-shadow: 0 0 0.15em #6EADEF + input[type=file] + cursor: pointer -input[type=checkbox] + label, input[type=radio] + label - cursor: pointer - background-color: none - border: none - margin-bottom: 1em - width: 100% - padding: 0.5em 0.75em + input[type=checkbox], input[type=radio] + display: none - &:before - content: "#" - color: transparent - text-shadow: none - display: inline-block - width: 1em - height: 100% - background-color: hsla(0,0%,0%,0.1) - margin: -0.5em -0.75em - padding: 0.5em 0.5em - margin-right: 0.75em - box-shadow: inset 0 0 1px hsla(0,0%,0%,0.5) - float: left + input[type=checkbox] + label, input[type=radio] + label + cursor: pointer + background-color: none + border: none + margin-bottom: 1em + width: 100% + padding: 0.5em 0.75em -input[type=radio] + label:before - border-radius: 1em - padding: 0em - vertical-align: middle - margin-top: 0.02em - margin-left: 0.02em + &:before + content: "#" + color: transparent + text-shadow: none + display: inline-block + width: 1em + height: 100% + background-color: hsla(0,0%,0%,0.1) + margin: -0.5em -0.75em + padding: 0.5em 0.5em + margin-right: 0.75em + box-shadow: inset 0 0 1px hsla(0,0%,0%,0.5) + float: left + + + input[type=radio] + label:before + border-radius: 1em + padding: 0em + vertical-align: middle + margin-top: 0.02em + margin-left: 0.02em -input[type=radio]:checked + label:before - background-color: hsl(0,0%,75%) + input[type=radio]:checked + label:before + background-color: hsl(0,0%,75%) -input[type=radio] + label - border-radius: 1em 0 0 1em + input[type=radio] + label + border-radius: 1em 0 0 1em -input[type=checkbox]:checked + label:before - content: "✓" - color: white - text-align: center + input[type=checkbox]:checked + label:before + content: "✓" + color: white + text-align: center fieldset diff --git a/templates/room.html b/templates/room.html index 7523afa..49fc2db 100644 --- a/templates/room.html +++ b/templates/room.html @@ -52,24 +52,25 @@ {% endif %} - +
- + {% for yaml in yamls %} - + {% let is_my_yaml = (Some(yaml.0.owner_id) == base.user_id.as_ref()) %} + {% if base.is_logged_in %} {% else %} {% endif %} - {% if (Some(yaml.0.owner_id) == base.user_id.as_ref() || is_my_room) && !is_closed %} + {% if (is_my_yaml || is_my_room) && !is_closed %} {% else %} @@ -108,6 +109,25 @@ yamlFormButton.click(); } } + + const filter_yamls = document.getElementById("my-yamls"); + if (filter_yamls !== null) { + filter_yamls.checked = false; + filter_yamls.onchange = function() { + const yamlTable = document.getElementById("yamls").getElementsByTagName("tbody")[0]; + for(let row of yamlTable.getElementsByTagName("tr")) { + if (filter_yamls.checked) { + if (row.dataset.myYaml) { + row.style.display = "table-row" + } else { + row.style.display = "none" + } + } else { + row.style.display = "table-row" + } + } + } + }
PlayerPlayer {% if base.is_logged_in %}(){% endif %} Game Action
{{yaml.0.player_name}}{{yaml.0.player_name}}{{yaml.0.game}}View | DeleteView