实现成功、失败提示条

static/themes/admin/layout.css

@@ -388,7 +388,8 @@ body #nav-toggle.collapsed span {
 }
 #page-content {
     margin-left: 260px;
-    padding: 20px 30px;
+    margin-top: 40px;
+    padding: 0 30px;
 }
 
 #page-content > .container {

templates/guest_show.html

@@ -39,7 +39,7 @@
         .btn,
         .form-control,
         .modal-content {
-            border-radius: 0;
+            border-radius: 0 !important;
         }
     </style>
 
@@ -146,10 +146,11 @@
                 remark: remark
             }),
             error : function() {
-                insert_warning_window($('#header'), '<strong>更新用户信失败, 请联系管理员! </strong>');
+                alter_danger('实例备注更新失败！');
             },
             success : function() {
-                $('#guest_list tbody').find('td:contains(' + uuid + ')').next().next().find('p').text(remark)
+                $('#guest_list tbody').find('td:contains(' + uuid + ')').next().next().find('p').text(remark);
+                alter_success('实例备注更新成功！');
             }
         });
     }
@@ -218,30 +219,32 @@
                                 更多
                             </a>
                             <ul class="dropdown-menu">
-                                <li>
-                                    <a href="javascript:;">
-                                        <span>启用</span>
-                                    </a>
+                                <li class="{% if item.status not in [4, 5, 6] %} disabled {% endif %}">
+                                    <a href="javascript:;">启动</a>
                                 </li>
-                                <li>
-                                    <a href="javascript:;">
-                                        <span>禁用</span>
-                                    </a>
+                                <li class="{% if item.status not in [1] %} disabled {% endif %}">
+                                    <a href="javascript:;">重启</a>
                                 </li>
-                                <li class="">
-                                    <a href="javascript:;">
-                                        <span>编辑</span>
-                                    </a>
+                                <li class="{% if item.status not in [1] %} disabled {% endif %}">
+                                    <a href="javascript:;">停止</a>
                                 </li>
-                                <li class="">
-                                    <a href="javascript:;">
-                                        <span>密码重置</span>
-                                    </a>
+                                <li class="divider"></li>
+                                <li class="{% if item.status not in [1] %} disabled {% endif %}">
+                                    <a href="javascript:;">暂停</a>
+                                </li>
+                                <li class="{% if item.status not in [3] %} disabled {% endif %}">
+                                    <a href="javascript:;">恢复</a>
                                 </li>
+                                <li class="divider"></li>
                                 <li class="">
-                                    <a href="javascript:;">
-                                        <span>删除</span>
-                                    </a>
+                                    <a href="javascript:;">密码重置</a>
+                                </li>
+                                <li class="{% if item.status not in [1, 3, 4, 5, 6] %} disabled {% endif %}">
+                                    <a href="javascript:;">迁移到</a>
+                                </li>
+                                <li class="divider"></li>
+                                <li class="{% if item.status not in [4, 5, 6, 255] %} disabled {% endif %}">
+                                    <a href="javascript:;">删除</a>
                                 </li>
                             </ul>
                         </div>

templates/layout.html

@@ -18,6 +18,17 @@
 
         .affix-bottom {
         }
+
+        .alert-top {
+            display: none;
+            position: fixed !important;
+            float: right !important;
+            right: 0 !important;
+            z-index: 9999 !important;
+            margin-right: 30px !important;
+            padding-top: .5rem !important;
+            padding-bottom: .5rem !important;
+        }
     </style>
 
 
@@ -162,13 +173,25 @@
     <script type="text/javascript" src="{{ url_for('static', filename='js-core-min/modernizr.js') }}"></script>
     <script type="text/javascript" src="{{ url_for('static', filename='js-core-min/jquery-cookie.js') }}"></script>
 
-    <!--<script type="text/javascript">
-        $(window).load(function(){
-            setTimeout(function() {
-                $('#loading').fadeOut( 400, "linear" );
-            }, 300);
-        });
-    </script>-->
+    <script type="text/javascript">
+
+        function alter_success(message) {
+            $('#alert-success-tip').text(message);
+            $('#alert-success-tip').css('display', 'block');
+            setTimeout(function () {
+                $('#alert-success-tip').css('display', 'none');
+            }, 3000);
+        }
+
+        function alter_danger(message) {
+            $('#alert-danger-tip').text(message);
+            $('#alert-danger-tip').css('display', 'block');
+            setTimeout(function () {
+                $('#alert-danger-tip').css('display', 'none');
+            }, 3000);
+        }
+
+    </script>
 
     {% endblock head %}
 
@@ -315,6 +338,10 @@
             </div><!-- #page-sidebar -->
             {% endblock page_sidebar %}
             <div id="page-content-wrapper">
+                <div id="alert-success-tip" class="alert alert-success alert-top">
+                </div>
+                <div id="alert-danger-tip" class="alert alert-danger alert-top">
+                </div>
                 <div id="page-content">
                     <div class="container">
                     {% block content %}{% endblock %}