资产管理页面基本完成.

templates/jasset/jadd.html

@@ -5,7 +5,13 @@
     <div class="row">
         <div class="col-lg-10">
             <div class="ibox float-e-margins">
-                <div class="ibox-title">
+                <div class="text-center">
+                    <span>请选择添加内容: </span>
+                    <a href="#" class="btn btn-xs btn-primary" id="lightVersion">添加主机</a>
+                    <a href="#" class="btn btn-xs btn-primary" id="darkVersion">添加IDC</a>
+                    <a href="#" class="btn btn-xs btn-primary" id="leftVersion">添加业务组</a>
+                </div>
+                <div id="ibox-content" class="ibox-title">
                     <h5> 填写主机基本信息 </h5>
                     <div class="ibox-tools">
                         <a class="collapse-link">
@@ -37,16 +43,16 @@
 
                         <div class="hr-line-dashed"></div>
                         <div class="form-group"><label class="col-sm-2 control-label"> 端口号 </label>
-                            <div class="col-sm-8"><input type="text" value="{{ s_port }}" placeholder="22" name="j_port" class="form-control"></div>
+                            <div class="col-sm-8"><input type="text" value="{{ j_port }}" placeholder="22" name="j_port" class="form-control"></div>
                         </div>
 
                         <div class="hr-line-dashed"></div>
                         <div class="form-group"><label class="col-sm-2 control-label"> 登录方式 </label>
                             <div class="col-sm-8">
-                                <div class="radio i-checks"><label> <input type="radio" checked="" value="LDAP" name="j_type" onclick="show(this)"> <i> LDAP </i></label></div>
-                                <div class="radio i-checks"><label> <input type="radio" value="SSH_KEY" name="j_type" onclick="show(this)"> <i> SSH_KEY </i></label></div>
-                                <div class="radio i-checks"><label> <input type="radio" value="PASSWORD" name="j_type" onclick="show(this)"> <i> PASSWORD </i></label></div>
-                                <div class="radio i-checks"><label> <input type="radio" value="MAP" name="j_type" onclick="show(this)"> <i> MAP </i></label></div>
+                                <div class="radio i-checks"><label> <input type="radio" checked="" value="L" name="j_type" onclick="show(this)"> <i> LDAP </i></label></div>
+                                <div class="radio i-checks"><label> <input type="radio" value="S" name="j_type" onclick="show(this)"> <i> SSH_KEY </i></label></div>
+                                <div class="radio i-checks"><label> <input type="radio" value="P" name="j_type" onclick="show(this)"> <i> PASSWORD </i></label></div>
+                                <div class="radio i-checks"><label> <input type="radio" value="M" name="j_type" onclick="show(this)"> <i> MAP </i></label></div>
                             </div>
 
                             <div name="a1" id=a1 style="display:none;">
@@ -98,14 +104,14 @@
                         <div class="hr-line-dashed"></div>
                         <div class="form-group"><label class="col-sm-2 control-label"> 是否激活 </label>
                             <div class="col-sm-8">
-                                <div class="radio i-checks"><label> <input type="radio" checked="" value="active" name="j_active"> <i> 激活 </i></label></div>
-                                <div class="radio i-checks"><label> <input type="radio"  value="no_active" name="j_active"> <i> 禁用 </i></label></div>
+                                <div class="radio i-checks"><label> <input type="radio" checked="" value="1" name="j_active"> <i> 激活 </i></label></div>
+                                <div class="radio i-checks"><label> <input type="radio"  value="0" name="j_active"> <i> 禁用 </i></label></div>
                             </div>
                         </div>
 
                         <div class="hr-line-dashed"></div>
                         <div class="form-group"><label class="col-sm-2 control-label"> 备注 </label>
-                            <div class="col-sm-8"><input type="text" placeholder="hadoop01" name="j_comment" class="form-control"></div>
+                            <div class="col-sm-8"><input type="text" value="{{ j_comment }}" placeholder="hadoop01" name="j_comment" class="form-control"></div>
                         </div>
 
                         <div class="hr-line-dashed"></div>
@@ -123,7 +129,15 @@
 </div>
 
 
+<!-- Peity -->
+<script src="static/js/plugins/peity/jquery.peity.min.js"></script>
 
+<!-- Custom and plugin javascript -->
+<script src="static/js/inspinia.js"></script>
+<script src="static/js/plugins/pace/pace.min.js"></script>
+
+<!-- Peity -->
+<script src="static/js/demo/peity-demo.js"></script>
 
 <script>
 var showFlag={};
