设计好初始化JimV系统的页面

api/config.py

@@ -91,7 +91,7 @@ def r_update():
             Rules.JIMV_EDITION.value,
         )
 
-    if 'dfs' in request.json:
+    if 'storage_mode' in request.json:
         args_rules.append(
             Rules.STORAGE_MODE.value,
         )
@@ -162,7 +162,7 @@ def r_update():
         config.get()
 
         config.jimv_edition = request.json.get('jimv_edition', config.jimv_edition)
-        config.storage_mode = request.json.get('dfs', config.storage_mode)
+        config.storage_mode = request.json.get('storage_mode', config.storage_mode)
         config.dfs_volume = request.json.get('dfs_volume', config.dfs_volume)
         config.storage_path = request.json.get('storage_path', config.storage_path)
         config.vm_network = request.json.get('vm_network', config.vm_network)

templates/config_init.html

@@ -35,6 +35,16 @@
             $('.add-transition').attr('class', 'add-transition');
             $('.add-transition').addClass(transAttr);
         });
+
+        $('#storage_mode').on('changed.bs.select', function (me) {
+            if ($('#storage_mode').val() == '2' || $('#storage_mode').val() == '3') {
+                $('#dfs_volume_label').css('display', 'unset');
+                $('#dfs_volume').css('display', 'unset');
+            } else {
+                $('#dfs_volume_label').css('display', 'none');
+                $('#dfs_volume').css('display', 'none');
+            }
+        });
     });
 </script>
 <div class="container" style="padding-top: 100px;">
@@ -92,32 +102,30 @@
                         </div>
                     </div>
                     <div class="form-group">
-                        <label class="col-sm-2 control-label">存储模式</label>
+                        <label class="col-sm-2 control-label">虚拟机磁盘存储模式</label>
                         <div class="col-sm-3">
-                            <input title="起始 VNC 端口" class="form-control" name="start_vnc_port" type="text" value="15900">
+                            <select id="storage_mode" title="虚拟机磁盘存储模式" class="selectpicker" name="storage_mode" data-width="100%">
+                                <option value="0">本地存储</option>
+                                <option value="1" data-subtext="NFS">挂载共享</option>
+                                <option value="2">Ceph</option>
+                                <option value="3">Glusterfs</option>
+                            </select>
                         </div>
-                        <label class="col-sm-2 control-label">虚拟机磁盘存放路径</label>
+                        <label id="dfs_volume_label" class="col-sm-2 control-label" style="display: none;">分布式文件系统存储卷</label>
                         <div class="col-sm-3">
-                            <input title="虚拟机磁盘存放路径" class="form-control" name="storage_path" type="text" value="Images">
+                            <input id="dfs_volume" title="分布式文件系统存储卷" class="form-control" name="dfs_volume" type="text" style="display: none;">
                         </div>
                     </div>
                     <div class="form-group">
-                        <label class="col-sm-2 control-label">分布式文件系统</label>
-                        <div class="col-sm-3">
-                            <select title="分布式文件系统" class="selectpicker" name="dfs">
-                                <option value="0">Ceph</option>
-                                <option value="1">Glusterfs</option>
-                            </select>
-                        </div>
-                        <label class="col-sm-2 control-label">分布式文件系统存储卷</label>
+                        <label class="col-sm-2 control-label">虚拟机磁盘存放路径</label>
                         <div class="col-sm-3">
-                            <input title="分布式文件系统存储卷" class="form-control" name="dfs_volume" type="text">
+                            <input title="虚拟机磁盘存放路径" class="form-control" name="storage_path" type="text" value="/Images">
                         </div>
                     </div>
                     <div class="form-group">
                         <label class="col-sm-2 control-label"></label>
                         <div class="col-sm-3 pull-right">
-                            <button class="btn btn-blue-alt" style="width: 180px; height: 40px; font-size: 16px;">创建</button>
+                            <button class="btn btn-blue-alt" style="width: 180px; height: 40px; font-size: 16px;">初始化</button>
                         </div>
                     </div>
                 </form>