|
@@ -37,6 +37,11 @@
|
|
|
$('.add-transition').attr('class', 'add-transition');
|
|
$('.add-transition').attr('class', 'add-transition');
|
|
|
$('.add-transition').addClass(transAttr);
|
|
$('.add-transition').addClass(transAttr);
|
|
|
});
|
|
});
|
|
|
|
|
+ {% if show_on_host %}
|
|
|
|
|
+ refresh_hosts_selectpicker($('#on_host'));
|
|
|
|
|
+ {% else %}
|
|
|
|
|
+ $('#on_host_form').remove();
|
|
|
|
|
+ {% endif %}
|
|
|
});
|
|
});
|
|
|
|
|
|
|
|
$(function() { "use strict";
|
|
$(function() { "use strict";
|
|
@@ -58,6 +63,26 @@
|
|
|
verticaldownclass: 'glyph-icon icon-minus'
|
|
verticaldownclass: 'glyph-icon icon-minus'
|
|
|
});
|
|
});
|
|
|
});
|
|
});
|
|
|
|
|
+
|
|
|
|
|
+ function refresh_hosts_selectpicker(selectpicker) {
|
|
|
|
|
+ $.ajax({
|
|
|
|
|
+ url : '/api/hosts',
|
|
|
|
|
+ type : 'GET',
|
|
|
|
|
+ contentType: "application/json; charset=utf-8",
|
|
|
|
|
+ dataType: 'json',
|
|
|
|
|
+ error : function() {
|
|
|
|
|
+ },
|
|
|
|
|
+ success : function(data, textStatus, xhr) {
|
|
|
|
|
+ selectpicker.empty();
|
|
|
|
|
+ $.each(data.data, function(k, v) {
|
|
|
|
|
+ selectpicker.append(
|
|
|
|
|
+ $('<option>', {value: v['hostname'], text: v['hostname']})
|
|
|
|
|
+ );
|
|
|
|
|
+ });
|
|
|
|
|
+ selectpicker.selectpicker('refresh');
|
|
|
|
|
+ }
|
|
|
|
|
+ });
|
|
|
|
|
+ }
|
|
|
</script>
|
|
</script>
|
|
|
|
|
|
|
|
<div class="container" style="padding-top: 100px;">
|
|
<div class="container" style="padding-top: 100px;">
|
|
@@ -88,6 +113,13 @@
|
|
|
<input id="quantity" title="实例数量" class="form-control" type="text" value="1" name="quantity">
|
|
<input id="quantity" title="实例数量" class="form-control" type="text" value="1" name="quantity">
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
|
|
+ <div id="on_host_form" class="form-group">
|
|
|
|
|
+ <label class="col-sm-2 control-label"><span class="glyph-icon icon-desktop"></span> 宿主机</label>
|
|
|
|
|
+ <div class="col-sm-6">
|
|
|
|
|
+ <select id="on_host" name="on_host" title="宿主机" class="selectpicker">
|
|
|
|
|
+ </select>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
<div class="form-group">
|
|
<div class="form-group">
|
|
|
<label class="col-sm-2 control-label"><span class="glyph-icon icon-elusive-compass-circled"></span> 标识</label>
|
|
<label class="col-sm-2 control-label"><span class="glyph-icon icon-elusive-compass-circled"></span> 标识</label>
|
|
|
<div class="col-sm-6">
|
|
<div class="col-sm-6">
|