Docker: improved configuration styling

- added icon to variable type
This commit is contained in:
bergware
2023-11-24 14:53:53 +01:00
parent 73bef37e54
commit b09e015234
3 changed files with 18 additions and 6 deletions
@@ -305,6 +305,7 @@ if (!String.prototype.replaceAll) {
// Create config nodes using templateDisplayConfig
function makeConfig(opts) {
confNum += 1;
var icons = {'Path':'folder-o', 'Port':'minus-square-o', 'Variable':'file-text-o', 'Label':'tags', 'Device':'play-circle-o'};
var newConfig = $("#templateDisplayConfig").html();
newConfig = newConfig.format(
stripTags(opts.Name),
@@ -319,7 +320,8 @@ function makeConfig(opts) {
escapeQuote(opts.Value),
opts.Buttons,
opts.Required=='true' ? 'required' : '',
sprintf('Container %s',opts.Type)
sprintf('Container %s',opts.Type),
icons[opts.Type] || 'question'
);
newConfig = "<div id='ConfigNum"+opts.Number+"' class='config_"+opts.Display+"'' >"+newConfig+"</div>";
newConfig = $($.parseHTML(newConfig));
@@ -991,7 +993,7 @@ _(Password Mask)_:
<input type="hidden" name="confDisplay[]" value="{6}">
<input type="hidden" name="confRequired[]" value="{7}">
<input type="hidden" name="confMask[]" value="{8}">
<span class="{11}">{0}:</span>
<span class="{11}"><i class="fa fa-fw fa-{13}"></i>&nbsp;&nbsp;{0}:</span>
: <span class="boxed"><input type="text" class="setting_input" name="confValue[]" default="{2}" value="{9}" autocomplete="off" spellcheck="false" {11}>{10}<br><span class='orange-text'>{12}: {1}</span><br><span class="orange-text">{4}</span><br></span>
</div>
@@ -5,5 +5,10 @@ span.cpu,label.checkbox{display:inline-block;width:32px}
span.ct{display:inline-block;width:230px}
span.net{display:inline-block;width:120px}
span.ip{display:inline-block;width:160px}
dl,dt,dd{line-height:normal!important}
input.setting_input{margin-right:50px}
dl,dt,dd{line-height:normal!important;height:auto!important}
dl{padding:8px 0!important}
dl>dt:nth-of-type(2),dl>dd:nth-of-type(2){padding:20px 0 0 0!important}
input.setting_input{margin-right:4rem}
input,select{margin-top:-0.8rem!important}
div#configLocation,div#configLocation dl{padding:0!important}
div#configLocation dt{margin-top:-0.18rem!important}
@@ -5,5 +5,10 @@ span.cpu,label.checkbox{display:inline-block;width:32px}
span.ct{display:inline-block;width:230px}
span.net{display:inline-block;width:120px}
span.ip{display:inline-block;width:160px}
dl,dt,dd{line-height:normal!important}
input.setting_input{margin-right:50px}
dl,dt,dd{line-height:normal!important;height:auto!important}
dl{padding:8px 0!important}
dl>dt:nth-of-type(2),dl>dd:nth-of-type(2){padding:20px 0 0 0!important}
input.setting_input{margin-right:4rem}
input,select{margin-top:-0.8rem!important}
div#configLocation,div#configLocation dl{padding:0!important}
div#configLocation dt{margin-top:-0.18rem!important}