@@ -135,7 +149,6 @@ var showFlag={};
     else{
         document.getElementById("a1").style.display="none";
     }};
-
 </script>
 
 {% endblock %}

templates/jasset/jadd_group.html

@@ -0,0 +1,106 @@
+{% extends 'base.html' %}
+{% block content %}
+{% include 'nav_cat_bar.html' %}
+<div class="wrapper wrapper-content animated fadeInRight">
+    <div class="row">
+        <div class="col-lg-10">
+            <div class="ibox float-e-margins">
+                <div id="ibox-content" class="ibox-title">
+                    <h5> 填写业务组基本信息 </h5>
+                    <div class="ibox-tools">
+                        <a class="collapse-link">
+                            <i class="fa fa-chevron-up"></i>
+                        </a>
+                        <a class="dropdown-toggle" data-toggle="dropdown" href="#">
+                            <i class="fa fa-wrench"></i>
+                        </a>
+                        <ul class="dropdown-menu dropdown-user">
+                            <li><a href="#">未启用 1</a>
+                            </li>
+                            <li><a href="#">未启用 2</a>
+                            </li>
+                        </ul>
+                        <a class="close-link">
+                            <i class="fa fa-times"></i>
+                        </a>
+                    </div>
+                </div>
+
+                <div class="ibox-content">
+                    {% if emg %}
+                        <div class="alert alert-warning text-center">{{ emg }}</div>
+                    {% endif %}
+                    <form method="post" class="form-horizontal">
+                        <div class="form-group"><label class="col-sm-2 control-label"> 业务组名 </label>
+                            <div class="col-sm-8"><input type="text" value="{{ j_ip }}" placeholder="网站" name="j_group" class="form-control"></div>
+                        </div>
+
+                        <div class="hr-line-dashed"></div>
+                        <div class="form-group"><label class="col-sm-2 control-label"> 备注 </label>
+                            <div class="col-sm-8"><input type="text" value="{{ s_port }}" placeholder=包括web组所有主机 name="j_comment" class="form-control"></div>
+                        </div>
+
+                        <div class="hr-line-dashed"></div>
+                        <div class="form-group">
+                            <div class="col-sm-4 col-sm-offset-5">
+                                <button class="btn btn-white" type="submit"> 重置 </button>
+                                <button class="btn btn-primary" type="submit"> 提交 </button>
+                            </div>
+                        </div>
+                    </form>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+
+
+<!-- Peity -->
+<script src="static/js/plugins/peity/jquery.peity.min.js"></script>
+
+<!-- Custom and plugin javascript -->
+<script src="static/js/inspinia.js"></script>
+<script src="static/js/plugins/pace/pace.min.js"></script>
+
+<!-- Peity -->
+<script src="static/js/demo/peity-demo.js"></script>
+
+<script>
+var showFlag={};
+    function show(o){
+    showFlag[o.name]=o.value;
+    if(showFlag.j_type=="MAP"){
+        document.getElementById("a1").style.display="";
+    }
+    else{
+        document.getElementById("a1").style.display="none";
+    }};
+
+$(document).ready(function(){
+
+    // Local script for demo purpose only
+    $('#lightVersion').click(function(event) {
+        event.preventDefault()
+        $('#ibox-content').removeClass('ibox-content');
+        $('#vertical-timeline').removeClass('dark-timeline');
+        $('#vertical-timeline').addClass('light-timeline');
+    });
+
+    $('#darkVersion').click(function(event) {
+        event.preventDefault()
+        $('#ibox-content').addClass('ibox-content');
+        $('#vertical-timeline').removeClass('light-timeline');
+        $('#vertical-timeline').addClass('dark-timeline');
+    });
+
+    $('#leftVersion').click(function(event) {
+        event.preventDefault()
+        $('#vertical-timeline').toggleClass('center-orientation');
+    });
+
+
+    });
+
+</script>
+
+{% endblock %}

templates/jasset/jadd_idc.html

