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 @@ -
+
@@ -764,7 +764,7 @@
- +
@@ -793,9 +793,57 @@

+
-
+ + {{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;