From 8bad47480812bf2c7358396b7870b9a0b268f82e Mon Sep 17 00:00:00 2001 From: Attila Kerekes Date: Sat, 19 Nov 2022 20:21:10 +0100 Subject: [PATCH] feat: Inject password from db during testing when editing enhanced apps --- app/Http/Controllers/ItemController.php | 9 + public/css/app.css | 2068 +---------------------- public/js/app.js | 756 +-------- public/mix-manifest.json | 4 +- resources/assets/js/app.js | 18 + resources/views/items/edit.blade.php | 2 +- 6 files changed, 33 insertions(+), 2824 deletions(-) diff --git a/app/Http/Controllers/ItemController.php b/app/Http/Controllers/ItemController.php index 964ab5ac..34c5b9fb 100644 --- a/app/Http/Controllers/ItemController.php +++ b/app/Http/Controllers/ItemController.php @@ -407,6 +407,15 @@ class ItemController extends Controller $single = Application::single($data['type']); $app = $single->class; + // If password is not resubmitted fill it from the database when in edit mode + if ($data['password'] === null && array_key_exists('id', $data)) { + $item = Item::find($data['id']); + if ($item) { + $itemConfig = $item->getConfig(); + $data['password'] = $itemConfig->password; + } + } + $app_details = new $app(); $app_details->config = (object) $data; $app_details->test(); diff --git a/public/css/app.css b/public/css/app.css index 6a65ed51..b0c4f029 100644 --- a/public/css/app.css +++ b/public/css/app.css @@ -1,2068 +1,4 @@ -/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ -html { - font-family: sans-serif; - -ms-text-size-adjust: 100%; - -webkit-text-size-adjust: 100%; -} - -body { - margin: 0; -} - -article, -aside, -details, -figcaption, -figure, -footer, -header, -hgroup, -main, -menu, -nav, -section, -summary { - display: block; -} - -audio, -canvas, -progress, -video { - display: inline-block; - vertical-align: baseline; -} - -audio:not([controls]) { - display: none; - height: 0; -} - -[hidden], -template { - display: none; -} - -a { - background-color: transparent; -} - -a:active, -a:hover { - outline: 0; -} - -abbr[title] { - border-bottom: 1px dotted; -} - -b, -strong { - font-weight: bold; -} - -dfn { - font-style: italic; -} - -h1 { - font-size: 2em; - margin: 0.67em 0; -} - -mark { - background: #ff0; - color: #000; -} - -small { - font-size: 80%; -} - -sub, -sup { - font-size: 75%; - line-height: 0; - position: relative; - vertical-align: baseline; -} - -sup { - top: -0.5em; -} - -sub { - bottom: -0.25em; -} - -img { - border: 0; -} - -svg:not(:root) { - overflow: hidden; -} - -figure { - margin: 1em 40px; -} - -hr { - box-sizing: content-box; - height: 0; -} - -pre { - overflow: auto; -} - -code, -kbd, -pre, -samp { - font-family: monospace, monospace; - font-size: 1em; -} - -button, -input, -optgroup, -select, -textarea { - color: inherit; - font: inherit; - margin: 0; -} - -button { - overflow: visible; -} - -button, -select { - text-transform: none; -} - -button, -html input[type=button], -input[type=reset], -input[type=submit] { - -webkit-appearance: button; - cursor: pointer; -} - -button[disabled], -html input[disabled] { - cursor: default; -} - -button::-moz-focus-inner, -input::-moz-focus-inner { - border: 0; - padding: 0; -} - -input { - line-height: normal; -} - -input[type=checkbox], -input[type=radio] { - box-sizing: border-box; - padding: 0; -} - -input[type=number]::-webkit-inner-spin-button, -input[type=number]::-webkit-outer-spin-button { - height: auto; -} - -input[type=search] { - -webkit-appearance: textfield; - box-sizing: content-box; -} - -input[type=search]::-webkit-search-cancel-button, -input[type=search]::-webkit-search-decoration { - -webkit-appearance: none; -} - -fieldset { - border: 1px solid #c0c0c0; - margin: 0 2px; - padding: 0.35em 0.625em 0.75em; -} - -legend { - border: 0; - padding: 0; -} - -textarea { - overflow: auto; -} - -optgroup { - font-weight: bold; -} - -table { - border-collapse: collapse; - border-spacing: 0; -} - -td, -th { - padding: 0; -} - -html { - box-sizing: border-box; -} - -*, *:before, *:after { - box-sizing: inherit; -} - -body { - background: #cfd2d4; -} - -#switchuser { - background: rgba(0, 0, 0, 0.5); - position: absolute; - padding: 10px; - color: white; - text-align: center; - bottom: 0; - left: 0; - display: flex; - flex-direction: column; - justify-content: center; - align-items: center; - border-top: 2px solid rgba(255, 255, 255, 0.15); - border-right: 2px solid rgba(255, 255, 255, 0.15); - box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.4); - border-radius: 0 9px 0 0; - line-height: 1.5; - font-size: 14px; -} -#switchuser img { - width: 50px; - margin-bottom: 5px; - border-radius: 50%; -} -#switchuser .btn { - font-size: 13px; - color: white; - text-decoration: none; - margin-left: -10px; - margin-right: -10px; - margin-bottom: -10px; - margin-top: 8px; - border-radius: 0; - width: calc(100% + 22px); - background: rgba(255, 255, 255, 0.15); - transition: all 0.35s ease-in-out; -} -#switchuser .btn:hover { - background: #d64d55; -} - -#tile-preview { - align-items: center; -} - -.create .textarea { - width: 100%; - margin: 0px 20px; -} -.create .textarea textarea { - width: 100%; - border: 1px solid #dedfe2; - padding: 15px; - border-radius: 6px; - height: 100px; - font-size: 14px; -} -.create .textarea label:not(.switch) { - width: 100%; - font-size: 13px; - color: #9094a5; - margin-bottom: 15px; - display: block; - font-weight: 300; -} - -.appoptions { - display: flex; - flex-direction: column; - padding: 20px; - gap: 5px; -} -.appoptions .optdetails { - display: flex; -} -.appoptions .optdetails .input { - margin: 0 20px; - width: 200px; -} -.appoptions .optvalue { - display: flex; - align-items: center; - opacity: 0; - width: 0; - height: 0; - overflow: hidden; -} -.appoptions .optvalue.active { - opacity: 1; - width: auto; - height: auto; - overflow: visible; -} -.appoptions button.dark { - background: #1b1b1b; - border: none; - padding: 12px 15px; - border-radius: 4px; - color: white; - min-width: 240px; -} - -#app { - display: flex; - min-height: 100vh; - flex-direction: column; - background-image: url("../img/bg1.jpg"); - background-repeat: no-repeat; - background-size: cover; - background-position: bottom center; -} -#app nav { - display: flex; - flex-direction: column; - height: 100%; - position: absolute; - width: 340px; - left: -340px; - transition: all 0.35s ease-in-out; - background: rgba(0, 0, 0, 0.7); - color: white; - z-index: 2; -} -#app .content { - flex-grow: 1; - display: flex; - flex-direction: column; -} -#app .content .appheader { - background: rgba(0, 0, 0, 0.4); - text-align: center; - position: absolute; - height: 58px; - width: 100%; - top: -58px; - transition: all 0.35s ease-in-out; - z-index: 1; -} -#app .content .appheader ul { - display: inline-block; - list-style: none; - height: 58px; - border-left: 1px solid rgba(0, 0, 0, 0.6); - border-right: 1px solid rgba(255, 255, 255, 0.1); - margin: 0; - padding: 0; -} -#app .content .appheader li { - display: inline-block; - border-right: 1px solid rgba(0, 0, 0, 0.6); - border-left: 1px solid rgba(255, 255, 255, 0.1); -} -#app .content .appheader a { - display: inline-block; - color: white; - text-decoration: none; - padding: 20px; -} -#app main { - flex-direction: column; -} -#app main, #app #sortable { - padding: 30px 10px; - display: flex; - justify-content: center; - align-items: center; - flex: 1; - position: relative; - flex-wrap: wrap; - align-content: center; - list-style: none; - margin: 0; -} - -#config-buttons { - position: fixed; - bottom: 0; - right: 0; - display: flex; - flex-direction: column; -} -#config-buttons a { - width: 50px; - height: 50px; - background: rgba(0, 0, 0, 0.8); - text-align: center; - line-height: 50px; - color: white; - margin-top: 1px; -} -#config-buttons a img { - width: 26px; - height: 26px; - margin-top: 12px; -} - -.userlist { - display: flex; - justify-content: center; - align-items: center; -} -.userlist .user { - background: rgba(0, 0, 0, 0.5); - display: flex; - padding: 15px; - flex-direction: column; - justify-content: center; - align-items: center; - margin: 20px; - color: white; - text-decoration: none; - border-radius: 15px; - border: 5px solid rgba(255, 255, 255, 0.7); - box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.4); -} -.userlist .user-img { - width: 130px; - height: 130px; - margin-bottom: 20px; - border-radius: 50%; - margin: 10px 10px 15px; -} -.userlist #password { - color: #2f313a; - width: 100%; - padding: 5px 10px; - margin: 15px -5px; -} -.userlist .btn { - width: 100%; -} -.userlist .forgot { - color: white; - font-size: 12px; - margin-top: 25px; -} - -.item-container { - position: relative; -} -.item-container .item-edit { - color: white; - position: absolute; - bottom: 20px; - left: 8px; - width: 30px; - height: 30px; - background: rgba(0, 0, 0, 0.7); - border-radius: 50%; - text-align: center; - line-height: 30px; - display: none; - z-index: 1; -} -.item-container .tooltip { - padding: 25px; - border-radius: 5px; - background: #000000c8; - color: white; - position: absolute; - bottom: 120px; - left: 0; - right: 0; - font-size: 13px; - -webkit-backdrop-filter: blur(8px); - backdrop-filter: blur(8px); - z-index: 0; - opacity: 0; - transform: translateY(-20px); - transition: all 0.3s; -} -.item-container .tooltip.active { - transform: translateY(0); - opacity: 1; - z-index: 4; -} - -.tile-actions { - position: absolute; - top: 0px; - left: 0; - padding: 7px; - background: #000000d9; - font-size: 12px; - line-height: 1; - border-radius: 6px; - width: 80px; - height: 90px; - display: flex; - opacity: 0; - align-items: center; - justify-content: center; - transition: all 0.3s; - flex-direction: column; - text-align: center; - cursor: pointer; -} -.tile-actions.active { - opacity: 1; -} - -.refresh { - z-index: 3; -} -.refresh .icon { - font-size: 20px; - margin-bottom: 5px; -} - -.black { - color: #000 !important; -} - -.white { - color: #fff !important; -} - -.message-container { - width: 100%; - padding: 10px 20px; -} - -.message-container2 { - width: 100%; - padding: 10px 20px; -} - -.alert { - margin: 30px auto; - text-align: center; - max-width: 800px; - background: #f1f4f7; - padding: 5px 20px; - display: flex; - justify-content: center; - padding-left: 80px; - box-shadow: 0 0 15px 3px rgba(0, 0, 0, 0.3); -} -.alert.alert-success, .alert.alert-danger { - position: relative; -} -.alert.alert-success:before, .alert.alert-danger:before { - content: "\F00C"; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - position: absolute; - top: 0; - left: 0; - bottom: 0; - width: 60px; - background: #0eb584; - text-align: center; - color: white; - line-height: 57px; - font-size: 24px; - align-items: center; - justify-content: center; - display: flex; -} -.alert.alert-danger:before { - content: "\F00D"; - background: #d64d55; -} -.alert a { - color: #91a1b3; -} - -#app.header .item, #app.header .add-item { - transform: scale(0.9); - opacity: 0.8; - margin: 20px 0; -} -#app.sidebar nav { - left: 0; -} - -.add-item { - width: 280px; - height: 90px; - margin: 20px; - flex: 0 0 280px; - border-radius: 6px; - padding: 20px; - border: 4px dashed rgba(255, 255, 255, 0.7); - box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0.3); - color: white; - overflow: hidden; - position: relative; - display: none; - outline: 1px solid transparent; -} -.add-item.active { - display: block; -} -.add-item a { - display: block; - width: 100%; - text-align: center; - line-height: 40px; - color: white; - font-size: 19px; -} - -.item { - width: 280px; - height: 90px; - margin: 20px; - flex: 0 0 280px; - background-image: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.25)); - border-radius: 6px; - padding: 15px; - padding-right: 55px; - color: white; - overflow: hidden; - position: relative; - transition: all 0.35s ease-in-out; - outline: 1px solid transparent; - display: flex; - align-items: center; - border: 1px solid #333333; - border: 1px solid #4a4a4a; - border: 1px solid rgba(76, 76, 76, 0.4); - -webkit-background-clip: padding-box; - background-clip: padding-box; -} -.item:after { - content: ""; - position: absolute; - width: 90px; - height: 90px; - border-radius: 50%; - position: absolute; - right: -48px; - top: 0px; - background: rgba(255, 255, 255, 0.1); - box-shadow: 0 0 40px 0px rgba(0, 0, 0, 0.2); -} -.item .link { - position: absolute; - right: 0; - top: 0; - height: 100%; - width: 100%; - text-align: right; - line-height: 90px; - color: white; - font-size: 24px; - z-index: 1; - padding-right: 10px; -} -.item .title { - font-size: 16px; -} -.item .details { - width: 100%; -} - -.text-center { - text-align: center !important; -} - -.module-container { - box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.4); - border: 1px solid #cdced8; - background: #f9fafd; - max-width: 1000px; - width: 100%; - margin: 10px 40px; - border-radius: 5px; - overflow: hidden; -} -.module-container header, .module-container footer { - display: flex; - justify-content: space-between; - align-items: center; - border-top: 1px solid #fff; - background: #f2f3f6; - font-size: 16px; - border-bottom: 1px solid #dbdce3; - height: 60px; - position: relative; -} -.module-container header .section-title, .module-container footer .section-title { - font-size: 18px; - color: #5b5b5b; - margin-left: 25px; -} -.module-container footer { - border-top: 1px solid #dbdce3; -} -.module-container .table { - width: 100%; - margin: 0; - background: #fff; -} -.module-container .table thead th { - background: #f2f3f6; - color: #767d94; - border-top: 1px solid #fff; - text-align: left; - font-size: 13px; - text-transform: uppercase; - padding: 15px 25px; -} -.module-container .table tbody tr:hover { - background: #fefbf2; -} -.module-container .table tbody tr:hover td:first-child { - position: relative; -} -.module-container .table tbody tr:hover td:first-child:before { - content: ""; - position: absolute; - top: 0; - left: 0; - bottom: 0; - width: 5px; - background: #0eb584; -} -.module-container .table tbody td { - padding: 20px 25px; - font-size: 13px; - color: #2f313a; - max-width: 500px; - word-break: break-word; -} -.module-container .table tbody td.form-error { - background: #e69191; - color: white; - text-align: center; -} -.module-container .table tbody a { - color: #2f313a; -} - -.homesearch { - height: 51px; -} - -.toggleinput { - display: flex; - flex-direction: column-reverse; - line-height: 1; - font-size: 9px; - font-weight: 400; - text-transform: uppercase; - color: #ababab; - padding: 0 20px; -} -.toggleinput label.name { - margin-top: 6px; -} - -.module-actions { - display: flex; - justify-content: space-between; - align-items: center; -} -.module-actions .button { - font-size: 18px; - color: #515564; - padding: 0 10px; - border: none; - border-left: 1px solid #cdced8; - display: flex; - line-height: 1; - position: relative; - background: transparent; - flex-direction: column; - justify-content: center; - align-items: center; - min-width: 65px; - height: 60px; - text-decoration: none; - box-sizing: border-box; -} -.module-actions .button:after { - position: absolute; - content: ""; - top: 0; - left: 0; - bottom: 0; - border-right: 1px solid #fff; -} -.module-actions .button span { - display: inline-block; - line-height: 1; - font-size: 9px; - font-weight: 400; - text-transform: uppercase; - color: #ababab; - position: relative; - top: 4px; - margin: 0; -} - -.input { - position: relative; -} -.input .help { - position: absolute; - bottom: -22px; - left: 10px; - color: #c00; -} - -div.create { - padding: 30px 15px; - display: flex; - flex-wrap: wrap; -} -div.create .input { - width: 280px; - margin: 20px; -} -div.create .input label:not(.switch) { - width: 100%; - font-size: 13px; - color: #9094a5; - margin-bottom: 15px; - display: block; - font-weight: 300; -} -div.create .input input, div.create .input select { - width: 100%; - border: 1px solid #dedfe2; - padding: 10px; - border-radius: 6px; -} - -.app-icon-container { - width: 60px; - height: 60px; - display: flex; - justify-content: center; - align-items: center; - margin-right: 15px; - flex: 0 0 60px; -} - -.app-icon { - max-width: 60px; - display: block; - max-height: 60px; -} - -.sidenav { - position: relative; -} -.sidenav .close-sidenav { - position: absolute; - top: 20px; - right: 20px; - font-size: 24px; - color: #ccc; -} -.sidenav h2 { - font-weight: 300; - padding: 20px; - margin: 0; -} -.sidenav ul { - list-style: none; - margin: 0; - padding: 20px; -} -.sidenav ul li { - display: flex; - justify-content: space-between; - padding: 5px; -} -.sidenav ul li a { - color: #2b3542; -} -.sidenav ul li a.active { - color: #46b0e6; -} - -.trashed { - font-size: 11px; - color: #91a1b3; - margin-left: 20px; -} - -#websiteiconoptions { - display: flex; - flex-direction: column; - padding: 20px; -} -#websiteiconoptions .results { - display: flex; - flex-wrap: wrap; - align-items: center; - gap: 8px; -} -#websiteiconoptions .header { - display: flex; - justify-content: space-between; - align-items: center; - gap: 10px; - padding: 10px 0; -} -#websiteiconoptions .selectclose { - cursor: pointer; -} - -.iconbutton { - width: 160px; - height: 160px; - display: flex; - align-items: center; - justify-content: center; - border: 1px solid #ccc; - border-radius: 4px; - cursor: pointer; -} - -.selecticon { - max-width: 120px; - height: auto; -} - -.switch { - position: relative; - display: inline-block; - width: 36px; - height: 20px; -} - -/* Hide default HTML checkbox */ -.switch input { - display: none; -} - -/* The slider */ -.slider { - position: absolute; - cursor: pointer; - top: 0; - left: 0; - right: 0; - bottom: 0; - background-color: #4a556b; - transition: 0.4s; -} - -.slider:before { - position: absolute; - content: ""; - height: 14px; - width: 14px; - left: 3px; - bottom: 3px; - background-color: white; - transition: 0.4s; -} - -input:checked + .slider { - background-color: #2196F3; -} - -input:focus + .slider { - box-shadow: 0 0 1px #2196F3; -} - -input:checked + .slider:before { - transform: translateX(16px); -} - -/* Rounded sliders */ -.slider.round { - border-radius: 20px; -} - -.slider.round:before { - border-radius: 50%; -} - -@-webkit-keyframes autofill { - to { - background: #f5f5f5; - color: #2f313a; - font-weight: bold; - } -} -@keyframes autofill { - to { - background: #f5f5f5; - color: #2f313a; - font-weight: bold; - } -} -input:-webkit-autofill { - -webkit-animation-name: autofill; - -webkit-animation-fill-mode: both; -} - -input:autofill { - -webkit-animation-name: autofill; - animation-name: autofill; - -webkit-animation-fill-mode: both; - animation-fill-mode: both; -} - -button.link { - border: none; - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - background: transparent; -} - -a.settinglink { - color: #2f313a; - font-size: 13px; - margin: 15px 5px; - display: inline-block; - font-weight: 700; -} - -.setting-view-image { - margin-bottom: 20px; - display: inline-block; -} -.setting-view-image img { - max-width: 330px; -} - -.searchform { - display: flex; - align-self: flex-start; - text-align: center; - margin: 50px auto; - padding: 14px; - background: rgba(0, 0, 0, 0.2); - border-radius: 14px; - box-shadow: inset 0px 1px 6px 0 rgba(0, 0, 0, 0.3); - border-top: 1px solid rgba(0, 0, 0, 0.5); - border-bottom: 1px solid rgba(255, 255, 255, 0.35); - position: relative; - width: 100%; - max-width: 620px; - position: relative; - z-index: 4; -} -.searchform form { - width: 100%; -} -.searchform .input-container { - background: white; - border-radius: 5px; - box-shadow: 0px 0px 5px 0 rgba(0, 0, 0, 0.4); - overflow: hidden; - position: relative; - display: flex; -} -.searchform input { - padding: 17px 15px; - font-size: 15px; - border: 0 none; - width: 100%; - background: transparent; -} -.searchform button { - position: absolute; - right: 0px; - top: 0px; - border: none; - font-size: 16px; - padding: 7px 15px; - line-height: 38px; - font-weight: 500; - border-top-right-radius: 5px; - border-bottom-right-radius: 5px; - color: white; - text-transform: uppercase; - background: #d64d55; -} -.searchform select { - padding: 0 10px; - background: #f5f5f5; - border: none; - border-right: 1px solid #ddd; -} - -.ui-autocomplete { - position: absolute; - top: 100%; - left: 0; - z-index: 1000; - float: left; - display: none; - min-width: 160px; - padding: 4px 0; - margin: 0 0 10px 25px; - list-style: none; - background-color: #ffffff; - border-color: #ccc; - border-color: rgba(0, 0, 0, 0.2); - border-style: solid; - border-width: 1px; - border-radius: 5px; - box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); - -webkit-background-clip: padding-box; - -moz-background-clip: padding; - background-clip: padding-box; - *border-right-width: 2px; - *border-bottom-width: 2px; -} - -.ui-menu-item { - display: block; - padding: 3px 15px; - clear: both; - font-weight: normal; - line-height: 18px; - color: #555555; - white-space: nowrap; - text-decoration: none; -} - -.ui-state-hover, .ui-state-active { - font-weight: 700; -} - -#appimage img { - width: 95px; -} - -#sapconfig, .newblock { - display: none; - width: 100%; -} -#sapconfig h2, .newblock h2 { - background: #f2f3f6; - padding: 2px 25px; - height: 60px; - margin-left: -15px; - width: calc(100% + 30px); - /* margin-right: -30px; */ - border-top: 1px solid #dbdce3; - border-bottom: 1px solid #dbdce3; - font-size: 18px; - color: #5b5b5b; - font-weight: 500; - display: flex; - justify-content: space-between; - align-items: center; -} -#sapconfig .items, .newblock .items { - display: flex; -} - -hr { - margin: 23px 0 18px; - height: 0; - border-style: none; - border-width: 0; - border-top: 1px solid #eaeaea; - border-bottom: 1px solid #fff; -} - -.upload-btn-wrapper { - position: relative; - overflow: hidden; - display: inline-block; -} - -.btn { - border: none; - color: white; - background-color: #d64d55; - padding: 8px 12px; - border-radius: 8px; - font-size: 16px; -} -.btn.test { - font-size: 16px; - font-weight: 500; - border-top-right-radius: 5px; - border-bottom-right-radius: 5px; - color: white; - text-transform: uppercase; - padding: 8px 50px; - background: #207774; -} - -.upload-btn-wrapper input[type=file] { - font-size: 100px; - position: absolute; - left: 0; - top: 0; - opacity: 0; -} - -.icon-container { - display: flex; - align-items: center; -} -.icon-container img { - margin-right: 15px; -} - -.ui-helper-hidden-accessible { - display: none; -} - -.livestats-container .livestats { - margin: 5px 0px 0px; - padding: 0; - display: flex; - list-style: none; - justify-content: space-between; - width: 100%; -} -.livestats-container .livestats span { - display: block; - text-transform: uppercase; - font-size: 11px; - font-weight: 500; - opacity: 0.5; - line-height: 1; - display: flex; - text-align: left; -} -.livestats-container .livestats strong { - display: block; - line-height: 1; - display: flex; - align-items: center; - color: white; - font-size: 12px; - line-height: 1.2; -} -.livestats-container .livestats strong span { - margin-left: 4px; -} -.livestats-container .livestats li { - text-align: center; - margin: 0; - line-height: 1; -} -.livestats-container .livestats li.right { - text-align: right; -} -.livestats-container .livestats li.right span { - justify-content: flex-end; -} -.livestats-container .livestats.flexcolumn { - flex-direction: column; -} -.livestats-container.black .livestats strong { - color: #000; -} - -input:-webkit-autofill, -input:-webkit-autofill:hover, -input:-webkit-autofill:focus input:-webkit-autofill, -textarea:-webkit-autofill, -textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus, -select:-webkit-autofill, -select:-webkit-autofill:hover, -select:-webkit-autofill:focus { - border: inherit; - -webkit-text-fill-color: inherit; - -webkit-box-shadow: inherit; - transition: inherit; - color: #2f313a !important; -} - -.title-marquee { - width: 125px; - overflow: hidden; - display: flex; - align-items: flex-start; - margin-top: 2px; -} -.title-marquee > span, .title-marquee > strong { - white-space: nowrap; - transform: translate(0, 0); - -webkit-animation: marquee 8s linear; - animation: marquee 8s linear; -} -.title-marquee .title { - margin-right: 4px; -} - -.no-marquee .title { - margin-right: 4px; -} - -@-webkit-keyframes marquee { - 0% { - transform: translate(0, 0); - } - 20% { - transform: translate(0, 0); - } - 95% { - transform: translate(-200%, 0); - } - 100% { - transform: translate(-200%, 0); - } -} - -@keyframes marquee { - 0% { - transform: translate(0, 0); - } - 20% { - transform: translate(0, 0); - } - 95% { - transform: translate(-200%, 0); - } - 100% { - transform: translate(-200%, 0); - } -} +/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}body{background:#cfd2d4}#switchuser{background:rgba(0,0,0,.5);position:absolute;padding:10px;color:#fff;text-align:center;bottom:0;left:0;display:flex;flex-direction:column;justify-content:center;align-items:center;border-top:2px solid hsla(0,0%,100%,.15);border-right:2px solid hsla(0,0%,100%,.15);box-shadow:0 0 10px 0 rgba(0,0,0,.4);border-radius:0 9px 0 0;line-height:1.5;font-size:14px}#switchuser img{width:50px;margin-bottom:5px;border-radius:50%}#switchuser .btn{font-size:13px;color:#fff;text-decoration:none;margin:8px -10px -10px;border-radius:0;width:calc(100% + 22px);background:hsla(0,0%,100%,.15);transition:all .35s ease-in-out}#switchuser .btn:hover{background:#d64d55}#tile-preview{align-items:center}.create .textarea{width:100%;margin:0 20px}.create .textarea textarea{width:100%;border:1px solid #dedfe2;padding:15px;border-radius:6px;height:100px;font-size:14px}.create .textarea label:not(.switch){width:100%;font-size:13px;color:#9094a5;margin-bottom:15px;display:block;font-weight:300}.appoptions{flex-direction:column;padding:20px;gap:5px}.appoptions,.appoptions .optdetails{display:flex}.appoptions .optdetails .input{margin:0 20px;width:200px}.appoptions .optvalue{display:flex;align-items:center;opacity:0;width:0;height:0;overflow:hidden}.appoptions .optvalue.active{opacity:1;width:auto;height:auto;overflow:visible}.appoptions button.dark{background:#1b1b1b;border:none;padding:12px 15px;border-radius:4px;color:#fff;min-width:240px}#app{min-height:100vh;background-image:url(../img/bg1.jpg);background-repeat:no-repeat;background-size:cover;background-position:bottom}#app,#app nav{display:flex;flex-direction:column}#app nav{height:100%;position:absolute;width:340px;left:-340px;transition:all .35s ease-in-out;background:rgba(0,0,0,.7);color:#fff;z-index:2}#app .content{flex-grow:1;display:flex;flex-direction:column}#app .content .appheader{background:rgba(0,0,0,.4);text-align:center;position:absolute;height:58px;width:100%;top:-58px;transition:all .35s ease-in-out;z-index:1}#app .content .appheader ul{display:inline-block;list-style:none;height:58px;border-left:1px solid rgba(0,0,0,.6);border-right:1px solid hsla(0,0%,100%,.1);margin:0;padding:0}#app .content .appheader li{display:inline-block;border-right:1px solid rgba(0,0,0,.6);border-left:1px solid hsla(0,0%,100%,.1)}#app .content .appheader a{display:inline-block;color:#fff;text-decoration:none;padding:20px}#app main{flex-direction:column}#app #sortable,#app main{padding:30px 10px;display:flex;justify-content:center;align-items:center;flex:1;position:relative;flex-wrap:wrap;align-content:center;list-style:none;margin:0}#config-buttons{position:fixed;bottom:0;right:0;display:flex;flex-direction:column}#config-buttons a{width:50px;height:50px;background:rgba(0,0,0,.8);text-align:center;line-height:50px;color:#fff;margin-top:1px}#config-buttons a img{width:26px;height:26px;margin-top:12px}.userlist,.userlist .user{display:flex;justify-content:center;align-items:center}.userlist .user{background:rgba(0,0,0,.5);padding:15px;flex-direction:column;margin:20px;color:#fff;text-decoration:none;border-radius:15px;border:5px solid hsla(0,0%,100%,.7);box-shadow:0 0 10px 0 rgba(0,0,0,.4)}.userlist .user-img{width:130px;height:130px;border-radius:50%;margin:10px 10px 15px}.userlist #password{color:#2f313a;width:100%;padding:5px 10px;margin:15px -5px}.userlist .btn{width:100%}.userlist .forgot{color:#fff;font-size:12px;margin-top:25px}.item-container{position:relative}.item-container .item-edit{color:#fff;position:absolute;bottom:20px;left:8px;width:30px;height:30px;background:rgba(0,0,0,.7);border-radius:50%;text-align:center;line-height:30px;display:none;z-index:1}.item-container .tooltip{padding:25px;border-radius:5px;background:rgba(0,0,0,.78);color:#fff;position:absolute;bottom:120px;left:0;right:0;font-size:13px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:0;opacity:0;transform:translateY(-20px);transition:all .3s}.item-container .tooltip.active{transform:translateY(0);opacity:1;z-index:4}.tile-actions{position:absolute;top:0;left:0;padding:7px;background:rgba(0,0,0,.85);font-size:12px;line-height:1;border-radius:6px;width:80px;height:90px;display:flex;opacity:0;align-items:center;justify-content:center;transition:all .3s;flex-direction:column;text-align:center;cursor:pointer}.tile-actions.active{opacity:1}.refresh{z-index:3}.refresh .icon{font-size:20px;margin-bottom:5px}.black{color:#000!important}.white{color:#fff!important}.message-container,.message-container2{width:100%;padding:10px 20px}.alert{margin:30px auto;text-align:center;max-width:800px;background:#f1f4f7;display:flex;justify-content:center;padding:5px 20px 5px 80px;box-shadow:0 0 15px 3px rgba(0,0,0,.3)}.alert.alert-danger,.alert.alert-success{position:relative}.alert.alert-danger:before,.alert.alert-success:before{content:"\F00C";font-family:Font Awesome\ 5 Pro;font-weight:900;position:absolute;top:0;left:0;bottom:0;width:60px;background:#0eb584;text-align:center;color:#fff;line-height:57px;font-size:24px;align-items:center;justify-content:center;display:flex}.alert.alert-danger:before{content:"\F00D";background:#d64d55}.alert a{color:#91a1b3}#app.header .add-item,#app.header .item{transform:scale(.9);opacity:.8;margin:20px 0}#app.sidebar nav{left:0}.add-item{width:280px;height:90px;margin:20px;flex:0 0 280px;border-radius:6px;padding:20px;border:4px dashed hsla(0,0%,100%,.7);box-shadow:0 0 20px 2px rgba(0,0,0,.3);color:#fff;overflow:hidden;position:relative;display:none;outline:1px solid transparent}.add-item.active,.add-item a{display:block}.add-item a{width:100%;text-align:center;line-height:40px;color:#fff;font-size:19px}.item{width:280px;height:90px;margin:20px;flex:0 0 280px;background-image:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.25));border-radius:6px;padding:15px 55px 15px 15px;color:#fff;overflow:hidden;position:relative;transition:all .35s ease-in-out;outline:1px solid transparent;display:flex;align-items:center;border:1px solid #4a4a4a;border:1px solid rgba(76,76,76,.4);-webkit-background-clip:padding-box;background-clip:padding-box}.item:after{content:"";width:90px;height:90px;border-radius:50%;position:absolute;right:-48px;top:0;background:hsla(0,0%,100%,.1);box-shadow:0 0 40px 0 rgba(0,0,0,.2)}.item .link{position:absolute;right:0;top:0;height:100%;width:100%;text-align:right;line-height:90px;color:#fff;font-size:24px;z-index:1;padding-right:10px}.item .title{font-size:16px}.item .details{width:100%}.text-center{text-align:center!important}.module-container{box-shadow:0 0 10px 0 rgba(0,0,0,.4);border:1px solid #cdced8;background:#f9fafd;max-width:1000px;width:100%;margin:10px 40px;border-radius:5px;overflow:hidden}.module-container footer,.module-container header{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #fff;background:#f2f3f6;font-size:16px;border-bottom:1px solid #dbdce3;height:60px;position:relative}.module-container footer .section-title,.module-container header .section-title{font-size:18px;color:#5b5b5b;margin-left:25px}.module-container footer{border-top:1px solid #dbdce3}.module-container .table{width:100%;margin:0;background:#fff}.module-container .table thead th{background:#f2f3f6;color:#767d94;border-top:1px solid #fff;text-align:left;font-size:13px;text-transform:uppercase;padding:15px 25px}.module-container .table tbody tr:hover{background:#fefbf2}.module-container .table tbody tr:hover td:first-child{position:relative}.module-container .table tbody tr:hover td:first-child:before{content:"";position:absolute;top:0;left:0;bottom:0;width:5px;background:#0eb584}.module-container .table tbody td{padding:20px 25px;font-size:13px;color:#2f313a;max-width:500px;word-break:break-word}.module-container .table tbody td.form-error{background:#e69191;color:#fff;text-align:center}.module-container .table tbody a{color:#2f313a}.homesearch{height:51px}.toggleinput{display:flex;flex-direction:column-reverse;line-height:1;font-size:9px;font-weight:400;text-transform:uppercase;color:#ababab;padding:0 20px}.toggleinput label.name{margin-top:6px}.module-actions{display:flex;justify-content:space-between;align-items:center}.module-actions .button{font-size:18px;color:#515564;padding:0 10px;border:none;border-left:1px solid #cdced8;display:flex;line-height:1;position:relative;background:transparent;flex-direction:column;justify-content:center;align-items:center;min-width:65px;height:60px;text-decoration:none;box-sizing:border-box}.module-actions .button:after{position:absolute;content:"";top:0;left:0;bottom:0;border-right:1px solid #fff}.module-actions .button span{display:inline-block;line-height:1;font-size:9px;font-weight:400;text-transform:uppercase;color:#ababab;position:relative;top:4px;margin:0}.input{position:relative}.input .help{position:absolute;bottom:-22px;left:10px;color:#c00}div.create{padding:30px 15px;display:flex;flex-wrap:wrap}div.create .input{width:280px;margin:20px}div.create .input label:not(.switch){width:100%;font-size:13px;color:#9094a5;margin-bottom:15px;display:block;font-weight:300}div.create .input input,div.create .input select{width:100%;border:1px solid #dedfe2;padding:10px;border-radius:6px}.app-icon-container{width:60px;height:60px;display:flex;justify-content:center;align-items:center;margin-right:15px;flex:0 0 60px}.app-icon{max-width:60px;display:block;max-height:60px}.sidenav{position:relative}.sidenav .close-sidenav{position:absolute;top:20px;right:20px;font-size:24px;color:#ccc}.sidenav h2{font-weight:300;padding:20px;margin:0}.sidenav ul{list-style:none;margin:0;padding:20px}.sidenav ul li{display:flex;justify-content:space-between;padding:5px}.sidenav ul li a{color:#2b3542}.sidenav ul li a.active{color:#46b0e6}.trashed{font-size:11px;color:#91a1b3;margin-left:20px}#websiteiconoptions{display:flex;flex-direction:column;padding:20px}#websiteiconoptions .results{display:flex;flex-wrap:wrap;align-items:center;gap:8px}#websiteiconoptions .header{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 0}#websiteiconoptions .selectclose,.iconbutton{cursor:pointer}.iconbutton{width:160px;height:160px;display:flex;align-items:center;justify-content:center;border:1px solid #ccc;border-radius:4px}.selecticon{max-width:120px;height:auto}.switch{position:relative;display:inline-block;width:36px;height:20px}.switch input{display:none}.slider{cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#4a556b}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{content:"";height:14px;width:14px;left:3px;bottom:3px;background-color:#fff}input:checked+.slider{background-color:#2196f3}input:focus+.slider{box-shadow:0 0 1px #2196f3}input:checked+.slider:before{transform:translateX(16px)}.slider.round{border-radius:20px}.slider.round:before{border-radius:50%}@-webkit-keyframes autofill{to{background:#f5f5f5;color:#2f313a;font-weight:700}}@keyframes autofill{to{background:#f5f5f5;color:#2f313a;font-weight:700}}input:-webkit-autofill{-webkit-animation-name:autofill;-webkit-animation-fill-mode:both}input:autofill{-webkit-animation-name:autofill;animation-name:autofill;-webkit-animation-fill-mode:both;animation-fill-mode:both}button.link{border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent}a.settinglink{color:#2f313a;font-size:13px;margin:15px 5px;display:inline-block;font-weight:700}.setting-view-image{margin-bottom:20px;display:inline-block}.setting-view-image img{max-width:330px}.searchform{display:flex;align-self:flex-start;text-align:center;margin:50px auto;padding:14px;background:rgba(0,0,0,.2);border-radius:14px;box-shadow:inset 0 1px 6px 0 rgba(0,0,0,.3);border-top:1px solid rgba(0,0,0,.5);border-bottom:1px solid hsla(0,0%,100%,.35);width:100%;max-width:620px;position:relative;z-index:4}.searchform form{width:100%}.searchform .input-container{background:#fff;border-radius:5px;box-shadow:0 0 5px 0 rgba(0,0,0,.4);overflow:hidden;position:relative;display:flex}.searchform input{padding:17px 15px;font-size:15px;border:0;width:100%;background:transparent}.searchform button{position:absolute;right:0;top:0;border:none;font-size:16px;padding:7px 15px;line-height:38px;font-weight:500;border-top-right-radius:5px;border-bottom-right-radius:5px;color:#fff;text-transform:uppercase;background:#d64d55}.searchform select{padding:0 10px;background:#f5f5f5;border:none;border-right:1px solid #ddd}.ui-autocomplete{position:absolute;top:100%;left:0;z-index:1000;float:left;display:none;min-width:160px;padding:4px 0;margin:0 0 10px 25px;list-style:none;background-color:#fff;border:1px solid rgba(0,0,0,.2);border-radius:5px;box-shadow:0 5px 10px rgba(0,0,0,.2);-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;*border-right-width:2px;*border-bottom-width:2px}.ui-menu-item{display:block;padding:3px 15px;clear:both;font-weight:400;line-height:18px;color:#555;white-space:nowrap;text-decoration:none}.ui-state-active,.ui-state-hover{font-weight:700}#appimage img{width:95px}#sapconfig,.newblock{display:none;width:100%}#sapconfig h2,.newblock h2{background:#f2f3f6;padding:2px 25px;height:60px;margin-left:-15px;width:calc(100% + 30px);border-top:1px solid #dbdce3;border-bottom:1px solid #dbdce3;font-size:18px;color:#5b5b5b;font-weight:500;display:flex;justify-content:space-between;align-items:center}#sapconfig .items,.newblock .items{display:flex}hr{margin:23px 0 18px;height:0;border-style:none;border-width:0;border-top:1px solid #eaeaea;border-bottom:1px solid #fff}.upload-btn-wrapper{position:relative;overflow:hidden;display:inline-block}.btn{border:none;background-color:#d64d55;padding:8px 12px;border-radius:8px}.btn,.btn.test{color:#fff;font-size:16px}.btn.test{font-weight:500;border-top-right-radius:5px;border-bottom-right-radius:5px;text-transform:uppercase;padding:8px 50px;background:#207774}.upload-btn-wrapper input[type=file]{font-size:100px;position:absolute;left:0;top:0;opacity:0}.icon-container{display:flex;align-items:center}.icon-container img{margin-right:15px}.ui-helper-hidden-accessible{display:none}.livestats-container .livestats{margin:5px 0 0;padding:0;display:flex;list-style:none;justify-content:space-between;width:100%}.livestats-container .livestats span{display:block;text-transform:uppercase;font-size:11px;font-weight:500;opacity:.5;line-height:1;display:flex;text-align:left}.livestats-container .livestats strong{display:block;line-height:1;display:flex;align-items:center;color:#fff;font-size:12px;line-height:1.2}.livestats-container .livestats strong span{margin-left:4px}.livestats-container .livestats li{text-align:center;margin:0;line-height:1}.livestats-container .livestats li.right{text-align:right}.livestats-container .livestats li.right span{justify-content:flex-end}.livestats-container .livestats.flexcolumn{flex-direction:column}.livestats-container.black .livestats strong{color:#000}input:-webkit-autofill,input:-webkit-autofill:focus input:-webkit-autofill,input:-webkit-autofill:hover,select:-webkit-autofill,select:-webkit-autofill:focus,select:-webkit-autofill:hover,textarea:-webkit-autofill,textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus{border:inherit;-webkit-text-fill-color:inherit;-webkit-box-shadow:inherit;transition:inherit;color:#2f313a!important}.title-marquee{width:125px;overflow:hidden;display:flex;align-items:flex-start;margin-top:2px}.title-marquee>span,.title-marquee>strong{white-space:nowrap;transform:translate(0);-webkit-animation:marquee 8s linear;animation:marquee 8s linear}.no-marquee .title,.title-marquee .title{margin-right:4px}@-webkit-keyframes marquee{0%{transform:translate(0)}20%{transform:translate(0)}95%{transform:translate(-200%)}to{transform:translate(-200%)}}@keyframes marquee{0%{transform:translate(0)}20%{transform:translate(0)}95%{transform:translate(-200%)}to{transform:translate(-200%)}} /*! Huebee v2.0.0 http://huebee.buzz ----------------------------------------------- */ -.huebee { - position: absolute; - z-index: 1; - transform: translateY(0px); - transition: opacity 0.15s, transform 0.15s; -} - -.huebee.is-hidden { - opacity: 0; - transform: translateY(10px); -} - -.huebee.is-static-open { - position: relative; - z-index: auto; -} - -.huebee__container { - position: absolute; - left: 0; - top: 5px; - padding: 10px; - background: #EEE; - border-radius: 5px; - box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3); -} - -.huebee.is-static-open .huebee__container { - position: relative; - display: inline-block; - left: auto; - top: auto; - box-shadow: none; -} - -.huebee__canvas { - display: block; - cursor: pointer; -} - -.huebee__cursor { - width: 15px; - height: 15px; - position: absolute; - left: 0px; - top: 0px; - box-sizing: content-box; - border: 3px solid white; - border-radius: 5px; - pointer-events: none; -} - -.huebee__cursor.is-hidden { - opacity: 0; -} - -.huebee__close-button { - display: block; - position: absolute; - width: 24px; - height: 24px; - top: -9px; - right: -9px; - border-radius: 12px; - background: #222; -} - -.huebee__close-button__x { - stroke: white; - stroke-width: 3; - stroke-linecap: round; -} - -.huebee__close-button:hover { - background: white; - cursor: pointer; -} - -.huebee__close-button:hover .huebee__close-button__x { - stroke: #222; -} - -.select2-container { - box-sizing: border-box; - display: inline-block; - margin: 0; - position: relative; - vertical-align: middle; -} - -.select2-container .select2-selection--single { - box-sizing: border-box; - cursor: pointer; - display: block; - height: 28px; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - -webkit-user-select: none; -} - -.select2-container .select2-selection--single .select2-selection__rendered { - display: block; - padding-left: 8px; - padding-right: 20px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - -.select2-container .select2-selection--single .select2-selection__clear { - position: relative; -} - -.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered { - padding-right: 8px; - padding-left: 20px; -} - -.select2-container .select2-selection--multiple { - box-sizing: border-box; - cursor: pointer; - display: block; - min-height: 39px; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - -webkit-user-select: none; -} - -.select2-container .select2-selection--multiple .select2-selection__rendered { - display: inline-block; - overflow: hidden; - padding-left: 8px; - text-overflow: ellipsis; - white-space: nowrap; -} - -.select2-container .select2-search--inline { - float: left; -} - -.select2-container .select2-search--inline .select2-search__field { - box-sizing: border-box; - border: none; - font-size: 100%; - margin-top: 5px; - padding: 0; -} - -.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button { - -webkit-appearance: none; -} - -.select2-dropdown { - background-color: white; - border: 1px solid #aaa; - border-radius: 4px; - box-sizing: border-box; - display: block; - position: absolute; - left: -100000px; - width: 100%; - z-index: 1051; -} - -.select2-results { - display: block; -} - -.select2-results__options { - list-style: none; - margin: 0; - padding: 0; -} - -.select2-results__option { - padding: 6px; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - -webkit-user-select: none; -} - -.select2-results__option[aria-selected] { - cursor: pointer; -} - -.select2-container--open .select2-dropdown { - left: 0; -} - -.select2-container--open .select2-dropdown--above { - border-bottom: none; - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; -} - -.select2-container--open .select2-dropdown--below { - border-top: none; - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -.select2-search--dropdown { - display: block; - padding: 4px; -} - -.select2-search--dropdown .select2-search__field { - padding: 4px; - width: 100%; - box-sizing: border-box; -} - -.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button { - -webkit-appearance: none; -} - -.select2-search--dropdown.select2-search--hide { - display: none; -} - -.select2-close-mask { - border: 0; - margin: 0; - padding: 0; - display: block; - position: fixed; - left: 0; - top: 0; - min-height: 100%; - min-width: 100%; - height: auto; - width: auto; - opacity: 0; - z-index: 99; - background-color: #fff; - filter: alpha(opacity=0); -} - -.select2-hidden-accessible { - border: 0 !important; - clip: rect(0 0 0 0) !important; - -webkit-clip-path: inset(50%) !important; - clip-path: inset(50%) !important; - height: 1px !important; - overflow: hidden !important; - padding: 0 !important; - position: absolute !important; - width: 1px !important; - white-space: nowrap !important; -} - -.select2-container--default .select2-selection--single { - background-color: #fff; - border: 1px solid #aaa; - border-radius: 4px; -} - -.select2-container--default .select2-selection--single .select2-selection__rendered { - color: #444; - line-height: 28px; -} - -.select2-container--default .select2-selection--single .select2-selection__clear { - cursor: pointer; - float: right; - font-weight: bold; -} - -.select2-container--default .select2-selection--single .select2-selection__placeholder { - color: #999; -} - -.select2-container--default .select2-selection--single .select2-selection__arrow { - height: 26px; - position: absolute; - top: 1px; - right: 1px; - width: 20px; -} - -.select2-container--default .select2-selection--single .select2-selection__arrow b { - border-color: #888 transparent transparent transparent; - border-style: solid; - border-width: 5px 4px 0 4px; - height: 0; - left: 50%; - margin-left: -4px; - margin-top: -2px; - position: absolute; - top: 50%; - width: 0; -} - -.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear { - float: left; -} - -.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow { - left: 1px; - right: auto; -} - -.select2-container--default.select2-container--disabled .select2-selection--single { - background-color: #eee; - cursor: default; -} - -.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear { - display: none; -} - -.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { - border-color: transparent transparent #888 transparent; - border-width: 0 4px 5px 4px; -} - -.select2-container--default .select2-selection--multiple { - background-color: white; - border: 1px solid #dedfe2; - border-radius: 4px; - cursor: text; -} - -.select2-container--default .select2-selection--multiple .select2-selection__rendered { - box-sizing: border-box; - list-style: none; - margin: 0; - padding: 0 5px; - width: 100%; -} - -.select2-container--default .select2-selection--multiple .select2-selection__rendered li { - list-style: none; -} - -.select2-container--default .select2-selection--multiple .select2-selection__placeholder { - color: #999; - margin-top: 5px; - float: left; -} - -.select2-container--default .select2-selection--multiple .select2-selection__clear { - cursor: pointer; - float: right; - font-weight: bold; - margin-top: 5px; - margin-right: 10px; -} - -.select2-container--default .select2-selection--multiple .select2-selection__choice { - background-color: #f2f3f6; - border: 1px solid #dedfe2; - border-radius: 4px; - cursor: default; - float: left; - margin-right: 5px; - font-size: 13px; - font-weight: 300; - margin-top: 5px; - padding: 5px; -} - -.select2-container--default .select2-selection--multiple .select2-selection__choice__remove { - color: #999; - cursor: pointer; - display: inline-block; - font-weight: bold; - margin-right: 2px; -} - -.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { - color: #333; -} - -.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__placeholder, .select2-container--default[dir=rtl] .select2-selection--multiple .select2-search--inline { - float: right; -} - -.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice { - margin-left: 5px; - margin-right: auto; -} - -.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove { - margin-left: 2px; - margin-right: auto; -} - -.select2-container--default.select2-container--focus .select2-selection--multiple { - border: solid #dedfe2 1px; - outline: 0; -} - -.select2-container--default.select2-container--disabled .select2-selection--multiple { - background-color: #eee; - cursor: default; -} - -.select2-container--default.select2-container--disabled .select2-selection__choice__remove { - display: none; -} - -.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple { - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; -} - -.select2-container--default .select2-search--dropdown .select2-search__field { - border: 1px solid #aaa; -} - -.select2-container--default .select2-search--inline .select2-search__field { - background: transparent; - border: none; - outline: 0; - box-shadow: none; - -webkit-appearance: textfield; -} - -.select2-container--default .select2-results > .select2-results__options { - max-height: 200px; - overflow-y: auto; -} - -.select2-container--default .select2-results__option[role=group] { - padding: 0; -} - -.select2-container--default .select2-results__option[aria-disabled=true] { - color: #999; -} - -.select2-container--default .select2-results__option[aria-selected=true] { - background-color: #ddd; -} - -.select2-container--default .select2-results__option .select2-results__option { - padding-left: 1em; -} - -.select2-container--default .select2-results__option .select2-results__option .select2-results__group { - padding-left: 0; -} - -.select2-container--default .select2-results__option .select2-results__option .select2-results__option { - margin-left: -1em; - padding-left: 2em; -} - -.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option { - margin-left: -2em; - padding-left: 3em; -} - -.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { - margin-left: -3em; - padding-left: 4em; -} - -.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { - margin-left: -4em; - padding-left: 5em; -} - -.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { - margin-left: -5em; - padding-left: 6em; -} - -.select2-container--default .select2-results__option--highlighted[aria-selected] { - background-color: #5897fb; - color: white; -} - -.select2-container--default .select2-results__group { - cursor: default; - display: block; - padding: 6px; -} - -.select2-container--classic .select2-selection--single { - background-color: #f7f7f7; - border: 1px solid #aaa; - border-radius: 4px; - outline: 0; - background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%); - background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0); -} - -.select2-container--classic .select2-selection--single:focus { - border: 1px solid #5897fb; -} - -.select2-container--classic .select2-selection--single .select2-selection__rendered { - color: #444; - line-height: 28px; -} - -.select2-container--classic .select2-selection--single .select2-selection__clear { - cursor: pointer; - float: right; - font-weight: bold; - margin-right: 10px; -} - -.select2-container--classic .select2-selection--single .select2-selection__placeholder { - color: #999; -} - -.select2-container--classic .select2-selection--single .select2-selection__arrow { - background-color: #ddd; - border: none; - border-left: 1px solid #aaa; - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; - height: 26px; - position: absolute; - top: 1px; - right: 1px; - width: 20px; - background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%); - background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFCCCCCC", GradientType=0); -} - -.select2-container--classic .select2-selection--single .select2-selection__arrow b { - border-color: #888 transparent transparent transparent; - border-style: solid; - border-width: 5px 4px 0 4px; - height: 0; - left: 50%; - margin-left: -4px; - margin-top: -2px; - position: absolute; - top: 50%; - width: 0; -} - -.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear { - float: left; -} - -.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow { - border: none; - border-right: 1px solid #aaa; - border-radius: 0; - border-top-left-radius: 4px; - border-bottom-left-radius: 4px; - left: 1px; - right: auto; -} - -.select2-container--classic.select2-container--open .select2-selection--single { - border: 1px solid #5897fb; -} - -.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow { - background: transparent; - border: none; -} - -.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b { - border-color: transparent transparent #888 transparent; - border-width: 0 4px 5px 4px; -} - -.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single { - border-top: none; - border-top-left-radius: 0; - border-top-right-radius: 0; - background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%); - background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0); -} - -.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single { - border-bottom: none; - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%); - background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFFFFFFF", GradientType=0); -} - -.select2-container--classic .select2-selection--multiple { - background-color: white; - border: 1px solid #aaa; - border-radius: 4px; - cursor: text; - outline: 0; -} - -.select2-container--classic .select2-selection--multiple:focus { - border: 1px solid #5897fb; -} - -.select2-container--classic .select2-selection--multiple .select2-selection__rendered { - list-style: none; - margin: 0; - padding: 0 5px; -} - -.select2-container--classic .select2-selection--multiple .select2-selection__clear { - display: none; -} - -.select2-container--classic .select2-selection--multiple .select2-selection__choice { - background-color: #e4e4e4; - border: 1px solid #aaa; - border-radius: 4px; - cursor: default; - float: left; - margin-right: 5px; - margin-top: 5px; - padding: 0 5px; -} - -.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove { - color: #888; - cursor: pointer; - display: inline-block; - font-weight: bold; - margin-right: 2px; -} - -.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover { - color: #555; -} - -.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice { - float: right; - margin-left: 5px; - margin-right: auto; -} - -.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove { - margin-left: 2px; - margin-right: auto; -} - -.select2-container--classic.select2-container--open .select2-selection--multiple { - border: 1px solid #5897fb; -} - -.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple { - border-top: none; - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple { - border-bottom: none; - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; -} - -.select2-container--classic .select2-search--dropdown .select2-search__field { - border: 1px solid #aaa; - outline: 0; -} - -.select2-container--classic .select2-search--inline .select2-search__field { - outline: 0; - box-shadow: none; -} - -.select2-container--classic .select2-dropdown { - background-color: white; - border: 1px solid transparent; -} - -.select2-container--classic .select2-dropdown--above { - border-bottom: none; -} - -.select2-container--classic .select2-dropdown--below { - border-top: none; -} - -.select2-container--classic .select2-results > .select2-results__options { - max-height: 200px; - overflow-y: auto; -} - -.select2-container--classic .select2-results__option[role=group] { - padding: 0; -} - -.select2-container--classic .select2-results__option[aria-disabled=true] { - color: grey; -} - -.select2-container--classic .select2-results__option--highlighted[aria-selected] { - background-color: #3875d7; - color: white; -} - -.select2-container--classic .select2-results__group { - cursor: default; - display: block; - padding: 6px; -} - -.select2-container--classic.select2-container--open .select2-dropdown { - border-color: #5897fb; -} \ No newline at end of file +---------------------------------------------- */.huebee{position:absolute;z-index:1;transform:translateY(0);transition:opacity .15s,transform .15s}.huebee.is-hidden{opacity:0;transform:translateY(10px)}.huebee.is-static-open{position:relative;z-index:auto}.huebee__container{position:absolute;left:0;top:5px;padding:10px;background:#eee;border-radius:5px;box-shadow:0 5px 10px rgba(0,0,0,.3)}.huebee.is-static-open .huebee__container{position:relative;display:inline-block;left:auto;top:auto;box-shadow:none}.huebee__canvas{display:block;cursor:pointer}.huebee__cursor{width:15px;height:15px;position:absolute;left:0;top:0;box-sizing:content-box;border:3px solid #fff;border-radius:5px;pointer-events:none}.huebee__cursor.is-hidden{opacity:0}.huebee__close-button{display:block;position:absolute;width:24px;height:24px;top:-9px;right:-9px;border-radius:12px;background:#222}.huebee__close-button__x{stroke:#fff;stroke-width:3;stroke-linecap:round}.huebee__close-button:hover{background:#fff;cursor:pointer}.huebee__close-button:hover .huebee__close-button__x{stroke:#222}.select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{position:relative}.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:39px;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline-block;overflow:hidden;padding-left:8px;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-search--inline{float:left}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;padding:0}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:#fff;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-select:none}.select2-results__option[aria-selected]{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0!important;clip:rect(0 0 0 0)!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;height:1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important;white-space:nowrap!important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:700}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent;border-style:solid;border-width:5px 4px 0;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888;border-width:0 4px 5px}.select2-container--default .select2-selection--multiple{background-color:#fff;border:1px solid #dedfe2;border-radius:4px;cursor:text}.select2-container--default .select2-selection--multiple .select2-selection__rendered{box-sizing:border-box;list-style:none;margin:0;padding:0 5px;width:100%}.select2-container--default .select2-selection--multiple .select2-selection__rendered li{list-style:none}.select2-container--default .select2-selection--multiple .select2-selection__placeholder{color:#999;margin-top:5px;float:left}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;float:right;font-weight:700;margin-top:5px;margin-right:10px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#f2f3f6;border:1px solid #dedfe2;border-radius:4px;cursor:default;float:left;margin-right:5px;font-size:13px;font-weight:300;margin-top:5px;padding:5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#999;cursor:pointer;display:inline-block;font-weight:700;margin-right:2px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#333}.select2-container--default[dir=rtl] .select2-selection--multiple .select2-search--inline,.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__placeholder{float:right}.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:1px solid #dedfe2;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple,.select2-container--default.select2-container--open.select2-container--above .select2-selection--single{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple,.select2-container--default.select2-container--open.select2-container--below .select2-selection--single{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option[role=group]{padding:0}.select2-container--default .select2-results__option[aria-disabled=true]{color:#999}.select2-container--default .select2-results__option[aria-selected=true]{background-color:#ddd}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#5897fb;color:#fff}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:linear-gradient(180deg,#fff 50%,#eee);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF",endColorstr="#FFEEEEEE",GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:700;margin-right:10px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:linear-gradient(180deg,#eee 50%,#ccc);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE",endColorstr="#FFCCCCCC",GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent;border-style:solid;border-width:5px 4px 0;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888;border-width:0 4px 5px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:linear-gradient(180deg,#fff 0,#eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF",endColorstr="#FFEEEEEE",GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:linear-gradient(180deg,#eee 50%,#fff);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE",endColorstr="#FFFFFFFF",GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:#fff;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__rendered{list-style:none;margin:0;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{color:#888;cursor:pointer;display:inline-block;font-weight:700;margin-right:2px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555}.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice{float:right;margin-left:5px;margin-right:auto}.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option[role=group]{padding:0}.select2-container--classic .select2-results__option[aria-disabled=true]{color:grey}.select2-container--classic .select2-results__option--highlighted[aria-selected]{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb} \ No newline at end of file diff --git a/public/js/app.js b/public/js/app.js index 237cf19b..5dcabe84 100644 --- a/public/js/app.js +++ b/public/js/app.js @@ -1,755 +1 @@ -function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); } - -/** - * Huebee PACKAGED v2.0.0 - * 1-click color picker - * MIT license - * http://huebee.buzz - * Copyright 2018 Metafizzy - */ -!function (t, e) { - "function" == typeof define && define.amd ? define("ev-emitter/ev-emitter", e) : "object" == (typeof module === "undefined" ? "undefined" : _typeof(module)) && module.exports ? module.exports = e() : t.EvEmitter = e(); -}("undefined" != typeof window ? window : this, function () { - function t() {} - - var e = t.prototype; - return e.on = function (t, e) { - if (t && e) { - var n = this._events = this._events || {}, - i = n[t] = n[t] || []; - return i.indexOf(e) == -1 && i.push(e), this; - } - }, e.once = function (t, e) { - if (t && e) { - this.on(t, e); - var n = this._onceEvents = this._onceEvents || {}, - i = n[t] = n[t] || {}; - return i[e] = !0, this; - } - }, e.off = function (t, e) { - var n = this._events && this._events[t]; - - if (n && n.length) { - var i = n.indexOf(e); - return i != -1 && n.splice(i, 1), this; - } - }, e.emitEvent = function (t, e) { - var n = this._events && this._events[t]; - - if (n && n.length) { - var i = 0, - o = n[i]; - e = e || []; - - for (var s = this._onceEvents && this._onceEvents[t]; o;) { - var r = s && s[o]; - r && (this.off(t, o), delete s[o]), o.apply(this, e), i += r ? 0 : 1, o = n[i]; - } - - return this; - } - }, t; -}), function (t, e) { - "function" == typeof define && define.amd ? define("unipointer/unipointer", ["ev-emitter/ev-emitter"], function (n) { - return e(t, n); - }) : "object" == (typeof module === "undefined" ? "undefined" : _typeof(module)) && module.exports ? module.exports = e(t, require("ev-emitter")) : t.Unipointer = e(t, t.EvEmitter); -}(window, function (t, e) { - function n() {} - - function i() {} - - var o = i.prototype = Object.create(e.prototype); - o.bindStartEvent = function (t) { - this._bindStartEvent(t, !0); - }, o.unbindStartEvent = function (t) { - this._bindStartEvent(t, !1); - }, o._bindStartEvent = function (e, n) { - n = void 0 === n || !!n; - var i = n ? "addEventListener" : "removeEventListener"; - t.navigator.pointerEnabled ? e[i]("pointerdown", this) : t.navigator.msPointerEnabled ? e[i]("MSPointerDown", this) : (e[i]("mousedown", this), e[i]("touchstart", this)); - }, o.handleEvent = function (t) { - var e = "on" + t.type; - this[e] && this[e](t); - }, o.getTouch = function (t) { - for (var e = 0; e < t.length; e++) { - var n = t[e]; - if (n.identifier == this.pointerIdentifier) return n; - } - }, o.onmousedown = function (t) { - var e = t.button; - e && 0 !== e && 1 !== e || this._pointerDown(t, t); - }, o.ontouchstart = function (t) { - this._pointerDown(t, t.changedTouches[0]); - }, o.onMSPointerDown = o.onpointerdown = function (t) { - this._pointerDown(t, t); - }, o._pointerDown = function (t, e) { - this.isPointerDown || (this.isPointerDown = !0, this.pointerIdentifier = void 0 !== e.pointerId ? e.pointerId : e.identifier, this.pointerDown(t, e)); - }, o.pointerDown = function (t, e) { - this._bindPostStartEvents(t), this.emitEvent("pointerDown", [t, e]); - }; - var s = { - mousedown: ["mousemove", "mouseup"], - touchstart: ["touchmove", "touchend", "touchcancel"], - pointerdown: ["pointermove", "pointerup", "pointercancel"], - MSPointerDown: ["MSPointerMove", "MSPointerUp", "MSPointerCancel"] - }; - return o._bindPostStartEvents = function (e) { - if (e) { - var n = s[e.type]; - n.forEach(function (e) { - t.addEventListener(e, this); - }, this), this._boundPointerEvents = n; - } - }, o._unbindPostStartEvents = function () { - this._boundPointerEvents && (this._boundPointerEvents.forEach(function (e) { - t.removeEventListener(e, this); - }, this), delete this._boundPointerEvents); - }, o.onmousemove = function (t) { - this._pointerMove(t, t); - }, o.onMSPointerMove = o.onpointermove = function (t) { - t.pointerId == this.pointerIdentifier && this._pointerMove(t, t); - }, o.ontouchmove = function (t) { - var e = this.getTouch(t.changedTouches); - e && this._pointerMove(t, e); - }, o._pointerMove = function (t, e) { - this.pointerMove(t, e); - }, o.pointerMove = function (t, e) { - this.emitEvent("pointerMove", [t, e]); - }, o.onmouseup = function (t) { - this._pointerUp(t, t); - }, o.onMSPointerUp = o.onpointerup = function (t) { - t.pointerId == this.pointerIdentifier && this._pointerUp(t, t); - }, o.ontouchend = function (t) { - var e = this.getTouch(t.changedTouches); - e && this._pointerUp(t, e); - }, o._pointerUp = function (t, e) { - this._pointerDone(), this.pointerUp(t, e); - }, o.pointerUp = function (t, e) { - this.emitEvent("pointerUp", [t, e]); - }, o._pointerDone = function () { - this.isPointerDown = !1, delete this.pointerIdentifier, this._unbindPostStartEvents(), this.pointerDone(); - }, o.pointerDone = n, o.onMSPointerCancel = o.onpointercancel = function (t) { - t.pointerId == this.pointerIdentifier && this._pointerCancel(t, t); - }, o.ontouchcancel = function (t) { - var e = this.getTouch(t.changedTouches); - e && this._pointerCancel(t, e); - }, o._pointerCancel = function (t, e) { - this._pointerDone(), this.pointerCancel(t, e); - }, o.pointerCancel = function (t, e) { - this.emitEvent("pointerCancel", [t, e]); - }, i.getPointerPoint = function (t) { - return { - x: t.pageX, - y: t.pageY - }; - }, i; -}), function (t, e) { - "function" == typeof define && define.amd ? define(["ev-emitter/ev-emitter", "unipointer/unipointer"], function (n, i) { - return e(t, n, i); - }) : "object" == (typeof module === "undefined" ? "undefined" : _typeof(module)) && module.exports ? module.exports = e(t, require("ev-emitter"), require("unipointer")) : t.Huebee = e(t, t.EvEmitter, t.Unipointer); -}(window, function (t, e, n) { - function i(t, e) { - if (t = h(t), !t) throw "Bad element for Huebee: " + t; - this.anchor = t, this.options = {}, this.option(i.defaults), this.option(e), this.create(); - } - - function o() { - for (var t = document.querySelectorAll("[data-huebee]"), e = 0; e < t.length; e++) { - var n, - o = t[e], - s = o.getAttribute("data-huebee"); - - try { - n = s && JSON.parse(s); - } catch (t) { - C && C.error("Error parsing data-huebee on " + o.className + ": " + t); - continue; - } - - new i(o, n); - } - } - - function s(t) { - _.clearRect(0, 0, 1, 1), _.fillStyle = "#010203", _.fillStyle = t, _.fillRect(0, 0, 1, 1); - - var e = _.getImageData(0, 0, 1, 1).data; - - if (e = [e[0], e[1], e[2], e[3]], "1,2,3,255" != e.join(",")) { - var n = u.apply(this, e); - return { - color: t.trim(), - hue: n[0], - sat: n[1], - lum: n[2] - }; - } - } - - function r(t, e) { - for (var n in e) { - t[n] = e[n]; - } - - return t; - } - - function h(t) { - return "string" == typeof t && (t = document.querySelector(t)), t; - } - - function a(t, e, n) { - var i = c(t, e, n); - return d(i); - } - - function c(t, e, n) { - var i, - o, - s = (1 - Math.abs(2 * n - 1)) * e, - r = t / 60, - h = s * (1 - Math.abs(r % 2 - 1)); - - switch (Math.floor(r)) { - case 0: - i = [s, h, 0]; - break; - - case 1: - i = [h, s, 0]; - break; - - case 2: - i = [0, s, h]; - break; - - case 3: - i = [0, h, s]; - break; - - case 4: - i = [h, 0, s]; - break; - - case 5: - i = [s, 0, h]; - break; - - default: - i = [0, 0, 0]; - } - - return o = n - s / 2, i = i.map(function (t) { - return t + o; - }); - } - - function u(t, e, n) { - t /= 255, e /= 255, n /= 255; - var i, - o = Math.max(t, e, n), - s = Math.min(t, e, n), - r = o - s, - h = .5 * (o + s), - a = 0 === r ? 0 : r / (1 - Math.abs(2 * h - 1)); - 0 === r ? i = 0 : o === t ? i = (e - n) / r % 6 : o === e ? i = (n - t) / r + 2 : o === n && (i = (t - e) / r + 4); - var c = 60 * i; - return [c, parseFloat(a), parseFloat(h)]; - } - - function d(t) { - var e = t.map(function (t) { - t = Math.round(255 * t); - var e = t.toString(16).toUpperCase(); - return e = e.length < 2 ? "0" + e : e; - }); - return "#" + e.join(""); - } - - function p(t) { - return "#" + t[1] + t[3] + t[5]; - } - - i.defaults = { - hues: 12, - hue0: 0, - shades: 5, - saturations: 3, - notation: "shortHex", - setText: !0, - setBGColor: !0 - }; - var f = i.prototype = Object.create(e.prototype); - - f.option = function (t) { - this.options = r(this.options, t); - }; - - var v = 0, - l = {}; - f.create = function () { - function t(t) { - t.target == i && t.preventDefault(); - } - - var e = this.guid = ++v; - this.anchor.huebeeGUID = e, l[e] = this, this.setBGElems = this.getSetElems(this.options.setBGColor), this.setTextElems = this.getSetElems(this.options.setText), this.outsideCloseIt = this.outsideClose.bind(this), this.onDocKeydown = this.docKeydown.bind(this), this.closeIt = this.close.bind(this), this.openIt = this.open.bind(this), this.onElemTransitionend = this.elemTransitionend.bind(this), this.isInputAnchor = "INPUT" == this.anchor.nodeName, this.options.staticOpen || (this.anchor.addEventListener("click", this.openIt), this.anchor.addEventListener("focus", this.openIt)), this.isInputAnchor && this.anchor.addEventListener("input", this.inputInput.bind(this)); - var n = this.element = document.createElement("div"); - n.className = "huebee ", n.className += this.options.staticOpen ? "is-static-open " : "is-hidden ", n.className += this.options.className || ""; - var i = this.container = document.createElement("div"); - - if (i.className = "huebee__container", i.addEventListener("mousedown", t), i.addEventListener("touchstart", t), this.createCanvas(), this.cursor = document.createElement("div"), this.cursor.className = "huebee__cursor is-hidden", i.appendChild(this.cursor), this.createCloseButton(), n.appendChild(i), !this.options.staticOpen) { - var o = getComputedStyle(this.anchor.parentNode); - "relative" != o.position && "absolute" != o.position && (this.anchor.parentNode.style.position = "relative"); - } - - var s = this.options.hues, - r = this.options.customColors, - h = r && r.length; - this.satY = h ? Math.ceil(h / s) + 1 : 0, this.updateColors(), this.setAnchorColor(), this.options.staticOpen && this.open(); - }, f.getSetElems = function (t) { - return t === !0 ? [this.anchor] : "string" == typeof t ? document.querySelectorAll(t) : void 0; - }, f.createCanvas = function () { - var t = this.canvas = document.createElement("canvas"); - t.className = "huebee__canvas", this.ctx = t.getContext("2d"); - var e = this.canvasPointer = new n(); - e._bindStartEvent(t), e.on("pointerDown", this.canvasPointerDown.bind(this)), e.on("pointerMove", this.canvasPointerMove.bind(this)), this.container.appendChild(t); - }; - var m = "http://www.w3.org/2000/svg"; - f.createCloseButton = function () { - if (!this.options.staticOpen) { - var t = document.createElementNS(m, "svg"); - t.setAttribute("class", "huebee__close-button"), t.setAttribute("viewBox", "0 0 24 24"), t.setAttribute("width", "24"), t.setAttribute("height", "24"); - var e = document.createElementNS(m, "path"); - e.setAttribute("d", "M 7,7 L 17,17 M 17,7 L 7,17"), e.setAttribute("class", "huebee__close-button__x"), t.appendChild(e), t.addEventListener("click", this.closeIt), this.container.appendChild(t); - } - }, f.updateColors = function () { - this.swatches = {}, this.colorGrid = {}, this.updateColorModer(); - var t = this.options.shades, - e = this.options.saturations, - n = this.options.hues, - i = this.options.customColors; - - if (i && i.length) { - var o = 0; - i.forEach(function (t) { - var e = o % n, - i = Math.floor(o / n), - r = s(t); - r && (this.addSwatch(r, e, i), o++); - }.bind(this)); - } - - for (var r = 0; r < e; r++) { - var h = 1 - r / e, - a = t * r + this.satY; - this.updateSaturationGrid(r, h, a); - } - - for (r = 0; r < t + 2; r++) { - var c = 1 - r / (t + 1), - u = this.colorModer(0, 0, c), - d = s(u); - this.addSwatch(d, n + 1, r); - } - }, f.updateSaturationGrid = function (t, e, n) { - for (var i = this.options.shades, o = this.options.hues, r = this.options.hue0, h = 0; h < i; h++) { - for (var a = 0; a < o; a++) { - var c = Math.round(360 * a / o + r) % 360, - u = 1 - (h + 1) / (i + 1), - d = this.colorModer(c, e, u), - p = s(d), - f = h + n; - this.addSwatch(p, a, f); - } - } - }, f.addSwatch = function (t, e, n) { - this.swatches[e + "," + n] = t, this.colorGrid[t.color.toUpperCase()] = { - x: e, - y: n - }; - }; - var E = { - hsl: function hsl(t, e, n) { - return e = Math.round(100 * e), n = Math.round(100 * n), "hsl(" + t + ", " + e + "%, " + n + "%)"; - }, - hex: a, - shortHex: function shortHex(t, e, n) { - var i = a(t, e, n); - return p(i); - } - }; - f.updateColorModer = function () { - this.colorModer = E[this.options.notation] || E.shortHex; - }, f.renderColors = function () { - var t = 2 * this.gridSize; - - for (var e in this.swatches) { - var n = this.swatches[e], - i = e.split(","), - o = i[0], - s = i[1]; - this.ctx.fillStyle = n.color, this.ctx.fillRect(o * t, s * t, t, t); - } - }, f.setAnchorColor = function () { - this.isInputAnchor && this.setColor(this.anchor.value); - }; - var g = document.documentElement; - f.open = function () { - if (!this.isOpen) { - var t = this.anchor, - e = this.element; - this.options.staticOpen || (e.style.left = t.offsetLeft + "px", e.style.top = t.offsetTop + t.offsetHeight + "px"), this.bindOpenEvents(!0), e.removeEventListener("transitionend", this.onElemTransitionend), t.parentNode.insertBefore(e, t.nextSibling); - var n = getComputedStyle(e).transitionDuration; - this.hasTransition = n && "none" != n && parseFloat(n), this.isOpen = !0, this.updateSizes(), this.renderColors(), this.setAnchorColor(); - e.offsetHeight; - e.classList.remove("is-hidden"); - } - }, f.bindOpenEvents = function (t) { - if (!this.options.staticOpen) { - var e = (t ? "add" : "remove") + "EventListener"; - g[e]("mousedown", this.outsideCloseIt), g[e]("touchstart", this.outsideCloseIt), document[e]("focusin", this.outsideCloseIt), document[e]("keydown", this.onDocKeydown), this.anchor[e]("blur", this.closeIt); - } - }, f.updateSizes = function () { - var t = this.options.hues, - e = this.options.shades, - n = this.options.saturations; - this.cursorBorder = parseInt(getComputedStyle(this.cursor).borderTopWidth, 10), this.gridSize = Math.round(this.cursor.offsetWidth - 2 * this.cursorBorder), this.canvasOffset = { - x: this.canvas.offsetLeft, - y: this.canvas.offsetTop - }; - var i = Math.max(e * n + this.satY, e + 2), - o = this.gridSize * (t + 2); - this.canvas.width = 2 * o, this.canvas.style.width = o + "px", this.canvas.height = this.gridSize * i * 2; - }, f.outsideClose = function (t) { - var e = this.anchor.contains(t.target), - n = this.element.contains(t.target); - e || n || this.close(); - }; - var b = { - 13: !0, - 27: !0 - }; - - f.docKeydown = function (t) { - b[t.keyCode] && this.close(); - }; - - var w = "string" == typeof g.style.transform; - f.close = function () { - this.isOpen && (w && this.hasTransition ? this.element.addEventListener("transitionend", this.onElemTransitionend) : this.remove(), this.element.classList.add("is-hidden"), this.bindOpenEvents(!1), this.isOpen = !1); - }, f.remove = function () { - var t = this.element.parentNode; - t.contains(this.element) && t.removeChild(this.element); - }, f.elemTransitionend = function (t) { - t.target == this.element && (this.element.removeEventListener("transitionend", this.onElemTransitionend), this.remove()); - }, f.inputInput = function () { - this.setColor(this.anchor.value); - }, f.canvasPointerDown = function (t, e) { - t.preventDefault(), this.updateOffset(), this.canvasPointerChange(e); - }, f.updateOffset = function () { - var e = this.canvas.getBoundingClientRect(); - this.offset = { - x: e.left + t.pageXOffset, - y: e.top + t.pageYOffset - }; - }, f.canvasPointerMove = function (t, e) { - this.canvasPointerChange(e); - }, f.canvasPointerChange = function (t) { - var e = Math.round(t.pageX - this.offset.x), - n = Math.round(t.pageY - this.offset.y), - i = this.gridSize, - o = Math.floor(e / i), - s = Math.floor(n / i), - r = this.swatches[o + "," + s]; - this.setSwatch(r); - }, f.setColor = function (t) { - var e = s(t); - this.setSwatch(e); - }, f.setSwatch = function (t) { - var e = t && t.color; - - if (t) { - var n = e == this.color; - this.color = e, this.hue = t.hue, this.sat = t.sat, this.lum = t.lum; - var i = this.lum - .15 * Math.cos((this.hue + 70) / 180 * Math.PI); - this.isLight = i > .5; - var o = this.colorGrid[e.toUpperCase()]; - this.updateCursor(o), this.setTexts(), this.setBackgrounds(), n || this.emitEvent("change", [e, t.hue, t.sat, t.lum]); - } - }, f.setTexts = function () { - if (this.setTextElems) for (var t = 0; t < this.setTextElems.length; t++) { - var e = this.setTextElems[t], - n = "INPUT" == e.nodeName ? "value" : "textContent"; - e[n] = this.color; - } - }, f.setBackgrounds = function () { - if (this.setBGElems) for (var t = this.isLight ? "#222" : "white", e = 0; e < this.setBGElems.length; e++) { - var n = this.setBGElems[e]; - n.style.backgroundColor = this.color, n.style.color = t; - } - }, f.updateCursor = function (t) { - if (this.isOpen) { - var e = t ? "remove" : "add"; - - if (this.cursor.classList[e]("is-hidden"), t) { - var n = this.gridSize, - i = this.canvasOffset, - o = this.cursorBorder; - this.cursor.style.left = t.x * n + i.x - o + "px", this.cursor.style.top = t.y * n + i.y - o + "px"; - } - } - }; - var C = t.console, - S = document.readyState; - "complete" == S || "interactive" == S ? o() : document.addEventListener("DOMContentLoaded", o), i.data = function (t) { - t = h(t); - var e = t && t.huebeeGUID; - return e && l[e]; - }; - var y = document.createElement("canvas"); - y.width = y.height = 1; - - var _ = y.getContext("2d"); - - return i; -}); -$.when($.ready).then(function () { - var base = (document.querySelector('base') || {}).href; - - if ($('.message-container').length) { - setTimeout(function () { - $('.message-container').fadeOut(); - }, 3500); - } // from https://developer.mozilla.org/en-US/docs/Web/API/Page_Visibility_API - // Set the name of the hidden property and the change event for visibility - - - var hidden, visibilityChange; - - if (typeof document.hidden !== "undefined") { - // Opera 12.10 and Firefox 18 and later support - hidden = "hidden"; - visibilityChange = "visibilitychange"; - } else if (typeof document.msHidden !== "undefined") { - hidden = "msHidden"; - visibilityChange = "msvisibilitychange"; - } else if (typeof document.webkitHidden !== "undefined") { - hidden = "webkitHidden"; - visibilityChange = "webkitvisibilitychange"; - } - - var livestatsRefreshTimeouts = []; - var livestatsFuncs = []; - var livestatsContainers = $('.livestats-container'); - - function stopLivestatsRefresh() { - for (var _i = 0, _livestatsRefreshTime = livestatsRefreshTimeouts; _i < _livestatsRefreshTime.length; _i++) { - var timeoutId = _livestatsRefreshTime[_i]; - window.clearTimeout(timeoutId); - } - } - - function startLivestatsRefresh() { - for (var _i2 = 0, _livestatsFuncs = livestatsFuncs; _i2 < _livestatsFuncs.length; _i2++) { - var fun = _livestatsFuncs[_i2]; - fun(); - } - } - - if (livestatsContainers.length > 0) { - if (typeof document.addEventListener === "undefined" || hidden === undefined) { - console.log("This browser does not support visibilityChange"); - } else { - document.addEventListener(visibilityChange, function () { - if (document[hidden]) { - stopLivestatsRefresh(); - } else { - startLivestatsRefresh(); - } - }, false); - } - - livestatsContainers.each(function (index) { - var id = $(this).data('id'); - var dataonly = $(this).data('dataonly'); - var increaseby = dataonly == 1 ? 20000 : 1000; - var container = $(this); - var max_timer = 30000; - var timer = 5000; - - var fun = function worker() { - $.ajax({ - url: base + 'get_stats/' + id, - dataType: 'json', - success: function success(data) { - container.html(data.html); - if (data.status == 'active') timer = increaseby;else { - if (timer < max_timer) timer += 2000; - } - }, - complete: function complete(jqXHR) { - if (jqXHR.status > 299) { - // Stop polling when we get errors - return; - } // Schedule the next request when the current one's complete - - - livestatsRefreshTimeouts[index] = window.setTimeout(worker, timer); - } - }); - }; - - livestatsFuncs[index] = fun; - fun(); - }); - } - - function readURL(input) { - if (input.files && input.files[0]) { - var reader = new FileReader(); - - reader.onload = function (e) { - $('#appimage img').attr('src', e.target.result); - }; - - reader.readAsDataURL(input.files[0]); - } - } - - $('#upload').change(function () { - readURL(this); - }); - /*$(".droppable").droppable({ - tolerance: "intersect", - drop: function( event, ui ) { - var tag = $( this ).data('id'); - var item = $( ui.draggable ).data('id'); - $.get('tag/add/'+tag+'/'+item, function(data) { - if(data == 1) { - $( ui.draggable ).remove(); - } else { - alert('not added'); - } - }); - } - });*/ - - $('#sortable').sortable({ - stop: function stop(event, ui) { - var idsInOrder = $('#sortable').sortable('toArray', { - attribute: 'data-id' - }); - $.post(base + 'order', { - order: idsInOrder - }); - } - }); - $('#sortable').sortable('disable'); - $('#main').on('mouseenter', '#sortable.ui-sortable-disabled .item', function () { - $(this).siblings('.tooltip').addClass('active'); - $('.refresh', this).addClass('active'); - }).on('mouseleave', '.item', function () { - $(this).siblings('.tooltip').removeClass('active'); - $('.refresh', this).removeClass('active'); - }); - $('#search-container').on('input', 'input[name=q]', function () { - var search = this.value; - var items = $('#sortable').children('.item-container'); - - if ($('#search-container select[name=provider]').val() === 'tiles') { - if (search.length > 0) { - items.hide(); - items.filter(function () { - var name = $(this).data('name').toLowerCase(); - return name.includes(search.toLowerCase()); - }).show(); - } else { - items.show(); - } - } else { - items.show(); - } - }).on('change', 'select[name=provider]', function () { - var items = $('#sortable').children('.item-container'); - - if ($(this).val() === 'tiles') { - $('#search-container button').hide(); - var search = $('#search-container input[name=q]').val(); - - if (search.length > 0) { - items.hide(); - items.filter(function () { - var name = $(this).data('name').toLowerCase(); - return name.includes(search.toLowerCase()); - }).show(); - } else { - items.show(); - } - } else { - $('#search-container button').show(); - items.show(); - } - }); - $('#app').on('click', '#config-button', function (e) { - e.preventDefault(); - var app = $('#app'); - var active = app.hasClass('header'); - app.toggleClass('header'); - - if (active) { - $('.add-item').hide(); - $('.item-edit').hide(); - $('#app').removeClass('sidebar'); - $('#sortable .tooltip').css('display', ''); - $('#sortable').sortable('disable'); - } else { - $('#sortable .tooltip').css('display', 'none'); - $('#sortable').sortable('enable'); - setTimeout(function () { - $('.add-item').fadeIn(); - $('.item-edit').fadeIn(); - }, 350); - } - }).on('click', '#add-item, #pin-item', function (e) { - e.preventDefault(); - var app = $('#app'); - var active = app.hasClass('sidebar'); - app.toggleClass('sidebar'); - }).on('click', '.close-sidenav', function (e) { - e.preventDefault(); - var app = $('#app'); - app.removeClass('sidebar'); - }).on('click', '#test_config', function (e) { - e.preventDefault(); - var apiurl = $('#create input[name=url]').val(); - var override_url = $('#sapconfig input[name="config[override_url]"]').val(); - - if (override_url.length && override_url != '') { - apiurl = override_url; - } - - var data = {}; - data['url'] = apiurl; - $('.config-item').each(function (index) { - var config = $(this).data('config'); - data[config] = $(this).val(); - }); - $.post(base + 'test_config', { - data: data - }, function (data) { - alert(data); - }); - }); - $('#pinlist').on('click', 'a', function (e) { - e.preventDefault(); - var current = $(this); - var id = current.data('id'); - var tag = current.data('tag'); - $.get(base + 'items/pintoggle/' + id + '/true/' + tag, function (data) { - var inner = $(data).filter('#sortable').html(); - $('#sortable').html(inner); - current.toggleClass('active'); - }); - }); -}); +function _typeof(t){return(_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}!function(t,e){"function"==typeof define&&define.amd?define("ev-emitter/ev-emitter",e):"object"==("undefined"==typeof module?"undefined":_typeof(module))&&module.exports?module.exports=e():t.EvEmitter=e()}("undefined"!=typeof window?window:this,function(){function t(){}var e=t.prototype;return e.on=function(t,e){if(t&&e){var n=this._events=this._events||{},i=n[t]=n[t]||[];return-1==i.indexOf(e)&&i.push(e),this}},e.once=function(t,e){if(t&&e){this.on(t,e);var n=this._onceEvents=this._onceEvents||{};return(n[t]=n[t]||{})[e]=!0,this}},e.off=function(t,e){var n=this._events&&this._events[t];if(n&&n.length){var i=n.indexOf(e);return-1!=i&&n.splice(i,1),this}},e.emitEvent=function(t,e){var n=this._events&&this._events[t];if(n&&n.length){var i=0,o=n[i];e=e||[];for(var s=this._onceEvents&&this._onceEvents[t];o;){var r=s&&s[o];r&&(this.off(t,o),delete s[o]),o.apply(this,e),o=n[i+=r?0:1]}return this}},t}),function(t,e){"function"==typeof define&&define.amd?define("unipointer/unipointer",["ev-emitter/ev-emitter"],function(n){return e(t,n)}):"object"==("undefined"==typeof module?"undefined":_typeof(module))&&module.exports?module.exports=e(t,require("ev-emitter")):t.Unipointer=e(t,t.EvEmitter)}(window,function(t,e){function n(){}var i=n.prototype=Object.create(e.prototype);i.bindStartEvent=function(t){this._bindStartEvent(t,!0)},i.unbindStartEvent=function(t){this._bindStartEvent(t,!1)},i._bindStartEvent=function(e,n){var i=(n=void 0===n||!!n)?"addEventListener":"removeEventListener";t.navigator.pointerEnabled?e[i]("pointerdown",this):t.navigator.msPointerEnabled?e[i]("MSPointerDown",this):(e[i]("mousedown",this),e[i]("touchstart",this))},i.handleEvent=function(t){var e="on"+t.type;this[e]&&this[e](t)},i.getTouch=function(t){for(var e=0;e.5;var o=this.colorGrid[e.toUpperCase()];this.updateCursor(o),this.setTexts(),this.setBackgrounds(),n||this.emitEvent("change",[e,t.hue,t.sat,t.lum])}},h.setTexts=function(){if(this.setTextElems)for(var t=0;t0&&o.attr("value","*****")}$(".message-container").length&&setTimeout(function(){$(".message-container").fadeOut()},3500),void 0!==document.hidden?(t="hidden",e="visibilitychange"):void 0!==document.msHidden?(t="msHidden",e="msvisibilitychange"):void 0!==document.webkitHidden&&(t="webkitHidden",e="webkitvisibilitychange");var s=[],r=[],a=$(".livestats-container");a.length>0&&(void 0===document.addEventListener||void 0===t?console.log("This browser does not support visibilityChange"):document.addEventListener(e,function(){document[t]?function(){for(var t=0,e=s;t299||(s[t]=window.setTimeout(r,a))}})};r[t]=h,h()})),$("#upload").change(function(){!function(t){if(t.files&&t.files[0]){var e=new FileReader;e.onload=function(t){$("#appimage img").attr("src",t.target.result)},e.readAsDataURL(t.files[0])}}(this)}),$("#sortable").sortable({stop:function(t,e){var i=$("#sortable").sortable("toArray",{attribute:"data-id"});$.post(n+"order",{order:i})}}),$("#sortable").sortable("disable"),$("#main").on("mouseenter","#sortable.ui-sortable-disabled .item",function(){$(this).siblings(".tooltip").addClass("active"),$(".refresh",this).addClass("active")}).on("mouseleave",".item",function(){$(this).siblings(".tooltip").removeClass("active"),$(".refresh",this).removeClass("active")}),$("#search-container").on("input","input[name=q]",function(){var t=this.value,e=$("#sortable").children(".item-container");"tiles"===$("#search-container select[name=provider]").val()&&t.length>0?(e.hide(),e.filter(function(){return $(this).data("name").toLowerCase().includes(t.toLowerCase())}).show()):e.show()}).on("change","select[name=provider]",function(){var t=$("#sortable").children(".item-container");if("tiles"===$(this).val()){$("#search-container button").hide();var e=$("#search-container input[name=q]").val();e.length>0?(t.hide(),t.filter(function(){return $(this).data("name").toLowerCase().includes(e.toLowerCase())}).show()):t.show()}else $("#search-container button").show(),t.show()}),$("#app").on("click","#config-button",function(t){t.preventDefault();var e=$("#app"),n=e.hasClass("header");e.toggleClass("header"),n?($(".add-item").hide(),$(".item-edit").hide(),$("#app").removeClass("sidebar"),$("#sortable .tooltip").css("display",""),$("#sortable").sortable("disable")):($("#sortable .tooltip").css("display","none"),$("#sortable").sortable("enable"),setTimeout(function(){$(".add-item").fadeIn(),$(".item-edit").fadeIn()},350))}).on("click","#add-item, #pin-item",function(t){t.preventDefault();var e=$("#app");e.hasClass("sidebar");e.toggleClass("sidebar")}).on("click",".close-sidenav",function(t){t.preventDefault(),$("#app").removeClass("sidebar")}).on("click","#test_config",function(t){t.preventDefault();var e=$("#create input[name=url]").val(),i=$('#sapconfig input[name="config[override_url]"]').val();i.length&&""!=i&&(e=i);var o={};o.url=e,$(".config-item").each(function(t){var e=$(this).data("config");o[e]=$(this).val()}),o.id=$("form[data-item-id]").data("item-id"),o.password&&"*****"===o.password&&(o.password=""),$.post(n+"test_config",{data:o},function(t){alert(t)})}),$("#pinlist").on("click","a",function(t){t.preventDefault();var e=$(this),i=e.data("id"),o=e.data("tag");$.get(n+"items/pintoggle/"+i+"/true/"+o,function(t){var n=$(t).filter("#sortable").html();$("#sortable").html(n),e.toggleClass("active")})})}); diff --git a/public/mix-manifest.json b/public/mix-manifest.json index bfc1a549..ece63a7d 100644 --- a/public/mix-manifest.json +++ b/public/mix-manifest.json @@ -1,4 +1,4 @@ { - "/css/app.css": "/css/app.css?id=ad45b1705b7f7906db0b", - "/js/app.js": "/js/app.js?id=19a3a77634861ef418d7" + "/css/app.css": "/css/app.css?id=fb9e13c65ffee8ba7340", + "/js/app.js": "/js/app.js?id=7f1d4778de811d7fc901" } diff --git a/resources/assets/js/app.js b/resources/assets/js/app.js index 25a84b30..b5dd48b9 100644 --- a/resources/assets/js/app.js +++ b/resources/assets/js/app.js @@ -2,6 +2,18 @@ $.when( $.ready ).then(function() { var base = (document.querySelector('base') || {}).href; + var itemID = $('form[data-item-id]').data('item-id'); + var fakePassword = '*****'; + + // If in edit mode and password field is present, fill it with stars + if (itemID) { + var passwordField = $('input[name="config[password]"]').first(); + + if (passwordField.length > 0) { + passwordField.attr('value', fakePassword); + } + } + if($('.message-container').length) { setTimeout( function() @@ -224,6 +236,12 @@ $.when( $.ready ).then(function() { data[config] = $(this).val(); }); + data['id'] = $('form[data-item-id]').data('item-id'); + + if (data.password && data.password === fakePassword) { + data.password = ''; + } + $.post(base+'test_config', { data: data }, function(data) { alert(data); }); diff --git a/resources/views/items/edit.blade.php b/resources/views/items/edit.blade.php index 3bcaa313..46d49722 100644 --- a/resources/views/items/edit.blade.php +++ b/resources/views/items/edit.blade.php @@ -2,7 +2,7 @@ @section('content') - {!! Form::model($item, ['method' => 'PATCH', 'id' => 'itemform', 'files' => true, 'route' => ['items.update', $item->id]]) !!} + {!! Form::model($item, ['data-item-id' =>$item->id, 'method' => 'PATCH', 'id' => 'itemform', 'files' => true, 'route' => ['items.update', $item->id]]) !!} @include('items.form') {!! Form::close() !!}