@@ -0,0 +1,106 @@
+{% extends 'base.html' %}
+{% block content %}
+{% include 'nav_cat_bar.html' %}
+<div class="wrapper wrapper-content animated fadeInRight">
+    <div class="row">
+        <div class="col-lg-10">
+            <div class="ibox float-e-margins">
+                <div id="ibox-content" class="ibox-title">
+                    <h5> 填写IDC基本信息 </h5>
+                    <div class="ibox-tools">
+                        <a class="collapse-link">
+                            <i class="fa fa-chevron-up"></i>
+                        </a>
+                        <a class="dropdown-toggle" data-toggle="dropdown" href="#">
+                            <i class="fa fa-wrench"></i>
+                        </a>
+                        <ul class="dropdown-menu dropdown-user">
+                            <li><a href="#">未启用 1</a>
+                            </li>
+                            <li><a href="#">未启用 2</a>
+                            </li>
+                        </ul>
+                        <a class="close-link">
+                            <i class="fa fa-times"></i>
+                        </a>
+                    </div>
+                </div>
+
+                <div class="ibox-content">
+                    {% if emg %}
+                        <div class="alert alert-warning text-center">{{ emg }}</div>
+                    {% endif %}
+                    <form method="post" class="form-horizontal">
+                        <div class="form-group"><label class="col-sm-2 control-label"> IDC名 </label>
+                            <div class="col-sm-8"><input type="text" value="{{ j_ip }}" placeholder="北京联通" name="j_idc" class="form-control"></div>
+                        </div>
+
+                        <div class="hr-line-dashed"></div>
+                        <div class="form-group"><label class="col-sm-2 control-label"> 备注 </label>
+                            <div class="col-sm-8"><input type="text" value="{{ s_port }}" placeholder="核心联通机房" name="j_comment" class="form-control"></div>
+                        </div>
+
+                        <div class="hr-line-dashed"></div>
+                        <div class="form-group">
+                            <div class="col-sm-4 col-sm-offset-5">
+                                <button class="btn btn-white" type="submit"> 重置 </button>
+                                <button class="btn btn-primary" type="submit"> 提交 </button>
+                            </div>
+                        </div>
+                    </form>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+
+
+<!-- Peity -->
+<script src="static/js/plugins/peity/jquery.peity.min.js"></script>
+
+<!-- Custom and plugin javascript -->
+<script src="static/js/inspinia.js"></script>
+<script src="static/js/plugins/pace/pace.min.js"></script>
+
+<!-- Peity -->
+<script src="static/js/demo/peity-demo.js"></script>
+
+<script>
+var showFlag={};
+    function show(o){
+    showFlag[o.name]=o.value;
+    if(showFlag.j_type=="MAP"){
+        document.getElementById("a1").style.display="";
+    }
+    else{
+        document.getElementById("a1").style.display="none";
+    }};
+
+$(document).ready(function(){
+
+    // Local script for demo purpose only
+    $('#lightVersion').click(function(event) {
+        event.preventDefault()
+        $('#ibox-content').removeClass('ibox-content');
+        $('#vertical-timeline').removeClass('dark-timeline');
+        $('#vertical-timeline').addClass('light-timeline');
+    });
+
+    $('#darkVersion').click(function(event) {
+        event.preventDefault()
+        $('#ibox-content').addClass('ibox-content');
+        $('#vertical-timeline').removeClass('light-timeline');
+        $('#vertical-timeline').addClass('dark-timeline');
+    });
+
+    $('#leftVersion').click(function(event) {
+        event.preventDefault()
+        $('#vertical-timeline').toggleClass('center-orientation');
+    });
+
+
+    });
+
+</script>
+
+{% endblock %}

templates/jasset/jlist.html

@@ -52,7 +52,7 @@
                                 <td> {{ post.login_type}} </td>
                                 <td class="center"> {{ post.idc.name }} </td>
                                 <td class="center">
-                                    {% for group in post.group.all %}
+                                    {% for group in post.bis_group.all %}
                                         {{ group }}
                                     {% endfor %}
                                 </td>

templates/jasset/jlist_group.html

@@ -0,0 +1,59 @@
+{% extends 'base.html' %}
+{% block content %}
+{% include 'nav_cat_bar.html' %}
+
+<div class="wrapper wrapper-content animated fadeInRight">
+    <div class="row">
+        <div class="col-lg-10">
+            <div class="ibox float-e-margins">
+                <div class="ibox-title">
+                    <h5> IDC详细信息列表 </h5>
+                    <div class="ibox-tools">
+                        <a class="collapse-link">
+                            <i class="fa fa-chevron-up"></i>
+                        </a>
+                        <a class="dropdown-toggle" data-toggle="dropdown" href="#">
+                            <i class="fa fa-wrench"></i>
+                        </a>
+                        <ul class="dropdown-menu dropdown-user">
+                            <li><a href="#">未启用 1</a>
+                            </li>
+                            <li><a href="#">未启用 2</a>
+                            </li>
+                        </ul>
+                        <a class="close-link">
+                            <i class="fa fa-times"></i>
+                        </a>
+                    </div>
+                </div>
+
+                <div class="ibox-content">
+                    <div class="">
+                    <a onclick="fnClickAddRow();" href="javascript:void(0);" class="btn btn-primary "> 添加 </a>
+                    </div>
+
+                    <table class="table table-striped table-bordered table-hover " id="editable" >
+                        <thead>
+                            <tr>
+                                <th> ID </th>
+                                <th> 机房名 </th>
+                                <th> 备注 </th>
+                            </tr>
+                        </thead>
+                        <tbody>
+                        {% for post in posts %}
+                            <tr class="gradeX">
+                                <td> {{ post.id }} </td>
+                                <td> {{ post.name }} </td>
+                                <td> {{ post.comment }} </td>
+                            </tr>
+                        {% endfor %}
+                        </tbody>
+                    </table>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+
+{% endblock %}

