enhance style
*change editor theme for light and dark mode *enhance file manager breadcrumb visibility *enhance modal folder and file breadcrumb visibility *fix color difference between flash float btns elements on dark mode *enhance dark mode socials visibility *enhance plugin menu message style *enhance delete service form text visibility for light and dark mode
This commit is contained in:
parent
0ca473c690
commit
4dda54a118
|
@ -1088,6 +1088,10 @@ h6 {
|
|||
margin-top: 2rem;
|
||||
}
|
||||
|
||||
.ml-0\.5 {
|
||||
margin-left: 0.125rem;
|
||||
}
|
||||
|
||||
.block {
|
||||
display: block;
|
||||
}
|
||||
|
@ -1188,6 +1192,10 @@ h6 {
|
|||
height: calc(100vh - 360px);
|
||||
}
|
||||
|
||||
.h-4\.5 {
|
||||
height: 1.125rem;
|
||||
}
|
||||
|
||||
.max-h-100 {
|
||||
max-height: 25rem;
|
||||
}
|
||||
|
@ -1328,6 +1336,10 @@ h6 {
|
|||
width: 100vw;
|
||||
}
|
||||
|
||||
.w-4\.5 {
|
||||
width: 1.125rem;
|
||||
}
|
||||
|
||||
.min-w-0 {
|
||||
min-width: 0px;
|
||||
}
|
||||
|
@ -2348,6 +2360,42 @@ h6 {
|
|||
color: rgb(251 177 64 / var(--tw-text-opacity));
|
||||
}
|
||||
|
||||
.text-\[\#344767\] {
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(52 71 103 / var(--tw-text-opacity));
|
||||
}
|
||||
|
||||
.text-black {
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(0 0 0 / var(--tw-text-opacity));
|
||||
}
|
||||
|
||||
.text-gray-800 {
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(37 47 64 / var(--tw-text-opacity));
|
||||
}
|
||||
|
||||
.text-gray-700\/80 {
|
||||
color: rgb(73 80 87 / 0.8);
|
||||
}
|
||||
|
||||
.text-gray-800\/80 {
|
||||
color: rgb(37 47 64 / 0.8);
|
||||
}
|
||||
|
||||
.text-gray-600\/80 {
|
||||
color: rgb(108 117 125 / 0.8);
|
||||
}
|
||||
|
||||
.text-gray-600\/90 {
|
||||
color: rgb(108 117 125 / 0.9);
|
||||
}
|
||||
|
||||
.text-gray-500 {
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(173 181 189 / var(--tw-text-opacity));
|
||||
}
|
||||
|
||||
.antialiased {
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
|
@ -3353,6 +3401,18 @@ h6 {
|
|||
color: rgb(108 117 125 / var(--tw-text-opacity));
|
||||
}
|
||||
|
||||
.after\:text-gray-500::after {
|
||||
content: var(--tw-content);
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(173 181 189 / var(--tw-text-opacity));
|
||||
}
|
||||
|
||||
.after\:text-gray-700::after {
|
||||
content: var(--tw-content);
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(73 80 87 / var(--tw-text-opacity));
|
||||
}
|
||||
|
||||
.after\:shadow-2xl::after {
|
||||
content: var(--tw-content);
|
||||
--tw-shadow: 0 .3125rem .625rem 0 rgba(0,0,0,.12);
|
||||
|
@ -3686,6 +3746,10 @@ h6 {
|
|||
fill: #495057;
|
||||
}
|
||||
|
||||
:is(.dark .dark\:fill-gray-600) {
|
||||
fill: #6c757d;
|
||||
}
|
||||
|
||||
:is(.dark .dark\:stroke-gray-600) {
|
||||
stroke: #6c757d;
|
||||
}
|
||||
|
@ -3725,6 +3789,15 @@ h6 {
|
|||
color: rgb(255 255 255 / var(--tw-text-opacity));
|
||||
}
|
||||
|
||||
:is(.dark .dark\:text-white\/80) {
|
||||
color: rgb(255 255 255 / 0.8);
|
||||
}
|
||||
|
||||
:is(.dark .dark\:text-gray-600) {
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(108 117 125 / var(--tw-text-opacity));
|
||||
}
|
||||
|
||||
:is(.dark .dark\:opacity-50) {
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
@ -3782,6 +3855,18 @@ h6 {
|
|||
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
|
||||
}
|
||||
|
||||
:is(.dark .dark\:after\:text-gray-500)::after {
|
||||
content: var(--tw-content);
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(173 181 189 / var(--tw-text-opacity));
|
||||
}
|
||||
|
||||
:is(.dark .dark\:after\:text-gray-600)::after {
|
||||
content: var(--tw-content);
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(108 117 125 / var(--tw-text-opacity));
|
||||
}
|
||||
|
||||
:is(.dark .dark\:checked\:border-primary:checked) {
|
||||
--tw-border-opacity: 1;
|
||||
border-color: rgb(8 85 119 / var(--tw-border-opacity));
|
||||
|
|
|
@ -1,8 +0,0 @@
|
|||
define("ace/theme/cloud9_day.css",["require","exports","module"],function(e,t,n){n.exports='.ace-cloud9-day .ace_gutter {\n background: #ECECEC;\n color: #333;\n}\n\n.ace-cloud9-day .ace_print-margin {\n width: 1px;\n background: #e8e8e8;\n}\n\n.ace-cloud9-day .ace_fold {\n background-color: #6B72E6;\n}\n\n.ace-cloud9-day {\n background-color: #FBFBFB;\n color: black;\n}\n\n.ace-cloud9-day .ace_cursor {\n color: black;\n}\n\n.ace-cloud9-day .ace_invisible {\n color: rgb(191, 191, 191);\n}\n\n.ace-cloud9-day .ace_storage,\n.ace-cloud9-day .ace_keyword {\n color: rgb(24, 122, 234);\n}\n\n.ace-cloud9-day .ace_constant {\n color: rgb(197, 6, 11);\n}\n\n.ace-cloud9-day .ace_constant.ace_buildin {\n color: rgb(88, 72, 246);\n}\n\n.ace-cloud9-day .ace_constant.ace_language {\n color: rgb(88, 92, 246);\n}\n\n.ace-cloud9-day .ace_constant.ace_library {\n color: rgb(6, 150, 14);\n}\n\n.ace-cloud9-day .ace_invalid {\n background-color: rgba(255, 0, 0, 0.1);\n color: red;\n}\n\n.ace-cloud9-day .ace_support.ace_function {\n color: rgb(60, 76, 114);\n}\n\n.ace-cloud9-day .ace_support.ace_constant {\n color: rgb(6, 150, 14);\n}\n\n.ace-cloud9-day .ace_support.ace_type,\n.ace-cloud9-day .ace_support.ace_class {\n color: rgb(109, 121, 222);\n}\n\n.ace-cloud9-day .ace_keyword.ace_operator {\n color: rgb(104, 118, 135);\n}\n\n.ace-cloud9-day .ace_string {\n color: rgb(3, 106, 7);\n}\n\n.ace-cloud9-day .ace_comment {\n color: rgb(76, 136, 107);\n}\n\n.ace-cloud9-day .ace_comment.ace_doc {\n color: rgb(0, 102, 255);\n}\n\n.ace-cloud9-day .ace_comment.ace_doc.ace_tag {\n color: rgb(128, 159, 191);\n}\n\n.ace-cloud9-day .ace_constant.ace_numeric {\n color: rgb(0, 0, 205);\n}\n\n.ace-cloud9-day .ace_variable {\n color: rgb(49, 132, 149);\n}\n\n.ace-cloud9-day .ace_xml-pe {\n color: rgb(104, 104, 91);\n}\n\n.ace-cloud9-day .ace_entity.ace_name.ace_function {\n color: #0000A2;\n}\n\n\n.ace-cloud9-day .ace_heading {\n color: rgb(12, 7, 255);\n}\n\n.ace-cloud9-day .ace_list {\n color: rgb(185, 6, 144);\n}\n\n.ace-cloud9-day .ace_meta.ace_tag {\n color: rgb(0, 22, 142);\n}\n\n.ace-cloud9-day .ace_string.ace_regex {\n color: rgb(255, 0, 0)\n}\n\n.ace-cloud9-day .ace_marker-layer .ace_selection {\n background: rgb(181, 213, 255);\n}\n\n.ace-cloud9-day.ace_multiselect .ace_selection.ace_start {\n box-shadow: 0 0 3px 0px white;\n}\n\n.ace-cloud9-day .ace_marker-layer .ace_step {\n background: rgb(247, 237, 137);\n}\n\n.ace-cloud9-day .ace_marker-layer .ace_stack {\n background: #BAE0A0;\n}\n\n.ace-cloud9-day .ace_marker-layer .ace_bracket {\n margin: -1px 0 0 -1px;\n border: 1px solid rgb(192, 192, 192);\n}\n\n.ace-cloud9-day .ace_marker-layer .ace_active-line {\n background: rgba(0, 0, 0, 0.07);\n}\n\n.ace-cloud9-day .ace_gutter-active-line {\n background-color: #E5E5E5;\n}\n\n.ace-cloud9-day .ace_marker-layer .ace_selected-word {\n background: rgb(250, 250, 255);\n border: 1px solid rgb(200, 200, 250);\n}\n\n.ace-cloud9-day .ace_indent-guide {\n background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAYAAACZgbYnAAAAE0lEQVQImWP4////f4bLly//BwAmVgd1/w11/gAAAABJRU5ErkJggg==") right repeat-y;\n}\n\n.ace-cloud9-day .ace_indent-guide-active {\n background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAYAAACZgbYnAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAAZSURBVHjaYvj///9/hivKyv8BAAAA//8DACLqBhbvk+/eAAAAAElFTkSuQmCC") right repeat-y;\n} \n'}),define("ace/theme/cloud9_day",["require","exports","module","ace/theme/cloud9_day.css","ace/lib/dom"],function(e,t,n){"use strict";t.isDark=!1,t.cssClass="ace-cloud9-day",t.cssText=e("./cloud9_day.css");var r=e("../lib/dom");r.importCssString(t.cssText,t.cssClass)}); (function() {
|
||||
window.require(["ace/theme/cloud9_day"], function(m) {
|
||||
if (typeof module == "object" && typeof exports == "object" && module) {
|
||||
module.exports = m;
|
||||
}
|
||||
});
|
||||
})();
|
||||
|
|
@ -0,0 +1,18 @@
|
|||
define("ace/theme/dawn.css",["require","exports","module"], function(require, exports, module){module.exports = ".ace-dawn .ace_gutter {\n background: #ebebeb;\n color: #333\n}\n\n.ace-dawn .ace_print-margin {\n width: 1px;\n background: #e8e8e8\n}\n\n.ace-dawn {\n background-color: #F9F9F9;\n color: #080808\n}\n\n.ace-dawn .ace_cursor {\n color: #000000\n}\n\n.ace-dawn .ace_marker-layer .ace_selection {\n background: rgba(39, 95, 255, 0.30)\n}\n\n.ace-dawn.ace_multiselect .ace_selection.ace_start {\n box-shadow: 0 0 3px 0px #F9F9F9;\n}\n\n.ace-dawn .ace_marker-layer .ace_step {\n background: rgb(255, 255, 0)\n}\n\n.ace-dawn .ace_marker-layer .ace_bracket {\n margin: -1px 0 0 -1px;\n border: 1px solid rgba(75, 75, 126, 0.50)\n}\n\n.ace-dawn .ace_marker-layer .ace_active-line {\n background: rgba(36, 99, 180, 0.12)\n}\n\n.ace-dawn .ace_gutter-active-line {\n background-color : #dcdcdc\n}\n\n.ace-dawn .ace_marker-layer .ace_selected-word {\n border: 1px solid rgba(39, 95, 255, 0.30)\n}\n\n.ace-dawn .ace_invisible {\n color: rgba(75, 75, 126, 0.50)\n}\n\n.ace-dawn .ace_keyword,\n.ace-dawn .ace_meta {\n color: #794938\n}\n\n.ace-dawn .ace_constant,\n.ace-dawn .ace_constant.ace_character,\n.ace-dawn .ace_constant.ace_character.ace_escape,\n.ace-dawn .ace_constant.ace_other {\n color: #811F24\n}\n\n.ace-dawn .ace_invalid.ace_illegal {\n text-decoration: underline;\n font-style: italic;\n color: #F8F8F8;\n background-color: #B52A1D\n}\n\n.ace-dawn .ace_invalid.ace_deprecated {\n text-decoration: underline;\n font-style: italic;\n color: #B52A1D\n}\n\n.ace-dawn .ace_support {\n color: #691C97\n}\n\n.ace-dawn .ace_support.ace_constant {\n color: #B4371F\n}\n\n.ace-dawn .ace_fold {\n background-color: #794938;\n border-color: #080808\n}\n\n.ace-dawn .ace_list,\n.ace-dawn .ace_markup.ace_list,\n.ace-dawn .ace_support.ace_function {\n color: #693A17\n}\n\n.ace-dawn .ace_storage {\n font-style: italic;\n color: #A71D5D\n}\n\n.ace-dawn .ace_string {\n color: #0B6125\n}\n\n.ace-dawn .ace_string.ace_regexp {\n color: #CF5628\n}\n\n.ace-dawn .ace_comment {\n font-style: italic;\n color: #5A525F\n}\n\n.ace-dawn .ace_heading,\n.ace-dawn .ace_markup.ace_heading {\n color: #19356D\n}\n\n.ace-dawn .ace_variable {\n color: #234A97\n}\n\n.ace-dawn .ace_indent-guide {\n background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAYAAACZgbYnAAAAEklEQVQImWNgYGBgYLh/5+x/AAizA4hxNNsZAAAAAElFTkSuQmCC) right repeat-y\n}\n\n.ace-dawn .ace_indent-guide-active {\n background: url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAYAAACZgbYnAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAAZSURBVHjaYvj///9/hivKyv8BAAAA//8DACLqBhbvk+/eAAAAAElFTkSuQmCC\") right repeat-y;\n} \n";
|
||||
|
||||
});
|
||||
|
||||
define("ace/theme/dawn",["require","exports","module","ace/theme/dawn.css","ace/lib/dom"], function(require, exports, module){exports.isDark = false;
|
||||
exports.cssClass = "ace-dawn";
|
||||
exports.cssText = require("./dawn.css");
|
||||
var dom = require("../lib/dom");
|
||||
dom.importCssString(exports.cssText, exports.cssClass, false);
|
||||
|
||||
}); (function() {
|
||||
window.require(["ace/theme/dawn"], function(m) {
|
||||
if (typeof module == "object" && typeof exports == "object" && module) {
|
||||
module.exports = m;
|
||||
}
|
||||
});
|
||||
})();
|
||||
|
|
@ -0,0 +1,19 @@
|
|||
define("ace/theme/dracula.css",["require","exports","module"], function(require, exports, module){module.exports = "/*\n * Copyright \u00A9 2017 Zeno Rocha <hi@zenorocha.com>\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the \u201CSoftware\u201D), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \u201CAS IS\u201D, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.\n */\n\n.ace-dracula .ace_gutter {\n background: #282a36;\n color: rgb(144,145,148)\n}\n\n.ace-dracula .ace_print-margin {\n width: 1px;\n background: #44475a\n}\n\n.ace-dracula {\n background-color: #282a36;\n color: #f8f8f2\n}\n\n.ace-dracula .ace_cursor {\n color: #f8f8f0\n}\n\n.ace-dracula .ace_marker-layer .ace_selection {\n background: #44475a\n}\n\n.ace-dracula.ace_multiselect .ace_selection.ace_start {\n box-shadow: 0 0 3px 0px #282a36;\n border-radius: 2px\n}\n\n.ace-dracula .ace_marker-layer .ace_step {\n background: rgb(198, 219, 174)\n}\n\n.ace-dracula .ace_marker-layer .ace_bracket {\n margin: -1px 0 0 -1px;\n border: 1px solid #a29709\n}\n\n.ace-dracula .ace_marker-layer .ace_active-line {\n background: #44475a\n}\n\n.ace-dracula .ace_gutter-active-line {\n background-color: #44475a\n}\n\n.ace-dracula .ace_marker-layer .ace_selected-word {\n box-shadow: 0px 0px 0px 1px #a29709;\n border-radius: 3px;\n}\n\n.ace-dracula .ace_fold {\n background-color: #50fa7b;\n border-color: #f8f8f2\n}\n\n.ace-dracula .ace_keyword {\n color: #ff79c6\n}\n\n.ace-dracula .ace_constant.ace_language {\n color: #bd93f9\n}\n\n.ace-dracula .ace_constant.ace_numeric {\n color: #bd93f9\n}\n\n.ace-dracula .ace_constant.ace_character {\n color: #bd93f9\n}\n\n.ace-dracula .ace_constant.ace_character.ace_escape {\n color: #ff79c6\n}\n\n.ace-dracula .ace_constant.ace_other {\n color: #bd93f9\n}\n\n.ace-dracula .ace_support.ace_function {\n color: #8be9fd\n}\n\n.ace-dracula .ace_support.ace_constant {\n color: #6be5fd\n}\n\n.ace-dracula .ace_support.ace_class {\n font-style: italic;\n color: #66d9ef\n}\n\n.ace-dracula .ace_support.ace_type {\n font-style: italic;\n color: #66d9ef\n}\n\n.ace-dracula .ace_storage {\n color: #ff79c6\n}\n\n.ace-dracula .ace_storage.ace_type {\n font-style: italic;\n color: #8be9fd\n}\n\n.ace-dracula .ace_invalid {\n color: #F8F8F0;\n background-color: #ff79c6\n}\n\n.ace-dracula .ace_invalid.ace_deprecated {\n color: #F8F8F0;\n background-color: #bd93f9\n}\n\n.ace-dracula .ace_string {\n color: #f1fa8c\n}\n\n.ace-dracula .ace_comment {\n color: #6272a4\n}\n\n.ace-dracula .ace_variable {\n color: #50fa7b\n}\n\n.ace-dracula .ace_variable.ace_parameter {\n font-style: italic;\n color: #ffb86c\n}\n\n.ace-dracula .ace_entity.ace_other.ace_attribute-name {\n color: #50fa7b\n}\n\n.ace-dracula .ace_entity.ace_name.ace_function {\n color: #50fa7b\n}\n\n.ace-dracula .ace_entity.ace_name.ace_tag {\n color: #ff79c6\n}\n.ace-dracula .ace_invisible {\n color: #626680;\n}\n\n.ace-dracula .ace_indent-guide {\n background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAYAAACZgbYnAAAAEklEQVQImWNgYGBgYHB3d/8PAAOIAdULw8qMAAAAAElFTkSuQmCC) right repeat-y\n}\n\n.ace-dracula .ace_indent-guide-active {\n background: url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACAQMAAACjTyRkAAAABlBMVEUAAADCwsK76u2xAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjYGBoAAAAhACBGFbxzQAAAABJRU5ErkJggg==\") right repeat-y;\n}\n";
|
||||
|
||||
});
|
||||
|
||||
define("ace/theme/dracula",["require","exports","module","ace/theme/dracula.css","ace/lib/dom"], function(require, exports, module){exports.isDark = true;
|
||||
exports.cssClass = "ace-dracula";
|
||||
exports.cssText = require("./dracula.css");
|
||||
exports.$selectionColorConflict = true;
|
||||
var dom = require("../lib/dom");
|
||||
dom.importCssString(exports.cssText, exports.cssClass, false);
|
||||
|
||||
}); (function() {
|
||||
window.require(["ace/theme/dracula"], function(m) {
|
||||
if (typeof module == "object" && typeof exports == "object" && module) {
|
||||
module.exports = m;
|
||||
}
|
||||
});
|
||||
})();
|
||||
|
|
@ -1,8 +0,0 @@
|
|||
define("ace/theme/twilight.css",["require","exports","module"],function(e,t,n){n.exports='.ace-twilight .ace_gutter {\n background: #232323;\n color: #E2E2E2\n}\n\n.ace-twilight .ace_print-margin {\n width: 1px;\n background: #232323\n}\n\n.ace-twilight {\n background-color: #141414;\n color: #F8F8F8\n}\n\n.ace-twilight .ace_cursor {\n color: #A7A7A7\n}\n\n.ace-twilight .ace_marker-layer .ace_selection {\n background: rgba(221, 240, 255, 0.20)\n}\n\n.ace-twilight.ace_multiselect .ace_selection.ace_start {\n box-shadow: 0 0 3px 0px #141414;\n}\n\n.ace-twilight .ace_marker-layer .ace_step {\n background: rgb(102, 82, 0)\n}\n\n.ace-twilight .ace_marker-layer .ace_bracket {\n margin: -1px 0 0 -1px;\n border: 1px solid rgba(255, 255, 255, 0.25)\n}\n\n.ace-twilight .ace_marker-layer .ace_active-line {\n background: rgba(255, 255, 255, 0.031)\n}\n\n.ace-twilight .ace_gutter-active-line {\n background-color: rgba(255, 255, 255, 0.031)\n}\n\n.ace-twilight .ace_marker-layer .ace_selected-word {\n border: 1px solid rgba(221, 240, 255, 0.20)\n}\n\n.ace-twilight .ace_invisible {\n color: rgba(255, 255, 255, 0.25)\n}\n\n.ace-twilight .ace_keyword,\n.ace-twilight .ace_meta {\n color: #CDA869\n}\n\n.ace-twilight .ace_constant,\n.ace-twilight .ace_constant.ace_character,\n.ace-twilight .ace_constant.ace_character.ace_escape,\n.ace-twilight .ace_constant.ace_other,\n.ace-twilight .ace_heading,\n.ace-twilight .ace_markup.ace_heading,\n.ace-twilight .ace_support.ace_constant {\n color: #CF6A4C\n}\n\n.ace-twilight .ace_invalid.ace_illegal {\n color: #F8F8F8;\n background-color: rgba(86, 45, 86, 0.75)\n}\n\n.ace-twilight .ace_invalid.ace_deprecated {\n text-decoration: underline;\n font-style: italic;\n color: #D2A8A1\n}\n\n.ace-twilight .ace_support {\n color: #9B859D\n}\n\n.ace-twilight .ace_fold {\n background-color: #AC885B;\n border-color: #F8F8F8\n}\n\n.ace-twilight .ace_support.ace_function {\n color: #DAD085\n}\n\n.ace-twilight .ace_list,\n.ace-twilight .ace_markup.ace_list,\n.ace-twilight .ace_storage {\n color: #F9EE98\n}\n\n.ace-twilight .ace_entity.ace_name.ace_function,\n.ace-twilight .ace_meta.ace_tag {\n color: #AC885B\n}\n\n.ace-twilight .ace_string {\n color: #8F9D6A\n}\n\n.ace-twilight .ace_string.ace_regexp {\n color: #E9C062\n}\n\n.ace-twilight .ace_comment {\n font-style: italic;\n color: #5F5A60\n}\n\n.ace-twilight .ace_variable {\n color: #7587A6\n}\n\n.ace-twilight .ace_xml-pe {\n color: #494949\n}\n\n.ace-twilight .ace_indent-guide {\n background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAYAAACZgbYnAAAAEklEQVQImWMQERFpYLC1tf0PAAgOAnPnhxyiAAAAAElFTkSuQmCC) right repeat-y\n}\n\n.ace-twilight .ace_indent-guide-active {\n background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAYAAACZgbYnAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAAZSURBVHjaYvj///9/hivKyv8BAAAA//8DACLqBhbvk+/eAAAAAElFTkSuQmCC") right repeat-y;\n}\n'}),define("ace/theme/twilight",["require","exports","module","ace/theme/twilight.css","ace/lib/dom"],function(e,t,n){t.isDark=!0,t.cssClass="ace-twilight",t.cssText=e("./twilight.css");var r=e("../lib/dom");r.importCssString(t.cssText,t.cssClass,!1)}); (function() {
|
||||
window.require(["ace/theme/twilight"], function(m) {
|
||||
if (typeof module == "object" && typeof exports == "object" && module) {
|
||||
module.exports = m;
|
||||
}
|
||||
});
|
||||
})();
|
||||
|
|
@ -1,15 +1,21 @@
|
|||
class FolderNav {
|
||||
constructor(prefix) {
|
||||
this.prefix = prefix;
|
||||
this.breadContainer = document.querySelector(`[data-${this.prefix}-breadcrumb]`);
|
||||
this.breadContainer = document.querySelector(
|
||||
`[data-${this.prefix}-breadcrumb]`
|
||||
);
|
||||
this.container = document.querySelector(`[data-${this.prefix}-container]`);
|
||||
this.listContainer = document.querySelector(`[data-${this.prefix}-folders]`);
|
||||
this.listContainer = document.querySelector(
|
||||
`[data-${this.prefix}-folders]`
|
||||
);
|
||||
this.els = document.querySelectorAll(`div[data-${this.prefix}-element]`);
|
||||
this.files = document.querySelectorAll(
|
||||
`div[data-${this.prefix}-element][data-_type='file']`
|
||||
);
|
||||
this.addFileEl = document.querySelector(`[data-${this.prefix}-add-file]`);
|
||||
this.addFolderEl = document.querySelector(`[data-${this.prefix}-add-folder]`);
|
||||
this.addFolderEl = document.querySelector(
|
||||
`[data-${this.prefix}-add-folder]`
|
||||
);
|
||||
this.initSorted();
|
||||
this.initNav();
|
||||
}
|
||||
|
@ -81,7 +87,9 @@ class FolderNav {
|
|||
//remove useless bread
|
||||
this.removeBreadElByLvl(+prevLvl);
|
||||
const folder = document.querySelector(
|
||||
`div[data-${this.prefix}-element][data-path='${item.getAttribute("data-path")}']`
|
||||
`div[data-${this.prefix}-element][data-path='${item.getAttribute(
|
||||
"data-path"
|
||||
)}']`
|
||||
);
|
||||
this.updateActions(folder);
|
||||
}
|
||||
|
@ -120,7 +128,10 @@ class FolderNav {
|
|||
`[data-${this.prefix}-breadcrumb-item]`
|
||||
);
|
||||
breadcrumbItem.forEach((item) => {
|
||||
if (item.hasAttribute("data-level") && +item.getAttribute("data-level") > lvl)
|
||||
if (
|
||||
item.hasAttribute("data-level") &&
|
||||
+item.getAttribute("data-level") > lvl
|
||||
)
|
||||
item.remove();
|
||||
});
|
||||
}
|
||||
|
@ -160,7 +171,7 @@ class FolderNav {
|
|||
//create nested btn el
|
||||
const nestedBtnEl = document.createElement("button");
|
||||
nestedBtnEl.className =
|
||||
"ml-2 dark:text-white dark:opacity-50 text-gray-700 opacity-50 after:float-right after:pl-2 after:text-gray-600 after:content-['/']";
|
||||
"ml-2 dark:text-gray-500 text-gray-600 after:float-right after:pl-2 after:text-gray-600 dark:after:text-gray-500 after:content-['/']";
|
||||
itemEl.appendChild(nestedBtnEl);
|
||||
nestedBtnEl.setAttribute("type", "button");
|
||||
nestedBtnEl.textContent = name;
|
||||
|
@ -184,7 +195,9 @@ class FolderDropdown {
|
|||
//remove when none click
|
||||
try {
|
||||
if (
|
||||
!e.target.closest("div").hasAttribute(`data-${this.prefix}-action-button`)
|
||||
!e.target
|
||||
.closest("div")
|
||||
.hasAttribute(`data-${this.prefix}-action-button`)
|
||||
) {
|
||||
this.hideDropEls();
|
||||
}
|
||||
|
@ -192,7 +205,9 @@ class FolderDropdown {
|
|||
//show dropdown actions for folders
|
||||
try {
|
||||
if (
|
||||
e.target.closest("div").hasAttribute(`data-${this.prefix}-action-button`)
|
||||
e.target
|
||||
.closest("div")
|
||||
.hasAttribute(`data-${this.prefix}-action-button`)
|
||||
) {
|
||||
const dropEl = e.target
|
||||
.closest(`div[data-${this.prefix}-element]`)
|
||||
|
@ -267,15 +282,15 @@ class FolderEditor {
|
|||
|
||||
setDarkMode() {
|
||||
document.querySelector("html").className.includes("dark")
|
||||
? this.editor.setTheme("ace/theme/twilight")
|
||||
: this.editor.setTheme("ace/theme/cloud9_day");
|
||||
? this.editor.setTheme("ace/theme/dracula")
|
||||
: this.editor.setTheme("ace/theme/dawn");
|
||||
}
|
||||
|
||||
//change theme according to mode
|
||||
changeDarkMode(bool) {
|
||||
bool
|
||||
? this.editor.setTheme("ace/theme/twilight")
|
||||
: this.editor.setTheme("ace/theme/cloud9_day");
|
||||
? this.editor.setTheme("ace/theme/dracula")
|
||||
: this.editor.setTheme("ace/theme/dawn");
|
||||
}
|
||||
|
||||
readOnlyBool(bool) {
|
||||
|
@ -289,7 +304,9 @@ class FolderModal {
|
|||
//container
|
||||
this.container = document.querySelector(`[data-${this.prefix}-container]`);
|
||||
//add service/file elements
|
||||
this.breadContainer = document.querySelector(`[data-${this.prefix}-breadcrumb]`);
|
||||
this.breadContainer = document.querySelector(
|
||||
`[data-${this.prefix}-breadcrumb]`
|
||||
);
|
||||
this.addConfContainer = document.querySelector(
|
||||
`[data-${this.prefix}-add-container]`
|
||||
);
|
||||
|
@ -299,7 +316,9 @@ class FolderModal {
|
|||
this.modalTitle = this.modalEl.querySelector(
|
||||
`[data-${this.prefix}-modal-title]`
|
||||
);
|
||||
this.modalPath = this.modalEl.querySelector(`[data-${this.prefix}-modal-path]`);
|
||||
this.modalPath = this.modalEl.querySelector(
|
||||
`[data-${this.prefix}-modal-path]`
|
||||
);
|
||||
this.modalEditor = this.modalEl.querySelector(
|
||||
`[data-${this.prefix}-modal-editor]`
|
||||
);
|
||||
|
@ -336,7 +355,9 @@ class FolderModal {
|
|||
this.addConfContainer.addEventListener("click", (e) => {
|
||||
//add folder
|
||||
try {
|
||||
if (e.target.closest("li").hasAttribute(`data-${this.prefix}-add-folder`)) {
|
||||
if (
|
||||
e.target.closest("li").hasAttribute(`data-${this.prefix}-add-folder`)
|
||||
) {
|
||||
this.setModal(
|
||||
"new",
|
||||
this.getPathFromBread(),
|
||||
|
@ -349,7 +370,9 @@ class FolderModal {
|
|||
} catch (err) {}
|
||||
//add file
|
||||
try {
|
||||
if (e.target.closest("li").hasAttribute(`data-${this.prefix}-add-file`)) {
|
||||
if (
|
||||
e.target.closest("li").hasAttribute(`data-${this.prefix}-add-file`)
|
||||
) {
|
||||
this.setModal(
|
||||
"new",
|
||||
this.getPathFromBread(),
|
||||
|
@ -368,9 +391,7 @@ class FolderModal {
|
|||
//click on file logic
|
||||
try {
|
||||
if (e.target.closest("div").getAttribute("data-_type") == "file") {
|
||||
const btnEl = e.target
|
||||
.closest("div")
|
||||
.querySelector('button[value]');
|
||||
const btnEl = e.target.closest("div").querySelector("button[value]");
|
||||
const [action, path, type, content, name, level] =
|
||||
this.getInfoFromActionBtn(btnEl);
|
||||
this.setModal(action, path, type, content, name, level);
|
||||
|
@ -414,7 +435,9 @@ class FolderModal {
|
|||
//close modal logic
|
||||
try {
|
||||
if (
|
||||
e.target.closest("button").hasAttribute(`data-${this.prefix}-modal-close`)
|
||||
e.target
|
||||
.closest("button")
|
||||
.hasAttribute(`data-${this.prefix}-modal-close`)
|
||||
) {
|
||||
this.closeModal();
|
||||
}
|
||||
|
@ -472,7 +495,8 @@ class FolderModal {
|
|||
}
|
||||
|
||||
getLevelFromBread() {
|
||||
const level = this.breadContainer.lastElementChild.getAttribute("data-level");
|
||||
const level =
|
||||
this.breadContainer.lastElementChild.getAttribute("data-level");
|
||||
return level;
|
||||
}
|
||||
//set all needed data from btn action and folder info
|
||||
|
|
|
@ -19,17 +19,16 @@ url_for(request.endpoint)[1:].split("/")[-1].strip().replace('_', '-') %}
|
|||
<li
|
||||
data-{{current_endpoint}}-breadcrumb-item
|
||||
data-{{current_endpoint}}-back
|
||||
class="mr-2 cursor-pointer text-sm capitalize leading-normal text-gray-700"
|
||||
class="mr-3 cursor-pointer text-sm capitalize leading-normal dark:text-gray-500 text-gray-600"
|
||||
aria-current="page"
|
||||
>
|
||||
<svg
|
||||
class="w-4 hover:brigthness-80"
|
||||
class="w-4.5 h-4.5 hover:brigthness-80"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
fill="none"
|
||||
viewBox="0 0 24 24"
|
||||
stroke-width="1.5"
|
||||
stroke="currentColor"
|
||||
class="w-6 h-6"
|
||||
>
|
||||
<path
|
||||
stroke-linecap="round"
|
||||
|
@ -47,7 +46,7 @@ url_for(request.endpoint)[1:].split("/")[-1].strip().replace('_', '-') %}
|
|||
>
|
||||
<button
|
||||
type="button"
|
||||
class="dark:text-white dark:opacity-50 text-gray-700 opacity-50 after:float-right after:pl-2 after:text-gray-600 after:content-['/']"
|
||||
class="dark:text-gray-500 text-gray-600 after:float-right after:pl-2 after:text-gray-600 dark:after:text-gray-500 after:content-['/']"
|
||||
>
|
||||
{{current_endpoint}}
|
||||
</button>
|
||||
|
@ -398,7 +397,7 @@ data-{{current_endpoint}}-modal
|
|||
>
|
||||
<p
|
||||
data-{{current_endpoint}}-modal-path-prefix
|
||||
class="mb-0 dark:text-white dark:opacity-75 text-gray-700 opacity-50 text-sm"
|
||||
class="mb-0 dark:text-white/80 text-gray-700/80 text-sm"
|
||||
></p>
|
||||
<input
|
||||
type="text"
|
||||
|
@ -410,7 +409,7 @@ data-{{current_endpoint}}-modal
|
|||
/>
|
||||
<p
|
||||
data-{{current_endpoint}}-modal-path-suffix
|
||||
class="mb-0 dark:text-white dark:opacity-75 text-gray-700 opacity-50 text-sm"
|
||||
class="ml-1 mb-0 dark:text-white/80 text-gray-700/80 text-sm"
|
||||
>
|
||||
suffix
|
||||
</p>
|
||||
|
|
|
@ -19,7 +19,7 @@
|
|||
</svg>
|
||||
</button>
|
||||
<div
|
||||
class="px-2 translate-x-2 bottom-0 right-0 absolute rounded-full bg-white"
|
||||
class="dark:brightness-95 px-2 translate-x-2 bottom-0 right-0 absolute rounded-full bg-white"
|
||||
>
|
||||
<p data-flash-count class="mb-0 text-sm text-bold text-red-500">
|
||||
{%if messages %} {{messages|length}}{%else%} 0 {%endif%}
|
||||
|
|
|
@ -378,9 +378,9 @@
|
|||
{% else %}
|
||||
<li class="w-full mt-8">
|
||||
<h6
|
||||
class="text-center pl-6 pr-8 ml-2 text-xs leading-tight uppercase dark:text-white opacity-60"
|
||||
class="text-center pl-6 pr-8 ml-2 text-xs leading-tight uppercase text-gray-600/90 dark:text-white/80"
|
||||
>
|
||||
Want your own plugin ? <br />
|
||||
Want your own plugins ? <br />
|
||||
<a
|
||||
class="leading-8 font-bold hover:brightness-75"
|
||||
target="_blank"
|
||||
|
@ -473,7 +473,7 @@
|
|||
<a href="https://www.linkedin.com/company/bunkerity/" target="_blank"
|
||||
><svg
|
||||
fill="#0A63BC"
|
||||
class="hover:opacity-80"
|
||||
class="hover:opacity-80 dark:brightness-110"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 448 512"
|
||||
>
|
||||
|
@ -498,7 +498,7 @@
|
|||
<li class="mx-2.5 w-6">
|
||||
<a href="https://github.com/bunkerity" target="_blank"
|
||||
><svg
|
||||
class="hover:opacity-80 dark:fill-gray-700"
|
||||
class="hover:opacity-80 dark:fill-gray-600"
|
||||
fill="#171A1F"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 496 512"
|
||||
|
|
|
@ -1,16 +1,16 @@
|
|||
<!-- modal -->
|
||||
<div
|
||||
data-service-content="settings"
|
||||
data-services-modal
|
||||
data-service-content="settings"
|
||||
data-services-modal
|
||||
class="dark:brightness-110 hidden w-screen h-screen fixed bg-gray-600/50 z-[1001] top-0 left-0 justify-center items-center"
|
||||
>
|
||||
<div
|
||||
data-services-modal-card
|
||||
data-services-modal-card
|
||||
class="overflow-y-auto mx-3 ml-2 mr-6 sm:mx-6 lg:mx-8 my-3 px-4 pt-4 pb-8 w-full min-w-[500px] h-[90vh] flex flex-col break-words bg-white shadow-xl dark:bg-slate-850 dark:shadow-dark-xl rounded-2xl bg-clip-border"
|
||||
>
|
||||
<div class="w-full flex justify-between mb-2">
|
||||
<p
|
||||
data-services-modal-title
|
||||
data-services-modal-title
|
||||
class="transition duration-300 ease-in-out dark:opacity-90 dark:text-gray-200 mb-2 font-sans font-semibold leading-normal uppercase text-md"
|
||||
>
|
||||
SERVICE MODAL
|
||||
|
@ -28,7 +28,7 @@ data-services-modal
|
|||
</button>
|
||||
</div>
|
||||
<div
|
||||
data-services-tabs-header
|
||||
data-services-tabs-header
|
||||
class="flex justify-start items-center gap-x-4 gap-y-2 my-3"
|
||||
>
|
||||
<h5
|
||||
|
@ -55,7 +55,7 @@ data-services-modal
|
|||
{% include "settings_tabs.html" %}
|
||||
<!-- new and edit form -->
|
||||
<form
|
||||
data-services-modal-form
|
||||
data-services-modal-form
|
||||
class="w-full h-full flex flex-col justify-between"
|
||||
id="form-new"
|
||||
method="POST"
|
||||
|
@ -69,14 +69,14 @@ data-services-modal
|
|||
<!-- action button -->
|
||||
<div class="w-full justify-center flex mt-10">
|
||||
<button
|
||||
data-services-modal-close
|
||||
data-services-modal-close
|
||||
type="button"
|
||||
class="dark:brightness-90 mb-4 mr-3 inline-block px-6 py-3 font-bold text-center text-white uppercase align-middle transition-all rounded-lg cursor-pointer bg-sky-500 hover:bg-sky-500/80 focus:bg-sky-500/80 leading-normal text-md ease-in tracking-tight-rem shadow-xs bg-150 bg-x-25 hover:-translate-y-px active:opacity-85 hover:shadow-md"
|
||||
>
|
||||
Close
|
||||
</button>
|
||||
<button
|
||||
data-services-modal-submit
|
||||
data-services-modal-submit
|
||||
type="submit"
|
||||
class="dark:brightness-90 mb-4 inline-block px-6 py-3 font-bold text-center text-white uppercase align-middle transition-all rounded-lg cursor-pointer bg-green-500 hover:bg-green-500/80 focus:bg-green-500/80 leading-normal text-md ease-in tracking-tight-rem shadow-xs bg-150 bg-x-25 hover:-translate-y-px active:opacity-85 hover:shadow-md"
|
||||
>
|
||||
|
@ -88,7 +88,7 @@ data-services-modal
|
|||
<!-- end new and edit form -->
|
||||
<!-- delete form-->
|
||||
<form
|
||||
data-services-modal-form-delete
|
||||
data-services-modal-form-delete
|
||||
class="w-full h-full flex flex-col justify-between"
|
||||
id="form-delete-server_name"
|
||||
method="POST"
|
||||
|
@ -99,14 +99,14 @@ data-services-modal
|
|||
|
||||
<div class="flex justify-center">
|
||||
<p
|
||||
data-services-modal-text
|
||||
class="mx-2 mb-2 mt-8 font-semibold font-sans leading-normal uppercase text-sm"
|
||||
data-services-modal-text
|
||||
class="text-gray-700 dark:text-gray-500 mx-2 mb-2 mt-8 font-semibold font-sans leading-normal uppercase text-sm"
|
||||
></p>
|
||||
</div>
|
||||
<!-- action button -->
|
||||
<div class="w-full justify-center flex mt-10">
|
||||
<button
|
||||
data-services-modal-close
|
||||
data-services-modal-close
|
||||
type="button"
|
||||
class="dark:brightness-90 mr-3 inline-block px-6 py-3 font-bold text-center text-white uppercase align-middle transition-all rounded-lg cursor-pointer bg-sky-500 hover:bg-sky-500/80 focus:bg-sky-500/80 leading-normal text-md ease-in tracking-tight-rem shadow-xs bg-150 bg-x-25 hover:-translate-y-px active:opacity-85 hover:shadow-md"
|
||||
>
|
||||
|
|
Loading…
Reference in New Issue