|
@@ -1,880 +0,0 @@
|
|
|
-{% extends "layout.html" %}
|
|
|
|
|
-{% block head %}
|
|
|
|
|
- {{ super() }}
|
|
|
|
|
- <style type="text/css">
|
|
|
|
|
-
|
|
|
|
|
- @media (min-width: 768px) {
|
|
|
|
|
- .form-horizontal .control-label {
|
|
|
|
|
- text-align: left;
|
|
|
|
|
- }
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- label>span {
|
|
|
|
|
- color: deepskyblue;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .table {
|
|
|
|
|
- font-size: 12px;
|
|
|
|
|
- border-width: 1px;
|
|
|
|
|
- line-height: 20px;
|
|
|
|
|
- }
|
|
|
|
|
- .table > thead > tr > th,
|
|
|
|
|
- .table > tfoot > tr > th {
|
|
|
|
|
- color: #999999;
|
|
|
|
|
- font-weight: normal;
|
|
|
|
|
- border-bottom: 0 solid #e1e6eb;
|
|
|
|
|
- background-color: #F5F6FA;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .table > tbody > tr > td {
|
|
|
|
|
- color: #424547;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .table-bordered > tbody > tr {
|
|
|
|
|
- padding-top: 10px;
|
|
|
|
|
- padding-bottom: 10px;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .table-bordered > thead > tr > th,
|
|
|
|
|
- .table-bordered > tbody > tr > th,
|
|
|
|
|
- .table-bordered > tfoot > tr > th,
|
|
|
|
|
- .table-bordered > thead > tr > td,
|
|
|
|
|
- .table-bordered > tbody > tr > td,
|
|
|
|
|
- .table-bordered > tfoot > tr > td {
|
|
|
|
|
- border-style: solid;
|
|
|
|
|
- border-width: 1px 0 0 0;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .btn,
|
|
|
|
|
- .form-control,
|
|
|
|
|
- .modal-content {
|
|
|
|
|
- border-radius: 0 !important;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .btn-shortcut {
|
|
|
|
|
- font-size: 12px !important;
|
|
|
|
|
- padding: 0 26px;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .show {
|
|
|
|
|
- display: inline-block !important;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .tr-selected td,
|
|
|
|
|
- .tr-selected {
|
|
|
|
|
- color: #000 !important;
|
|
|
|
|
- background: #fafaff !important;
|
|
|
|
|
- }
|
|
|
|
|
- </style>
|
|
|
|
|
-
|
|
|
|
|
-{% endblock head %}
|
|
|
|
|
-{% block content %}
|
|
|
|
|
-
|
|
|
|
|
-<script type="text/javascript">
|
|
|
|
|
- var page = 1;
|
|
|
|
|
- var page_size = 10;
|
|
|
|
|
- var keyword = '';
|
|
|
|
|
- var resource_path = window.location.pathname;
|
|
|
|
|
- var cur_url = resource_path;
|
|
|
|
|
-
|
|
|
|
|
- $(document).ready(function() {
|
|
|
|
|
- page_size = $('#page_size').val();
|
|
|
|
|
- cur_url = resource_path + '?page=' + page + '&page_size=' + page_size;
|
|
|
|
|
-
|
|
|
|
|
- var last_ready = null;
|
|
|
|
|
- $('#content_search').keydown(function() {
|
|
|
|
|
- if (last_ready !== null) {
|
|
|
|
|
- clearTimeout(last_ready);
|
|
|
|
|
- }
|
|
|
|
|
- last_ready = setTimeout(function () {
|
|
|
|
|
- keyword = $('#content_search').val();
|
|
|
|
|
- cur_url = resource_path + '?page=' + page + '&page_size=' + page_size;
|
|
|
|
|
- if (keyword.length > 0) {
|
|
|
|
|
- cur_url = resource_path + '?page=' + page + '&page_size=' + page_size + '&keyword=' + keyword;
|
|
|
|
|
- }
|
|
|
|
|
- window.location.href=cur_url;
|
|
|
|
|
- }, 1000);
|
|
|
|
|
- });
|
|
|
|
|
-
|
|
|
|
|
- $('#page_size').change(function () {
|
|
|
|
|
- keyword = $('#content_search').val();
|
|
|
|
|
- page_size = $('#page_size').val();
|
|
|
|
|
- cur_url = resource_path + '?page=' + page + '&page_size=' + page_size;
|
|
|
|
|
- if (keyword.length > 0) {
|
|
|
|
|
- cur_url = resource_path + '?page=' + page + '&page_size=' + page_size + '&keyword=' + keyword;
|
|
|
|
|
- }
|
|
|
|
|
- window.location.href=cur_url;
|
|
|
|
|
- });
|
|
|
|
|
-
|
|
|
|
|
- $("thead").on('click', ".all_selector", function() {
|
|
|
|
|
- if ($("thead .all_selector").is(':checked')) {
|
|
|
|
|
- $("tbody tr").find('td input[type="checkbox"]:eq(0)').prop('checked', true);
|
|
|
|
|
- $(".all_selector").prop('checked', true);
|
|
|
|
|
- } else {
|
|
|
|
|
- $("tbody tr").find('td input[type="checkbox"]:eq(0)').prop('checked', false);
|
|
|
|
|
- $(".all_selector").prop('checked', false);
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- select_item_action();
|
|
|
|
|
- });
|
|
|
|
|
-
|
|
|
|
|
- $("tfoot").on('click', ".all_selector", function() {
|
|
|
|
|
- if ($("tfoot .all_selector").is(':checked')) {
|
|
|
|
|
- $("tbody tr").find('td input[type="checkbox"]:eq(0)').prop('checked', true);
|
|
|
|
|
- $(".all_selector").prop('checked', true);
|
|
|
|
|
- } else {
|
|
|
|
|
- $("tbody tr").find('td input[type="checkbox"]:eq(0)').prop('checked', false);
|
|
|
|
|
- $(".all_selector").prop('checked', false);
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- select_item_action();
|
|
|
|
|
- });
|
|
|
|
|
-
|
|
|
|
|
- $("tbody tr").on('click', "input[type='checkbox']", function() {
|
|
|
|
|
- select_item_action();
|
|
|
|
|
- });
|
|
|
|
|
-
|
|
|
|
|
- $('#edit_label_modal').on('show.bs.modal', function (me) {
|
|
|
|
|
- $('#os_template_id').val($(me.relatedTarget).parent().parent().prev().prev().text());
|
|
|
|
|
- $('#edit_label').val($(me.relatedTarget).prev().text());
|
|
|
|
|
- });
|
|
|
|
|
-
|
|
|
|
|
- $('#edit_path_modal').on('show.bs.modal', function (me) {
|
|
|
|
|
- $('#os_template_id').val($(me.relatedTarget).parent().parent().prev().prev().prev().prev().text());
|
|
|
|
|
- $('#edit_path').val($(me.relatedTarget).prev().text());
|
|
|
|
|
- });
|
|
|
|
|
-
|
|
|
|
|
- $('#add_os_template_modal').on('show.bs.modal', function (me) {
|
|
|
|
|
- refresh_os_template_boot_job_selectpicker($('#boot_job_id'));
|
|
|
|
|
- });
|
|
|
|
|
-
|
|
|
|
|
- $('#update_boot_job_modal').on('show.bs.modal', function (me) {
|
|
|
|
|
- refresh_os_template_boot_job_selectpicker($('#update_boot_job_id'));
|
|
|
|
|
- });
|
|
|
|
|
-
|
|
|
|
|
- $('#update_os_type_modal').on('show.bs.modal', function (me) {
|
|
|
|
|
- $('#os_template_id').val($(me.relatedTarget).parent().prev().prev().prev().prev().prev().text());
|
|
|
|
|
- $('#update_os_type_instance_desc').text($(me.relatedTarget).parent().prev().prev().prev().text());
|
|
|
|
|
- });
|
|
|
|
|
-
|
|
|
|
|
- $('#update_icon_modal').on('show.bs.modal', function (me) {
|
|
|
|
|
- $('#os_template_id').val($(me.relatedTarget).parent().prev().prev().prev().prev().prev().prev().text());
|
|
|
|
|
- $('#update_icon_instance_desc').text($(me.relatedTarget).parent().prev().prev().prev().prev().text());
|
|
|
|
|
- });
|
|
|
|
|
-
|
|
|
|
|
- $('#add_os_template_form').formValidation({
|
|
|
|
|
- framework: 'bootstrap4',
|
|
|
|
|
- icon: {
|
|
|
|
|
- valid: 'fa fa-check',
|
|
|
|
|
- invalid: 'fa fa-times',
|
|
|
|
|
- validating: 'fa fa-refresh'
|
|
|
|
|
- },
|
|
|
|
|
- // Since the Bootstrap Button hides the radio and checkbox
|
|
|
|
|
- // We exclude the disabled elements only
|
|
|
|
|
- excluded: ':disabled',
|
|
|
|
|
- locale: 'zh_CN',
|
|
|
|
|
- fields: {
|
|
|
|
|
- label: {
|
|
|
|
|
- validators: {
|
|
|
|
|
- notEmpty: {},
|
|
|
|
|
- stringLength: {
|
|
|
|
|
- min: 2,
|
|
|
|
|
- max: 255
|
|
|
|
|
- }
|
|
|
|
|
- }
|
|
|
|
|
- },
|
|
|
|
|
- icon: {
|
|
|
|
|
- validators: {
|
|
|
|
|
- notEmpty: {
|
|
|
|
|
- }
|
|
|
|
|
- }
|
|
|
|
|
- },
|
|
|
|
|
- path: {
|
|
|
|
|
- validators: {
|
|
|
|
|
- notEmpty: {},
|
|
|
|
|
- stringLength: {
|
|
|
|
|
- min: 2,
|
|
|
|
|
- max: 255
|
|
|
|
|
- }
|
|
|
|
|
- }
|
|
|
|
|
- },
|
|
|
|
|
- os_type: {
|
|
|
|
|
- validators: {
|
|
|
|
|
- notEmpty: {
|
|
|
|
|
- }
|
|
|
|
|
- }
|
|
|
|
|
- },
|
|
|
|
|
- boot_job_id: {
|
|
|
|
|
- validators: {
|
|
|
|
|
- notEmpty: {
|
|
|
|
|
- }
|
|
|
|
|
- }
|
|
|
|
|
- }
|
|
|
|
|
- }
|
|
|
|
|
- })
|
|
|
|
|
- .on('success.field.fv', function(e, data) {
|
|
|
|
|
- if (data.fv.getInvalidFields().length > 0) { // There is invalid field
|
|
|
|
|
- data.fv.disableSubmitButtons(true);
|
|
|
|
|
- }
|
|
|
|
|
- })
|
|
|
|
|
- });
|
|
|
|
|
-
|
|
|
|
|
- function refresh() {
|
|
|
|
|
- keyword = $('#content_search').val();
|
|
|
|
|
- page = $('#pagination li.active a').text();
|
|
|
|
|
- page_size = $('#page_size').val();
|
|
|
|
|
- cur_url = resource_path + '?page=' + page + '&page_size=' + page_size;
|
|
|
|
|
- if (keyword.length > 0) {
|
|
|
|
|
- cur_url = resource_path + '?page=' + page + '&page_size=' + page_size + '&keyword=' + keyword;
|
|
|
|
|
- }
|
|
|
|
|
- window.location.href=cur_url;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- function row_onmouseover(me) {
|
|
|
|
|
- $(me).find(".edit_label_trigger, .edit_path_trigger").css('display','inline-flex');
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- function row_onmouseout(me) {
|
|
|
|
|
- $(me).find(".edit_label_trigger, .edit_path_trigger").css('display','none');
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- function refresh_os_template_boot_job_selectpicker(selectpicker) {
|
|
|
|
|
- $.ajax({
|
|
|
|
|
- url : '/api/boot_jobs?filter=use_for:eq:0',
|
|
|
|
|
- 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['id'], text: v['name'], 'data-subtext': v['remark']})
|
|
|
|
|
- );
|
|
|
|
|
- });
|
|
|
|
|
- selectpicker.selectpicker('refresh');
|
|
|
|
|
- }
|
|
|
|
|
- });
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- function label_update(me) {
|
|
|
|
|
- var os_template_id = $('#os_template_id').val();
|
|
|
|
|
- var label = $('#edit_label').val();
|
|
|
|
|
- $('#edit_label_modal').modal('hide');
|
|
|
|
|
- $.ajax({
|
|
|
|
|
- url : '/api/os_template/' + os_template_id,
|
|
|
|
|
- type : 'PATCH',
|
|
|
|
|
- contentType: "application/json; charset=utf-8",
|
|
|
|
|
- data : JSON.stringify({
|
|
|
|
|
- label: label
|
|
|
|
|
- }),
|
|
|
|
|
- error : function() {
|
|
|
|
|
- alter_danger('模板名称更新失败!');
|
|
|
|
|
- },
|
|
|
|
|
- success : function() {
|
|
|
|
|
- alter_success('模板名称更新成功!');
|
|
|
|
|
- refresh()
|
|
|
|
|
- }
|
|
|
|
|
- });
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- function path_update(me) {
|
|
|
|
|
- var os_template_id = $('#os_template_id').val();
|
|
|
|
|
- var path = $('#edit_path').val();
|
|
|
|
|
- $('#edit_path_modal').modal('hide');
|
|
|
|
|
- $.ajax({
|
|
|
|
|
- url : '/api/os_template/' + os_template_id,
|
|
|
|
|
- type : 'PATCH',
|
|
|
|
|
- contentType: "application/json; charset=utf-8",
|
|
|
|
|
- data : JSON.stringify({
|
|
|
|
|
- path: path
|
|
|
|
|
- }),
|
|
|
|
|
- error : function() {
|
|
|
|
|
- alter_danger('模板路径更新失败!');
|
|
|
|
|
- },
|
|
|
|
|
- success : function() {
|
|
|
|
|
- alter_success('模板路径更新成功!');
|
|
|
|
|
- refresh()
|
|
|
|
|
- }
|
|
|
|
|
- });
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- function get_selected_element(checked) {
|
|
|
|
|
- if (checked === null) {
|
|
|
|
|
- checked = true;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- if (checked) {
|
|
|
|
|
- return $('tbody :checked');
|
|
|
|
|
- } else {
|
|
|
|
|
-
|
|
|
|
|
- return $('tbody input:not(:checked)');
|
|
|
|
|
- }
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- function highlight_selected_element() {
|
|
|
|
|
- var selected_element = get_selected_element(true);
|
|
|
|
|
- var no_selected_element = get_selected_element(false);
|
|
|
|
|
-
|
|
|
|
|
- selected_element.each(function(i, e) {
|
|
|
|
|
- $(e).parent().parent().toggleClass('tr-selected', true);
|
|
|
|
|
- });
|
|
|
|
|
-
|
|
|
|
|
- no_selected_element.each(function(i, e) {
|
|
|
|
|
- $(e).parent().parent().toggleClass('tr-selected', false);
|
|
|
|
|
- });
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- function shortcut_bar_enable() {
|
|
|
|
|
- var selected_element = get_selected_element(true);
|
|
|
|
|
-
|
|
|
|
|
- if (selected_element.length > 0) {
|
|
|
|
|
- $('.btn-shortcut').toggleClass('disabled', false);
|
|
|
|
|
- } else {
|
|
|
|
|
- $('.btn-shortcut').toggleClass('disabled', true);
|
|
|
|
|
- }
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- function select_item_action() {
|
|
|
|
|
- highlight_selected_element();
|
|
|
|
|
- shortcut_bar_enable();
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- function enable(id) {
|
|
|
|
|
- $.ajax({
|
|
|
|
|
- url : '/api/os_template/' + id,
|
|
|
|
|
- type : 'PATCH',
|
|
|
|
|
- contentType: "application/json; charset=utf-8",
|
|
|
|
|
- data : JSON.stringify({
|
|
|
|
|
- active: true
|
|
|
|
|
- }),
|
|
|
|
|
- error : function() {
|
|
|
|
|
- alter_danger('启用指令发送失败!');
|
|
|
|
|
- },
|
|
|
|
|
- success : function() {
|
|
|
|
|
- alter_success('启用指令发送成功!');
|
|
|
|
|
- refresh();
|
|
|
|
|
- }
|
|
|
|
|
- });
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- function disable(id) {
|
|
|
|
|
- $.ajax({
|
|
|
|
|
- url : '/api/os_template/' + id,
|
|
|
|
|
- type : 'PATCH',
|
|
|
|
|
- contentType: "application/json; charset=utf-8",
|
|
|
|
|
- data : JSON.stringify({
|
|
|
|
|
- active: false
|
|
|
|
|
- }),
|
|
|
|
|
- error : function() {
|
|
|
|
|
- alter_danger('禁用指令发送失败!');
|
|
|
|
|
- },
|
|
|
|
|
- success : function() {
|
|
|
|
|
- alter_success('禁用指令发送成功!');
|
|
|
|
|
- refresh();
|
|
|
|
|
- }
|
|
|
|
|
- });
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- function remove(id) {
|
|
|
|
|
- $.ajax({
|
|
|
|
|
- url : '/api/os_templates/' + id,
|
|
|
|
|
- type : 'DELETE',
|
|
|
|
|
- contentType: "application/json; charset=utf-8",
|
|
|
|
|
- error : function() {
|
|
|
|
|
- alter_danger('模板删除指令发送失败!');
|
|
|
|
|
- },
|
|
|
|
|
- success : function() {
|
|
|
|
|
- alter_success('模板删除指令发送成功!');
|
|
|
|
|
- refresh();
|
|
|
|
|
- }
|
|
|
|
|
- });
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- function update_boot_job(id) {
|
|
|
|
|
- $.ajax({
|
|
|
|
|
- url : '/api/os_template/' + id,
|
|
|
|
|
- type : 'PATCH',
|
|
|
|
|
- contentType: "application/json; charset=utf-8",
|
|
|
|
|
- data : JSON.stringify({
|
|
|
|
|
- boot_job_id: parseInt($('#update_boot_job_id').val())
|
|
|
|
|
- }),
|
|
|
|
|
- error : function() {
|
|
|
|
|
- alter_danger('变更初始化作业指令发送失败!');
|
|
|
|
|
- },
|
|
|
|
|
- success : function() {
|
|
|
|
|
- alter_success('变更初始化作业指令发送成功!');
|
|
|
|
|
- refresh();
|
|
|
|
|
- }
|
|
|
|
|
- });
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- function update_os_type(id) {
|
|
|
|
|
- $.ajax({
|
|
|
|
|
- url : '/api/os_template/' + id,
|
|
|
|
|
- type : 'PATCH',
|
|
|
|
|
- contentType: "application/json; charset=utf-8",
|
|
|
|
|
- data : JSON.stringify({
|
|
|
|
|
- os_type: parseInt($('#update_os_type').val())
|
|
|
|
|
- }),
|
|
|
|
|
- error : function() {
|
|
|
|
|
- alter_danger('变更操作系统类型指令发送失败!');
|
|
|
|
|
- },
|
|
|
|
|
- success : function() {
|
|
|
|
|
- alter_success('变更操作系统类型指令发送成功!');
|
|
|
|
|
- refresh();
|
|
|
|
|
- }
|
|
|
|
|
- });
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- function update_icon(id) {
|
|
|
|
|
- $.ajax({
|
|
|
|
|
- url : '/api/os_template/' + id,
|
|
|
|
|
- type : 'PATCH',
|
|
|
|
|
- contentType: "application/json; charset=utf-8",
|
|
|
|
|
- data : JSON.stringify({
|
|
|
|
|
- icon: $('#update_icon').val()
|
|
|
|
|
- }),
|
|
|
|
|
- error : function() {
|
|
|
|
|
- alter_danger('变更 ICON 指令发送失败!');
|
|
|
|
|
- },
|
|
|
|
|
- success : function() {
|
|
|
|
|
- alter_success('变更 ICON 指令发送成功!');
|
|
|
|
|
- refresh();
|
|
|
|
|
- }
|
|
|
|
|
- });
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- function enable_at(me) {
|
|
|
|
|
- var id = $(me).parent().parent().parent().parent().parent().children()[0].textContent;
|
|
|
|
|
- enable(id);
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- function disable_at(me) {
|
|
|
|
|
- var id = $(me).parent().parent().parent().parent().parent().children()[0].textContent;
|
|
|
|
|
- disable(id);
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- function delete_at(me) {
|
|
|
|
|
- var id = $('#os_template_id').val();
|
|
|
|
|
- remove(id);
|
|
|
|
|
- $('#delete_modal').modal('hide');
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- function update_boot_job_at(me) {
|
|
|
|
|
- var id = $('#os_template_id').val();
|
|
|
|
|
- update_boot_job(id);
|
|
|
|
|
- $('#update_boot_job_modal').modal('hide');
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- function update_os_type_at(me) {
|
|
|
|
|
- var id = $('#os_template_id').val();
|
|
|
|
|
- update_os_type(id);
|
|
|
|
|
- $('#update_os_type_modal').modal('hide');
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- function update_icon_at(me) {
|
|
|
|
|
- var id = $('#os_template_id').val();
|
|
|
|
|
- update_icon(id);
|
|
|
|
|
- $('#update_icon_modal').modal('hide');
|
|
|
|
|
- }
|
|
|
|
|
-</script>
|
|
|
|
|
-<div class="panel">
|
|
|
|
|
- <div class="panel-body">
|
|
|
|
|
- <h3 class="title-hero" style="font-size: 24px;">
|
|
|
|
|
- 虚拟机模板
|
|
|
|
|
- </h3>
|
|
|
|
|
- <div>
|
|
|
|
|
- <div id="datatable-row-highlight_wrapper" class="dataTables_wrapper form-inline">
|
|
|
|
|
- <div class="row" style="padding: 10px 10px 10px 0; width: 100%;">
|
|
|
|
|
- <div class="col-sm-12" style="padding-right: 0;">
|
|
|
|
|
- <div id="datatable-row-highlight_filter" class="dataTables_filter" style="display: inline-block;">
|
|
|
|
|
- <input id="content_search" type="search" class="form-control" placeholder="模糊搜索..." value="{%- if keyword -%} {{ keyword }} {%- endif -%}" style="margin-left: 0; border-radius: 0;">
|
|
|
|
|
- </div>
|
|
|
|
|
- <div class="pull-right">
|
|
|
|
|
- <button class="btn btn-default" onclick="refresh()" style="border-radius: 0;"><span class="glyph-icon icon-elusive-arrows-cw"></span></button>
|
|
|
|
|
- <a class="btn btn-info" href="javascript:;" data-toggle="modal" data-target="#add_os_template_modal" style="border-radius: 0; padding-left: 40px; padding-right: 40px;">添加模板</a>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
- <table id="os_template_list" class="table table-bordered table-hover" cellspacing="0" width="100%" role="grid"
|
|
|
|
|
- style="width: 100%; margin-bottom: 0; border-bottom-width: 0;">
|
|
|
|
|
- <thead>
|
|
|
|
|
- <tr role="row">
|
|
|
|
|
- <th style="display: none;">ID</th>
|
|
|
|
|
- <th><input class="all_selector" title="选取所有" type="checkbox"></th>
|
|
|
|
|
- <th width="180px;">名称</th>
|
|
|
|
|
- <th>状态</th>
|
|
|
|
|
- <th width="500px;">路径</th>
|
|
|
|
|
- <th>操作系统类型</th>
|
|
|
|
|
- <th>ICON</th>
|
|
|
|
|
- <th>初始化作业</th>
|
|
|
|
|
- <th>操作</th>
|
|
|
|
|
- </tr>
|
|
|
|
|
- </thead>
|
|
|
|
|
- <tbody>
|
|
|
|
|
- {% for item in os_templates_ret.data %}
|
|
|
|
|
- <tr role="row" class="odd" onmouseover="row_onmouseover(this);" onmouseout="row_onmouseout(this);">
|
|
|
|
|
- <td style="display: none;">{{ item.id }}</td>
|
|
|
|
|
- <td><input title="选中" type="checkbox"></td>
|
|
|
|
|
- <td>
|
|
|
|
|
- <div>
|
|
|
|
|
- <p style="display: inline-block;">{{ item.label }}</p>
|
|
|
|
|
- <a href="javascript:;" class="edit_label_trigger" data-toggle="modal" data-target="#edit_label_modal" style="display: none; float: right;">
|
|
|
|
|
- <span class="glyph-icon icon-elusive-pencil" style="width: 20px; height: 20px; margin-left: 10px; border-radius: 0; border: 1px solid rgb(220, 233, 255); background-color: #ffffff;"></span>
|
|
|
|
|
- </a>
|
|
|
|
|
- </div>
|
|
|
|
|
- </td>
|
|
|
|
|
- <td>{% if item.active == 0 %}
|
|
|
|
|
- <span style="color: #990000;">未启用</span>
|
|
|
|
|
- {% else %}
|
|
|
|
|
- <span style="color: #00BB00;">启用</span>
|
|
|
|
|
- {% endif %}
|
|
|
|
|
- </td>
|
|
|
|
|
- <td>
|
|
|
|
|
- <div>
|
|
|
|
|
- <p style="display: inline-block;">{{ item.path }}</p>
|
|
|
|
|
- <a href="javascript:;" class="edit_path_trigger" data-toggle="modal" data-target="#edit_path_modal" style="display: none; float: right;">
|
|
|
|
|
- <span class="glyph-icon icon-elusive-pencil" style="width: 20px; height: 20px; margin-left: 10px; border-radius: 0; border: 1px solid rgb(220, 233, 255); background-color: #ffffff;"></span>
|
|
|
|
|
- </a>
|
|
|
|
|
- </div>
|
|
|
|
|
- </td>
|
|
|
|
|
- <td>
|
|
|
|
|
- <a href="javascript:;" data-toggle="modal" data-target="#update_os_type_modal">
|
|
|
|
|
- {{ item.os_type }}
|
|
|
|
|
- </a>
|
|
|
|
|
- </td>
|
|
|
|
|
- <td>
|
|
|
|
|
- <a href="javascript:;" data-toggle="modal" data-target="#update_icon_modal">
|
|
|
|
|
- <span class="{{ item.icon }}"></span>
|
|
|
|
|
- </a>
|
|
|
|
|
- </td>
|
|
|
|
|
- <td>
|
|
|
|
|
- <a href="/boot_jobs?boot_job_id={{ item.boot_job_id }}">
|
|
|
|
|
- {{ boot_jobs_mapping_by_id[item.boot_job_id].name }}
|
|
|
|
|
- </a>
|
|
|
|
|
- </td>
|
|
|
|
|
- <td>
|
|
|
|
|
- <div class="dropdown inline-block">
|
|
|
|
|
- <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown">
|
|
|
|
|
- 更多
|
|
|
|
|
- </a>
|
|
|
|
|
- <ul class="dropdown-menu">
|
|
|
|
|
- <li class="{% if item.active == true %} disabled {% endif %}" style="{% if item.sequence == 0 %} display: none; {% endif %}">
|
|
|
|
|
- <a href="javascript:;" onclick="enable_at(this);">
|
|
|
|
|
- 启用
|
|
|
|
|
- </a>
|
|
|
|
|
- </li>
|
|
|
|
|
- <li class="{% if item.active != true %} disabled {% endif %}" style="{% if item.sequence == 0 %} display: none; {% endif %}">
|
|
|
|
|
- <a href="javascript:;" onclick="disable_at(this);">
|
|
|
|
|
- 禁用
|
|
|
|
|
- </a>
|
|
|
|
|
- </li>
|
|
|
|
|
- <li class="divider" style="{% if item.sequence == 0 %} display: none; {% endif %}"></li>
|
|
|
|
|
- <li>
|
|
|
|
|
- <a href="javascript:;" data-toggle="modal" data-target="#update_boot_job_modal"
|
|
|
|
|
- onclick="$('#os_template_id').val($(this).parent().parent().parent().parent().parent().children()[0].textContent);
|
|
|
|
|
- $('#update_boot_job_instance_desc').text($(this).parent().parent().parent().parent().parent().children()[2].textContent)">
|
|
|
|
|
- 变更初始化作业
|
|
|
|
|
- </a>
|
|
|
|
|
- </li>
|
|
|
|
|
- <li class="divider" style="{% if item.sequence == 0 %} display: none; {% endif %}"></li>
|
|
|
|
|
- <li>
|
|
|
|
|
- <a href="javascript:;" data-toggle="modal" data-target="#delete_modal"
|
|
|
|
|
- onclick="$('#os_template_id').val($(this).parent().parent().parent().parent().parent().children()[0].textContent);
|
|
|
|
|
- $('#delete_instance_desc').text($(this).parent().parent().parent().parent().parent().children()[2].textContent)">
|
|
|
|
|
- 删除
|
|
|
|
|
- </a>
|
|
|
|
|
- </li>
|
|
|
|
|
- </ul>
|
|
|
|
|
- </div>
|
|
|
|
|
- </td>
|
|
|
|
|
- </tr>
|
|
|
|
|
- {% endfor %}
|
|
|
|
|
- </tbody>
|
|
|
|
|
- </table>
|
|
|
|
|
-
|
|
|
|
|
- <table class="table table-bordered" style="border-top-width: 0; z-index: 99; position: sticky; bottom: 0;">
|
|
|
|
|
- <tfoot>
|
|
|
|
|
- <tr style="height: 70px;">
|
|
|
|
|
- <th><input type="checkbox" title="选取所有" class="all_selector"></th>
|
|
|
|
|
- <th>
|
|
|
|
|
- <div class="row">
|
|
|
|
|
- <div class="col-sm-6">
|
|
|
|
|
- </div>
|
|
|
|
|
- <div class="col-sm-3" style="font-size: 12px; padding-top: 5px; text-align: right;">
|
|
|
|
|
- 共有{{ os_templates_ret.paging.total }}条,每页显示:
|
|
|
|
|
- <select id="page_size" name="datatable-row-highlight_length" title="page_size" class="form-control" style="height: 22px; vertical-align: baseline;">
|
|
|
|
|
- <option value="10" {% if page_size == 10 %} selected {% endif %}>10</option>
|
|
|
|
|
- <option value="20" {% if page_size == 20 %} selected {% endif %}>20</option>
|
|
|
|
|
- <option value="50" {% if page_size == 50 %} selected {% endif %}>50</option>
|
|
|
|
|
- </select> 条
|
|
|
|
|
- </div>
|
|
|
|
|
- <div class="col-sm-3" style="text-align: left;">
|
|
|
|
|
- <div class="dataTables_paginate paging_bootstrap" id="datatable-row-highlight_paginate">
|
|
|
|
|
- <ul id="pagination" class="pagination">
|
|
|
|
|
- <li class="{% if page == 1 %} disabled {% endif %}">
|
|
|
|
|
- <a href="{{ resource_path }}?page={{ page - 1 }}&page_size={{ page_size }}{% if keyword %}&keyword={{ keyword }}{% endif %}{% if order_by %}&order_by={{ order_by }}{% endif %}{% if order %}&order={{ order }}{% endif %}">«</a>
|
|
|
|
|
- </li>
|
|
|
|
|
- {% for item in pages %}
|
|
|
|
|
- <li class="{% if item == page %} active {% endif %}">
|
|
|
|
|
- <a href="{{ resource_path }}?page={{ item }}&page_size={{ page_size }}{% if keyword %}&keyword={{ keyword }}{% endif %}{% if order_by %}&order_by={{ order_by }}{% endif %}{% if order %}&order={{ order }}{% endif %}">{{ item }}</a>
|
|
|
|
|
- </li>
|
|
|
|
|
- {% endfor %}
|
|
|
|
|
- <li class="{% if page == last_page %} disabled {% endif %}">
|
|
|
|
|
- <a href="{{ resource_path }}?page={{ page + 1 }}&page_size={{ page_size }}{% if keyword %}&keyword={{ keyword }}{% endif %}{% if order_by %}&order_by={{ order_by }}{% endif %}{% if order %}&order={{ order }}{% endif %}">»</a>
|
|
|
|
|
- </li>
|
|
|
|
|
- </ul>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
- </th>
|
|
|
|
|
- </tr>
|
|
|
|
|
- </tfoot>
|
|
|
|
|
- </table>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
-</div>
|
|
|
|
|
-
|
|
|
|
|
-<input id="os_template_id" title="模板 ID" class="form-control" name="os_template_id" hidden>
|
|
|
|
|
-
|
|
|
|
|
-<div class="modal" id="edit_label_modal" tabindex="-1" role="dialog" style="margin-top: 100px;">
|
|
|
|
|
- <div class="modal-dialog modal-sm">
|
|
|
|
|
- <div class="modal-content">
|
|
|
|
|
- <div class="modal-header">
|
|
|
|
|
- <h4 class="modal-title">编辑模板名称:</h4>
|
|
|
|
|
- </div>
|
|
|
|
|
- <div class="modal-body">
|
|
|
|
|
- <input id="edit_label" title="系统模板名称" class="form-control" name="os_template_label">
|
|
|
|
|
- </div>
|
|
|
|
|
- <div class="modal-footer">
|
|
|
|
|
- <button type="button" class="btn btn-sm btn-primary" onclick="label_update();">确定</button>
|
|
|
|
|
- <button type="button" class="btn btn-sm btn-default" data-dismiss="modal">取消</button>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
-</div>
|
|
|
|
|
-
|
|
|
|
|
-<div class="modal" id="edit_path_modal" tabindex="-1" role="dialog" style="margin-top: 100px;">
|
|
|
|
|
- <div class="modal-dialog">
|
|
|
|
|
- <div class="modal-content">
|
|
|
|
|
- <div class="modal-header">
|
|
|
|
|
- <h4 class="modal-title">编辑模板路径:</h4>
|
|
|
|
|
- </div>
|
|
|
|
|
- <div class="modal-body">
|
|
|
|
|
- <input id="edit_path" title="系统模板路径" class="form-control" name="os_template_path">
|
|
|
|
|
- </div>
|
|
|
|
|
- <div class="modal-footer">
|
|
|
|
|
- <button type="button" class="btn btn-sm btn-primary" onclick="path_update();">确定</button>
|
|
|
|
|
- <button type="button" class="btn btn-sm btn-default" data-dismiss="modal">取消</button>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
-</div>
|
|
|
|
|
-
|
|
|
|
|
-<div class="modal" id="delete_modal" tabindex="-1" role="dialog" style="margin-top: 100px;">
|
|
|
|
|
- <div class="modal-dialog">
|
|
|
|
|
- <div class="modal-content">
|
|
|
|
|
- <div class="modal-header">
|
|
|
|
|
- <h4 class="modal-title">删除模板:</h4>
|
|
|
|
|
- </div>
|
|
|
|
|
- <div class="modal-body">
|
|
|
|
|
- <p>你确定要删除该模板吗?</p>
|
|
|
|
|
- <h3 style="color: orangered;" id="delete_instance_desc"></h3>
|
|
|
|
|
- </div>
|
|
|
|
|
- <div class="modal-footer">
|
|
|
|
|
- <button type="button" class="btn btn-sm btn-primary" onclick="delete_at();">确定</button>
|
|
|
|
|
- <button type="button" class="btn btn-sm btn-default" data-dismiss="modal">取消</button>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
-</div>
|
|
|
|
|
-
|
|
|
|
|
-<div class="modal" id="add_os_template_modal" tabindex="-1" role="dialog" style="margin-top: 100px;">
|
|
|
|
|
- <div class="modal-dialog modal-lg">
|
|
|
|
|
- <div class="modal-content">
|
|
|
|
|
- <div class="modal-header">
|
|
|
|
|
- <h4 class="modal-title">添加模板:</h4>
|
|
|
|
|
- </div>
|
|
|
|
|
- <div class="modal-body" style="padding-top: 0; padding-bottom: 0;">
|
|
|
|
|
- <div class="example-box-wrapper">
|
|
|
|
|
- <form id="add_os_template_form" class="form-horizontal bordered-row" action="/os_template" method="post">
|
|
|
|
|
- <div class="form-group">
|
|
|
|
|
- <div class="col-sm-2"></div>
|
|
|
|
|
- <label class="col-sm-2 control-label"><span class="glyph-icon icon-elusive-compass-circled"></span> 模板名称</label>
|
|
|
|
|
- <div class="col-sm-6">
|
|
|
|
|
- <input id="label" name="label" type="text" title="模板名称" class="form-control">
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
- <div class="form-group">
|
|
|
|
|
- <div class="col-sm-2"></div>
|
|
|
|
|
- <label class="col-sm-2 control-label"><span class="glyph-icon icon-bookmark-o"></span> ICON</label>
|
|
|
|
|
- <div class="col-sm-6">
|
|
|
|
|
- <select id="icon" name="icon" title="模板 ICON" class="selectpicker">
|
|
|
|
|
- <option value="icon-os icon-os-centos" data-icon="icon-os icon-os-centos" selected>CentOS</option>
|
|
|
|
|
- <option value="icon-os icon-os-linux" data-icon="icon-os icon-os-linux">Linux</option>
|
|
|
|
|
- <option value="icon-os icon-os-ubuntu" data-icon="icon-os icon-os-ubuntu">Ubuntu</option>
|
|
|
|
|
- <option value="icon-os icon-os-suse" data-icon="icon-os icon-os-suse">Suse</option>
|
|
|
|
|
- <option value="icon-os icon-os-gentoo" data-icon="icon-os icon-os-gentoo">Gentoo</option>
|
|
|
|
|
- <option value="icon-os icon-os-debian" data-icon="icon-os icon-os-debian">Debian</option>
|
|
|
|
|
- <option value="icon-os icon-os-redhat" data-icon="icon-os icon-os-redhat">Redhat</option>
|
|
|
|
|
- <option value="icon-os icon-os-bsd" data-icon="icon-os icon-os-bsd">BSD</option>
|
|
|
|
|
- <option value="icon-os icon-os-windows" data-icon="icon-os icon-os-windows">Windows</option>
|
|
|
|
|
- </select>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
- <div class="form-group">
|
|
|
|
|
- <div class="col-sm-2"></div>
|
|
|
|
|
- <label class="col-sm-2 control-label"><span class="glyph-icon icon-elusive-stumbleupon"></span> 模板路径</label>
|
|
|
|
|
- <div class="col-sm-6">
|
|
|
|
|
- <input id="path" name="path" type="text" title="模板路径" class="form-control">
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
- <div class="form-group">
|
|
|
|
|
- <div class="col-sm-2"></div>
|
|
|
|
|
- <label class="col-sm-2 control-label"><span class="glyph-icon icon-bookmark-o"></span> 模板系统类型</label>
|
|
|
|
|
- <div class="col-sm-6">
|
|
|
|
|
- <select id="os_type" name="os_type" title="请选择模板系统类型" class="selectpicker">
|
|
|
|
|
- <option value="0">Linux</option>
|
|
|
|
|
- <option value="1">Windows</option>
|
|
|
|
|
- <option value="2">BSD</option>
|
|
|
|
|
- <option value="3">AIX</option>
|
|
|
|
|
- <option value="4">HP-UNIX</option>
|
|
|
|
|
- </select>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
- <div class="form-group">
|
|
|
|
|
- <div class="col-sm-2"></div>
|
|
|
|
|
- <label class="col-sm-2 control-label"><span class="glyph-icon icon-file-code-o"></span> 初始化作业</label>
|
|
|
|
|
- <div class="col-sm-6">
|
|
|
|
|
- <select id="boot_job_id" name="boot_job_id" title="实例的启动作业" class="selectpicker">
|
|
|
|
|
- </select>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
- <div class="form-group">
|
|
|
|
|
- <div class="col-sm-4"></div>
|
|
|
|
|
- <div class="col-sm-6 pull-right">
|
|
|
|
|
- <button type="submit" class="btn btn-blue-alt" style="width: 180px; height: 40px; font-size: 16px;" disabled>创建</button>
|
|
|
|
|
- <button class="btn btn-default" style="width: 64px; height: 40px; font-size: 16px;" data-dismiss="modal">取消</button>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
- </form>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
-</div>
|
|
|
|
|
-
|
|
|
|
|
-<div class="modal" id="update_boot_job_modal" tabindex="-1" role="dialog" style="margin-top: 100px;">
|
|
|
|
|
- <div class="modal-dialog">
|
|
|
|
|
- <div class="modal-content">
|
|
|
|
|
- <div class="modal-header">
|
|
|
|
|
- <h4 class="modal-title">变更初始化作业:</h4>
|
|
|
|
|
- </div>
|
|
|
|
|
- <div class="modal-body" style="padding-top: 0;">
|
|
|
|
|
- <form class="form-horizontal bordered-row">
|
|
|
|
|
- <div class="form-group">
|
|
|
|
|
- <div class="col-sm-1"></div>
|
|
|
|
|
- <label class="col-sm-3 control-label"><span class="glyph-icon icon-elusive-compass-circled"></span> 模板名称</label>
|
|
|
|
|
- <div class="col-sm-8">
|
|
|
|
|
- <h3 style="color: orangered;" id="update_boot_job_instance_desc"></h3>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
- <div class="form-group">
|
|
|
|
|
- <div class="col-sm-1"></div>
|
|
|
|
|
- <label class="col-sm-3 control-label"><span class="glyph-icon icon-file-code-o"></span> 初始化作业</label>
|
|
|
|
|
- <div class="col-sm-8">
|
|
|
|
|
- <select id="update_boot_job_id" name="boot_job_id" title="实例的启动作业" class="selectpicker">
|
|
|
|
|
- </select>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
- </form>
|
|
|
|
|
- </div>
|
|
|
|
|
- <div class="modal-footer">
|
|
|
|
|
- <button type="button" class="btn btn-sm btn-primary" onclick="update_boot_job_at();">确定</button>
|
|
|
|
|
- <button type="button" class="btn btn-sm btn-default" data-dismiss="modal">取消</button>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
-</div>
|
|
|
|
|
-
|
|
|
|
|
-<div class="modal" id="update_os_type_modal" tabindex="-1" role="dialog" style="margin-top: 100px;">
|
|
|
|
|
- <div class="modal-dialog">
|
|
|
|
|
- <div class="modal-content">
|
|
|
|
|
- <div class="modal-header">
|
|
|
|
|
- <h4 class="modal-title">变更操作系统类型:</h4>
|
|
|
|
|
- </div>
|
|
|
|
|
- <div class="modal-body" style="padding-top: 0;">
|
|
|
|
|
- <form class="form-horizontal bordered-row">
|
|
|
|
|
- <div class="form-group">
|
|
|
|
|
- <div class="col-sm-1"></div>
|
|
|
|
|
- <label class="col-sm-3 control-label"><span class="glyph-icon icon-elusive-compass-circled"></span> 操作系统类型</label>
|
|
|
|
|
- <div class="col-sm-8">
|
|
|
|
|
- <h3 style="color: orangered;" id="update_os_type_instance_desc"></h3>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
- <div class="form-group">
|
|
|
|
|
- <div class="col-sm-1"></div>
|
|
|
|
|
- <div class="col-sm-8">
|
|
|
|
|
- <select id="update_os_type" name="os_type" title="操作系统类型" class="selectpicker">
|
|
|
|
|
- <option value="0" selected>Linux</option>
|
|
|
|
|
- <option value="1">Windows</option>
|
|
|
|
|
- <option value="2">BSD</option>
|
|
|
|
|
- <option value="3">AIX</option>
|
|
|
|
|
- <option value="4">HP-UNIX</option>
|
|
|
|
|
- </select>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
- </form>
|
|
|
|
|
- </div>
|
|
|
|
|
- <div class="modal-footer">
|
|
|
|
|
- <button type="button" class="btn btn-sm btn-primary" onclick="update_os_type_at();">确定</button>
|
|
|
|
|
- <button type="button" class="btn btn-sm btn-default" data-dismiss="modal">取消</button>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
-</div>
|
|
|
|
|
-
|
|
|
|
|
-<div class="modal" id="update_icon_modal" tabindex="-1" role="dialog" style="margin-top: 100px;">
|
|
|
|
|
- <div class="modal-dialog">
|
|
|
|
|
- <div class="modal-content">
|
|
|
|
|
- <div class="modal-header">
|
|
|
|
|
- <h4 class="modal-title">变更 ICON:</h4>
|
|
|
|
|
- </div>
|
|
|
|
|
- <div class="modal-body" style="padding-top: 0;">
|
|
|
|
|
- <form class="form-horizontal bordered-row">
|
|
|
|
|
- <div class="form-group">
|
|
|
|
|
- <div class="col-sm-1"></div>
|
|
|
|
|
- <label class="col-sm-3 control-label"><span class="glyph-icon icon-elusive-compass-circled"></span> 模板名称</label>
|
|
|
|
|
- <div class="col-sm-8">
|
|
|
|
|
- <h3 style="color: orangered;" id="update_icon_instance_desc"></h3>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
- <div class="form-group">
|
|
|
|
|
- <div class="col-sm-1"></div>
|
|
|
|
|
- <div class="col-sm-8">
|
|
|
|
|
- <select id="update_icon" name="icon" title="模板 ICON" class="selectpicker">
|
|
|
|
|
- <option value="icon-os icon-os-centos" data-icon="icon-os icon-os-centos" selected>CentOS</option>
|
|
|
|
|
- <option value="icon-os icon-os-linux" data-icon="icon-os icon-os-linux">Linux</option>
|
|
|
|
|
- <option value="icon-os icon-os-ubuntu" data-icon="icon-os icon-os-ubuntu">Ubuntu</option>
|
|
|
|
|
- <option value="icon-os icon-os-suse" data-icon="icon-os icon-os-suse">Suse</option>
|
|
|
|
|
- <option value="icon-os icon-os-gentoo" data-icon="icon-os icon-os-gentoo">Gentoo</option>
|
|
|
|
|
- <option value="icon-os icon-os-debian" data-icon="icon-os icon-os-debian">Debian</option>
|
|
|
|
|
- <option value="icon-os icon-os-redhat" data-icon="icon-os icon-os-redhat">Redhat</option>
|
|
|
|
|
- <option value="icon-os icon-os-bsd" data-icon="icon-os icon-os-bsd">BSD</option>
|
|
|
|
|
- <option value="icon-os icon-os-windows" data-icon="icon-os icon-os-windows">Windows</option>
|
|
|
|
|
- </select>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
- </form>
|
|
|
|
|
- </div>
|
|
|
|
|
- <div class="modal-footer">
|
|
|
|
|
- <button type="button" class="btn btn-sm btn-primary" onclick="update_icon_at();">确定</button>
|
|
|
|
|
- <button type="button" class="btn btn-sm btn-default" data-dismiss="modal">取消</button>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
-</div>
|
|
|
|
|
-{% endblock content %}
|
|
|