templates/jasset/jlist_idc.html

@@ -0,0 +1,59 @@
+{% extends 'base.html' %}
+{% block content %}
+{% include 'nav_cat_bar.html' %}
+
+<div class="wrapper wrapper-content animated fadeInRight">
+    <div class="row">
+        <div class="col-lg-10">
+            <div class="ibox float-e-margins">
+                <div class="ibox-title">
+                    <h5> IDC详细信息列表 </h5>
+                    <div class="ibox-tools">
+                        <a class="collapse-link">
+                            <i class="fa fa-chevron-up"></i>
+                        </a>
+                        <a class="dropdown-toggle" data-toggle="dropdown" href="#">
+                            <i class="fa fa-wrench"></i>
+                        </a>
+                        <ul class="dropdown-menu dropdown-user">
+                            <li><a href="#">未启用 1</a>
+                            </li>
+                            <li><a href="#">未启用 2</a>
+                            </li>
+                        </ul>
+                        <a class="close-link">
+                            <i class="fa fa-times"></i>
+                        </a>
+                    </div>
+                </div>
+
+                <div class="ibox-content">
+                    <div class="">
+                    <a onclick="fnClickAddRow();" href="javascript:void(0);" class="btn btn-primary "> 添加 </a>
+                    </div>
+
+                    <table class="table table-striped table-bordered table-hover " id="editable" >
+                        <thead>
+                            <tr>
+                                <th> ID </th>
+                                <th> 机房名 </th>
+                                <th> 备注 </th>
+                            </tr>
+                        </thead>
+                        <tbody>
+                        {% for post in posts %}
+                            <tr class="gradeX">
+                                <td> {{ post.id }} </td>
+                                <td> {{ post.name }} </td>
+                                <td> {{ post.comment }} </td>
+                            </tr>
+                        {% endfor %}
+                        </tbody>
+                    </table>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+
+{% endblock %}

templates/nav.html

@@ -23,10 +23,12 @@
             <li>
                 <a href="mailbox.html"><i class="fa fa-cube"></i> <span class="nav-label">资产管理</span><span class="fa arrow"></span></a>
                 <ul class="nav nav-second-level">
-                    <li><a href="/jasset/jlist/">查看资产</a></li>
-                    <li><a href="/jasset/jadd/">添加资产</a></li>
-                    <li><a href="/idc/showlist/">查看机房</a></li>
-                    <li><a href="/idc/add/">添加机房</a></li>
+                    <li><a href="/jasset/host_list/">查看资产</a></li>
+                    <li><a href="/jasset/host_add/">添加资产</a></li>
+                    <li><a href="/jasset/idc_list/">查看机房</a></li>
+                    <li><a href="/jasset/idc_add/">添加机房</a></li>
+                    <li><a href="/jasset/group_list/">查看业务组</a></li>
+                    <li><a href="/jasset/group_add/">添加业务组</a></li>
                 </ul>
             </li>
             <li>

templates/script.html

@@ -17,12 +17,12 @@
 <!-- Peity -->
 <script src="/static/js/demo/peity-demo.js"></script>
 
-<script>
-        $(document).ready(function(){
-            $('.i-checks').iCheck({
-                checkboxClass: 'icheckbox_square-green',
-                radioClass: 'iradio_square-green',
-            });
-        });
+<!--<script>-->
+        <!--$(document).ready(function(){-->
+            <!--$('.i-checks').iCheck({-->
+                <!--checkboxClass: 'icheckbox_square-green',-->
+                <!--radioClass: 'iradio_square-green',-->
+            <!--});-->
+        <!--});-->
 
-</script>
+<!--</script>-->