diff --git a/shared/css/static/general.scss b/shared/css/static/general.scss
index 0ab472a4..57778994 100644
--- a/shared/css/static/general.scss
+++ b/shared/css/static/general.scss
@@ -485,4 +485,10 @@ x-content {
[class*=" bmd-label"], [class^=bmd-label] {
color: rgba(0, 0, 0, .6) !important;
+}
+
+/* bootstrap materialize fix */
+.form-row {
+ margin-left: 0!important;
+ margin-right: 0!important;
}
\ No newline at end of file
diff --git a/shared/css/static/modal-server.scss b/shared/css/static/modal-server.scss
index ab4374f0..942160f2 100644
--- a/shared/css/static/modal-server.scss
+++ b/shared/css/static/modal-server.scss
@@ -1,4 +1,8 @@
-.container-server-settings-general {
+$required_notab_height: 950px;
+
+.container-server-settings-general, .tab-server-settings-general {
+ flex-direction: column;
+
.container-server-settings-slots {
display: flex;
flex-direction: row;
@@ -67,6 +71,27 @@
}
}
}
+
+.tab-server-settings-general {
+ padding: 5px;
+ display: none;
+}
+
+.container-server-settings-general {
+ display: flex;
+ flex-shrink: 0;
+}
+
+@media (max-height: $required_notab_height) {
+ .tab-server-settings-general {
+ display: flex;
+ }
+
+ .container-server-settings-general {
+ display: none;
+ }
+}
+
.container-server-settings-host {
padding: 5px;
diff --git a/shared/html/templates.html b/shared/html/templates.html
index b0a86cd6..1ceeb475 100644
--- a/shared/html/templates.html
+++ b/shared/html/templates.html
@@ -753,7 +753,7 @@
{{tr "Manager the Virtual Server" /}}
-
+
-
+
+ {{tr "General" /}}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
{{tr "Host" /}}
diff --git a/shared/js/ui/modal/ModalServerEdit.ts b/shared/js/ui/modal/ModalServerEdit.ts
index 0dc34dc2..cff5ce83 100644
--- a/shared/js/ui/modal/ModalServerEdit.ts
+++ b/shared/js/ui/modal/ModalServerEdit.ts
@@ -6,7 +6,8 @@ namespace Modals {
const render_properties = {};
Object.assign(render_properties, server.properties);
- render_properties["virtualserver_icon"] = server.channelTree.client.fileManager.icons.generateTag(server.properties.virtualserver_icon_id);
+ render_properties["virtualserver_icon_tab"] = server.channelTree.client.fileManager.icons.generateTag(server.properties.virtualserver_icon_id);
+ render_properties["virtualserver_icon_general"] = server.channelTree.client.fileManager.icons.generateTag(server.properties.virtualserver_icon_id);
const modal_template = $("#tmpl_server_edit").renderTag(render_properties);
const modal = modal_template.modalize((header, body, footer) => {
@@ -15,7 +16,7 @@ namespace Modals {
}
});
- server_applyGeneralListener(properties, server, modal.htmlTag.find(".container-server-settings-general"), modal.htmlTag.find(".button_ok"));
+ server_applyGeneralListener(properties, server, modal.htmlTag.find(".properties-general"), modal.htmlTag.find(".button_ok"));
server_applyTransferListener(properties, server, modal.htmlTag.find('.properties_transfer'));
server_applyHostListener(server, properties, server.properties, modal.htmlTag.find(".properties_host"), modal.htmlTag.find(".button_ok"));
server_applyMessages(properties, server, modal.htmlTag.find(".properties_messages"));
@@ -92,7 +93,8 @@ namespace Modals {
Modals.spawnIconSelect(connection_handler, id => {
const icon_node = tag.find(".button-select-icon").find(".icon-node");
icon_node.empty();
- icon_node.append(connection_handler.fileManager.icons.generateTag(id));
+ icon_node.each((_, e) => { $(e).append(connection_handler.fileManager.icons.generateTag(id)); });
+ //icon_node.append(connection_handler.fileManager.icons.generateTag(id));
console.log("Selected icon ID: %d", id);
properties.virtualserver_icon_id = id;