Skip to content

Add a dropdown menu to Category selection #2

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed
gfjardim wants to merge 2 commits into from
Closed

Add a dropdown menu to Category selection #2

Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
0ba3055
Add a dropdown menu to Category selection
gfjardim Mar 15, 2016
9d81f11
Add RW/Shared option to paths
gfjardim Mar 15, 2016
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
62 changes: 59 additions & 3 deletions plugins/dynamix.docker.manager/include/CreateDocker.php
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -709,6 +709,8 @@ function setXmlVal(&$xml, $value, $el, $attr = null, $pos = 0) {
$('.advanced-switch').change(function () {
var status = $(this).is(':checked');
toggleRows('advanced,.hidden', status, 'basic');
$("#catSelect").dropdownchecklist("destroy");
$("#catSelect").dropdownchecklist({emptyText:'Select categories...', width:300, explicitClose:'...close'});
});
});

Expand Down Expand Up @@ -938,7 +940,7 @@ function toggleMode(el) {
var index = $(el)[0].selectedIndex;
if (index == 0) {
// Path
mode.html("<dt>Mode</dt><dd><select name='Mode'><option value='rw'>Read/Write</option><option value='ro'>Read Only</option></select></dd>");
mode.html("<dt>Mode</dt><dd><select name='Mode'><option value='rw'>Read/Write</option><option value='rw,shared'>RW/Shared</option></option><option value='ro'>Read Only</option></select></dd>");
value.bind("click", function(){openFileBrowser(this,$(this).val(), 'sh', true, false);});
} else if (index == 1) {
// Port
Expand Down Expand Up @@ -1005,6 +1007,15 @@ function resetField(el) {
target.val(reset);
}
}

function prepareCategory() {
var values = $.map($('#catSelect option') ,function(option) {
if ($(option).is(":selected")) {
return option.value;
}
});
$("input[name='contCategory']").val(values.join(" "));
}
</script>
<div id="docker_tabbed" style="display: inline; float: right; margin: -47px 0px;"></div>
<div id="dialogAddConfig" style="display: none"></div>
Expand Down Expand Up @@ -1112,9 +1123,46 @@ function resetField(el) {
</blockquote>
</td>
</tr>
<tr class="advanced">
<tr class="">
<td>Categories:</td>
<td><input type="text" name="contCategory" class="textPath"></td>
<td>
<input type="hidden" name="contCategory">
<select id="catSelect" size="1" multiple="multiple" style="display:none" onchange="prepareCategory();">
<optgroup label="Categories">
<option value="Backup:">Backup</option>
<option value="Cloud:">Cloud</option>
<option value="Downloaders:">Downloaders</option>
<option value="HomeAutomation:">HomeAutomation</option>
<option value="Other:">Other</option>
<option value="Productivity:">Productivity</option>
<option value="Tools:">Tools</option>
</optgroup>
<optgroup label="MediaApp">
<option value="MediaApp:Video">MediaApp:Video</option>
<option value="MediaApp:Music">MediaApp:Music</option>
<option value="MediaApp:Books">MediaApp:Books</option>
<option value="MediaApp:Photos">MediaApp:Photos</option>
<option value="MediaApp:Other">MediaApp:Other</option>
</optgroup>
<optgroup label="MediaServer">
<option value="MediaServer:Video">MediaServer:Video</option>
<option value="MediaServer:Music">MediaServer:Music</option>
<option value="MediaServer:Books">MediaServer:Books</option>
<option value="MediaServer:Photos">MediaServer:Photos</option>
<option value="MediaServer:Other">MediaServer:Other</option>
</optgroup>
<optgroup label="Network">
<option value="Network:Web">Network:Web</option>
<option value="Network:DNS">Network:DNS</option>
<option value="Network:FTP">Network:FTP</option>
<option value="Network:Proxy">Network:Proxy</option>
<option value="Network:Voip">Network:Voip</option>
<option value="Network:Management">Network:Management</option>
<option value="Network:Other">Network:Other</option>
<option value="Network:Messenger">Network:Messenger</option>
</optgroup>
</select>
</td>
</tr>
<tr class="advanced">
<td>Support Thread:</td>
Expand Down Expand Up @@ -1352,6 +1400,12 @@ function reloadTriggers() {
}
}

// Load the confCategory input into the s1 select
categories=$("input[name='contCategory']").val().split(" ");
for (var i = 0; i < categories.length; i++) {
$("#catSelect option[value='"+categories[i]+"']").prop("selected", true);
}

// Remove empty description
if (!Settings.Description.length) {
$('#canvas').find('#Overview:first').hide();
Expand Down Expand Up @@ -1380,6 +1434,8 @@ function reloadTriggers() {

// Add switchButton
$('.switch-on-off').each(function(){var checked = $(this).is(":checked");$(this).switchButton({labels_placement: "right", checked:checked});});
$("#catSelect").dropdownchecklist({emptyText:'Select categories...', width:300, explicitClose:'...close'});

});
</script>
<?END:?>