diff --git a/installer.css b/installer.css index 43c46a7..b67477d 100644 --- a/installer.css +++ b/installer.css @@ -132,3 +132,55 @@ body#scan{ transform: rotate(135deg); } } + + .info-container { + position: relative; + display: inline-block; + font-family: Arial, sans-serif; + } + + .info-icon { + background-color: #007BFF; + color: white; + border-radius: 50%; + padding: 4px 8px; + cursor: pointer; + font-weight: bold; + font-size: 14px; + text-align: center; + line-height: 1; + display: inline-block; + } + + .tooltip { + visibility: hidden; + background-color: #333; + color: #fff; + text-align: left; + border-radius: 4px; + padding: 8px; + position: absolute; + z-index: 1; + bottom: 125%; /* above the icon */ + left: 50%; + transform: translateX(-50%); + opacity: 0; + transition: opacity 0.3s; + white-space: nowrap; + } + + .tooltip::after { + content: ""; + position: absolute; + top: 100%; /* bottom of tooltip */ + left: 50%; + margin-left: -5px; + border-width: 5px; + border-style: solid; + border-color: #333 transparent transparent transparent; + } + + .info-container:hover .tooltip { + visibility: visible; + opacity: 1; + } diff --git a/manage.html b/manage.html index 6eeb97a..6fe3555 100644 --- a/manage.html +++ b/manage.html @@ -1,83 +1,689 @@ - - + + - - - -INSTALLER TOOL - - - - + + + Safebox + - -
-
+ -

Found deployed environment

- -
- VPN - Status: +
+
+ +
+ +
Pro
+
+
+ Proxy status -
-
- REFRESH - / - NEW DESIGN -
- -
- - +
+ +
+
Settings
+
+ +
+
+ +
+
+ +

+
+
+ REFRESH +
+
+ OLD DESIGN +
- + + + + + + + + + + - + diff --git a/manage2.html b/manage2.html index f6b607d..d728e7b 100644 --- a/manage2.html +++ b/manage2.html @@ -1,637 +1,83 @@ - - + + - - - Safebox - + + + +INSTALLER TOOL + + + + - + +
+
-
-
- -
- -
Pro
-
-
- Proxy status +

Found deployed environment

+ +
+ VPN + Status: -
-
- -
-
Settings
-
- -
-
- -
-
- -
-
-
-
- REFRESH -
-
- OLD DESIGN +
+
+ REFRESH + / + NEW DESIGN +
+ +
+ + -
-
- - - - - -
-
- -
-
-
- - - - - - - +
+
+
+
+
- - + diff --git a/scan.php b/scan.php index 6cb2440..65c576c 100644 --- a/scan.php +++ b/scan.php @@ -194,14 +194,27 @@ switch ($_GET["op"]) { } } echo '
'; + if (!empty($template->icon)) echo "
icon."\">
"; + if (!empty($template->description)) echo "
"; foreach ($template->fields as $field) { + if (!empty($field->title)) echo "
".$field->title."
"; if (isset($field->generated)) { echo "generated}\" name=\"{$field->key}\" id=\"{$template->name}_{$field->key}\" class=\"additional_{$template->name}\">"; } else { - echo "
- required=="true" ? "required" : "")." type=\"".(!empty($field->type) ? $field->type : "text")."\" value=\"{$field->value}\" name=\"{$field->key}\" id=\"{$template->name}_{$field->key}\" class=\"additional_{$template->name}\"> -
"; + echo "
"; + echo "
+ + required=="true" ? "required" : "")." type=\"".(!empty($field->type) ? $field->type : "text")."\" value=\"{$field->value}\" name=\"{$field->key}\" id=\"{$template->name}_{$field->key}\" class=\"additional_{$template->name}\"> +
"; + if (!empty($field->info)) echo " +
+ i +
{$field->info}
+
+ "; + echo "
"; + if (!empty($field->details)) echo "
".$field->details."
"; } }