diff --git a/data/www/css/compiled/main.css b/data/www/css/compiled/main.css
index 7d249ae..78751ca 100644
--- a/data/www/css/compiled/main.css
+++ b/data/www/css/compiled/main.css
@@ -1 +1 @@
-.info{color:#027bff!important}.bg-info{background-color:#027bff!important}.border-info{border-color:#027bff!important}.success{color:#0eef5f!important}.bg-success{background-color:#0eef5f!important}.border-success{border-color:#0eef5f!important}.success-alt{color:#11a948!important}.bg-success-alt{background-color:#11a948!important}.border-success-alt{border-color:#11a948!important}.danger{color:#ef0e5d!important}.bg-danger{background-color:#ef0e5d!important}.border-danger{border-color:#ef0e5d!important}.danger-alt{color:#c20941!important}.bg-danger-alt{background-color:#c20941!important}.border-danger-alt{border-color:#c20941!important}.purple{color:#bc48ff!important}.bg-purple{background-color:#bc48ff!important}.border-purple{border-color:#bc48ff!important}.purple-alt{color:#692fbd!important}.bg-purple-alt{background-color:#692fbd!important}.border-purple-alt{border-color:#692fbd!important}.neutral{color:#464646!important}.bg-neutral{background-color:#464646!important}.border-neutral{border-color:#464646!important}.white{color:#fff!important}.bg-white{background-color:#fff!important}.border-white{border-color:#fff!important}.black{color:#000!important}.bg-black{background-color:#000!important}.border-black{border-color:#000!important}.youtube{color:#fd3c01!important}.bg-youtube{background-color:#fd3c01!important}.border-youtube{border-color:#fd3c01!important}.raspbian{color:#b61240!important}.bg-raspbian{background-color:#b61240!important}.border-raspbian{border-color:#b61240!important}.windows{color:#12a7e3!important}.bg-windows{background-color:#12a7e3!important}.border-windows{border-color:#12a7e3!important}.macos{color:#b3bcc2!important}.bg-macos{background-color:#b3bcc2!important}.border-macos{border-color:#b3bcc2!important}.debian{color:#cf084e!important}.bg-debian{background-color:#cf084e!important}.border-debian{border-color:#cf084e!important}.fedora{color:#283f6f!important}.bg-fedora{background-color:#283f6f!important}.border-fedora{border-color:#283f6f!important}.ubuntu{color:#d64514!important}.bg-ubuntu{background-color:#d64514!important}.border-ubuntu{border-color:#d64514!important}.suse{color:#6fb425!important}.bg-suse{background-color:#6fb425!important}.border-suse{border-color:#6fb425!important}.redhat{color:#c60200!important}.bg-redhat{background-color:#c60200!important}.border-redhat{border-color:#c60200!important}.centos{color:#9b4c88!important}.bg-centos{background-color:#9b4c88!important}.border-centos{border-color:#9b4c88!important}.other{color:#e5a123!important}.bg-other{background-color:#e5a123!important}.border-other{border-color:#e5a123!important}@font-face{font-family:Sixtyfour;src:url(../../webfonts/Sixtyfour-Regular.ttf) format("truetype")}*{font-family:Roboto,Arial,"sans-serif";margin:0;padding:0;box-sizing:border-box}html{background-color:#111}body,html{height:100%;font-family:Arial,sans-serif}.container{display:flex;height:100vh}.horizontal{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;flex:1;align-self:stretch}main{flex:1;display:flex;flex-direction:column}main .main-container{display:flex;flex-direction:column;flex:1;overflow:hidden;align-self:stretch}main .main-container .top-content{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;align-self:stretch;padding:10px 10px 10px 20px;background:transparent;border-bottom:1px solid #222}main .main-container .top-content h1{color:#fff;font-weight:600;font-size:24px}main .main-container .top-content .top-actions{flex:1;display:flex;flex-direction:row;justify-content:flex-end;align-items:center}main .main-container .top-content .top-actions button{margin-left:10px}main .main-container .bottom-content{display:flex;flex-direction:row;align-self:stretch;justify-content:flex-start;align-items:flex-start;flex:1;overflow-y:auto;background:radial-gradient(circle at 0% 53%,rgba(239,14,93,.8) 10%,transparent 45%),radial-gradient(circle at 135% 53%,rgba(2,123,255,.8) 10%,transparent 95%),radial-gradient(circle at 50% 80%,rgba(14,239,95,.8) 40%,transparent 95%)}main .main-container .bottom-content .page-content{flex:2;overflow-y:auto;align-self:stretch;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;background:#000c;padding:5px}main .main-container .bottom-content .page-content .inner{flex:1;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;padding:0 10px 40px;background:#111;align-self:stretch}main .main-container .bottom-content .page-panel{flex:1;overflow-y:auto;align-self:stretch;background:#111;border-top:none}main .main-container .bottom-content .page-panel.left-panel{border-right:1px solid #222;border-left:none}main .main-container .bottom-content .page-panel.left-panel.explr-explorer{flex:.5;overflow-y:auto;padding:0;background:#111;box-shadow:1px 1px .5px .5px inset #0003;max-width:250px}main .main-container .bottom-content .page-panel.right-panel{border-left:1px solid #222;border-right:none}.invisible{visibility:hidden!important}.hidden{display:none!important}.tac{text-align:center!important}.tar{text-align:right!important}a{text-decoration:none}.normal{font-weight:400!important}.bold{font-weight:700!important}.col{display:flex;flex:1;flex-direction:column;align-self:stretch}main .context-bar{padding:10px;position:sticky;top:0;z-index:1000;max-height:80px;border-bottom:1px solid #222;display:flex;flex-direction:row;align-items:center}main .context-bar .context-menu{flex:1}main .context-bar .context-menu .inner{display:flex}main .context-bar .context-menu .inner ul.pills{margin:0}main .context-bar .context-divider{width:1px;height:100%;background:#222;margin-left:20px;margin-right:20px}main .context-bar .context-user{display:flex;margin-right:20px}main .context-bar .context-user .trigger{color:#fff}main .context-bar .context-user .trigger .avatar{width:32px;height:32px;border-radius:4px;background:#027bff;margin-right:10px;display:flex;flex-direction:row;justify-content:center;align-items:center;text-align:center;font-weight:700;font-size:14px;border:1px solid #444}main .context-bar .context-user .trigger i{margin-top:-5px;margin-left:10px}menu{width:300px;background:#111;overflow-y:auto;overflow-x:visible;padding:20px;z-index:2000;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;border-right:1px solid #222;min-width:64px}menu h1.logo{margin:40px 0 0 10px;align-self:stretch;display:flex}menu h1.logo a{text-align:center;text-shadow:0px 0 0 #fff,0px 2px 0 #444,0 0px 0 rgb(14,239,95),-0px 0 0 rgb(2,123,255),0 -0px 0 rgb(239,14,93);text-decoration:none;background:linear-gradient(90deg,#a0a0a0 0,#bebebe 46%,#dcdcdc);-webkit-background-clip:text;color:transparent;flex:1;font-family:Sixtyfour,Work Sans,Arial,"sans-serif";align-self:stretch;padding-right:3px;font-size:20px;text-transform:uppercase;transition:all .55s cubic-bezier(.19,1,.22,1);display:flex;flex-direction:row;justify-content:center;align-items:center;position:relative}menu h1.logo a img{flex-shrink:0;width:30px;margin-right:10px;position:absolute;left:5px;transition:all .55s cubic-bezier(.19,1,.22,1)}menu h1.logo a img.after{opacity:0}menu:hover h1.logo a{text-align:center;text-shadow:3px 0 0 #fff,3px 2px 0 #444,0 3px 0 rgb(14,239,95),-3px 0 0 rgb(2,123,255),0 -3px 0 rgb(239,14,93);text-decoration:none;background:linear-gradient(90deg,#a0a0a0 0,#bebebe 46%,#dcdcdc);-webkit-background-clip:text;color:transparent}menu:hover h1.logo a img.before{opacity:0}menu:hover h1.logo a img.after{animation-duration:.2s;animation-name:logotouch}menu nav{display:flex;align-self:stretch;flex:1}menu nav ul{margin:60px 0 20px;flex:1;align-self:flex-start;display:flex;flex-direction:column;list-style:none}menu nav ul li{align-self:stretch;overflow:hidden;position:relative;transition:all .55s cubic-bezier(.19,1,.22,1);margin:10px 0;border-radius:4px}menu nav ul li a{color:#ffffffe6;font-size:16px;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;align-self:stretch;flex:1;padding-top:5px;padding-bottom:5px;padding-left:10px}menu nav ul li a i{color:#fff;opacity:.2;background:transparent;display:flex;justify-content:center;align-items:center;align-self:stretch;padding:10px;width:40px;border-radius:4px;text-align:center;margin-right:20px}menu nav ul li:after{background:#fff;content:"";height:195px;left:-200px;opacity:.2;position:absolute;top:-50px;transform:rotate(35deg);transition:all .55s cubic-bezier(.19,1,.22,1);width:50px;z-index:-2;cursor:pointer}menu nav ul li.active a{color:#027bff;font-weight:700}menu nav ul li.active a i{opacity:1;background:#ffffffe6;background:#017bff}menu nav ul li:hover{background:#027bff}menu nav ul li:hover:after{z-index:2;left:120%;transition:all .55s cubic-bezier(.19,1,.22,1)}menu nav ul li:hover a{color:#fff;font-weight:700}menu nav ul li:hover a i{color:#fff;opacity:1}menu footer{background:#ffffff03;padding:20px 0;display:flex;flex-direction:row;align-self:stretch;text-align:center;justify-content:center}menu footer p{color:#444}menu footer p.version a{color:#777;font-weight:700}.dropdown{position:relative;display:flex;align-self:stretch}.dropdown.dropdown-show ul.dropdown-menu{display:flex;flex-direction:column}.dropdown .trigger{cursor:pointer;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;align-self:stretch;flex:1}.dropdown ul.dropdown-menu{position:absolute;top:100%;left:0;display:none;background-color:#222;box-shadow:0 8px 16px #0003;z-index:1000;list-style-type:none;margin:0;overflow:hidden;border-radius:4px}.dropdown ul.dropdown-menu li{padding:8px 16px;cursor:pointer;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;transition:all .55s cubic-bezier(.19,1,.22,1)}.dropdown ul.dropdown-menu li.danger:hover{background-color:#ef0e5d}.dropdown ul.dropdown-menu li:hover{background-color:#027bff}.dropdown ul.dropdown-menu li a{padding:8px 16px 8px 8px;color:#fff;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;align-self:stretch}.dropdown ul.dropdown-menu li a i{margin-right:15px}@keyframes logotouch{0%{opacity:0}50%{opacity:1}to{opacity:0;left:27px}}button,.btn{position:relative;padding:10px 13px 8px 10px;font-size:14px;color:#fff;cursor:pointer;border:none;border-radius:4px;background:#027bff;box-shadow:0 2px #004a9b;font-weight:700;letter-spacing:-.5px;margin-top:-2px}button i.icon-left,.btn i.icon-left{margin-right:5px}button:hover,.btn:hover{box-shadow:0 2px 0 1px #004a9b inset;color:#fffc}button:focus,.btn:focus{background:#004a9b;color:#ffffff80;box-shadow:none}button.btn-neutral,.btn.btn-neutral{color:#aaa;background:#464646;box-shadow:0 2px #2d2d2d}button.btn-neutral:hover,.btn.btn-neutral:hover{box-shadow:0 2px 0 1px #222 inset;background:#2d2d2d}button.btn-neutral:focus,.btn.btn-neutral:focus{background:#131313}button.btn-info,.btn.btn-info{background:#027bff;box-shadow:0 2px #004a9b}button.btn-info:hover,.btn.btn-info:hover{box-shadow:0 2px 0 1px #004a9b inset}button.btn-info:focus,.btn.btn-info:focus{background:#004a9b}button.btn-naked,.btn.btn-naked{background:transparent;box-shadow:none}button.btn-naked:hover,.btn.btn-naked:hover{box-shadow:0 2px 0 1px #222 inset;background:#2d2d2d}button.btn-naked:focus,.btn.btn-naked:focus{background:#131313}button.btn-info-alt,.btn.btn-info-alt{background:#075cb7;box-shadow:0 2px #032b55}button.btn-info-alt:hover,.btn.btn-info-alt:hover{box-shadow:0 2px 0 1px #032b55 inset}button.btn-info-alt:focus,.btn.btn-info-alt:focus{background:#032b55}button.btn-success,.btn.btn-success{background:#0eef5f;box-shadow:0 2px #088f39}button.btn-success:hover,.btn.btn-success:hover{box-shadow:0 2px 0 1px #088f39 inset}button.btn-success:focus,.btn.btn-success:focus{background:#088f39}button.btn-success-alt,.btn.btn-success-alt{background:#11a948;box-shadow:0 2px #084c21}button.btn-success-alt:hover,.btn.btn-success-alt:hover{box-shadow:0 2px 0 1px #084c21 inset}button.btn-success-alt:focus,.btn.btn-success-alt:focus{background:#084c21}button.btn-danger,button.btn-error,.btn.btn-danger,.btn.btn-error{background:#ef0e5d;box-shadow:0 2px #8f0838}button.btn-danger:hover,button.btn-error:hover,.btn.btn-danger:hover,.btn.btn-error:hover{box-shadow:0 2px 0 1px #8f0838 inset}button.btn-danger:focus,button.btn-error:focus,.btn.btn-danger:focus,.btn.btn-error:focus{background:#8f0838}button.btn-danger-alt,button.btn-error-alt,.btn.btn-danger-alt,.btn.btn-error-alt{background:#c20941;box-shadow:0 2px #610420}button.btn-danger-alt:hover,button.btn-error-alt:hover,.btn.btn-danger-alt:hover,.btn.btn-error-alt:hover{box-shadow:0 2px 0 1px #610420 inset}button.btn-danger-alt:focus,button.btn-error-alt:focus,.btn.btn-danger-alt:focus,.btn.btn-error-alt:focus{background:#610420}button.btn-youtube,.btn.btn-youtube{background:#fd3c01;box-shadow:0 2px #972401}button.btn-youtube:hover,.btn.btn-youtube:hover{box-shadow:0 2px 0 1px #972401 inset}button.btn-youtube:focus,.btn.btn-youtube:focus{background:#972401}.alert{padding:20px;align-self:stretch;display:flex;flex-direction:row;justify-content:center;align-items:center;border-radius:4px}.alert-info{color:#027bff;background:#027bff33}.alert-success{color:#0eef5f;background:#0eef5f33}.alert-danger,.alert-error{color:#ef0e5d;background:#ef0e5d33}.alert i{margin-right:13px}ul.explr-tree{height:100%!important}ul.explr-tree li span{color:#aaa;font-size:17px;padding-left:1px;cursor:pointer}ul.explr-tree li span.explr-plus,ul.explr-tree li span.explr-minus{z-index:1}ul.explr-tree li span.explr-plus:hover,ul.explr-tree li span.explr-minus:hover{background:#ffffff1a;border-radius:2px}ul.explr-tree li a{color:#fff;padding-right:80px}ul.explr-tree li a:hover{color:#fff}ul.explr-tree li a.active{background:#ffffff1a;border-radius:4px;font-weight:700;text-decoration:underline;margin-left:35px;padding-left:5px;margin-right:10px}.explr-selection-actions{display:none;margin-right:10px;border-right:1px solid #222;padding-right:20px}.explr-selection .explr-selection-actions{display:flex}ul.explr-dirview{display:flex;flex-direction:row;flex-wrap:wrap}ul.explr-dirview li{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;flex-shrink:0;margin:18px;min-width:90px;min-height:104px;padding-top:5px;border:1px solid transparent;border-radius:4px}ul.explr-dirview li.renaming a span{display:none}ul.explr-dirview li.renaming a form{display:block}ul.explr-dirview li.highlight-drop{border:1px dashed rgba(2,123,255,.4);background:#027bff4d}ul.explr-dirview li.highlight-clicked{border:1px dashed rgba(255,255,255,.2);background:#ffffff1a}ul.explr-dirview li a{color:#bbb;text-decoration:none;flex:1;text-align:center;font-size:12px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;max-width:84px}ul.explr-dirview li a i{font-size:64px;margin-bottom:12px;border-radius:8px}ul.explr-dirview li a input{width:100%;padding:0 3px}ul.explr-dirview li a input:focus{outline:none}ul.explr-dirview li a:hover{opacity:.8}ul.explr-dirview li a form{display:none}ul.explr-dirview li.new-folder a{color:#027bff}ul.explr-dirview li.new-folder a form{display:block}ul.explr-dirview .ui-draggable-dragging{z-index:20}ul.explr-dirview .ui-draggable-dragging a{opacity:1!important}ul.pills{background:#222;padding:6px 4px 5px;box-shadow:1px 1px .5px .5px inset #0003;border:1px solid #222;border-radius:4px;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;list-style:none;margin:0}ul.pills li.divider{margin:0 20px;width:1px;height:100%;background:#333}ul.pills li:hover a{opacity:.9}ul.pills li a{border-radius:4px;display:flex;flex-direction:row;justify-content:center;align-items:center;color:#fff;overflow:hidden;padding-right:30px;text-align:center;background:#0003;margin-right:5px;transition:all .25s cubic-bezier(.19,1,.22,1)}ul.pills li a span{display:flex;justify-content:center;align-items:center;margin-right:20px;height:42px;background:#0003;width:42px}ul.pills li.active a{color:#333;background:#fff;font-weight:700}ul.pills li.active a span{margin-right:30px}ul.pills li:hover a{color:#fff;background:#027bff}ul.pills li:last-child a{margin-right:0}.breadcrumb-container{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;align-self:stretch;border-bottom:1px solid #222;background:transparent;padding:10px}.breadcrumb-container ul.breadcrumb{background:#222;padding:6px 4px 5px;box-shadow:1px 1px .5px .5px inset #0003;border:1px solid #222;border-radius:4px;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;list-style:none;margin:0}.breadcrumb-container ul.breadcrumb li.divider{margin:0 5px}.breadcrumb-container ul.breadcrumb li.divider i{color:#aaa}.breadcrumb-container ul.breadcrumb li span,.breadcrumb-container ul.breadcrumb li a{border-radius:4px;display:flex;flex-direction:row;justify-content:center;align-items:center;color:#fff;text-align:center;padding:0 3px}.breadcrumb-container ul.breadcrumb li span i,.breadcrumb-container ul.breadcrumb li a i{margin-right:5px}.breadcrumb-container ul.breadcrumb li:hover a{color:#fff;background:#027bff}.breadcrumb-container ul.breadcrumb li:last-child a{margin-right:0}.modals{position:fixed;background:#0006;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:10000}.modals .modals-outer{min-width:464px;display:flex;flex-direction:column;overflow:auto;padding-bottom:2px}.modals .modals-outer .modals-inner{background:#111;border-radius:10px;color:#333;padding:40px;box-shadow:0 2px #222;border:1px solid #222}.modals .modals-outer .modals-inner .modal h2{padding:0;margin:0 0 30px;font-weight:400;color:#999}.modals .modals-outer .modals-inner .modal h3{align-self:stretch;border-bottom:1px solid rgb(153,153,153);padding:15px;margin:0}.panel{background:#fff;border-radius:5px;padding:25px 25px 80px;margin:10px 25px;align-self:stretch}.panel.no-border{border:none}.panel h3{color:#000}.panel-inactive{background:#ffffff1a;color:#fff;border-color:#999}.panel-inactive h3{color:#1a1a1a}.panel table{width:100%;margin-top:30px;border-collapse:collapse;text-align:left;font-weight:400}.panel th{border-bottom:1px solid rgb(255,255,255);border-collapse:collapse;padding:10px;font-weight:400}.panel-inactive th{border-color:#999}.panel td{border-collapse:collapse;padding:10px}.panel td .td-secondary{font-size:14px;opacity:.6;margin-left:3px}.panel td a.item.sort{cursor:move}.panel td a.item-name{color:#fff}.panel-inactive td a.item-name{color:#999}.panel td a.item-name:hover{text-decoration:underline}.panel td.actions a{background:#fff;color:#333;border:1px solid rgb(153,153,153);border-radius:4px;padding:2px;width:35px;display:inline-block;text-align:center;margin:0 2px}.panel td.actions a:hover{color:#0eef5f;border-color:#0eef5f}.panel td.actions a.item-edit:hover{color:#bc48ff;border-color:#bc48ff}.panel td.actions a.item-delete:hover{color:#ef0e5d;border-color:#ef0e5d}.panel td.infos{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start}.panel td .inner{display:flex;flex-direction:row;justify-content:flex-start;align-items:center}.panel td div.badge{margin-right:5px;font-size:10px;font-weight:700}.panel a{color:#0eef5f;text-decoration:none}.panel a:hover{color:#0bbf4c}.panel.panel-menu{display:flex;flex:1;flex-direction:column;align-self:stretch;margin-right:0;border-color:#692fbd}.panel.panel-menu ul{flex:1;max-width:250px;display:flex;flex-direction:column;align-self:stretch;list-style:none;margin:0;padding:0}.panel.panel-menu ul li{margin:3px 0}.panel.panel-menu ul li a{padding:5px 15px;color:inherit;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex:1}.panel.panel-menu ul li:hover{color:#464646;font-weight:700}.panel.panel-menu ul li.active{color:#692fbd;background:#692fbd57;border-radius:4px;font-weight:700;border:1px solid rgb(105,47,189)}.panel.panel-menu ul li.active a{color:inherit}.form-holder{min-width:686px;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;align-self:stretch}.form-holder form{max-width:434px}form{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;align-self:stretch}form .form-group{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;align-self:stretch;width:100%;flex:1;margin-bottom:20px}form .form-group label{flex:1;font-size:12px;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;align-self:stretch;color:#666}form .form-group label.btn-upload{color:#fff;font-size:14px;flex:0;flex-basis:auto;margin-top:5px}form .form-group label.btn-upload input[type=file]{display:none}form .form-group label.btn-upload input[type=text]{margin-bottom:2px;padding-left:0;margin-left:10px}form .form-group label.btn-upload i{margin-left:3px;margin-right:10px}form .form-group .widget{margin-top:10px;align-self:stretch;display:flex;flex-direction:row}form .form-group .widget select,form .form-group .widget input,form .form-group .widget textarea{outline:none;padding:8px 0 5px 8px;border-radius:2px;border:1px solid rgba(255,255,255,.05);flex:1;background:#555;box-shadow:0 2px 1px #444,0 4px 2px #333 inset;color:#ddd;font-size:14px}form .form-group .widget select[disabled],form .form-group .widget input[disabled],form .form-group .widget textarea[disabled]{color:#555;background:none;box-shadow:none;border:none;border-bottom:1px solid #333;border-radius:0}form .form-group.tab-select{border-bottom:1px solid #444;display:flex;flex-direction:row;position:relative;height:48px;padding:48px 0 0;flex:0;flex-basis:auto}form .form-group.tab-select .widget{height:49px;margin-top:0;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;position:absolute;top:0;left:0;border-bottom:2px solid rgb(2,123,255);color:#027bff}form .form-group.tab-select .widget select{border:none;background:none;box-shadow:none;padding:10px 35px 10px 10px;margin:0;color:inherit;appearance:none;-moz-appearance:none;-webkit-appearance:none;text-align:left;font-weight:700;cursor:pointer;border-radius:4px 4px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px;z-index:2}form .form-group.tab-select .widget i{margin-left:10px;margin-right:0}form .form-group.tab-select .widget i.triangle{margin-top:-4px;margin-left:0;position:absolute;right:10px}form .actions{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;align-self:stretch;margin:20px 0 0}form .actions button{margin-left:25px}form .actions.actions-left{justify-content:flex-start}form .actions.actions-left button{margin-left:0}.view-content-list main .main-container .content-add-object-input{margin-bottom:6px}.view-content-edit main .main-container .bottom-content .page-content{flex:1}.view-content-edit main .main-container .bottom-content .page-content .form-holder{margin:20px 20px 20px 10px}.view-content-edit main .main-container .bottom-content .page-panel.right-panel{flex:1;align-self:stretch;display:flex;flex-direction:column;overflow:hidden;justify-content:flex-start;align-items:center;padding:20px}.view-content-edit main .main-container .bottom-content .page-panel.right-panel h3{color:#fff;padding:10px 10px 10px 0;margin-bottom:20px;font-size:16px;align-self:stretch;margin-left:-8px}.view-content-edit main .main-container .bottom-content .page-panel.right-panel h3 span{border-width:1px;border-style:solid;border-radius:4px;padding:4px 10px;margin-left:5px}.view-content-edit main .main-container .bottom-content .page-panel.right-panel h3 i{font-size:16px}.view-content-edit main .main-container .bottom-content .page-panel.right-panel .iframe-wrapper{display:flex;flex-direction:column;width:100%;position:relative;padding-top:56.25%;overflow:hidden;border-radius:4px;outline:4px solid rgba(255,255,255,.1)}.view-content-edit main .main-container .bottom-content .page-panel.right-panel .iframe-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.view-playlist-edit main .main-container .bottom-content .page-content{flex:1}.view-playlist-edit main .main-container .bottom-content .page-content .form-holder{margin:20px 20px 20px 10px}.view-node-player-edit main .main-container .bottom-content .page-content{flex:1}.view-node-player-edit main .main-container .bottom-content .page-content .form-holder{margin:20px 20px 20px 10px}.plugin-description{font-size:14px;margin-left:34px;color:#999}.panel-logs{padding-bottom:20px}.panel-logs pre{background:#000000e6;border:1px solid rgb(70,70,70);border-radius:4px;font-family:monospace;color:#f2f2f2;padding:20px;min-height:200px;max-height:500px;max-width:1100px;overflow:auto}
+.info{color:#027bff!important}.bg-info{background-color:#027bff!important}.border-info{border-color:#027bff!important}.info-alt{color:#075cb7!important}.bg-info-alt{background-color:#075cb7!important}.border-info-alt{border-color:#075cb7!important}.success{color:#0eef5f!important}.bg-success{background-color:#0eef5f!important}.border-success{border-color:#0eef5f!important}.success-alt{color:#11a948!important}.bg-success-alt{background-color:#11a948!important}.border-success-alt{border-color:#11a948!important}.error{color:#ef0e5d!important}.bg-error{background-color:#ef0e5d!important}.border-error{border-color:#ef0e5d!important}.error-alt{color:#c20941!important}.bg-error-alt{background-color:#c20941!important}.border-error-alt{border-color:#c20941!important}.danger{color:#ef0e5d!important}.bg-danger{background-color:#ef0e5d!important}.border-danger{border-color:#ef0e5d!important}.danger-alt{color:#c20941!important}.bg-danger-alt{background-color:#c20941!important}.border-danger-alt{border-color:#c20941!important}.purple{color:#bc48ff!important}.bg-purple{background-color:#bc48ff!important}.border-purple{border-color:#bc48ff!important}.purple-alt{color:#692fbd!important}.bg-purple-alt{background-color:#692fbd!important}.border-purple-alt{border-color:#692fbd!important}.neutral{color:#464646!important}.bg-neutral{background-color:#464646!important}.border-neutral{border-color:#464646!important}.white{color:#fff!important}.bg-white{background-color:#fff!important}.border-white{border-color:#fff!important}.black{color:#000!important}.bg-black{background-color:#000!important}.border-black{border-color:#000!important}.youtube{color:#fd3c01!important}.bg-youtube{background-color:#fd3c01!important}.border-youtube{border-color:#fd3c01!important}.raspbian{color:#b61240!important}.bg-raspbian{background-color:#b61240!important}.border-raspbian{border-color:#b61240!important}.windows{color:#12a7e3!important}.bg-windows{background-color:#12a7e3!important}.border-windows{border-color:#12a7e3!important}.macos{color:#b3bcc2!important}.bg-macos{background-color:#b3bcc2!important}.border-macos{border-color:#b3bcc2!important}.debian{color:#cf084e!important}.bg-debian{background-color:#cf084e!important}.border-debian{border-color:#cf084e!important}.fedora{color:#52a2da!important}.bg-fedora{background-color:#52a2da!important}.border-fedora{border-color:#52a2da!important}.ubuntu{color:#d64514!important}.bg-ubuntu{background-color:#d64514!important}.border-ubuntu{border-color:#d64514!important}.suse{color:#6fb425!important}.bg-suse{background-color:#6fb425!important}.border-suse{border-color:#6fb425!important}.redhat{color:#c60200!important}.bg-redhat{background-color:#c60200!important}.border-redhat{border-color:#c60200!important}.centos{color:#9b4c88!important}.bg-centos{background-color:#9b4c88!important}.border-centos{border-color:#9b4c88!important}.other{color:#e5a123!important}.bg-other{background-color:#e5a123!important}.border-other{border-color:#e5a123!important}button.btn-info,.btn.btn-info{background:#027bff;box-shadow:0 2px #004a9b}button.btn-info:hover,.btn.btn-info:hover{box-shadow:0 2px 0 1px #004a9b inset}button.btn-info:focus,.btn.btn-info:focus{background:#004a9b}button.btn-info-alt,.btn.btn-info-alt{background:#075cb7;box-shadow:0 2px #032b55}button.btn-info-alt:hover,.btn.btn-info-alt:hover{box-shadow:0 2px 0 1px #032b55 inset}button.btn-info-alt:focus,.btn.btn-info-alt:focus{background:#032b55}button.btn-success,.btn.btn-success{background:#0eef5f;box-shadow:0 2px #088f39}button.btn-success:hover,.btn.btn-success:hover{box-shadow:0 2px 0 1px #088f39 inset}button.btn-success:focus,.btn.btn-success:focus{background:#088f39}button.btn-success-alt,.btn.btn-success-alt{background:#11a948;box-shadow:0 2px #084c21}button.btn-success-alt:hover,.btn.btn-success-alt:hover{box-shadow:0 2px 0 1px #084c21 inset}button.btn-success-alt:focus,.btn.btn-success-alt:focus{background:#084c21}button.btn-error,.btn.btn-error{background:#ef0e5d;box-shadow:0 2px #8f0838}button.btn-error:hover,.btn.btn-error:hover{box-shadow:0 2px 0 1px #8f0838 inset}button.btn-error:focus,.btn.btn-error:focus{background:#8f0838}button.btn-error-alt,.btn.btn-error-alt{background:#c20941;box-shadow:0 2px #610420}button.btn-error-alt:hover,.btn.btn-error-alt:hover{box-shadow:0 2px 0 1px #610420 inset}button.btn-error-alt:focus,.btn.btn-error-alt:focus{background:#610420}button.btn-danger,.btn.btn-danger{background:#ef0e5d;box-shadow:0 2px #8f0838}button.btn-danger:hover,.btn.btn-danger:hover{box-shadow:0 2px 0 1px #8f0838 inset}button.btn-danger:focus,.btn.btn-danger:focus{background:#8f0838}button.btn-danger-alt,.btn.btn-danger-alt{background:#c20941;box-shadow:0 2px #610420}button.btn-danger-alt:hover,.btn.btn-danger-alt:hover{box-shadow:0 2px 0 1px #610420 inset}button.btn-danger-alt:focus,.btn.btn-danger-alt:focus{background:#610420}button.btn-purple,.btn.btn-purple{background:#bc48ff;box-shadow:0 2px #8f00e1}button.btn-purple:hover,.btn.btn-purple:hover{box-shadow:0 2px 0 1px #8f00e1 inset}button.btn-purple:focus,.btn.btn-purple:focus{background:#8f00e1}button.btn-purple-alt,.btn.btn-purple-alt{background:#692fbd;box-shadow:0 2px #3c1b6b}button.btn-purple-alt:hover,.btn.btn-purple-alt:hover{box-shadow:0 2px 0 1px #3c1b6b inset}button.btn-purple-alt:focus,.btn.btn-purple-alt:focus{background:#3c1b6b}button.btn-neutral,.btn.btn-neutral{background:#464646;box-shadow:0 2px #131313}button.btn-neutral:hover,.btn.btn-neutral:hover{box-shadow:0 2px 0 1px #131313 inset}button.btn-white,.btn.btn-white{background:#fff;box-shadow:0 2px #ccc}button.btn-white:hover,.btn.btn-white:hover{box-shadow:0 2px 0 1px #ccc inset}button.btn-white:focus,.btn.btn-white:focus{background:#ccc}button.btn-black,.btn.btn-black{background:#000;box-shadow:0 2px #000}button.btn-black:hover,.btn.btn-black:hover{box-shadow:0 2px 0 1px #000 inset}button.btn-black:focus,.btn.btn-black:focus{background:#000}button.btn-youtube,.btn.btn-youtube{background:#fd3c01;box-shadow:0 2px #972401}button.btn-youtube:hover,.btn.btn-youtube:hover{box-shadow:0 2px 0 1px #972401 inset}button.btn-youtube:focus,.btn.btn-youtube:focus{background:#972401}button.btn-raspbian,.btn.btn-raspbian{background:#b61240;box-shadow:0 2px #59091f}button.btn-raspbian:hover,.btn.btn-raspbian:hover{box-shadow:0 2px 0 1px #59091f inset}button.btn-raspbian:focus,.btn.btn-raspbian:focus{background:#59091f}button.btn-windows,.btn.btn-windows{background:#12a7e3;box-shadow:0 2px #0b6184}button.btn-windows:hover,.btn.btn-windows:hover{box-shadow:0 2px 0 1px #0b6184 inset}button.btn-windows:focus,.btn.btn-windows:focus{background:#0b6184}button.btn-macos,.btn.btn-macos{background:#b3bcc2;box-shadow:0 2px #7a8a95}button.btn-macos:hover,.btn.btn-macos:hover{box-shadow:0 2px 0 1px #7a8a95 inset}button.btn-macos:focus,.btn.btn-macos:focus{background:#7a8a95}button.btn-debian,.btn.btn-debian{background:#cf084e;box-shadow:0 2px #6d0429}button.btn-debian:hover,.btn.btn-debian:hover{box-shadow:0 2px 0 1px #6d0429 inset}button.btn-debian:focus,.btn.btn-debian:focus{background:#6d0429}button.btn-fedora,.btn.btn-fedora{background:#52a2da;box-shadow:0 2px #236ea3}button.btn-fedora:hover,.btn.btn-fedora:hover{box-shadow:0 2px 0 1px #236ea3 inset}button.btn-fedora:focus,.btn.btn-fedora:focus{background:#236ea3}button.btn-ubuntu,.btn.btn-ubuntu{background:#d64514;box-shadow:0 2px #79270b}button.btn-ubuntu:hover,.btn.btn-ubuntu:hover{box-shadow:0 2px 0 1px #79270b inset}button.btn-ubuntu:focus,.btn.btn-ubuntu:focus{background:#79270b}button.btn-suse,.btn.btn-suse{background:#6fb425;box-shadow:0 2px #3b5f14}button.btn-suse:hover,.btn.btn-suse:hover{box-shadow:0 2px 0 1px #3b5f14 inset}button.btn-suse:focus,.btn.btn-suse:focus{background:#3b5f14}button.btn-redhat,.btn.btn-redhat{background:#c60200;box-shadow:0 2px #600100}button.btn-redhat:hover,.btn.btn-redhat:hover{box-shadow:0 2px 0 1px #600100 inset}button.btn-redhat:focus,.btn.btn-redhat:focus{background:#600100}button.btn-centos,.btn.btn-centos{background:#9b4c88;box-shadow:0 2px #572a4c}button.btn-centos:hover,.btn.btn-centos:hover{box-shadow:0 2px 0 1px #572a4c inset}button.btn-centos:focus,.btn.btn-centos:focus{background:#572a4c}button.btn-other,.btn.btn-other{background:#e5a123;box-shadow:0 2px #916411}button.btn-other:hover,.btn.btn-other:hover{box-shadow:0 2px 0 1px #916411 inset}button.btn-other:focus,.btn.btn-other:focus{background:#916411}@font-face{font-family:Sixtyfour;src:url(../../webfonts/Sixtyfour-Regular.ttf) format("truetype")}*{font-family:Roboto,Arial,"sans-serif";margin:0;padding:0;box-sizing:border-box}html{background-color:#111}body,html{height:100%;font-family:Arial,sans-serif}.container{display:flex;height:100vh}.horizontal{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;flex:1;align-self:stretch}main{flex:1;display:flex;flex-direction:column}main .main-container{display:flex;flex-direction:column;flex:1;overflow:hidden;align-self:stretch}main .main-container .top-content{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;align-self:stretch;padding:10px 10px 10px 20px;background:transparent;border-bottom:1px solid #222}main .main-container .top-content h1{color:#fff;font-weight:600;font-size:24px}main .main-container .top-content .top-actions{flex:1;display:flex;flex-direction:row;justify-content:flex-end;align-items:center}main .main-container .top-content .top-actions button{margin-left:10px}main .main-container .bottom-content{display:flex;flex-direction:row;align-self:stretch;justify-content:flex-start;align-items:flex-start;flex:1;overflow-y:auto;background:radial-gradient(circle at 0% 53%,rgba(239,14,93,.8) 10%,transparent 45%),radial-gradient(circle at 135% 53%,rgba(2,123,255,.8) 10%,transparent 95%),radial-gradient(circle at 50% 80%,rgba(14,239,95,.8) 40%,transparent 95%)}main .main-container .bottom-content .page-content{flex:2;overflow-y:auto;align-self:stretch;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;background:#000c;padding:5px}main .main-container .bottom-content .page-content .inner{flex:1;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;padding:0 10px 40px;background:#111;align-self:stretch}main .main-container .bottom-content .page-panel{flex:1;overflow-y:auto;align-self:stretch;background:#111;border-top:none}main .main-container .bottom-content .page-panel.left-panel{border-right:1px solid #222;border-left:none}main .main-container .bottom-content .page-panel.left-panel.explr-explorer{flex:.5;overflow-y:auto;padding:0;background:#111;box-shadow:1px 1px .5px .5px inset #0003;max-width:250px}main .main-container .bottom-content .page-panel.right-panel{border-left:1px solid #222;border-right:none}.invisible{visibility:hidden!important}.hidden{display:none!important}.tac{text-align:center!important}.tar{text-align:right!important}a{text-decoration:none}.normal{font-weight:400!important}.bold{font-weight:700!important}.col{display:flex;flex:1;flex-direction:column;align-self:stretch}main .context-bar{padding:10px;position:sticky;top:0;z-index:1000;max-height:80px;border-bottom:1px solid #222;display:flex;flex-direction:row;align-items:center}main .context-bar .context-menu{flex:1}main .context-bar .context-menu .inner{display:flex}main .context-bar .context-menu .inner ul.pills{margin:0}main .context-bar .context-divider{width:1px;height:100%;background:#222;margin-left:20px;margin-right:20px}main .context-bar .context-user{display:flex;margin-right:20px}main .context-bar .context-user .trigger{color:#fff}main .context-bar .context-user .trigger .avatar{width:32px;height:32px;border-radius:4px;background:#027bff;margin-right:10px;display:flex;flex-direction:row;justify-content:center;align-items:center;text-align:center;font-weight:700;font-size:14px;border:1px solid #444}main .context-bar .context-user .trigger i{margin-top:-5px;margin-left:10px}menu{width:300px;background:#111;overflow-y:auto;overflow-x:visible;padding:20px;z-index:2000;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;border-right:1px solid #222;min-width:64px}menu h1.logo{margin:40px 0 0 10px;align-self:stretch;display:flex}menu h1.logo a{text-align:center;text-shadow:0px 0 0 #fff,0px 2px 0 #444,0 0px 0 rgb(14,239,95),-0px 0 0 rgb(2,123,255),0 -0px 0 rgb(239,14,93);text-decoration:none;background:linear-gradient(90deg,#a0a0a0 0,#bebebe 46%,#dcdcdc);-webkit-background-clip:text;color:transparent;flex:1;font-family:Sixtyfour,Work Sans,Arial,"sans-serif";align-self:stretch;padding-right:3px;font-size:20px;text-transform:uppercase;transition:all .55s cubic-bezier(.19,1,.22,1);display:flex;flex-direction:row;justify-content:center;align-items:center;position:relative}menu h1.logo a img{flex-shrink:0;width:30px;margin-right:10px;position:absolute;left:5px;transition:all .55s cubic-bezier(.19,1,.22,1)}menu h1.logo a img.after{opacity:0}menu:hover h1.logo a{text-align:center;text-shadow:3px 0 0 #fff,3px 2px 0 #444,0 3px 0 rgb(14,239,95),-3px 0 0 rgb(2,123,255),0 -3px 0 rgb(239,14,93);text-decoration:none;background:linear-gradient(90deg,#a0a0a0 0,#bebebe 46%,#dcdcdc);-webkit-background-clip:text;color:transparent}menu:hover h1.logo a img.before{opacity:0}menu:hover h1.logo a img.after{animation-duration:.2s;animation-name:logotouch}menu nav{display:flex;align-self:stretch;flex:1}menu nav ul{margin:60px 0 20px;flex:1;align-self:flex-start;display:flex;flex-direction:column;list-style:none}menu nav ul li{align-self:stretch;overflow:hidden;position:relative;transition:all .55s cubic-bezier(.19,1,.22,1);margin:10px 0;border-radius:4px}menu nav ul li a{color:#ffffffe6;font-size:16px;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;align-self:stretch;flex:1;padding-top:5px;padding-bottom:5px;padding-left:10px}menu nav ul li a i{color:#fff;opacity:.2;background:transparent;display:flex;justify-content:center;align-items:center;align-self:stretch;padding:10px;width:40px;border-radius:4px;text-align:center;margin-right:20px}menu nav ul li:after{background:#fff;content:"";height:195px;left:-200px;opacity:.2;position:absolute;top:-50px;transform:rotate(35deg);transition:all .55s cubic-bezier(.19,1,.22,1);width:50px;z-index:-2;cursor:pointer}menu nav ul li.active a{color:#027bff;font-weight:700}menu nav ul li.active a i{opacity:1;background:#ffffffe6;background:#017bff}menu nav ul li:hover{background:#027bff}menu nav ul li:hover:after{z-index:2;left:120%;transition:all .55s cubic-bezier(.19,1,.22,1)}menu nav ul li:hover a{color:#fff;font-weight:700}menu nav ul li:hover a i{color:#fff;opacity:1}menu footer{background:#ffffff03;padding:20px 0;display:flex;flex-direction:row;align-self:stretch;text-align:center;justify-content:center}menu footer p{color:#444}menu footer p.version a{color:#777;font-weight:700}.dropdown{position:relative;display:flex;align-self:stretch}.dropdown.dropdown-show ul.dropdown-menu{display:flex;flex-direction:column}.dropdown .trigger{cursor:pointer;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;align-self:stretch;flex:1}.dropdown ul.dropdown-menu{position:absolute;top:100%;left:0;display:none;background-color:#222;box-shadow:0 8px 16px #0003;z-index:1000;list-style-type:none;margin:0;overflow:hidden;border-radius:4px}.dropdown ul.dropdown-menu li{padding:8px 16px;cursor:pointer;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;transition:all .55s cubic-bezier(.19,1,.22,1)}.dropdown ul.dropdown-menu li.danger:hover{background-color:#ef0e5d}.dropdown ul.dropdown-menu li:hover{background-color:#027bff}.dropdown ul.dropdown-menu li a{padding:8px 16px 8px 8px;color:#fff;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;align-self:stretch}.dropdown ul.dropdown-menu li a i{margin-right:15px}@keyframes logotouch{0%{opacity:0}50%{opacity:1}to{opacity:0;left:27px}}button,.btn{position:relative;padding:10px 13px 8px 10px;font-size:14px;color:#fff;cursor:pointer;border:none;border-radius:4px;background:#027bff;box-shadow:0 2px #004a9b;font-weight:700;letter-spacing:-.5px;margin-top:-2px}button i.icon-left,.btn i.icon-left{margin-right:5px}button:hover,.btn:hover{box-shadow:0 2px 0 1px #004a9b inset;color:#fffc}button:focus,.btn:focus{background:#004a9b;color:#ffffff80;box-shadow:none}button.btn-neutral,.btn.btn-neutral{color:#aaa;background:#464646;box-shadow:0 2px #2d2d2d}button.btn-neutral:hover,.btn.btn-neutral:hover{box-shadow:0 2px 0 1px #222 inset;background:#2d2d2d}button.btn-neutral:focus,.btn.btn-neutral:focus{background:#131313}button.btn-naked,.btn.btn-naked{background:transparent;box-shadow:none}button.btn-naked:hover,.btn.btn-naked:hover{box-shadow:0 2px 0 1px #222 inset;background:#2d2d2d}button.btn-naked:focus,.btn.btn-naked:focus{background:#131313}.alert{padding:20px;align-self:stretch;display:flex;flex-direction:row;justify-content:center;align-items:center;border-radius:4px}.alert-info{color:#027bff;background:#027bff33}.alert-success{color:#0eef5f;background:#0eef5f33}.alert-danger,.alert-error{color:#ef0e5d;background:#ef0e5d33}.alert i{margin-right:13px}ul.explr-tree{height:100%!important}ul.explr-tree li span{color:#aaa;font-size:17px;padding-left:1px;cursor:pointer}ul.explr-tree li span.explr-plus,ul.explr-tree li span.explr-minus{z-index:1}ul.explr-tree li span.explr-plus:hover,ul.explr-tree li span.explr-minus:hover{background:#ffffff1a;border-radius:2px}ul.explr-tree li a{color:#fff;padding-right:80px}ul.explr-tree li a:hover{color:#fff}ul.explr-tree li a.active{background:#ffffff1a;border-radius:4px;font-weight:700;text-decoration:underline;margin-left:35px;padding-left:5px;margin-right:10px}.explr-selection-actions{display:none;margin-right:10px;border-right:1px solid #222;padding-right:20px}.explr-selection .explr-selection-actions{display:flex}ul.explr-dirview{display:flex;flex-direction:row;flex-wrap:wrap}ul.explr-dirview li{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;flex-shrink:0;margin:18px;min-width:90px;min-height:104px;padding-top:5px;border:1px solid transparent;border-radius:4px}ul.explr-dirview li.renaming a span{display:none}ul.explr-dirview li.renaming a form{display:block}ul.explr-dirview li.highlight-drop{border:1px dashed rgba(2,123,255,.4);background:#027bff4d}ul.explr-dirview li.highlight-clicked{border:1px dashed rgba(255,255,255,.2);background:#ffffff1a}ul.explr-dirview li a{color:#bbb;text-decoration:none;flex:1;text-align:center;font-size:12px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;max-width:84px}ul.explr-dirview li a i{font-size:64px;margin-bottom:12px;border-radius:8px}ul.explr-dirview li a input{width:100%;padding:0 3px}ul.explr-dirview li a input:focus{outline:none}ul.explr-dirview li a:hover{opacity:.8}ul.explr-dirview li a form{display:none}ul.explr-dirview li.new-folder a{color:#027bff}ul.explr-dirview li.new-folder a form{display:block}ul.explr-dirview .ui-draggable-dragging{z-index:20}ul.explr-dirview .ui-draggable-dragging a{opacity:1!important}ul.pills{background:#222;padding:6px 4px 5px;box-shadow:1px 1px .5px .5px inset #0003;border:1px solid #222;border-radius:4px;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;list-style:none;margin:0}ul.pills li.divider{margin:0 20px;width:1px;height:100%;background:#333}ul.pills li:hover a{opacity:.9}ul.pills li a{border-radius:4px;display:flex;flex-direction:row;justify-content:center;align-items:center;color:#fff;overflow:hidden;padding-right:30px;text-align:center;background:#0003;margin-right:5px;transition:all .25s cubic-bezier(.19,1,.22,1)}ul.pills li a span{display:flex;justify-content:center;align-items:center;margin-right:20px;height:42px;background:#0003;width:42px}ul.pills li.active a{color:#333;background:#fff;font-weight:700}ul.pills li:hover a{color:#fff;background:#027bff}ul.pills li:last-child a{margin-right:0}.breadcrumb-container{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;align-self:stretch;border-bottom:1px solid #222;background:transparent;padding:10px}.breadcrumb-container ul.breadcrumb{background:#222;padding:6px 4px 5px;box-shadow:1px 1px .5px .5px inset #0003;border:1px solid #222;border-radius:4px;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;list-style:none;margin:0}.breadcrumb-container ul.breadcrumb li.divider{margin:0 5px}.breadcrumb-container ul.breadcrumb li.divider i{color:#aaa}.breadcrumb-container ul.breadcrumb li span,.breadcrumb-container ul.breadcrumb li a{border-radius:4px;display:flex;flex-direction:row;justify-content:center;align-items:center;color:#fff;text-align:center;padding:0 3px}.breadcrumb-container ul.breadcrumb li span i,.breadcrumb-container ul.breadcrumb li a i{margin-right:5px}.breadcrumb-container ul.breadcrumb li:hover a{color:#fff;background:#027bff}.breadcrumb-container ul.breadcrumb li:last-child a{margin-right:0}.modals{position:fixed;background:#0006;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:10000}.modals .modals-outer{min-width:464px;display:flex;flex-direction:column;overflow:auto;padding-bottom:2px}.modals .modals-outer .modals-inner{background:#111;border-radius:10px;color:#333;padding:40px;box-shadow:0 2px #222;border:1px solid #222}.modals .modals-outer .modals-inner .modal h2{padding:0;margin:0 0 30px;font-weight:400;color:#999}.modals .modals-outer .modals-inner .modal h3{align-self:stretch;border-bottom:1px solid rgb(153,153,153);padding:15px;margin:0}.panel{background:#fff;border-radius:5px;padding:25px 25px 80px;margin:10px 25px;align-self:stretch}.panel.no-border{border:none}.panel h3{color:#000}.panel-inactive{background:#ffffff1a;color:#fff;border-color:#999}.panel-inactive h3{color:#1a1a1a}.panel table{width:100%;margin-top:30px;border-collapse:collapse;text-align:left;font-weight:400}.panel th{border-bottom:1px solid rgb(255,255,255);border-collapse:collapse;padding:10px;font-weight:400}.panel-inactive th{border-color:#999}.panel td{border-collapse:collapse;padding:10px}.panel td .td-secondary{font-size:14px;opacity:.6;margin-left:3px}.panel td a.item.sort{cursor:move}.panel td a.item-name{color:#fff}.panel-inactive td a.item-name{color:#999}.panel td a.item-name:hover{text-decoration:underline}.panel td.actions a{background:#fff;color:#333;border:1px solid rgb(153,153,153);border-radius:4px;padding:2px;width:35px;display:inline-block;text-align:center;margin:0 2px}.panel td.actions a:hover{color:#0eef5f;border-color:#0eef5f}.panel td.actions a.item-edit:hover{color:#bc48ff;border-color:#bc48ff}.panel td.actions a.item-delete:hover{color:#ef0e5d;border-color:#ef0e5d}.panel td.infos{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start}.panel td .inner{display:flex;flex-direction:row;justify-content:flex-start;align-items:center}.panel td div.badge{margin-right:5px;font-size:10px;font-weight:700}.panel a{color:#0eef5f;text-decoration:none}.panel a:hover{color:#0bbf4c}.panel.panel-menu{display:flex;flex:1;flex-direction:column;align-self:stretch;margin-right:0;border-color:#692fbd}.panel.panel-menu ul{flex:1;max-width:250px;display:flex;flex-direction:column;align-self:stretch;list-style:none;margin:0;padding:0}.panel.panel-menu ul li{margin:3px 0}.panel.panel-menu ul li a{padding:5px 15px;color:inherit;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex:1}.panel.panel-menu ul li:hover{color:#464646;font-weight:700}.panel.panel-menu ul li.active{color:#692fbd;background:#692fbd57;border-radius:4px;font-weight:700;border:1px solid rgb(105,47,189)}.panel.panel-menu ul li.active a{color:inherit}.form-holder{min-width:686px;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;align-self:stretch}.form-holder form{max-width:434px}form{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;align-self:stretch}form .form-group{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;align-self:stretch;width:100%;flex:1;margin-bottom:20px}form .form-group label{flex:1;font-size:12px;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;align-self:stretch;color:#666}form .form-group label.btn-upload{color:#fff;font-size:14px;flex:0;flex-basis:auto;margin-top:5px}form .form-group label.btn-upload input[type=file]{display:none}form .form-group label.btn-upload input[type=text]{margin-bottom:2px;padding-left:0;margin-left:10px}form .form-group label.btn-upload i{margin-left:3px;margin-right:10px}form .form-group .widget{margin-top:10px;align-self:stretch;display:flex;flex-direction:row}form .form-group .widget select,form .form-group .widget input,form .form-group .widget textarea{outline:none;padding:8px 0 5px 8px;border-radius:2px;border:1px solid rgba(255,255,255,.05);flex:1;background:#555;box-shadow:0 2px 1px #444,0 4px 2px #333 inset;color:#ddd;font-size:14px}form .form-group .widget select[disabled],form .form-group .widget input[disabled],form .form-group .widget textarea[disabled]{color:#555;background:none;box-shadow:none;border:none;border-bottom:1px solid #333;border-radius:0}form .form-group.tab-select{border-bottom:1px solid #444;display:flex;flex-direction:row;position:relative;height:48px;padding:48px 0 0;flex:0;flex-basis:auto}form .form-group.tab-select .widget{height:49px;margin-top:0;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;position:absolute;top:0;left:0;border-bottom:2px solid rgb(2,123,255);color:#027bff}form .form-group.tab-select .widget select{border:none;background:none;box-shadow:none;padding:10px 35px 10px 10px;margin:0;color:inherit;appearance:none;-moz-appearance:none;-webkit-appearance:none;text-align:left;font-weight:700;cursor:pointer;border-radius:4px 4px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px;z-index:2}form .form-group.tab-select .widget i{margin-left:10px;margin-right:0}form .form-group.tab-select .widget i.triangle{margin-top:-4px;margin-left:0;position:absolute;right:10px}form .actions{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;align-self:stretch;margin:20px 0 0}form .actions button{margin-left:25px}form .actions.actions-left{justify-content:flex-start}form .actions.actions-left button{margin-left:0}.view-content-list main .main-container .content-object-input{margin-bottom:6px}.view-content-edit main .main-container .bottom-content .page-content{flex:1}.view-content-edit main .main-container .bottom-content .page-content .form-holder{margin:20px 20px 20px 10px}.view-content-edit main .main-container .bottom-content .page-panel.right-panel{flex:1;align-self:stretch;display:flex;flex-direction:column;overflow:hidden;justify-content:flex-start;align-items:center;padding:20px}.view-content-edit main .main-container .bottom-content .page-panel.right-panel h3{color:#fff;padding:10px 10px 10px 0;margin-bottom:20px;font-size:16px;align-self:stretch;margin-left:-8px}.view-content-edit main .main-container .bottom-content .page-panel.right-panel h3 span{border-width:1px;border-style:solid;border-radius:4px;padding:4px 10px;margin-left:5px}.view-content-edit main .main-container .bottom-content .page-panel.right-panel h3 i{font-size:16px}.view-content-edit main .main-container .bottom-content .page-panel.right-panel .iframe-wrapper{display:flex;flex-direction:column;width:100%;position:relative;padding-top:56.25%;overflow:hidden;border-radius:4px;outline:4px solid rgba(255,255,255,.1)}.view-content-edit main .main-container .bottom-content .page-panel.right-panel .iframe-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.view-playlist-edit main .main-container .bottom-content .page-content{flex:1}.view-playlist-edit main .main-container .bottom-content .page-content .form-holder{margin:20px 20px 20px 10px}.view-node-player-edit main .main-container .bottom-content .page-content{flex:1}.view-node-player-edit main .main-container .bottom-content .page-content .form-holder{margin:20px 20px 20px 10px}.plugin-description{font-size:14px;margin-left:34px;color:#999}.panel-logs{padding-bottom:20px}.panel-logs pre{background:#000000e6;border:1px solid rgb(70,70,70);border-radius:4px;font-family:monospace;color:#f2f2f2;padding:20px;min-height:200px;max-height:500px;max-width:1100px;overflow:auto}
diff --git a/data/www/js/fleet/node-players.js b/data/www/js/fleet/node-players.js
index c6beed9..0a4c72f 100644
--- a/data/www/js/fleet/node-players.js
+++ b/data/www/js/fleet/node-players.js
@@ -1,9 +1,23 @@
jQuery(document).ready(function ($) {
const main = function () {
-
+ inputOperatingSystemUpdate();
};
+ const inputOperatingSystemUpdate = function () {
+ const $el = $('form:visible .operating-system-select');
+ const $form = $el.parents('form:eq(0)');
+ const value = $el.val();
+ const $selectedOption = $el.find('option[value='+value+']');
+ const optionAttributes = $selectedOption.get(0).attributes;
+ const color = optionAttributes['data-color'].value;
+ $('.operating-system-icon').attr('class', 'operating-system-icon fa ' + optionAttributes['data-icon'].value);
+ $('.tab-select .widget').attr('class', 'widget ' + ('border-' + color) + ' ' + color);
+ $form.find('button[type=submit]').attr('class', 'btn ' + ('btn-' + color));
+ };
+
+ $(document).on('change', '.operating-system-select', inputOperatingSystemUpdate);
+
$(document).on('click', '.folder-add', function () {
$('.dirview .new-folder').removeClass('hidden');
$('.page-content').animate({scrollTop: 0}, 0);
@@ -12,6 +26,7 @@ jQuery(document).ready(function ($) {
$(document).on('click', '.node-player-add', function () {
showModal('modal-node-player-add');
+ inputOperatingSystemUpdate();
$('.modal-node-player-add input:eq(0)').focus().select();
});
diff --git a/data/www/js/slideshow/contents.js b/data/www/js/slideshow/contents.js
index 42cacc8..4666ecc 100644
--- a/data/www/js/slideshow/contents.js
+++ b/data/www/js/slideshow/contents.js
@@ -1,14 +1,15 @@
jQuery(document).ready(function ($) {
const inputTypeUpdate = function () {
- const $el = $('#content-add-type');
+ const $el = $('form:visible .type-select');
+ const $form = $el.parents('form:eq(0)');
const value = $el.val();
- const $selectedOption = $('#content-add-type option[value='+value+']');
+ const $selectedOption = $el.find('option[value='+value+']');
const inputType = $el.find('option').filter(function (i, el) {
return $(el).val() === value;
}).data('input');
- $('.content-add-object-input').each(function() {
- const active = $(this).attr('id') === 'content-add-object-input-' + inputType;
+ $form.find('.content-object-input').each(function() {
+ const active = $(this).attr('data-input-type') === inputType;
if ($(this).is('input[type=file]')) {
$(this).prop('disabled', !active).prop('required', active);
@@ -20,10 +21,10 @@ jQuery(document).ready(function ($) {
const optionAttributes = $selectedOption.get(0).attributes;
const color = optionAttributes['data-color'].value;
- $('.object-label-add').html(optionAttributes['data-object-label'].value);
- $('.object-icon-add').attr('class', 'object-icon-add fa ' + optionAttributes['data-icon'].value);
+ $form.find('.object-label').html(optionAttributes['data-object-label'].value);
+ $('.type-icon').attr('class', 'type-icon fa ' + optionAttributes['data-icon'].value);
$('.tab-select .widget').attr('class', 'widget ' + ('border-' + color) + ' ' + color);
- $('.modal:visible button[type=submit]').attr('class', 'btn ' + ('btn-' + color));
+ $form.find('button[type=submit]').attr('class', 'btn ' + ('btn-' + color));
};
const main = function () {
diff --git a/data/www/scss/components/_buttons.scss b/data/www/scss/components/_buttons.scss
index 4e4367f..8631077 100644
--- a/data/www/scss/components/_buttons.scss
+++ b/data/www/scss/components/_buttons.scss
@@ -39,62 +39,11 @@ button,
&:focus { background: darken($neutralGrey, 20%); }
}
- &.btn-info {
- background: $info;
- box-shadow: 0 $shadowOffset 0 0 darken($info, 20%);
- &:hover { box-shadow: 0 $shadowOffset 0 1px darken($info, 20%) inset; }
- &:focus { background: darken($info, 20%); }
- }
-
&.btn-naked {
background: transparent;
box-shadow: none;
&:hover { box-shadow: 0 $shadowOffset 0 1px #222 inset; background: darken($neutralGrey, 10%); }
&:focus { background: darken($neutralGrey, 20%); }
}
-
- &.btn-info-alt {
- background: $bitterBlue;
- box-shadow: 0 $shadowOffset 0 0 darken($bitterBlue, 20%);
- &:hover { box-shadow: 0 $shadowOffset 0 1px darken($bitterBlue, 20%) inset; }
- &:focus { background: darken($bitterBlue, 20%); }
- }
-
- &.btn-success {
- background: $success;
- box-shadow: 0 $shadowOffset 0 0 darken($success, 20%);
- &:hover { box-shadow: 0 $shadowOffset 0 1px darken($success, 20%) inset; }
- &:focus { background: darken($success, 20%); }
- }
-
- &.btn-success-alt {
- background: $bitterGreen;
- box-shadow: 0 $shadowOffset 0 0 darken($bitterGreen, 20%);
- &:hover { box-shadow: 0 $shadowOffset 0 1px darken($bitterGreen, 20%) inset; }
- &:focus { background: darken($bitterGreen, 20%); }
- }
-
- &.btn-danger,
- &.btn-error {
- background: $danger;
- box-shadow: 0 $shadowOffset 0 0 darken($danger, 20%);
- &:hover { box-shadow: 0 $shadowOffset 0 1px darken($danger, 20%) inset; }
- &:focus { background: darken($danger, 20%); }
- }
-
- &.btn-danger-alt,
- &.btn-error-alt {
- background: $bitterRed;
- box-shadow: 0 $shadowOffset 0 0 darken($bitterRed, 20%);
- &:hover { box-shadow: 0 $shadowOffset 0 1px darken($bitterRed, 20%) inset; }
- &:focus { background: darken($bitterRed, 20%); }
- }
-
- &.btn-youtube {
- background: $youtube;
- box-shadow: 0 $shadowOffset 0 0 darken($youtube, 20%);
- &:hover { box-shadow: 0 $shadowOffset 0 1px darken($youtube, 20%) inset; }
- &:focus { background: darken($youtube, 20%); }
- }
}
diff --git a/data/www/scss/components/_pills.scss b/data/www/scss/components/_pills.scss
index 4bc1db8..27caba3 100644
--- a/data/www/scss/components/_pills.scss
+++ b/data/www/scss/components/_pills.scss
@@ -55,10 +55,6 @@ ul.pills {
color: #333;
background: $white;
font-weight: bold;
-
- span {
- margin-right: 30px;
- }
}
}
diff --git a/data/www/scss/pages/_content.scss b/data/www/scss/pages/_content.scss
index ef5adee..892e8c2 100644
--- a/data/www/scss/pages/_content.scss
+++ b/data/www/scss/pages/_content.scss
@@ -2,7 +2,7 @@
.view-content-list main .main-container {
- .content-add-object-input {
+ .content-object-input {
margin-bottom: 6px;
}
}
diff --git a/data/www/scss/utils/_mixins.scss b/data/www/scss/utils/_mixins.scss
index ceda34e..45171d6 100644
--- a/data/www/scss/utils/_mixins.scss
+++ b/data/www/scss/utils/_mixins.scss
@@ -1,7 +1,6 @@
@mixin pixel-text($pixelOffset: 1) {
text-align: center;
- text-shadow:
- #{$pixelOffset}px 0 0 #fff,
+ text-shadow: #{$pixelOffset}px 0 0 #fff,
#{$pixelOffset}px 2px 0 #444,
0 #{$pixelOffset}px 0 $limeGreen,
-#{$pixelOffset}px 0 0 $seaBlue,
@@ -14,12 +13,11 @@
@mixin pixel-text-to-right($pixelOffset: 1) {
text-align: center;
- text-shadow:
- -#{$pixelOffset}px 0 0 #fff,
- -#{$pixelOffset}px #{$pixelOffset*0.5}px 0 black,
- #{$pixelOffset*2}px #{$pixelOffset}px 0 $limeGreen,
- #{$pixelOffset*2}px 0 0 $seaBlue,
- #{$pixelOffset*2}px -#{$pixelOffset}px 0 $pinkyRed;
+ text-shadow: -#{$pixelOffset}px 0 0 #fff,
+ -#{$pixelOffset}px #{$pixelOffset*0.5}px 0 black,
+ #{$pixelOffset*2}px #{$pixelOffset}px 0 $limeGreen,
+ #{$pixelOffset*2}px 0 0 $seaBlue,
+ #{$pixelOffset*2}px -#{$pixelOffset}px 0 $pinkyRed;
text-decoration: none;
background: linear-gradient(90deg, #a0a0a0 0, #bebebe 46%, #dcdcdc 100%);
-webkit-background-clip: text;
@@ -31,15 +29,35 @@
}
@mixin generate-color-classes($color-map) {
- @each $name, $color in $color-map {
- .#{"#{$name}"} {
- color: $color !important;
- }
- .bg-#{"#{$name}"} {
- background-color: $color !important;;
- }
- .border-#{"#{$name}"} {
- border-color: $color !important;;
- }
- }
+ @each $name, $color in $color-map {
+ .#{"#{$name}"} {
+ color: $color !important;
+ }
+ .bg-#{"#{$name}"} {
+ background-color: $color !important;;
+ }
+ .border-#{"#{$name}"} {
+ border-color: $color !important;;
+ }
+ }
+}
+
+@mixin generate-button-classes($color-map) {
+ @each $name, $color in $color-map {
+ button,
+ .btn {
+ &.btn-#{"#{$name}"} {
+ background: $color;
+ box-shadow: 0 2px 0 0 darken($color, 20%);
+
+ &:hover {
+ box-shadow: 0 2px 0 1px darken($color, 20%) inset;
+ }
+
+ &:focus {
+ background: darken($color, 20%);
+ }
+ }
+ }
+ }
}
\ No newline at end of file
diff --git a/data/www/scss/utils/_variables.scss b/data/www/scss/utils/_variables.scss
index 66f7cbc..1760fce 100644
--- a/data/www/scss/utils/_variables.scss
+++ b/data/www/scss/utils/_variables.scss
@@ -19,7 +19,7 @@ $raspbian: rgb(182, 18, 64);
$windows: rgb(18, 167, 227);
$macos: rgb(179, 188, 194);
$debian: rgb(207, 8, 78);
-$fedora: rgb(40, 63, 111);
+$fedora: rgb(82, 162, 218);
$ubuntu: rgb(214, 69, 20);
$suse: rgb(111, 180, 37);
$redhat: rgb(198, 2, 0);
@@ -40,8 +40,11 @@ $layoutBackground: #111;
// Packs
$colors: (
info: $info,
+ info-alt: $bitterBlue,
success: $success,
success-alt: $bitterGreen,
+ error: $danger,
+ error-alt: $bitterRed,
danger: $danger,
danger-alt: $bitterRed,
purple: $sweetPurple,
@@ -64,3 +67,4 @@ $colors: (
// Classes
@include generate-color-classes($colors);
+@include generate-button-classes($colors);
diff --git a/lang/en.json b/lang/en.json
index 0060d67..5a3a95b 100644
--- a/lang/en.json
+++ b/lang/en.json
@@ -85,7 +85,7 @@
"playlist_form_button_cancel": "Cancel",
"js_playlist_delete_confirmation": "Are you sure?",
"playlist_delete_has_slides": "Playlist has slides, please remove them before and retry",
- "playlist_delete_has_node_player_groups": "Playlist is linked to a player group",
+ "playlist_delete_has_node_player_groups": "Playlist is linked to a playgroup",
"fleet_node_player_page_title": "Players",
"fleet_node_player_button_add": "Add a player",
@@ -108,22 +108,22 @@
"fleet_node_player_form_button_cancel": "Cancel",
"js_fleet_node_player_delete_confirmation": "Are you sure?",
- "fleet_node_player_group_page_title": "Player Groups",
- "fleet_node_player_group_button_add": "Add a player group",
- "fleet_node_player_group_panel_active": "Active player groups",
- "fleet_node_player_group_panel_empty": "Currently, there are no player groups. %link% now.",
+ "fleet_node_player_group_page_title": "Playgroups",
+ "fleet_node_player_group_button_add": "Add Playgroup",
+ "fleet_node_player_group_panel_active": "Active Playgroups",
+ "fleet_node_player_group_panel_empty": "Currently, there are no playgroup. %link% now.",
"fleet_node_player_group_panel_th_name": "Name",
"fleet_node_player_group_panel_th_playlist": "Playlist",
"fleet_node_player_group_panel_th_activity": "Options",
- "fleet_node_player_group_form_add_title": "Add Player Group",
+ "fleet_node_player_group_form_add_title": "Add Playgroup",
"fleet_node_player_group_form_add_submit": "Add",
- "fleet_node_player_group_form_edit_title": "Edit Player Group",
+ "fleet_node_player_group_form_edit_title": "Edit Playgroup",
"fleet_node_player_group_form_edit_submit": "Save",
"fleet_node_player_group_form_label_name": "Name",
"fleet_node_player_group_form_label_playlist_id": "Playlist",
"fleet_node_player_group_form_button_cancel": "Cancel",
"js_fleet_node_player_group_delete_confirmation": "Are you sure?",
- "node_player_group_delete_has_node_player": "Player group has players, please remove or unassign them before and retry",
+ "node_player_group_delete_has_node_player": "Playgroup has players, please remove or unassign them before and retry",
"login_page_title": "Login",
"auth_page_title": "Users",
@@ -213,8 +213,8 @@
"basic_month_12": "December",
"common_loading": "Loading...",
- "common_default_node_player_group": "Default player group",
- "common_default_playlist": "Default playlist",
+ "common_default_node_player_group": "Default Playgroup",
+ "common_default_playlist": "Default Playlist",
"common_unknown_ipaddr": "Unknown IP address",
"common_empty": "[Empty]",
"common_are_you_sure": "Are you sure?",
@@ -268,6 +268,7 @@
"enum_content_type_picture_object_label": "Upload your image",
"enum_content_type_youtube_object_label": "Enter Youtube video URL",
"enum_operating_system_raspbian": "Raspbian",
+ "enum_operating_system_debian": "Debian",
"enum_operating_system_windows": "Windows",
"enum_operating_system_macos": "MacOS",
"enum_operating_system_fedora": "Fedora",
diff --git a/lang/es.json b/lang/es.json
index 9ee0111..82f79b5 100644
--- a/lang/es.json
+++ b/lang/es.json
@@ -85,7 +85,7 @@
"playlist_form_button_cancel": "Cancelar",
"js_playlist_delete_confirmation": "¿Estás seguro?",
"playlist_delete_has_slides": "La lista de reproducción tiene diapositivas, por favor elimínelas antes y reintente",
- "playlist_delete_has_node_player_groups": "La lista de reproducción está vinculada a un grupo de reproductores",
+ "playlist_delete_has_node_player_groups": "La lista de reproducción está asignada a un playgroup",
"fleet_node_player_page_title": "Reproductores",
"fleet_node_player_button_add": "Agregar un reproductor",
@@ -108,22 +108,22 @@
"fleet_node_player_form_button_cancel": "Cancelar",
"js_fleet_node_player_delete_confirmation": "¿Estás seguro?",
- "fleet_node_player_group_page_title": "Grupos de Reproductores",
- "fleet_node_player_group_button_add": "Agregar un grupo de reproductores",
- "fleet_node_player_group_panel_active": "Grupos de reproductores activos",
- "fleet_node_player_group_panel_empty": "Actualmente, no hay grupos de reproductores. %link% ahora.",
+ "fleet_node_player_group_page_title": "Playgroups",
+ "fleet_node_player_group_button_add": "Agregar Playgroup",
+ "fleet_node_player_group_panel_active": "Playgroup activos",
+ "fleet_node_player_group_panel_empty": "Actualmente, no hay playgroup. %link% ahora.",
"fleet_node_player_group_panel_th_name": "Nombre",
"fleet_node_player_group_panel_th_playlist": "Lista de reproducción",
"fleet_node_player_group_panel_th_activity": "Opciones",
- "fleet_node_player_group_form_add_title": "Agregar Grupo de Reproductores",
+ "fleet_node_player_group_form_add_title": "Agregar Playgroup",
"fleet_node_player_group_form_add_submit": "Agregar",
- "fleet_node_player_group_form_edit_title": "Editar Grupo de Reproductores",
+ "fleet_node_player_group_form_edit_title": "Editar Playgroup",
"fleet_node_player_group_form_edit_submit": "Guardar",
"fleet_node_player_group_form_label_name": "Nombre",
"fleet_node_player_group_form_label_playlist_id": "Lista de reproducción",
"fleet_node_player_group_form_button_cancel": "Cancelar",
"js_fleet_node_player_group_delete_confirmation": "¿Estás seguro?",
- "node_player_group_delete_has_node_player": "El grupo de reproductores tiene reproductores, por favor elimínelos o desasígnelos antes y reintente",
+ "node_player_group_delete_has_node_player": "El playgroup tiene reproductores, por favor elimínelos o desasígnelos antes y reintente",
"login_page_title": "Iniciar Sesión",
"auth_page_title": "Usuarios",
@@ -213,7 +213,7 @@
"basic_month_12": "Diciembre",
"common_loading": "Cargando...",
- "common_default_node_player_group": "Grupo de reproductores predeterminado",
+ "common_default_node_player_group": "Playgroup predeterminado",
"common_default_playlist": "Lista de reproducción predeterminada",
"common_unknown_ipaddr": "Dirección IP desconocida",
"common_empty": "[Vacío]",
@@ -268,6 +268,7 @@
"enum_content_type_picture_object_label": "Sube tu imagen",
"enum_content_type_youtube_object_label": "Ingrese la URL del vídeo de Youtube",
"enum_operating_system_raspbian": "Raspbian",
+ "enum_operating_system_debian": "Debian",
"enum_operating_system_windows": "Windows",
"enum_operating_system_macos": "MacOS",
"enum_operating_system_fedora": "Fedora",
diff --git a/lang/fr.json b/lang/fr.json
index 4b273c1..cb70de6 100644
--- a/lang/fr.json
+++ b/lang/fr.json
@@ -85,7 +85,7 @@
"playlist_form_button_cancel": "Annuler",
"js_playlist_delete_confirmation": "Êtes-vous sûr ?",
"playlist_delete_has_slides": "La playlist contient des slides, supprimez-les avant et réessayez",
- "playlist_delete_has_node_player_groups": "La playlist est attribuée à un groupe de lecteur",
+ "playlist_delete_has_node_player_groups": "La playlist est attribuée à un playgroup",
"fleet_node_player_page_title": "Lecteurs",
"fleet_node_player_button_add": "Ajouter un lecteur",
@@ -108,22 +108,22 @@
"fleet_node_player_form_button_cancel": "Annuler",
"js_fleet_node_player_delete_confirmation": "Êtes-vous sûr ?",
- "fleet_node_player_group_page_title": "Groupes de lecteurs",
- "fleet_node_player_group_button_add": "Ajouter un groupe de lecteur",
- "fleet_node_player_group_panel_active": "Groupes de lecteur",
- "fleet_node_player_group_panel_empty": "Actuellement, il n'y a pas de groupes de lecteur. %link% maintenant.",
+ "fleet_node_player_group_page_title": "Playgroups",
+ "fleet_node_player_group_button_add": "Ajouter un Playgroup",
+ "fleet_node_player_group_panel_active": "Playgroups",
+ "fleet_node_player_group_panel_empty": "Actuellement, il n'y a pas de playgroup. %link% maintenant.",
"fleet_node_player_group_panel_th_name": "Nom",
"fleet_node_player_group_panel_th_playlist": "Liste de lecture",
"fleet_node_player_group_panel_th_activity": "Options",
- "fleet_node_player_group_form_add_title": "Ajout d'un groupe de lecteur",
+ "fleet_node_player_group_form_add_title": "Ajout d'un playgroup",
"fleet_node_player_group_form_add_submit": "Ajouter",
- "fleet_node_player_group_form_edit_title": "Modification d'un groupe de lecteur",
+ "fleet_node_player_group_form_edit_title": "Modification d'un playgroup",
"fleet_node_player_group_form_edit_submit": "Enregistrer",
"fleet_node_player_group_form_label_name": "Nom",
"fleet_node_player_group_form_label_playlist_id": "Liste de lecture",
"fleet_node_player_group_form_button_cancel": "Annuler",
"js_fleet_node_player_group_delete_confirmation": "Êtes-vous sûr ?",
- "node_player_group_delete_has_node_player": "Le groupe de lecteur a des lecteurs, supprimez-les ou réassignez-les avant de le supprimer",
+ "node_player_group_delete_has_node_player": "Le playgroup a des lecteurs, supprimez-les ou réassignez-les avant de le supprimer",
"login_page_title": "Connexion",
"auth_page_title": "Utilisateurs",
@@ -213,7 +213,7 @@
"basic_month_12": "Décembre",
"common_loading": "Chargement...",
- "common_default_node_player_group": "Groupe de lecteur par défaut",
+ "common_default_node_player_group": "Playgroup par défaut",
"common_default_playlist": "Playlist par défaut",
"common_unknown_ipaddr": "Adresse IP inconnue",
"common_empty": "[Vide]",
@@ -268,6 +268,7 @@
"enum_content_type_picture_object_label": "Uploadez votre image",
"enum_content_type_youtube_object_label": "Enrez l'URL de la vidéo Youtube",
"enum_operating_system_raspbian": "Raspbian",
+ "enum_operating_system_debian": "Debian",
"enum_operating_system_windows": "Windows",
"enum_operating_system_macos": "MacOS",
"enum_operating_system_fedora": "Fedora",
diff --git a/lang/it.json b/lang/it.json
index 5df97d9..feadb71 100644
--- a/lang/it.json
+++ b/lang/it.json
@@ -85,7 +85,7 @@
"playlist_form_button_cancel": "Cancella",
"js_playlist_delete_confirmation": "Sei sicuro?",
"playlist_delete_has_slides": "Sono presenti slide nella playlist, annullale e riprova",
- "playlist_delete_has_node_player_groups": "La playlist è collegata ad un gruppo di schermi",
+ "playlist_delete_has_node_player_groups": "La playlist è collegata ad un playgroup",
"fleet_node_player_page_title": "Schermi",
"fleet_node_player_button_add": "Aggiungi allo schermo",
@@ -108,22 +108,22 @@
"fleet_node_player_form_button_cancel": "Cancella",
"js_fleet_node_player_delete_confirmation": "Sei sicuro?",
- "fleet_node_player_group_page_title": "Gruppo di schermi",
- "fleet_node_player_group_button_add": "Aggiungi schrmo al gruppo",
- "fleet_node_player_group_panel_active": "Gruppi di schermi attivi",
- "fleet_node_player_group_panel_empty": "Attualmente, non ci sono schermi nel gruppo. %link% adesso.",
+ "fleet_node_player_group_page_title": "Playgroups",
+ "fleet_node_player_group_button_add": "Aggiungi Playgroup",
+ "fleet_node_player_group_panel_active": "Playgroup attivi",
+ "fleet_node_player_group_panel_empty": "Attualmente, non ci sono playgroup. %link% adesso.",
"fleet_node_player_group_panel_th_name": "Nome",
"fleet_node_player_group_panel_th_playlist": "Playlist",
"fleet_node_player_group_panel_th_activity": "Opzioni",
- "fleet_node_player_group_form_add_title": "Aggiungi schermo al gruppo",
+ "fleet_node_player_group_form_add_title": "Aggiungi Playgroup",
"fleet_node_player_group_form_add_submit": "Aggiungi",
- "fleet_node_player_group_form_edit_title": "Modifica gruppo monitor",
+ "fleet_node_player_group_form_edit_title": "Modifica Playgroup",
"fleet_node_player_group_form_edit_submit": "Salva",
"fleet_node_player_group_form_label_name": "Nome",
"fleet_node_player_group_form_label_playlist_id": "Playlist",
"fleet_node_player_group_form_button_cancel": "Cancella",
"js_fleet_node_player_group_delete_confirmation": "Sei sicuro?",
- "node_player_group_delete_has_node_player": "Lo schermo ha una playlist, rumuovila o riassegnala e riprova",
+ "node_player_group_delete_has_node_player": "Lo playgroup ha una playlist, rumuovila o riassegnala e riprova",
"login_page_title": "Login",
"auth_page_title": "Utente",
@@ -213,7 +213,7 @@
"basic_month_12": "Dicembre",
"common_loading": "Caricamento...",
- "common_default_node_player_group": "Gruppo monitor di default",
+ "common_default_node_player_group": "Playgroup di default",
"common_default_playlist": "Default playlist",
"common_unknown_ipaddr": "IP sconosciuto",
"common_empty": "[Empty]",
@@ -268,6 +268,7 @@
"enum_content_type_picture_object_label": "Carica la tua immagine",
"enum_content_type_youtube_object_label": "Inserisci l'URL del video Youtube",
"enum_operating_system_raspbian": "Raspbian",
+ "enum_operating_system_debian": "Debian",
"enum_operating_system_windows": "Windows",
"enum_operating_system_macos": "MacOS",
"enum_operating_system_fedora": "Fedora",
diff --git a/src/model/enum/OperatingSystem.py b/src/model/enum/OperatingSystem.py
index 6c62ceb..28764cb 100644
--- a/src/model/enum/OperatingSystem.py
+++ b/src/model/enum/OperatingSystem.py
@@ -35,6 +35,6 @@ class OperatingSystem(Enum):
elif value == OperatingSystem.CENTOS:
return 'fa-brands fa-centos'
elif value == OperatingSystem.OTHER:
- return 'fa-server'
+ return 'fa-display'
return 'fa-server'
diff --git a/views/fleet/node-players/edit.jinja.html b/views/fleet/node-players/edit.jinja.html
index 01e0f56..ffae78b 100644
--- a/views/fleet/node-players/edit.jinja.html
+++ b/views/fleet/node-players/edit.jinja.html
@@ -68,6 +68,22 @@
+
+
+
+
-
-
-
-
-