|
|
@@ -1,1767 +1,788 @@
|
|
|
-<!DOCTYPE html>
|
|
|
-<html lang="en">
|
|
|
-<head>
|
|
|
-
|
|
|
- <style>
|
|
|
- /* Loading Spinner */
|
|
|
- .spinner{margin:0;width:70px;height:18px;margin:-35px 0 0 -9px;position:absolute;top:50%;left:50%;text-align:center}.spinner > div{width:18px;height:18px;background-color:#333;border-radius:100%;display:inline-block;-webkit-animation:bouncedelay 1.4s infinite ease-in-out;animation:bouncedelay 1.4s infinite ease-in-out;-webkit-animation-fill-mode:both;animation-fill-mode:both}.spinner .bounce1{-webkit-animation-delay:-.32s;animation-delay:-.32s}.spinner .bounce2{-webkit-animation-delay:-.16s;animation-delay:-.16s}@-webkit-keyframes bouncedelay{0%,80%,100%{-webkit-transform:scale(0.0)}40%{-webkit-transform:scale(1.0)}}@keyframes bouncedelay{0%,80%,100%{transform:scale(0.0);-webkit-transform:scale(0.0)}40%{transform:scale(1.0);-webkit-transform:scale(1.0)}}
|
|
|
+{% extends "layout.html" %}
|
|
|
+{% block head %}
|
|
|
+ {{ super() }}
|
|
|
+ <style type="text/css">
|
|
|
+ .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;
|
|
|
+ height: 106px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .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: #fffdf4 !important;
|
|
|
+ }
|
|
|
</style>
|
|
|
|
|
|
-
|
|
|
- <meta charset="UTF-8">
|
|
|
-<!--[if IE]><meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1'><![endif]-->
|
|
|
-<title> Monarch UI - Bootstrap Frontend & Admin Template </title>
|
|
|
-<meta name="description" content="">
|
|
|
-<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
|
|
-
|
|
|
-<!-- Favicons -->
|
|
|
-
|
|
|
-<link rel="apple-touch-icon-precomposed" sizes="144x144" href="../../assets/images/icons/apple-touch-icon-144-precomposed.png">
|
|
|
-<link rel="apple-touch-icon-precomposed" sizes="114x114" href="../../assets/images/icons/apple-touch-icon-114-precomposed.png">
|
|
|
-<link rel="apple-touch-icon-precomposed" sizes="72x72" href="../../assets/images/icons/apple-touch-icon-72-precomposed.png">
|
|
|
-<link rel="apple-touch-icon-precomposed" href="../../assets/images/icons/apple-touch-icon-57-precomposed.png">
|
|
|
-<link rel="shortcut icon" href="../../assets/images/icons/favicon.png">
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
- <link rel="stylesheet" type="text/css" href="../../assets/bootstrap/css/bootstrap.css">
|
|
|
-
|
|
|
-
|
|
|
-<!-- HELPERS -->
|
|
|
-
|
|
|
-<link rel="stylesheet" type="text/css" href="../../assets/helpers/animate.css">
|
|
|
-<link rel="stylesheet" type="text/css" href="../../assets/helpers/backgrounds.css">
|
|
|
-<link rel="stylesheet" type="text/css" href="../../assets/helpers/boilerplate.css">
|
|
|
-<link rel="stylesheet" type="text/css" href="../../assets/helpers/border-radius.css">
|
|
|
-<link rel="stylesheet" type="text/css" href="../../assets/helpers/grid.css">
|
|
|
-<link rel="stylesheet" type="text/css" href="../../assets/helpers/page-transitions.css">
|
|
|
-<link rel="stylesheet" type="text/css" href="../../assets/helpers/spacing.css">
|
|
|
-<link rel="stylesheet" type="text/css" href="../../assets/helpers/typography.css">
|
|
|
-<link rel="stylesheet" type="text/css" href="../../assets/helpers/utils.css">
|
|
|
-<link rel="stylesheet" type="text/css" href="../../assets/helpers/colors.css">
|
|
|
-
|
|
|
-<!-- ELEMENTS -->
|
|
|
-
|
|
|
-<link rel="stylesheet" type="text/css" href="../../assets/elements/badges.css">
|
|
|
-<link rel="stylesheet" type="text/css" href="../../assets/elements/buttons.css">
|
|
|
-<link rel="stylesheet" type="text/css" href="../../assets/elements/content-box.css">
|
|
|
-<link rel="stylesheet" type="text/css" href="../../assets/elements/dashboard-box.css">
|
|
|
-<link rel="stylesheet" type="text/css" href="../../assets/elements/forms.css">
|
|
|
-<link rel="stylesheet" type="text/css" href="../../assets/elements/images.css">
|
|
|
-<link rel="stylesheet" type="text/css" href="../../assets/elements/info-box.css">
|
|
|
-<link rel="stylesheet" type="text/css" href="../../assets/elements/invoice.css">
|
|
|
-<link rel="stylesheet" type="text/css" href="../../assets/elements/loading-indicators.css">
|
|
|
-<link rel="stylesheet" type="text/css" href="../../assets/elements/menus.css">
|
|
|
-<link rel="stylesheet" type="text/css" href="../../assets/elements/panel-box.css">
|
|
|
-<link rel="stylesheet" type="text/css" href="../../assets/elements/response-messages.css">
|
|
|
-<link rel="stylesheet" type="text/css" href="../../assets/elements/responsive-tables.css">
|
|
|
-<link rel="stylesheet" type="text/css" href="../../assets/elements/ribbon.css">
|
|
|
-<link rel="stylesheet" type="text/css" href="../../assets/elements/social-box.css">
|
|
|
-<link rel="stylesheet" type="text/css" href="../../assets/elements/tables.css">
|
|
|
-<link rel="stylesheet" type="text/css" href="../../assets/elements/tile-box.css">
|
|
|
-<link rel="stylesheet" type="text/css" href="../../assets/elements/timeline.css">
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-<!-- ICONS -->
|
|
|
-
|
|
|
-<link rel="stylesheet" type="text/css" href="../../assets/icons/fontawesome/fontawesome.css">
|
|
|
-<link rel="stylesheet" type="text/css" href="../../assets/icons/linecons/linecons.css">
|
|
|
-<link rel="stylesheet" type="text/css" href="../../assets/icons/spinnericon/spinnericon.css">
|
|
|
-
|
|
|
-
|
|
|
-<!-- WIDGETS -->
|
|
|
-
|
|
|
-<link rel="stylesheet" type="text/css" href="../../assets/widgets/accordion-ui/accordion.css">
|
|
|
-<link rel="stylesheet" type="text/css" href="../../assets/widgets/calendar/calendar.css">
|
|
|
-<link rel="stylesheet" type="text/css" href="../../assets/widgets/carousel/carousel.css">
|
|
|
-
|
|
|
-<link rel="stylesheet" type="text/css" href="../../assets/widgets/charts/justgage/justgage.css">
|
|
|
-<link rel="stylesheet" type="text/css" href="../../assets/widgets/charts/morris/morris.css">
|
|
|
-<link rel="stylesheet" type="text/css" href="../../assets/widgets/charts/piegage/piegage.css">
|
|
|
-<link rel="stylesheet" type="text/css" href="../../assets/widgets/charts/xcharts/xcharts.css">
|
|
|
-
|
|
|
-<link rel="stylesheet" type="text/css" href="../../assets/widgets/chosen/chosen.css">
|
|
|
-<link rel="stylesheet" type="text/css" href="../../assets/widgets/colorpicker/colorpicker.css">
|
|
|
-<link rel="stylesheet" type="text/css" href="../../assets/widgets/datatable/datatable.css">
|
|
|
-<link rel="stylesheet" type="text/css" href="../../assets/widgets/datepicker/datepicker.css">
|
|
|
-<link rel="stylesheet" type="text/css" href="../../assets/widgets/datepicker-ui/datepicker.css">
|
|
|
-<link rel="stylesheet" type="text/css" href="../../assets/widgets/daterangepicker/daterangepicker.css">
|
|
|
-<link rel="stylesheet" type="text/css" href="../../assets/widgets/dialog/dialog.css">
|
|
|
-<link rel="stylesheet" type="text/css" href="../../assets/widgets/dropdown/dropdown.css">
|
|
|
-<link rel="stylesheet" type="text/css" href="../../assets/widgets/dropzone/dropzone.css">
|
|
|
-<link rel="stylesheet" type="text/css" href="../../assets/widgets/file-input/fileinput.css">
|
|
|
-<link rel="stylesheet" type="text/css" href="../../assets/widgets/input-switch/inputswitch.css">
|
|
|
-<link rel="stylesheet" type="text/css" href="../../assets/widgets/input-switch/inputswitch-alt.css">
|
|
|
-<link rel="stylesheet" type="text/css" href="../../assets/widgets/ionrangeslider/ionrangeslider.css">
|
|
|
-<link rel="stylesheet" type="text/css" href="../../assets/widgets/jcrop/jcrop.css">
|
|
|
-<link rel="stylesheet" type="text/css" href="../../assets/widgets/jgrowl-notifications/jgrowl.css">
|
|
|
-<link rel="stylesheet" type="text/css" href="../../assets/widgets/loading-bar/loadingbar.css">
|
|
|
-<link rel="stylesheet" type="text/css" href="../../assets/widgets/maps/vector-maps/vectormaps.css">
|
|
|
-<link rel="stylesheet" type="text/css" href="../../assets/widgets/markdown/markdown.css">
|
|
|
-<link rel="stylesheet" type="text/css" href="../../assets/widgets/modal/modal.css">
|
|
|
-<link rel="stylesheet" type="text/css" href="../../assets/widgets/multi-select/multiselect.css">
|
|
|
-<link rel="stylesheet" type="text/css" href="../../assets/widgets/multi-upload/fileupload.css">
|
|
|
-<link rel="stylesheet" type="text/css" href="../../assets/widgets/nestable/nestable.css">
|
|
|
-<link rel="stylesheet" type="text/css" href="../../assets/widgets/noty-notifications/noty.css">
|
|
|
-<link rel="stylesheet" type="text/css" href="../../assets/widgets/popover/popover.css">
|
|
|
-<link rel="stylesheet" type="text/css" href="../../assets/widgets/pretty-photo/prettyphoto.css">
|
|
|
-<link rel="stylesheet" type="text/css" href="../../assets/widgets/progressbar/progressbar.css">
|
|
|
-<link rel="stylesheet" type="text/css" href="../../assets/widgets/range-slider/rangeslider.css">
|
|
|
-<link rel="stylesheet" type="text/css" href="../../assets/widgets/slidebars/slidebars.css">
|
|
|
-<link rel="stylesheet" type="text/css" href="../../assets/widgets/slider-ui/slider.css">
|
|
|
-<link rel="stylesheet" type="text/css" href="../../assets/widgets/summernote-wysiwyg/summernote-wysiwyg.css">
|
|
|
-<link rel="stylesheet" type="text/css" href="../../assets/widgets/tabs-ui/tabs.css">
|
|
|
-<link rel="stylesheet" type="text/css" href="../../assets/widgets/theme-switcher/themeswitcher.css">
|
|
|
-<link rel="stylesheet" type="text/css" href="../../assets/widgets/timepicker/timepicker.css">
|
|
|
-<link rel="stylesheet" type="text/css" href="../../assets/widgets/tocify/tocify.css">
|
|
|
-<link rel="stylesheet" type="text/css" href="../../assets/widgets/tooltip/tooltip.css">
|
|
|
-<link rel="stylesheet" type="text/css" href="../../assets/widgets/touchspin/touchspin.css">
|
|
|
-<link rel="stylesheet" type="text/css" href="../../assets/widgets/uniform/uniform.css">
|
|
|
-<link rel="stylesheet" type="text/css" href="../../assets/widgets/wizard/wizard.css">
|
|
|
-<link rel="stylesheet" type="text/css" href="../../assets/widgets/xeditable/xeditable.css">
|
|
|
-
|
|
|
-<!-- SNIPPETS -->
|
|
|
-
|
|
|
-<link rel="stylesheet" type="text/css" href="../../assets/snippets/chat.css">
|
|
|
-<link rel="stylesheet" type="text/css" href="../../assets/snippets/files-box.css">
|
|
|
-<link rel="stylesheet" type="text/css" href="../../assets/snippets/login-box.css">
|
|
|
-<link rel="stylesheet" type="text/css" href="../../assets/snippets/notification-box.css">
|
|
|
-<link rel="stylesheet" type="text/css" href="../../assets/snippets/progress-box.css">
|
|
|
-<link rel="stylesheet" type="text/css" href="../../assets/snippets/todo.css">
|
|
|
-<link rel="stylesheet" type="text/css" href="../../assets/snippets/user-profile.css">
|
|
|
-<link rel="stylesheet" type="text/css" href="../../assets/snippets/mobile-navigation.css">
|
|
|
-
|
|
|
-<!-- APPLICATIONS -->
|
|
|
-
|
|
|
-<link rel="stylesheet" type="text/css" href="../../assets/applications/mailbox.css">
|
|
|
-
|
|
|
-<!-- Admin theme -->
|
|
|
-
|
|
|
-<link rel="stylesheet" type="text/css" href="../../assets/themes/admin/layout.css">
|
|
|
-<link rel="stylesheet" type="text/css" href="../../assets/themes/admin/color-schemes/default.css">
|
|
|
-
|
|
|
-<!-- Components theme -->
|
|
|
-
|
|
|
-<link rel="stylesheet" type="text/css" href="../../assets/themes/components/default.css">
|
|
|
-<link rel="stylesheet" type="text/css" href="../../assets/themes/components/border-radius.css">
|
|
|
-
|
|
|
-<!-- Admin responsive -->
|
|
|
-
|
|
|
-<link rel="stylesheet" type="text/css" href="../../assets/helpers/responsive-elements.css">
|
|
|
-<link rel="stylesheet" type="text/css" href="../../assets/helpers/admin-responsive.css">
|
|
|
-
|
|
|
- <!-- JS Core -->
|
|
|
-
|
|
|
- <script type="text/javascript" src="../../assets/js-core/jquery-core.js"></script>
|
|
|
- <script type="text/javascript" src="../../assets/js-core/jquery-ui-core.js"></script>
|
|
|
- <script type="text/javascript" src="../../assets/js-core/jquery-ui-widget.js"></script>
|
|
|
- <script type="text/javascript" src="../../assets/js-core/jquery-ui-mouse.js"></script>
|
|
|
- <script type="text/javascript" src="../../assets/js-core/jquery-ui-position.js"></script>
|
|
|
- <!--<script type="text/javascript" src="../../assets/js-core/transition.js"></script>-->
|
|
|
- <script type="text/javascript" src="../../assets/js-core/modernizr.js"></script>
|
|
|
- <script type="text/javascript" src="../../assets/js-core/jquery-cookie.js"></script>
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
- <script type="text/javascript">
|
|
|
- $(window).load(function(){
|
|
|
- setTimeout(function() {
|
|
|
- $('#loading').fadeOut( 400, "linear" );
|
|
|
- }, 300);
|
|
|
+{% 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);
|
|
|
});
|
|
|
- </script>
|
|
|
-
|
|
|
|
|
|
+ $('#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;
|
|
|
+ });
|
|
|
|
|
|
-</head>
|
|
|
-
|
|
|
+ $("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);
|
|
|
+ }
|
|
|
|
|
|
- <body>
|
|
|
- <div id="sb-site">
|
|
|
- <div class="sb-slidebar bg-black sb-left sb-style-overlay">
|
|
|
- <div class="scrollable-content scrollable-slim-sidebar">
|
|
|
- <div class="pad10A">
|
|
|
- <div class="divider-header">Online</div>
|
|
|
- <ul class="chat-box">
|
|
|
- <li>
|
|
|
- <div class="status-badge">
|
|
|
- <img class="img-circle" width="40" src="../../assets/image-resources/people/testimonial1.jpg" alt="">
|
|
|
- <div class="small-badge bg-green"></div>
|
|
|
- </div>
|
|
|
- <b>
|
|
|
- Grace Padilla
|
|
|
- </b>
|
|
|
- <p>On the other hand, we denounce...</p>
|
|
|
- <a href="#" class="btn btn-md no-border radius-all-100 btn-black"><i class="glyph-icon icon-comments-o"></i></a>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <div class="status-badge">
|
|
|
- <img class="img-circle" width="40" src="../../assets/image-resources/people/testimonial2.jpg" alt="">
|
|
|
- <div class="small-badge bg-green"></div>
|
|
|
- </div>
|
|
|
- <b>
|
|
|
- Carl Gamble
|
|
|
- </b>
|
|
|
- <p>Dislike men who are so beguiled...</p>
|
|
|
- <a href="#" class="btn btn-md no-border radius-all-100 btn-black"><i class="glyph-icon icon-comments-o"></i></a>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <div class="status-badge">
|
|
|
- <img class="img-circle" width="40" src="../../assets/image-resources/people/testimonial3.jpg" alt="">
|
|
|
- <div class="small-badge bg-green"></div>
|
|
|
- </div>
|
|
|
- <b>
|
|
|
- Michael Poole
|
|
|
- </b>
|
|
|
- <p>Of pleasure of the moment, so...</p>
|
|
|
- <a href="#" class="btn btn-md no-border radius-all-100 btn-black"><i class="glyph-icon icon-comments-o"></i></a>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <div class="status-badge">
|
|
|
- <img class="img-circle" width="40" src="../../assets/image-resources/people/testimonial4.jpg" alt="">
|
|
|
- <div class="small-badge bg-green"></div>
|
|
|
- </div>
|
|
|
- <b>
|
|
|
- Bill Green
|
|
|
- </b>
|
|
|
- <p>That they cannot foresee the...</p>
|
|
|
- <a href="#" class="btn btn-md no-border radius-all-100 btn-black"><i class="glyph-icon icon-comments-o"></i></a>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <div class="status-badge">
|
|
|
- <img class="img-circle" width="40" src="../../assets/image-resources/people/testimonial5.jpg" alt="">
|
|
|
- <div class="small-badge bg-green"></div>
|
|
|
- </div>
|
|
|
- <b>
|
|
|
- Cheryl Soucy
|
|
|
- </b>
|
|
|
- <p>Pain and trouble that are bound...</p>
|
|
|
- <a href="#" class="btn btn-md no-border radius-all-100 btn-black"><i class="glyph-icon icon-comments-o"></i></a>
|
|
|
- </li>
|
|
|
- </ul>
|
|
|
- <div class="divider-header">Idle</div>
|
|
|
- <ul class="chat-box">
|
|
|
- <li>
|
|
|
- <div class="status-badge">
|
|
|
- <img class="img-circle" width="40" src="../../assets/image-resources/people/testimonial6.jpg" alt="">
|
|
|
- <div class="small-badge bg-orange"></div>
|
|
|
- </div>
|
|
|
- <b>
|
|
|
- Jose Kramer
|
|
|
- </b>
|
|
|
- <p>Equal blame belongs to those...</p>
|
|
|
- <a href="#" class="btn btn-md no-border radius-all-100 btn-black"><i class="glyph-icon icon-comments-o"></i></a>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <div class="status-badge">
|
|
|
- <img class="img-circle" width="40" src="../../assets/image-resources/people/testimonial7.jpg" alt="">
|
|
|
- <div class="small-badge bg-orange"></div>
|
|
|
- </div>
|
|
|
- <b>
|
|
|
- Dan Garcia
|
|
|
- </b>
|
|
|
- <p>Weakness of will, which is same...</p>
|
|
|
- <a href="#" class="btn btn-md no-border radius-all-100 btn-black"><i class="glyph-icon icon-comments-o"></i></a>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <div class="status-badge">
|
|
|
- <img class="img-circle" width="40" src="../../assets/image-resources/people/testimonial8.jpg" alt="">
|
|
|
- <div class="small-badge bg-orange"></div>
|
|
|
- </div>
|
|
|
- <b>
|
|
|
- Edward Bridges
|
|
|
- </b>
|
|
|
- <p>These cases are perfectly simple...</p>
|
|
|
- <a href="#" class="btn btn-md no-border radius-all-100 btn-black"><i class="glyph-icon icon-comments-o"></i></a>
|
|
|
- </li>
|
|
|
- </ul>
|
|
|
- <div class="divider-header">Offline</div>
|
|
|
- <ul class="chat-box">
|
|
|
- <li>
|
|
|
- <div class="status-badge">
|
|
|
- <img class="img-circle" width="40" src="../../assets/image-resources/people/testimonial1.jpg" alt="">
|
|
|
- <div class="small-badge bg-red"></div>
|
|
|
- </div>
|
|
|
- <b>
|
|
|
- Randy Herod
|
|
|
- </b>
|
|
|
- <p>In a free hour, when our power...</p>
|
|
|
- <a href="#" class="btn btn-md no-border radius-all-100 btn-black"><i class="glyph-icon icon-comments-o"></i></a>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <div class="status-badge">
|
|
|
- <img class="img-circle" width="40" src="../../assets/image-resources/people/testimonial2.jpg" alt="">
|
|
|
- <div class="small-badge bg-red"></div>
|
|
|
- </div>
|
|
|
- <b>
|
|
|
- Patricia Bagley
|
|
|
- </b>
|
|
|
- <p>when nothing prevents our being...</p>
|
|
|
- <a href="#" class="btn btn-md no-border radius-all-100 btn-black"><i class="glyph-icon icon-comments-o"></i></a>
|
|
|
- </li>
|
|
|
- </ul>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
-</div>
|
|
|
+ select_item_action();
|
|
|
+ });
|
|
|
|
|
|
-<div class="sb-slidebar bg-black sb-right sb-style-overlay">
|
|
|
-<div class="scrollable-content scrollable-slim-sidebar">
|
|
|
-<div class="pad15A">
|
|
|
-<a href="#" title="" data-toggle="collapse" data-target="#sidebar-toggle-1" class="popover-title">
|
|
|
- Cloud status
|
|
|
-</a>
|
|
|
-<div id="sidebar-toggle-1" class="collapse in">
|
|
|
- <div class="pad15A container">
|
|
|
- <div class="row">
|
|
|
- <div class="col-md-4">
|
|
|
- <div class="text-center font-gray pad5B text-transform-upr font-size-12">New visits</div>
|
|
|
- <div class="chart-alt-3 font-gray-dark" data-percent="55"><span>55</span>%</div>
|
|
|
- </div>
|
|
|
- <div class="col-md-4">
|
|
|
- <div class="text-center font-gray pad5B text-transform-upr font-size-12">Bounce rate</div>
|
|
|
- <div class="chart-alt-3 font-gray-dark" data-percent="46"><span>46</span>%</div>
|
|
|
- </div>
|
|
|
- <div class="col-md-4">
|
|
|
- <div class="text-center font-gray pad5B text-transform-upr font-size-12">Server load</div>
|
|
|
- <div class="chart-alt-3 font-gray-dark" data-percent="92"><span>92</span>%</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="divider mrg15T mrg15B"></div>
|
|
|
- <div class="text-center">
|
|
|
- <a href="#" class="btn center-div btn-info mrg5T btn-sm text-transform-upr updateEasyPieChart">
|
|
|
- <i class="glyph-icon icon-refresh"></i>
|
|
|
- Update charts
|
|
|
- </a>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
-</div>
|
|
|
+ $("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);
|
|
|
+ }
|
|
|
|
|
|
-<div class="clear"></div>
|
|
|
-
|
|
|
-<a href="#" title="" data-toggle="collapse" data-target="#sidebar-toggle-6" class="popover-title">
|
|
|
- Latest transfers
|
|
|
-</a>
|
|
|
-<div id="sidebar-toggle-6" class="collapse in">
|
|
|
-
|
|
|
- <ul class="files-box">
|
|
|
- <li>
|
|
|
- <i class="files-icon glyph-icon font-red icon-file-archive-o"></i>
|
|
|
- <div class="files-content">
|
|
|
- <b>blog_export.zip</b>
|
|
|
- <div class="files-date">
|
|
|
- <i class="glyph-icon icon-clock-o"></i>
|
|
|
- added on <b>22.10.2014</b>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="files-buttons">
|
|
|
- <a href="#" class="btn btn-xs hover-info tooltip-button" data-placement="left" title="Download">
|
|
|
- <i class="glyph-icon icon-cloud-download"></i>
|
|
|
- </a>
|
|
|
- <a href="#" class="btn btn-xs hover-danger tooltip-button" data-placement="left" title="Delete">
|
|
|
- <i class="glyph-icon icon-times"></i>
|
|
|
- </a>
|
|
|
- </div>
|
|
|
- </li>
|
|
|
- <li class="divider"></li>
|
|
|
- <li>
|
|
|
- <i class="files-icon glyph-icon icon-file-code-o"></i>
|
|
|
- <div class="files-content">
|
|
|
- <b>homepage-test.html</b>
|
|
|
- <div class="files-date">
|
|
|
- <i class="glyph-icon icon-clock-o"></i>
|
|
|
- added <b>19.10.2014</b>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="files-buttons">
|
|
|
- <a href="#" class="btn btn-xs hover-info tooltip-button" data-placement="left" title="Download">
|
|
|
- <i class="glyph-icon icon-cloud-download"></i>
|
|
|
- </a>
|
|
|
- <a href="#" class="btn btn-xs hover-danger tooltip-button" data-placement="left" title="Delete">
|
|
|
- <i class="glyph-icon icon-times"></i>
|
|
|
- </a>
|
|
|
- </div>
|
|
|
- </li>
|
|
|
- <li class="divider"></li>
|
|
|
- <li>
|
|
|
- <i class="files-icon glyph-icon font-yellow icon-file-image-o"></i>
|
|
|
- <div class="files-content">
|
|
|
- <b>monthlyReport.jpg</b>
|
|
|
- <div class="files-date">
|
|
|
- <i class="glyph-icon icon-clock-o"></i>
|
|
|
- added on <b>10.9.2014</b>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="files-buttons">
|
|
|
- <a href="#" class="btn btn-xs hover-info tooltip-button" data-placement="left" title="Download">
|
|
|
- <i class="glyph-icon icon-cloud-download"></i>
|
|
|
- </a>
|
|
|
- <a href="#" class="btn btn-xs hover-danger tooltip-button" data-placement="left" title="Delete">
|
|
|
- <i class="glyph-icon icon-times"></i>
|
|
|
- </a>
|
|
|
- </div>
|
|
|
- </li>
|
|
|
- <li class="divider"></li>
|
|
|
- <li>
|
|
|
- <i class="files-icon glyph-icon font-green icon-file-word-o"></i>
|
|
|
- <div class="files-content">
|
|
|
- <b>new_presentation.doc</b>
|
|
|
- <div class="files-date">
|
|
|
- <i class="glyph-icon icon-clock-o"></i>
|
|
|
- added on <b>5.9.2014</b>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="files-buttons">
|
|
|
- <a href="#" class="btn btn-xs hover-info tooltip-button" data-placement="left" title="Download">
|
|
|
- <i class="glyph-icon icon-cloud-download"></i>
|
|
|
- </a>
|
|
|
- <a href="#" class="btn btn-xs hover-danger tooltip-button" data-placement="left" title="Delete">
|
|
|
- <i class="glyph-icon icon-times"></i>
|
|
|
- </a>
|
|
|
- </div>
|
|
|
- </li>
|
|
|
- </ul>
|
|
|
+ select_item_action();
|
|
|
+ });
|
|
|
|
|
|
-</div>
|
|
|
+ $("tbody tr").on('click', "input[type='checkbox']", function() {
|
|
|
+ select_item_action();
|
|
|
+ });
|
|
|
|
|
|
-<div class="clear"></div>
|
|
|
+ $('body').addClass('add-transition');
|
|
|
+ $('.add-page-transition').on('click', function(){
|
|
|
+ var transAttr = $(this).attr('data-transition');
|
|
|
+ $('.add-transition').attr('class', 'add-transition');
|
|
|
+ $('.add-transition').addClass(transAttr);
|
|
|
+ });
|
|
|
|
|
|
-<a href="#" title="" data-toggle="collapse" data-target="#sidebar-toggle-3" class="popover-title">
|
|
|
- Tasks for today
|
|
|
-</a>
|
|
|
-<div id="sidebar-toggle-3" class="collapse in">
|
|
|
+ $('#edit_remark_modal').on('show.bs.modal', function (me) {
|
|
|
+ $('#instance_uuid').val($(me.relatedTarget).parent().parent().prev().prev().text());
|
|
|
+ $('#edit_remark').val($(me.relatedTarget).prev().text());
|
|
|
+ });
|
|
|
|
|
|
- <ul class="progress-box">
|
|
|
- <li>
|
|
|
- <div class="progress-title">
|
|
|
- New features development
|
|
|
- <b>87%</b>
|
|
|
- </div>
|
|
|
- <div class="progressbar-smaller progressbar" data-value="87">
|
|
|
- <div class="progressbar-value bg-azure">
|
|
|
- <div class="progressbar-overlay"></div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <b class="pull-right">66%</b>
|
|
|
- <div class="progress-title">
|
|
|
- Finishing uploading files
|
|
|
+ $('#migrate_host').chosen({
|
|
|
+ "disable_search": true
|
|
|
+ });
|
|
|
|
|
|
- </div>
|
|
|
- <div class="progressbar-smaller progressbar" data-value="66">
|
|
|
- <div class="progressbar-value bg-red">
|
|
|
- <div class="progressbar-overlay"></div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <div class="progress-title">
|
|
|
- Creating tutorials
|
|
|
- <b>58%</b>
|
|
|
- </div>
|
|
|
- <div class="progressbar-smaller progressbar" data-value="58">
|
|
|
- <div class="progressbar-value bg-blue-alt"></div>
|
|
|
- </div>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <div class="progress-title">
|
|
|
- Frontend bonus theme
|
|
|
- <b>74%</b>
|
|
|
- </div>
|
|
|
- <div class="progressbar-smaller progressbar" data-value="74">
|
|
|
- <div class="progressbar-value bg-purple"></div>
|
|
|
- </div>
|
|
|
- </li>
|
|
|
- </ul>
|
|
|
+ $('#migrate_modal').on('show.bs.modal', function (me) {
|
|
|
+ $('#migrate_instance_uuid').val(
|
|
|
+ $(me.relatedTarget).parent().parent().parent().parent().parent().children()[0].textContent);
|
|
|
+ $.ajax({
|
|
|
+ url : '/api/hosts',
|
|
|
+ type : 'GET',
|
|
|
+ contentType: "application/json; charset=utf-8",
|
|
|
+ dataType: 'json',
|
|
|
+ error : function() {
|
|
|
+ },
|
|
|
+ success : function(data, textStatus, xhr) {
|
|
|
+ $('#migrate_host').empty();
|
|
|
+ $.each(data.data, function(k, v) {
|
|
|
+ $('#migrate_host').append(
|
|
|
+ $('<option>', {value: v['hostname'], text: v['hostname']})
|
|
|
+ );
|
|
|
+ });
|
|
|
+ $('#migrate_host').trigger("chosen:updated");
|
|
|
+ }
|
|
|
+ });
|
|
|
+ });
|
|
|
|
|
|
-</div>
|
|
|
+ $('#reset_password_modal').on('show.bs.modal', function (me) {
|
|
|
+ $('#reset_password_instance_uuid').val(
|
|
|
+ $(me.relatedTarget).parent().parent().parent().parent().parent().children()[0].textContent);
|
|
|
+ });
|
|
|
+ });
|
|
|
+
|
|
|
+ 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_remark_trigger").css('display','inline-flex');
|
|
|
+ }
|
|
|
+
|
|
|
+ function row_onmouseout(me) {
|
|
|
+ $(me).find(".edit_remark_trigger").css('display','none');
|
|
|
+ }
|
|
|
+
|
|
|
+ function remark_update(me) {
|
|
|
+ var uuid = $('#instance_uuid').val();
|
|
|
+ var remark = $('#edit_remark').val();
|
|
|
+ $('#edit_remark_modal').modal('hide');
|
|
|
+ $.ajax({
|
|
|
+ url : '/api/guest/' + uuid,
|
|
|
+ type : 'PATCH',
|
|
|
+ contentType: "application/json; charset=utf-8",
|
|
|
+ data : JSON.stringify({
|
|
|
+ remark: remark
|
|
|
+ }),
|
|
|
+ error : function() {
|
|
|
+ alter_danger('实例备注更新失败！');
|
|
|
+ },
|
|
|
+ success : function() {
|
|
|
+ $('#guest_list tbody').find('td:contains(' + uuid + ')').next().next().find('p').text(remark);
|
|
|
+ alter_success('实例备注更新成功！');
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+
|
|
|
+ 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);
|
|
|
+ });
|
|
|
|
|
|
-<div class="clear"></div>
|
|
|
-
|
|
|
-<a href="#" title="" data-toggle="collapse" data-target="#sidebar-toggle-4" class="popover-title">
|
|
|
- Pending notifications
|
|
|
- <span class="bs-label bg-orange tooltip-button" title="Label example">New</span>
|
|
|
-</a>
|
|
|
-<div id="sidebar-toggle-4" class="collapse in">
|
|
|
- <ul class="notifications-box notifications-box-alt">
|
|
|
- <li>
|
|
|
- <span class="bg-purple icon-notification glyph-icon icon-users"></span>
|
|
|
- <span class="notification-text">This is an error notification</span>
|
|
|
- <div class="notification-time">
|
|
|
- a few seconds ago
|
|
|
- <span class="glyph-icon icon-clock-o"></span>
|
|
|
- </div>
|
|
|
- <a href="#" class="notification-btn btn btn-xs btn-black tooltip-button" data-placement="left" title="View details">
|
|
|
- <i class="glyph-icon icon-arrow-right"></i>
|
|
|
- </a>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <span class="bg-warning icon-notification glyph-icon icon-ticket"></span>
|
|
|
- <span class="notification-text">This is a warning notification</span>
|
|
|
- <div class="notification-time">
|
|
|
- <b>15</b> minutes ago
|
|
|
- <span class="glyph-icon icon-clock-o"></span>
|
|
|
- </div>
|
|
|
- <a href="#" class="notification-btn btn btn-xs btn-black tooltip-button" data-placement="left" title="View details">
|
|
|
- <i class="glyph-icon icon-arrow-right"></i>
|
|
|
- </a>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <span class="bg-green icon-notification glyph-icon icon-random"></span>
|
|
|
- <span class="notification-text font-green">A success message example.</span>
|
|
|
- <div class="notification-time">
|
|
|
- <b>2 hours</b> ago
|
|
|
- <span class="glyph-icon icon-clock-o"></span>
|
|
|
- </div>
|
|
|
- <a href="#" class="notification-btn btn btn-xs btn-black tooltip-button" data-placement="left" title="View details">
|
|
|
- <i class="glyph-icon icon-arrow-right"></i>
|
|
|
- </a>
|
|
|
- </li>
|
|
|
- </ul>
|
|
|
-</div>
|
|
|
-</div>
|
|
|
-</div>
|
|
|
-</div>
|
|
|
- <div id="loading">
|
|
|
- <div class="spinner">
|
|
|
- <div class="bounce1"></div>
|
|
|
- <div class="bounce2"></div>
|
|
|
- <div class="bounce3"></div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+ 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 boot(uuids) {
|
|
|
+ $.ajax({
|
|
|
+ url : '/api/guests/_boot/' + uuids.join(','),
|
|
|
+ type : 'PUT',
|
|
|
+ contentType: "application/json; charset=utf-8",
|
|
|
+ error : function() {
|
|
|
+ alter_danger('实例启动指令发送失败！');
|
|
|
+ },
|
|
|
+ success : function() {
|
|
|
+ alter_success('实例启动指令发送成功！');
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+
|
|
|
+ function reboot(uuids) {
|
|
|
+ $.ajax({
|
|
|
+ url : '/api/guests/_reboot/' + uuids.join(','),
|
|
|
+ type : 'PUT',
|
|
|
+ contentType: "application/json; charset=utf-8",
|
|
|
+ error : function() {
|
|
|
+ alter_danger('实例重启指令发送失败！');
|
|
|
+ },
|
|
|
+ success : function() {
|
|
|
+ alter_success('实例重启指令发送成功！');
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+
|
|
|
+ function force_reboot(uuids) {
|
|
|
+ $.ajax({
|
|
|
+ url : '/api/guests/_force_reboot/' + uuids.join(','),
|
|
|
+ type : 'PUT',
|
|
|
+ contentType: "application/json; charset=utf-8",
|
|
|
+ error : function() {
|
|
|
+ alter_danger('实例强制重启指令发送失败！');
|
|
|
+ },
|
|
|
+ success : function() {
|
|
|
+ alter_success('实例强制重启指令发送成功！');
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+
|
|
|
+ function shutdown(uuids) {
|
|
|
+ $.ajax({
|
|
|
+ url : '/api/guests/_shutdown/' + uuids.join(','),
|
|
|
+ type : 'PUT',
|
|
|
+ contentType: "application/json; charset=utf-8",
|
|
|
+ error : function() {
|
|
|
+ alter_danger('实例停止指令发送失败！');
|
|
|
+ },
|
|
|
+ success : function() {
|
|
|
+ alter_success('实例停止指令发送成功！');
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+
|
|
|
+ function force_shutdown(uuids) {
|
|
|
+ $.ajax({
|
|
|
+ url : '/api/guests/_force_shutdown/' + uuids.join(','),
|
|
|
+ type : 'PUT',
|
|
|
+ contentType: "application/json; charset=utf-8",
|
|
|
+ error : function() {
|
|
|
+ alter_danger('实例强制停止指令发送失败！');
|
|
|
+ },
|
|
|
+ success : function() {
|
|
|
+ alter_success('实例强制停止指令发送成功！');
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+
|
|
|
+ function suspend(uuids) {
|
|
|
+ $.ajax({
|
|
|
+ url : '/api/guests/_suspend/' + uuids.join(','),
|
|
|
+ type : 'PUT',
|
|
|
+ contentType: "application/json; charset=utf-8",
|
|
|
+ error : function() {
|
|
|
+ alter_danger('实例暂停指令发送失败！');
|
|
|
+ },
|
|
|
+ success : function() {
|
|
|
+ alter_success('实例暂停指令发送成功！');
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+
|
|
|
+ function resume(uuids) {
|
|
|
+ $.ajax({
|
|
|
+ url : '/api/guests/_resume/' + uuids.join(','),
|
|
|
+ type : 'PUT',
|
|
|
+ contentType: "application/json; charset=utf-8",
|
|
|
+ error : function() {
|
|
|
+ alter_danger('实例恢复指令发送失败！');
|
|
|
+ },
|
|
|
+ success : function() {
|
|
|
+ alter_success('实例恢复指令发送成功！');
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+
|
|
|
+ function remove(uuids) {
|
|
|
+ $.ajax({
|
|
|
+ url : '/api/guests/' + uuids.join(','),
|
|
|
+ type : 'DELETE',
|
|
|
+ contentType: "application/json; charset=utf-8",
|
|
|
+ error : function() {
|
|
|
+ alter_danger('实例删除指令发送失败！');
|
|
|
+ },
|
|
|
+ success : function() {
|
|
|
+ alter_success('实例删除指令发送成功！');
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+
|
|
|
+ function migrate(uuids, host) {
|
|
|
+ $.ajax({
|
|
|
+ url : '/api/guests/_migrate/' + uuids.join(',') + '/' + host,
|
|
|
+ type : 'PUT',
|
|
|
+ contentType: "application/json; charset=utf-8",
|
|
|
+ error : function() {
|
|
|
+ alter_danger('实例迁移指令发送失败！');
|
|
|
+ },
|
|
|
+ success : function() {
|
|
|
+ alter_success('实例迁移指令发送成功！');
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+
|
|
|
+ function reset_password(uuids, password) {
|
|
|
+ $.ajax({
|
|
|
+ url : '/api/guests/_reset_password/' + uuids.join(',') + '/' + password,
|
|
|
+ type : 'PUT',
|
|
|
+ contentType: "application/json; charset=utf-8",
|
|
|
+ error : function() {
|
|
|
+ alter_danger('实例重置密码指令发送失败！');
|
|
|
+ },
|
|
|
+ success : function() {
|
|
|
+ alter_success('实例重置密码指令发送成功！');
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+
|
|
|
+ function boot_at(me) {
|
|
|
+ var uuid = $(me).parent().parent().parent().parent().parent().children()[0].textContent;
|
|
|
+ boot([uuid]);
|
|
|
+ }
|
|
|
+
|
|
|
+ function reboot_at(me) {
|
|
|
+ var uuid = $(me).parent().parent().parent().parent().parent().children()[0].textContent;
|
|
|
+ reboot([uuid]);
|
|
|
+ }
|
|
|
+
|
|
|
+ function force_reboot_at(me) {
|
|
|
+ var uuid = $(me).parent().parent().parent().parent().parent().children()[0].textContent;
|
|
|
+ force_reboot([uuid]);
|
|
|
+ }
|
|
|
+
|
|
|
+ function shutdown_at(me) {
|
|
|
+ var uuid = $(me).parent().parent().parent().parent().parent().children()[0].textContent;
|
|
|
+ shutdown([uuid]);
|
|
|
+ }
|
|
|
+
|
|
|
+ function force_shutdown_at(me) {
|
|
|
+ var uuid = $(me).parent().parent().parent().parent().parent().children()[0].textContent;
|
|
|
+ force_shutdown([uuid]);
|
|
|
+ }
|
|
|
+
|
|
|
+ function suspend_at(me) {
|
|
|
+ var uuid = $(me).parent().parent().parent().parent().parent().children()[0].textContent;
|
|
|
+ suspend([uuid]);
|
|
|
+ }
|
|
|
+
|
|
|
+ function resume_at(me) {
|
|
|
+ var uuid = $(me).parent().parent().parent().parent().parent().children()[0].textContent;
|
|
|
+ resume([uuid]);
|
|
|
+ }
|
|
|
+
|
|
|
+ function delete_at(me) {
|
|
|
+ var uuid = $(me).parent().parent().parent().parent().parent().children()[0].textContent;
|
|
|
+ remove([uuid]);
|
|
|
+ }
|
|
|
+
|
|
|
+ function migrate_go() {
|
|
|
+ var migrate_type = $('#migrate_type').val();
|
|
|
+ var uuids = [];
|
|
|
+ if (migrate_type === 'single') {
|
|
|
+ uuids = [$('#migrate_instance_uuid').val()];
|
|
|
+ } else {
|
|
|
+ uuids = get_checked_uuids();
|
|
|
+ }
|
|
|
+ var host = $('#migrate_host').val();
|
|
|
+ $('#migrate_modal').modal('hide');
|
|
|
+ migrate([uuids], host);
|
|
|
+ }
|
|
|
+
|
|
|
+ function reset_password_go() {
|
|
|
+ var migrate_type = $('#reset_password_type').val();
|
|
|
+ var uuids = [];
|
|
|
+ if (migrate_type === 'single') {
|
|
|
+ uuids = [$('#reset_password_instance_uuid').val()];
|
|
|
+ } else {
|
|
|
+ uuids = get_checked_uuids();
|
|
|
+ }
|
|
|
+ var password = $('#new_password').val();
|
|
|
+ $('#reset_password_modal').modal('hide');
|
|
|
+ reset_password([uuids], password);
|
|
|
+ }
|
|
|
+
|
|
|
+ function get_selected_uuids() {
|
|
|
+ var selected_element = get_selected_element(true);
|
|
|
+ var uuids = [];
|
|
|
+
|
|
|
+ selected_element.each(function(i, e) {
|
|
|
+ var uuid = $(e).parent().prev().text();
|
|
|
+ uuids.push(uuid);
|
|
|
+ });
|
|
|
|
|
|
- <div id="page-wrapper">
|
|
|
- <div id="page-header" class="bg-gradient-9">
|
|
|
- <div id="mobile-navigation">
|
|
|
- <button id="nav-toggle" class="collapsed" data-toggle="collapse" data-target="#page-sidebar"><span></span></button>
|
|
|
- <a href="index.html" class="logo-content-small" title="MonarchUI"></a>
|
|
|
- </div>
|
|
|
- <div id="header-logo" class="logo-bg">
|
|
|
- <a href="index.html" class="logo-content-big" title="MonarchUI">
|
|
|
- Monarch <i>UI</i>
|
|
|
- <span>The perfect solution for user interfaces</span>
|
|
|
- </a>
|
|
|
- <a href="index.html" class="logo-content-small" title="MonarchUI">
|
|
|
- Monarch <i>UI</i>
|
|
|
- <span>The perfect solution for user interfaces</span>
|
|
|
- </a>
|
|
|
- <a id="close-sidebar" href="#" title="Close sidebar">
|
|
|
- <i class="glyph-icon icon-angle-left"></i>
|
|
|
- </a>
|
|
|
- </div>
|
|
|
- <div id="header-nav-left">
|
|
|
- <div class="user-account-btn dropdown">
|
|
|
- <a href="#" title="My Account" class="user-profile clearfix" data-toggle="dropdown">
|
|
|
- <img width="28" src="../../assets/image-resources/gravatar.jpg" alt="Profile image">
|
|
|
- <span>Thomas Barnes</span>
|
|
|
- <i class="glyph-icon icon-angle-down"></i>
|
|
|
- </a>
|
|
|
- <div class="dropdown-menu float-left">
|
|
|
- <div class="box-sm">
|
|
|
- <div class="login-box clearfix">
|
|
|
- <div class="user-img">
|
|
|
- <a href="#" title="" class="change-img">Change photo</a>
|
|
|
- <img src="../../assets/image-resources/gravatar.jpg" alt="">
|
|
|
+ return uuids;
|
|
|
+ }
|
|
|
+
|
|
|
+ function get_checked_uuids() {
|
|
|
+ var uuids = get_selected_uuids();
|
|
|
+
|
|
|
+ if (uuids.length < 1) {
|
|
|
+ alter_warning('未选择任何可操作的实例！');
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+
|
|
|
+ return uuids;
|
|
|
+ }
|
|
|
+
|
|
|
+ function batch_boot() {
|
|
|
+ var uuids = get_checked_uuids();
|
|
|
+ if (uuids) {
|
|
|
+ boot(uuids);
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ function batch_reboot() {
|
|
|
+ var uuids = get_checked_uuids();
|
|
|
+ if (uuids) {
|
|
|
+ reboot(uuids);
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ function batch_force_reboot() {
|
|
|
+ var uuids = get_checked_uuids();
|
|
|
+ if (uuids) {
|
|
|
+ force_reboot(uuids);
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ function batch_shutdown() {
|
|
|
+ var uuids = get_checked_uuids();
|
|
|
+ if (uuids) {
|
|
|
+ shutdown(uuids);
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ function batch_force_shutdown() {
|
|
|
+ var uuids = get_checked_uuids();
|
|
|
+ if (uuids) {
|
|
|
+ force_shutdown(uuids);
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ function batch_suspend() {
|
|
|
+ var uuids = get_checked_uuids();
|
|
|
+ if (uuids) {
|
|
|
+ suspend(uuids);
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ function batch_resume() {
|
|
|
+ var uuids = get_checked_uuids();
|
|
|
+ if (uuids) {
|
|
|
+ resume(uuids);
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ function batch_delete() {
|
|
|
+ var uuids = get_checked_uuids();
|
|
|
+ if (uuids) {
|
|
|
+ remove(uuids);
|
|
|
+ }
|
|
|
+ }
|
|
|
+</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="user-info">
|
|
|
- <span>
|
|
|
- Thomas Barnes
|
|
|
- <i>UX/UI developer</i>
|
|
|
- </span>
|
|
|
- <a href="#" title="Edit profile">Edit profile</a>
|
|
|
- <a href="#" title="View notifications">View notifications</a>
|
|
|
+ <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 add-page-transition" href="/guests/create" data-transition="pt-page-moveFromRight-init" style="border-radius: 0; padding-left: 40px; padding-right: 40px;">创建实例</a>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="divider"></div>
|
|
|
- <ul class="reset-ul mrg5B">
|
|
|
- <li>
|
|
|
- <a href="#">
|
|
|
- <i class="glyph-icon float-right icon-caret-right"></i>
|
|
|
- View login page example
|
|
|
-
|
|
|
- </a>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <a href="#">
|
|
|
- <i class="glyph-icon float-right icon-caret-right"></i>
|
|
|
- View lockscreen example
|
|
|
-
|
|
|
- </a>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <a href="#">
|
|
|
- <i class="glyph-icon float-right icon-caret-right"></i>
|
|
|
- View account details
|
|
|
-
|
|
|
- </a>
|
|
|
- </li>
|
|
|
- </ul>
|
|
|
- <div class="pad5A button-pane button-pane-alt text-center">
|
|
|
- <a href="#" class="btn display-block font-normal btn-danger">
|
|
|
- <i class="glyph-icon icon-power-off"></i>
|
|
|
- Logout
|
|
|
- </a>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div><!-- #header-nav-left -->
|
|
|
-
|
|
|
- <div id="header-nav-right">
|
|
|
- <a href="#" class="hdr-btn popover-button" title="Search" data-placement="bottom" data-id="#popover-search">
|
|
|
- <i class="glyph-icon icon-search"></i>
|
|
|
- </a>
|
|
|
- <div class="hide" id="popover-search">
|
|
|
- <div class="pad5A box-md">
|
|
|
- <div class="input-group">
|
|
|
- <input type="text" class="form-control" placeholder="Search terms here ...">
|
|
|
- <span class="input-group-btn">
|
|
|
- <a class="btn btn-primary" href="#">Search</a>
|
|
|
- </span>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <a href="#" class="hdr-btn" id="fullscreen-btn" title="Fullscreen">
|
|
|
- <i class="glyph-icon icon-arrows-alt"></i>
|
|
|
- </a>
|
|
|
- <a href="#" class="hdr-btn sb-toggle-left" id="chatbox-btn" title="Chat sidebar">
|
|
|
- <i class="glyph-icon icon-linecons-paper-plane"></i>
|
|
|
- </a>
|
|
|
- <div class="dropdown" id="notifications-btn">
|
|
|
- <a data-toggle="dropdown" href="#" title="">
|
|
|
- <span class="small-badge bg-yellow"></span>
|
|
|
- <i class="glyph-icon icon-linecons-megaphone"></i>
|
|
|
- </a>
|
|
|
- <div class="dropdown-menu box-md float-right">
|
|
|
-
|
|
|
- <div class="popover-title display-block clearfix pad10A">
|
|
|
- Notifications
|
|
|
- <a class="text-transform-cap font-primary font-normal btn-link float-right" href="#" title="View more options">
|
|
|
- More options...
|
|
|
- </a>
|
|
|
- </div>
|
|
|
- <div class="scrollable-content scrollable-slim-box">
|
|
|
- <ul class="no-border notifications-box">
|
|
|
- <li>
|
|
|
- <span class="bg-danger icon-notification glyph-icon icon-bullhorn"></span>
|
|
|
- <span class="notification-text">This is an error notification</span>
|
|
|
- <div class="notification-time">
|
|
|
- a few seconds ago
|
|
|
- <span class="glyph-icon icon-clock-o"></span>
|
|
|
- </div>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <span class="bg-warning icon-notification glyph-icon icon-users"></span>
|
|
|
- <span class="notification-text font-blue">This is a warning notification</span>
|
|
|
- <div class="notification-time">
|
|
|
- <b>15</b> minutes ago
|
|
|
- <span class="glyph-icon icon-clock-o"></span>
|
|
|
- </div>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <span class="bg-green icon-notification glyph-icon icon-sitemap"></span>
|
|
|
- <span class="notification-text font-green">A success message example.</span>
|
|
|
- <div class="notification-time">
|
|
|
- <b>2 hours</b> ago
|
|
|
- <span class="glyph-icon icon-clock-o"></span>
|
|
|
- </div>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <span class="bg-azure icon-notification glyph-icon icon-random"></span>
|
|
|
- <span class="notification-text">This is an error notification</span>
|
|
|
- <div class="notification-time">
|
|
|
- a few seconds ago
|
|
|
- <span class="glyph-icon icon-clock-o"></span>
|
|
|
- </div>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <span class="bg-warning icon-notification glyph-icon icon-ticket"></span>
|
|
|
- <span class="notification-text">This is a warning notification</span>
|
|
|
- <div class="notification-time">
|
|
|
- <b>15</b> minutes ago
|
|
|
- <span class="glyph-icon icon-clock-o"></span>
|
|
|
- </div>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <span class="bg-blue icon-notification glyph-icon icon-user"></span>
|
|
|
- <span class="notification-text font-blue">Alternate notification styling.</span>
|
|
|
- <div class="notification-time">
|
|
|
- <b>2 hours</b> ago
|
|
|
- <span class="glyph-icon icon-clock-o"></span>
|
|
|
- </div>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <span class="bg-purple icon-notification glyph-icon icon-user"></span>
|
|
|
- <span class="notification-text">This is an error notification</span>
|
|
|
- <div class="notification-time">
|
|
|
- a few seconds ago
|
|
|
- <span class="glyph-icon icon-clock-o"></span>
|
|
|
- </div>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <span class="bg-warning icon-notification glyph-icon icon-user"></span>
|
|
|
- <span class="notification-text">This is a warning notification</span>
|
|
|
- <div class="notification-time">
|
|
|
- <b>15</b> minutes ago
|
|
|
- <span class="glyph-icon icon-clock-o"></span>
|
|
|
- </div>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <span class="bg-green icon-notification glyph-icon icon-user"></span>
|
|
|
- <span class="notification-text font-green">A success message example.</span>
|
|
|
- <div class="notification-time">
|
|
|
- <b>2 hours</b> ago
|
|
|
- <span class="glyph-icon icon-clock-o"></span>
|
|
|
- </div>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <span class="bg-purple icon-notification glyph-icon icon-user"></span>
|
|
|
- <span class="notification-text">This is an error notification</span>
|
|
|
- <div class="notification-time">
|
|
|
- a few seconds ago
|
|
|
- <span class="glyph-icon icon-clock-o"></span>
|
|
|
- </div>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <span class="bg-warning icon-notification glyph-icon icon-user"></span>
|
|
|
- <span class="notification-text">This is a warning notification</span>
|
|
|
- <div class="notification-time">
|
|
|
- <b>15</b> minutes ago
|
|
|
- <span class="glyph-icon icon-clock-o"></span>
|
|
|
- </div>
|
|
|
- </li>
|
|
|
- </ul>
|
|
|
</div>
|
|
|
- <div class="pad10A button-pane button-pane-alt text-center">
|
|
|
- <a href="#" class="btn btn-primary" title="View all notifications">
|
|
|
- View all notifications
|
|
|
- </a>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="dropdown" id="progress-btn">
|
|
|
- <a data-toggle="dropdown" href="#" title="">
|
|
|
- <span class="small-badge bg-azure"></span>
|
|
|
- <i class="glyph-icon icon-linecons-params"></i>
|
|
|
- </a>
|
|
|
- <div class="dropdown-menu pad0A box-sm float-right" id="progress-dropdown">
|
|
|
- <div class="scrollable-content scrollable-slim-box">
|
|
|
- <ul class="no-border progress-box progress-box-links">
|
|
|
- <li>
|
|
|
- <a href="#" title="">
|
|
|
- <b class="pull-right">23%</b>
|
|
|
- <div class="progress-title">
|
|
|
- Finishing uploading files
|
|
|
-
|
|
|
- </div>
|
|
|
- <div class="progressbar-smaller progressbar" data-value="23">
|
|
|
- <div class="progressbar-value bg-blue-alt">
|
|
|
- <div class="progressbar-overlay"></div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </a>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <a href="#" title="">
|
|
|
- <b class="pull-right">91%</b>
|
|
|
- <div class="progress-title">
|
|
|
- Roadmap progress
|
|
|
- </div>
|
|
|
- <div class="progressbar-smaller progressbar" data-value="91">
|
|
|
- <div class="progressbar-value bg-red">
|
|
|
- <div class="progressbar-overlay"></div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </a>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <a href="#" title="">
|
|
|
- <b class="pull-right">58%</b>
|
|
|
- <div class="progress-title">
|
|
|
- Images upload
|
|
|
- </div>
|
|
|
- <div class="progressbar-smaller progressbar" data-value="58">
|
|
|
- <div class="progressbar-value bg-green"></div>
|
|
|
- </div>
|
|
|
+ <table id="guest_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;">UUID</th>
|
|
|
+ <th><input class="all_selector" title="选取所有" type="checkbox"></th>
|
|
|
+ <th width="180px;">名称</th>
|
|
|
+ <th></th>
|
|
|
+ <th>状态</th>
|
|
|
+ <th>计算节点</th>
|
|
|
+ <th>配置</th>
|
|
|
+ <th>IP</th>
|
|
|
+ <th>密码</th>
|
|
|
+ <th>创建时间</th>
|
|
|
+ <th>操作</th>
|
|
|
+ </tr>
|
|
|
+ </thead>
|
|
|
+ <tbody>
|
|
|
+ {% for item in guests_ret.data %}
|
|
|
+ <tr role="row" class="odd" onmouseover="row_onmouseover(this);" onmouseout="row_onmouseout(this);">
|
|
|
+ <td style="display: none;">{{ item.uuid }}</td>
|
|
|
+ <td><input title="选中" type="checkbox"></td>
|
|
|
+ <td>
|
|
|
+ <div>
|
|
|
+ <a href="/guest/detail/{{ item.uuid }}">{{ item.label }}</a>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <p style="display: inline-block;">{{ item.remark }}</p>
|
|
|
+ <a href="javascript:;" class="edit_remark_trigger" data-toggle="modal" data-target="#edit_remark_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>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <a href="#" title="">
|
|
|
- <b class="pull-right">74%</b>
|
|
|
- <div class="progress-title">
|
|
|
- WordPress migration
|
|
|
- </div>
|
|
|
- <div class="progressbar-smaller progressbar" data-value="74">
|
|
|
- <div class="progressbar-value bg-purple"></div>
|
|
|
- </div>
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
+ <td><span class="{{ os_template_mapping_by_id[item.os_template_id].icon }}"></span></td>
|
|
|
+ <td>{{ format_guest_status(item.status)|safe }}</td>
|
|
|
+ <td>{{ item.on_host }}</td>
|
|
|
+ <td>CPU : {{ item.cpu }} 核<br />内存 : {{ item.memory }} GB</td>
|
|
|
+ <td>{{ item.ip }}</td>
|
|
|
+ <td>{{ item.password }}</td>
|
|
|
+ <td>{{ format_datetime_by_tus(item.create_time) }}</td>
|
|
|
+ <td>
|
|
|
+ <div class="dropdown inline-block">
|
|
|
+ <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown">
|
|
|
+ 更多
|
|
|
</a>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <a href="#" title="">
|
|
|
- <b class="pull-right">91%</b>
|
|
|
- <div class="progress-title">
|
|
|
- Agile development procedures
|
|
|
- </div>
|
|
|
- <div class="progressbar-smaller progressbar" data-value="91">
|
|
|
- <div class="progressbar-value bg-black">
|
|
|
- <div class="progressbar-overlay"></div>
|
|
|
+ <ul class="dropdown-menu">
|
|
|
+ <li class="{% if item.status not in [4, 5, 6] %} disabled {% endif %}">
|
|
|
+ <a href="javascript:;" onclick="boot_at(this);">启动</a>
|
|
|
+ </li>
|
|
|
+ <li class="{% if item.status not in [1] %} disabled {% endif %}">
|
|
|
+ <a href="javascript:;" onclick="reboot_at(this);">重启</a>
|
|
|
+ </li>
|
|
|
+ <li class="{% if item.status not in [1] %} disabled {% endif %}">
|
|
|
+ <a href="javascript:;" onclick="force_reboot_at(this);">强制重启</a>
|
|
|
+ </li>
|
|
|
+ <li class="{% if item.status not in [1] %} disabled {% endif %}">
|
|
|
+ <a href="javascript:;" onclick="shutdown_at(this);">停止</a>
|
|
|
+ </li>
|
|
|
+ <li class="{% if item.status not in [1] %} disabled {% endif %}">
|
|
|
+ <a href="javascript:;" onclick="force_shutdown_at(this);">强制停止</a>
|
|
|
+ </li>
|
|
|
+ <li class="divider"></li>
|
|
|
+ <li class="{% if item.status not in [1] %} disabled {% endif %}">
|
|
|
+ <a href="javascript:;" onclick="suspend_at(this);">暂停</a>
|
|
|
+ </li>
|
|
|
+ <li class="{% if item.status not in [3] %} disabled {% endif %}">
|
|
|
+ <a href="javascript:;" onclick="resume_at(this);">恢复</a>
|
|
|
+ </li>
|
|
|
+ <li class="divider"></li>
|
|
|
+ <li class="">
|
|
|
+ <a href="/guest/vnc/{{ item.uuid }}" target="_blank">远程连接</a>
|
|
|
+ </li>
|
|
|
+ <li class="divider"></li>
|
|
|
+ <li class="">
|
|
|
+ <a href="javascript:;" data-toggle="modal" data-target="#reset_password_modal"
|
|
|
+ onclick="$('#reset_password_type').val('single')">
|
|
|
+ 密码重置
|
|
|
+ </a>
|
|
|
+ </li>
|
|
|
+ <li class="{% if item.status not in [1, 3, 4, 5, 6] %} disabled {% endif %}">
|
|
|
+ <a href="javascript:;" data-toggle="modal" data-target="#migrate_modal"
|
|
|
+ onclick="$('#migrate_type').val('single')">
|
|
|
+ 迁移到
|
|
|
+ </a>
|
|
|
+ </li>
|
|
|
+ <li class="divider"></li>
|
|
|
+ <li class="{% if item.status not in [4, 5, 6, 255] %} disabled {% endif %}">
|
|
|
+ <a href="javascript:;" onclick="delete_at(this);">删除</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">
|
|
|
+ <button class="btn btn-default btn-shortcut disabled" onclick="batch_boot();">启动</button>
|
|
|
+ <button class="btn btn-default btn-shortcut disabled" onclick="batch_reboot();">重启</button>
|
|
|
+ <button class="btn btn-default btn-shortcut disabled" onclick="batch_shutdown();">停止</button>
|
|
|
+ <button class="btn btn-default btn-shortcut disabled" onclick="batch_suspend();">暂停</button>
|
|
|
+ <button class="btn btn-default btn-shortcut disabled" onclick="batch_resume();">恢复</button>
|
|
|
+ <div class="dropup inline-block">
|
|
|
+ <button href="javascript:;" class="dropdown-toggle btn btn-default btn-shortcut disabled" data-toggle="dropdown">
|
|
|
+ 更多
|
|
|
+ </button>
|
|
|
+ <ul class="dropdown-menu" style="width: 60px;">
|
|
|
+ <li>
|
|
|
+ <a href="javascript:;" onclick="batch_delete();">删除</a>
|
|
|
+ </li>
|
|
|
+ <li class="divider"></li>
|
|
|
+ <li>
|
|
|
+ <a href="javascript:;" onclick="$('#migrate_type').val('batch');"
|
|
|
+ data-toggle="modal" data-target="#migrate_modal" >
|
|
|
+ 迁移到
|
|
|
+ </a>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <a href="javascript:;" onclick="$('#reset_password_type').val('batch');"
|
|
|
+ data-toggle="modal" data-target="#reset_password_modal">
|
|
|
+ 密码重置
|
|
|
+ </a>
|
|
|
+ </li>
|
|
|
+ <li class="divider"></li>
|
|
|
+ <li>
|
|
|
+ <a href="javascript:;" onclick="batch_force_shutdown();">强制停止</a>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <a href="javascript:;" onclick="batch_force_reboot();">强制重启</a>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
</div>
|
|
|
</div>
|
|
|
- </a>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <a href="#" title="">
|
|
|
- <b class="pull-right">58%</b>
|
|
|
- <div class="progress-title">
|
|
|
- Systems integration
|
|
|
- </div>
|
|
|
- <div class="progressbar-smaller progressbar" data-value="58">
|
|
|
- <div class="progressbar-value bg-azure"></div>
|
|
|
+ <div class="col-sm-3" style="font-size: 12px; padding-top: 5px; text-align: right;">
|
|
|
+ 共有{{ guests_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>
|
|
|
- </a>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <a href="#" title="">
|
|
|
- <b class="pull-right">97%</b>
|
|
|
- <div class="progress-title">
|
|
|
- Code optimizations
|
|
|
- </div>
|
|
|
- <div class="progressbar-smaller progressbar" data-value="97">
|
|
|
- <div class="progressbar-value bg-yellow"></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 %}">«</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 %}">{{ 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 %}">»</a>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- </a>
|
|
|
- </li>
|
|
|
- </ul>
|
|
|
- </div>
|
|
|
- <div class="pad5A button-pane button-pane-alt text-center">
|
|
|
- <a href="#" class="btn display-block font-normal hover-green" title="View all notifications">
|
|
|
- View all notifications
|
|
|
- </a>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="dropdown" id="cloud-btn">
|
|
|
- <a href="#" data-placement="bottom" class="tooltip-button sb-toggle-right" title="Statistics Sidebar">
|
|
|
- <i class="glyph-icon icon-linecons-cloud"></i>
|
|
|
- </a>
|
|
|
- </div>
|
|
|
- <div class="dropdown" id="dashnav-btn">
|
|
|
- <a href="#" data-toggle="dropdown" data-placement="bottom" class="popover-button-header tooltip-button" title="Dashboard Quick Menu">
|
|
|
- <i class="glyph-icon icon-linecons-cog"></i>
|
|
|
- </a>
|
|
|
- <div class="dropdown-menu float-right">
|
|
|
- <div class="box-sm">
|
|
|
- <div class="pad5T pad5B pad10L pad10R dashboard-buttons clearfix">
|
|
|
- <a href="#" class="btn vertical-button hover-blue-alt" title="">
|
|
|
- <span class="glyph-icon icon-separator-vertical pad0A medium">
|
|
|
- <i class="glyph-icon icon-dashboard opacity-80 font-size-20"></i>
|
|
|
- </span>
|
|
|
- Dashboard
|
|
|
- </a>
|
|
|
- <a href="#" class="btn vertical-button hover-green" title="">
|
|
|
- <span class="glyph-icon icon-separator-vertical pad0A medium">
|
|
|
- <i class="glyph-icon icon-tags opacity-80 font-size-20"></i>
|
|
|
- </span>
|
|
|
- Widgets
|
|
|
- </a>
|
|
|
- <a href="#" class="btn vertical-button hover-orange" title="">
|
|
|
- <span class="glyph-icon icon-separator-vertical pad0A medium">
|
|
|
- <i class="glyph-icon icon-fire opacity-80 font-size-20"></i>
|
|
|
- </span>
|
|
|
- Tables
|
|
|
- </a>
|
|
|
- <a href="#" class="btn vertical-button hover-orange" title="">
|
|
|
- <span class="glyph-icon icon-separator-vertical pad0A medium">
|
|
|
- <i class="glyph-icon icon-bar-chart-o opacity-80 font-size-20"></i>
|
|
|
- </span>
|
|
|
- Charts
|
|
|
- </a>
|
|
|
- <a href="#" class="btn vertical-button hover-purple" title="">
|
|
|
- <span class="glyph-icon icon-separator-vertical pad0A medium">
|
|
|
- <i class="glyph-icon icon-laptop opacity-80 font-size-20"></i>
|
|
|
- </span>
|
|
|
- Buttons
|
|
|
- </a>
|
|
|
- <a href="#" class="btn vertical-button hover-azure" title="">
|
|
|
- <span class="glyph-icon icon-separator-vertical pad0A medium">
|
|
|
- <i class="glyph-icon icon-code opacity-80 font-size-20"></i>
|
|
|
- </span>
|
|
|
- Panels
|
|
|
- </a>
|
|
|
- </div>
|
|
|
- <div class="divider"></div>
|
|
|
- <div class="pad5T pad5B pad10L pad10R dashboard-buttons clearfix">
|
|
|
- <a href="#" class="btn vertical-button remove-border btn-info" title="">
|
|
|
- <span class="glyph-icon icon-separator-vertical pad0A medium">
|
|
|
- <i class="glyph-icon icon-dashboard opacity-80 font-size-20"></i>
|
|
|
- </span>
|
|
|
- Dashboard
|
|
|
- </a>
|
|
|
- <a href="#" class="btn vertical-button remove-border btn-danger" title="">
|
|
|
- <span class="glyph-icon icon-separator-vertical pad0A medium">
|
|
|
- <i class="glyph-icon icon-tags opacity-80 font-size-20"></i>
|
|
|
- </span>
|
|
|
- Widgets
|
|
|
- </a>
|
|
|
- <a href="#" class="btn vertical-button remove-border btn-purple" title="">
|
|
|
- <span class="glyph-icon icon-separator-vertical pad0A medium">
|
|
|
- <i class="glyph-icon icon-fire opacity-80 font-size-20"></i>
|
|
|
- </span>
|
|
|
- Tables
|
|
|
- </a>
|
|
|
- <a href="#" class="btn vertical-button remove-border btn-azure" title="">
|
|
|
- <span class="glyph-icon icon-separator-vertical pad0A medium">
|
|
|
- <i class="glyph-icon icon-bar-chart-o opacity-80 font-size-20"></i>
|
|
|
- </span>
|
|
|
- Charts
|
|
|
- </a>
|
|
|
- <a href="#" class="btn vertical-button remove-border btn-yellow" title="">
|
|
|
- <span class="glyph-icon icon-separator-vertical pad0A medium">
|
|
|
- <i class="glyph-icon icon-laptop opacity-80 font-size-20"></i>
|
|
|
- </span>
|
|
|
- Buttons
|
|
|
- </a>
|
|
|
- <a href="#" class="btn vertical-button remove-border btn-warning" title="">
|
|
|
- <span class="glyph-icon icon-separator-vertical pad0A medium">
|
|
|
- <i class="glyph-icon icon-code opacity-80 font-size-20"></i>
|
|
|
- </span>
|
|
|
- Panels
|
|
|
- </a>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+ </div>
|
|
|
+ </th>
|
|
|
+ </tr>
|
|
|
+ </tfoot>
|
|
|
+ </table>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <a class="header-btn" id="logout-btn" href="lockscreen-3.html" title="Lockscreen page example">
|
|
|
- <i class="glyph-icon icon-linecons-lock"></i>
|
|
|
- </a>
|
|
|
-
|
|
|
- </div><!-- #header-nav-right -->
|
|
|
-
|
|
|
-</div>
|
|
|
- <div id="page-sidebar">
|
|
|
- <div class="scroll-sidebar">
|
|
|
-
|
|
|
-
|
|
|
- <ul id="sidebar-menu">
|
|
|
- <li class="header"><span>Overview</span></li>
|
|
|
- <li>
|
|
|
- <a href="index.html" title="Admin Dashboard">
|
|
|
- <i class="glyph-icon icon-linecons-tv"></i>
|
|
|
- <span>Admin dashboard</span>
|
|
|
- </a>
|
|
|
- </li>
|
|
|
- <li class="divider"></li>
|
|
|
- <li class="no-menu">
|
|
|
- <a href="../frontend-template/index.html" title="Frontend template">
|
|
|
- <i class="glyph-icon icon-linecons-beaker"></i>
|
|
|
- <span>Frontend template</span>
|
|
|
- <span class="bs-label label-danger">
|
|
|
- NEW
|
|
|
- </span>
|
|
|
- </a>
|
|
|
- </li>
|
|
|
- <li class="header"><span>Components</span></li>
|
|
|
- <li>
|
|
|
- <a href="#" title="Elements">
|
|
|
- <i class="glyph-icon icon-linecons-diamond"></i>
|
|
|
- <span>Elements</span>
|
|
|
- </a>
|
|
|
- <div class="sidebar-submenu">
|
|
|
-
|
|
|
- <ul>
|
|
|
- <li><a href="buttons.html" title="Buttons"><span>Buttons</span></a></li>
|
|
|
- <li><a href="labels-badges.html" title="Labels & Badges"><span>Labels & Badges</span></a></li>
|
|
|
- <li><a href="content-boxes.html" title="Content boxes"><span>Content boxes</span></a></li>
|
|
|
- <li><a href="icons.html" title="Icons"><span>Icons</span></a></li>
|
|
|
- <li><a href="nav-menus.html" title="Navigation menus"><span>Navigation menus</span></a></li>
|
|
|
- <li><a href="response-messages.html" title="Response messages"><span>Response messages</span></a></li>
|
|
|
- <li><a href="images.html" title="Images"><span>Images</span></a></li>
|
|
|
- </ul>
|
|
|
-
|
|
|
- </div><!-- .sidebar-submenu -->
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <a href="#" title="Dashboard boxes">
|
|
|
- <i class="glyph-icon icon-linecons-lightbulb"></i>
|
|
|
- <span>Dashboard boxes</span>
|
|
|
- <span class="bs-label label-primary">Hot</span>
|
|
|
- </a>
|
|
|
- <div class="sidebar-submenu">
|
|
|
-
|
|
|
- <ul>
|
|
|
- <li><a href="chart-boxes.html" title="Chart boxes"><span>Chart boxes</span></a></li>
|
|
|
- <li><a href="tile-boxes.html" title="Tile boxes"><span>Tile boxes</span></a></li>
|
|
|
- <li><a href="social-boxes.html" title="Social boxes"><span>Social boxes</span></a></li>
|
|
|
- <li><a href="panel-boxes.html" title="Panel boxes"><span>Panel boxes</span></a></li>
|
|
|
- </ul>
|
|
|
-
|
|
|
- </div><!-- .sidebar-submenu -->
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <a href="#" title="Widgets">
|
|
|
- <i class="glyph-icon icon-linecons-wallet"></i>
|
|
|
- <span>Widgets</span>
|
|
|
- </a>
|
|
|
- <div class="sidebar-submenu">
|
|
|
-
|
|
|
- <ul>
|
|
|
- <li><a href="tabs.html" title="Responsive tabs"><span>Responsive tabs</span></a></li>
|
|
|
- <li><a href="collapsable.html" title="Collapsables"><span>Collapsable accordions</span></a></li>
|
|
|
- <li><a href="bs-carousel.html" title="Bootstrap Carousel"><span>Bootstrap carousel</span></a></li>
|
|
|
- <li><a href="calendar.html" title="Calendar"><span>Calendar</span></a></li>
|
|
|
- <li><a href="scrollbars.html" title="Custom scrollbars"><span>Custom scrollbars</span></a></li>
|
|
|
- <li><a href="modals.html" title="Modals"><span>Modals</span></a></li>
|
|
|
- <li><a href="notifications.html" title="Notifications"><span>Notifications</span></a></li>
|
|
|
- <li><a href="lazyload.html" title="Lazyload"><span>Lazyload</span></a></li>
|
|
|
- <li><a href="loading-feedback.html" title="Loading feedback"><span>Loading feedback</span></a></li>
|
|
|
- <li><a href="popovers-tooltips.html" title="Popovers & Tooltips"><span>Popovers & Tooltips</span></a></li>
|
|
|
- <li><a href="progress-bars.html" title="Progress bars"><span>Progress bars</span></a></li>
|
|
|
- <li><a href="sortable-elements.html" title="Sortable elements"><span>Sortable elements</span></a></li>
|
|
|
- </ul>
|
|
|
-
|
|
|
- </div><!-- .sidebar-submenu -->
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <a href="#" title="Forms UI">
|
|
|
- <i class="glyph-icon icon-linecons-eye"></i>
|
|
|
- <span>Forms UI</span>
|
|
|
- </a>
|
|
|
- <div class="sidebar-submenu">
|
|
|
-
|
|
|
- <ul>
|
|
|
- <li><a href="forms-elements.html" title="Form elements"><span>Form elements</span></a></li>
|
|
|
- <li><a href="forms-validation.html" title="Form validation"><span>Form validation</span></a></li>
|
|
|
- <li><a href="pickers.html" title="Pickers"><span>Pickers</span></a></li>
|
|
|
- <li><a href="sliders.html" title="Sliders"><span>Sliders</span></a></li>
|
|
|
- <li><a href="forms-wizard.html" title="Form wizards"><span>Form wizards</span></a></li>
|
|
|
- <li><a href="forms-masks.html" title="Form input masks"><span>Form input masks</span></a></li>
|
|
|
- <li><a href="image-crop.html" title="Image crop"><span>Image crop</span></a></li>
|
|
|
- <li><a href="dropzone-uploader.html" title="Dropzone uploader"><span>Dropzone uploader</span></a></li>
|
|
|
- <li><a href="multi-uploader.html" title="Multi uploader"><span>Multi uploader</span></a></li>
|
|
|
- <li><a href="input-knobs.html" title="Input knobs"><span>Input knobs</span></a></li>
|
|
|
- <li><a href="ckeditor.html" title="Ckeditor"><span>Ckeditor</span></a></li>
|
|
|
- <li><a href="summernote.html" title="Summernote"><span>Summernote</span></a></li>
|
|
|
- <li><a href="markdown.html" title="Markdown editor"><span>Markdown editor</span></a></li>
|
|
|
- <li><a href="inline-editor.html" title="Inline editor"><span>Inline editor</span></a></li>
|
|
|
- </ul>
|
|
|
-
|
|
|
- </div><!-- .sidebar-submenu -->
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <a href="#" title="Advanced tables">
|
|
|
- <i class="glyph-icon icon-linecons-megaphone"></i>
|
|
|
- <span>Advanced tables</span>
|
|
|
- </a>
|
|
|
- <div class="sidebar-submenu">
|
|
|
-
|
|
|
- <ul>
|
|
|
- <li><a href="tables.html" title="Basic tables"><span>Basic tables</span></a></li>
|
|
|
- <li><a href="responsive-tables.html" title="Responsive tables"><span>Responsive tables</span></a></li>
|
|
|
- <li><a href="data-tables.html" title="Data tables"><span>Data tables</span></a></li>
|
|
|
- <li><a href="advanced-datatables.html" title="Advanced data tables"><span>Advanced data tables</span></a></li>
|
|
|
- <li><a href="fixed-datatables.html" title="Fixed data tables"><span>Fixed data tables</span></a></li>
|
|
|
- <li><a href="responsive-datatables.html" title="Responsive data tables"><span>Responsive data tables</span></a></li>
|
|
|
- </ul>
|
|
|
-
|
|
|
- </div><!-- .sidebar-submenu -->
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <a href="#" title="Charts">
|
|
|
- <i class="glyph-icon icon-linecons-paper-plane"></i>
|
|
|
- <span>Charts</span>
|
|
|
- </a>
|
|
|
- <div class="sidebar-submenu">
|
|
|
-
|
|
|
- <ul>
|
|
|
- <li><a href="flot-charts.html" title="Flot charts"><span>Flot charts</span></a></li>
|
|
|
- <li><a href="sparklines.html" title="Sparklines"><span>Sparklines</span></a></li>
|
|
|
- <li><a href="pie-gages.html" title="PieGages"><span>PieGages</span></a></li>
|
|
|
- <li><a href="just-gage.html" title="justGage"><span>justGage</span></a></li>
|
|
|
- <li><a href="morris-charts.html" title="Morris charts"><span>Morris charts</span></a></li>
|
|
|
- <li><a href="xcharts.html" title="xCharts"><span>xCharts</span></a></li>
|
|
|
- <li><a href="chart-js.html" title="Chart.js"><span>Chart.js</span></a></li>
|
|
|
- </ul>
|
|
|
-
|
|
|
- </div><!-- .sidebar-submenu -->
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <a href="#" title="Maps">
|
|
|
- <i class="glyph-icon icon-linecons-sound"></i>
|
|
|
- <span>Maps</span>
|
|
|
- </a>
|
|
|
- <div class="sidebar-submenu">
|
|
|
-
|
|
|
- <ul>
|
|
|
- <li><a href="gmaps.html" title="gMaps"><span>gMaps</span></a></li>
|
|
|
- <li><a href="vector-maps.html" title="Vector maps"><span>Vector maps</span></a></li>
|
|
|
- <li><a href="mapael.html" title="Mapael"><span>Mapael</span></a></li>
|
|
|
- </ul>
|
|
|
-
|
|
|
- </div><!-- .sidebar-submenu -->
|
|
|
- </li>
|
|
|
- <li class="header"><span>Extra</span></li>
|
|
|
- <li>
|
|
|
- <a href="#" title="Pages">
|
|
|
- <i class="glyph-icon icon-linecons-fire"></i>
|
|
|
- <span>Pages</span>
|
|
|
- <span class="bs-label badge-yellow">NEW</span>
|
|
|
- </a>
|
|
|
- <div class="sidebar-submenu">
|
|
|
-
|
|
|
- <ul>
|
|
|
- <li><a href="index-alt.html" title="Alternate dashboard"><span>Alternate dashboard</span></a></li>
|
|
|
- <li><a href="view-profile.html" title="View profile"><span>View profile</span></a></li>
|
|
|
- <li><a href="faq-section.html" title="FAQ section"><span>FAQ section</span></a></li>
|
|
|
- <li><a href="auto-menu.html" title="Auto menu"><span>Auto menu</span></a></li>
|
|
|
- <li><a href="invoice.html" title="Invoice"><span>Invoice</span></a></li>
|
|
|
- <li><a href="admin-blog.html" title="Blog posts list"><span>Blog posts list</span></a></li>
|
|
|
- <li><a href="admin-pricing.html" title="Pricing tables"><span>Pricing tables</span></a></li>
|
|
|
- <li><a href="portfolio-gallery.html" title="Portfolio gallery"><span>Portfolio gallery</span></a></li>
|
|
|
- <li><a href="portfolio-masonry.html" title="Portfolio masonry"><span>Portfolio masonry</span></a></li>
|
|
|
- <li><a href="slidebars.html" title="Slidebars"><span>Slidebars</span></a></li>
|
|
|
- </ul>
|
|
|
-
|
|
|
- </div><!-- .sidebar-submenu -->
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <a href="#" title="Other Pages">
|
|
|
- <i class="glyph-icon icon-linecons-cup"></i>
|
|
|
- <span>Other Pages</span>
|
|
|
- </a>
|
|
|
- <div class="sidebar-submenu">
|
|
|
-
|
|
|
- <ul>
|
|
|
- <li><a href="login-1.html" target="_blank" title="Login page 1"><span>Login page 1</span></a></li>
|
|
|
- <li><a href="login-2.html" target="_blank" title="Login page 2"><span>Login page 2</span></a></li>
|
|
|
- <li><a href="login-3.html" target="_blank" title="Login page 3"><span>Login page 3</span></a></li>
|
|
|
- <li><a href="login-4.html" target="_blank" title="Login page 4"><span>Login page 4</span></a></li>
|
|
|
- <li><a href="login-5.html" target="_blank" title="Login page 5"><span>Login page 5</span></a></li>
|
|
|
- <li><a href="lockscreen-1.html" target="_blank" title="Lockscreen page 1"><span>Lockscreen page 1</span></a></li>
|
|
|
- <li><a href="lockscreen-2.html" target="_blank" title="Lockscreen page 2"><span>Lockscreen page 2</span></a></li>
|
|
|
- <li><a href="lockscreen-3.html" target="_blank" title="Lockscreen page 3"><span>Lockscreen page 3</span></a></li>
|
|
|
- <li><a href="server-1.html" target="_blank" title="Server page 1"><span>Error 404 page</span></a></li>
|
|
|
- <li><a href="server-2.html" target="_blank" title="Server page 2"><span>Error 404 alternate</span></a></li>
|
|
|
- <li><a href="server-3.html" target="_blank" title="Server page 3"><span>Server 500 error</span></a></li>
|
|
|
- </ul>
|
|
|
-
|
|
|
- </div><!-- .sidebar-submenu -->
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <a href="#" title="Mailbox">
|
|
|
- <i class="glyph-icon icon-linecons-mail"></i>
|
|
|
- <span>Mailbox</span>
|
|
|
- <span class="bs-badge badge-danger">3</span>
|
|
|
- </a>
|
|
|
- <div class="sidebar-submenu">
|
|
|
-
|
|
|
- <ul>
|
|
|
- <li><a href="mailbox-inbox.html" title="Inbox"><span>Inbox</span></a></li>
|
|
|
- <li><a href="mailbox-compose.html" title="Compose message"><span>Compose message</span></a></li>
|
|
|
- <li><a href="mailbox-single.html" title="Single message"><span>Single message</span></a></li>
|
|
|
- </ul>
|
|
|
-
|
|
|
- </div><!-- .sidebar-submenu -->
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <a href="#" title="Snippets">
|
|
|
- <i class="glyph-icon icon-linecons-cd"></i>
|
|
|
- <span>Snippets</span>
|
|
|
- </a>
|
|
|
- <div class="sidebar-submenu">
|
|
|
-
|
|
|
- <ul>
|
|
|
- <li><a href="timeline.html" title="Timeline"><span>Timeline</span></a></li>
|
|
|
- <li><a href="chat.html" title="Chat"><span>Chat</span></a></li>
|
|
|
- <li><a href="checklist.html" title="Checklist"><span>Checklist</span></a></li>
|
|
|
- </ul>
|
|
|
-
|
|
|
- </div><!-- .sidebar-submenu -->
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <a href="#" title="Helpers">
|
|
|
- <i class="glyph-icon icon-linecons-doc"></i>
|
|
|
- <span>Helpers</span>
|
|
|
- </a>
|
|
|
- <div class="sidebar-submenu">
|
|
|
-
|
|
|
- <ul>
|
|
|
- <li><a href="helper-classes.html" title="Helper classes"><span>Helper classes</span></a></li>
|
|
|
- <li><a href="page-transitions.html" title="Page transitions"><span>Page transitions</span></a></li>
|
|
|
- <li><a href="animations.html" title="Animations"><span>Animations</span></a></li>
|
|
|
- </ul>
|
|
|
-
|
|
|
- </div><!-- .sidebar-submenu -->
|
|
|
- </li>
|
|
|
- </ul><!-- #sidebar-menu -->
|
|
|
-
|
|
|
-
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div id="page-content-wrapper">
|
|
|
- <div id="page-content">
|
|
|
-
|
|
|
- <div class="container">
|
|
|
-
|
|
|
-
|
|
|
-<!-- Sparklines charts -->
|
|
|
-
|
|
|
-<script type="text/javascript" src="../../assets/widgets/charts/sparklines/sparklines.js"></script>
|
|
|
-<script type="text/javascript" src="../../assets/widgets/charts/sparklines/sparklines-demo.js"></script>
|
|
|
-
|
|
|
-<!-- Flot charts -->
|
|
|
-
|
|
|
-<script type="text/javascript" src="../../assets/widgets/charts/flot/flot.js"></script>
|
|
|
-<script type="text/javascript" src="../../assets/widgets/charts/flot/flot-resize.js"></script>
|
|
|
-<script type="text/javascript" src="../../assets/widgets/charts/flot/flot-stack.js"></script>
|
|
|
-<script type="text/javascript" src="../../assets/widgets/charts/flot/flot-pie.js"></script>
|
|
|
-<script type="text/javascript" src="../../assets/widgets/charts/flot/flot-tooltip.js"></script>
|
|
|
-<script type="text/javascript" src="../../assets/widgets/charts/flot/flot-demo-1.js"></script>
|
|
|
-
|
|
|
-<!-- PieGage charts -->
|
|
|
-
|
|
|
-<script type="text/javascript" src="../../assets/widgets/charts/piegage/piegage.js"></script>
|
|
|
-<script type="text/javascript" src="../../assets/widgets/charts/piegage/piegage-demo.js"></script>
|
|
|
-
|
|
|
-<div id="page-title">
|
|
|
- <h2>Dashboard</h2>
|
|
|
- <p>The most complete user interface framework that can be used to create stunning admin dashboards and presentation websites.</p>
|
|
|
- <div id="theme-options" class="admin-options">
|
|
|
- <a href="javascript:void(0);" class="btn btn-primary theme-switcher tooltip-button" data-placement="left" title="Color schemes and layout options">
|
|
|
- <i class="glyph-icon icon-linecons-cog icon-spin"></i>
|
|
|
- </a>
|
|
|
- <div id="theme-switcher-wrapper">
|
|
|
- <div class="scroll-switcher">
|
|
|
- <h5 class="header">Layout options</h5>
|
|
|
- <ul class="reset-ul">
|
|
|
- <li>
|
|
|
- <label for="boxed-layout">Boxed layout</label>
|
|
|
- <input type="checkbox" data-toggletarget="boxed-layout" id="boxed-layout" class="input-switch-alt">
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <label for="fixed-header">Fixed header</label>
|
|
|
- <input type="checkbox" data-toggletarget="fixed-header" id="fixed-header" class="input-switch-alt">
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <label for="fixed-sidebar">Fixed sidebar</label>
|
|
|
- <input type="checkbox" data-toggletarget="fixed-sidebar" id="fixed-sidebar" class="input-switch-alt">
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <label for="closed-sidebar">Closed sidebar</label>
|
|
|
- <input type="checkbox" data-toggletarget="closed-sidebar" id="closed-sidebar" class="input-switch-alt">
|
|
|
- </li>
|
|
|
- </ul>
|
|
|
- <div class="boxed-bg-wrapper hide">
|
|
|
- <h5 class="header">
|
|
|
- Boxed Page Background
|
|
|
- <a class="set-background-style" data-header-bg="" title="Remove all styles" href="javascript:void(0);">Clear</a>
|
|
|
- </h5>
|
|
|
- <div class="theme-color-wrapper clearfix">
|
|
|
- <h5>Patterns</h5>
|
|
|
- <a class="tooltip-button set-background-style pattern-bg-3" data-header-bg="pattern-bg-3" title="Pattern 3" href="javascript:void(0);">Pattern 3</a>
|
|
|
- <a class="tooltip-button set-background-style pattern-bg-4" data-header-bg="pattern-bg-4" title="Pattern 4" href="javascript:void(0);">Pattern 4</a>
|
|
|
- <a class="tooltip-button set-background-style pattern-bg-5" data-header-bg="pattern-bg-5" title="Pattern 5" href="javascript:void(0);">Pattern 5</a>
|
|
|
- <a class="tooltip-button set-background-style pattern-bg-6" data-header-bg="pattern-bg-6" title="Pattern 6" href="javascript:void(0);">Pattern 6</a>
|
|
|
- <a class="tooltip-button set-background-style pattern-bg-7" data-header-bg="pattern-bg-7" title="Pattern 7" href="javascript:void(0);">Pattern 7</a>
|
|
|
- <a class="tooltip-button set-background-style pattern-bg-8" data-header-bg="pattern-bg-8" title="Pattern 8" href="javascript:void(0);">Pattern 8</a>
|
|
|
- <a class="tooltip-button set-background-style pattern-bg-9" data-header-bg="pattern-bg-9" title="Pattern 9" href="javascript:void(0);">Pattern 9</a>
|
|
|
- <a class="tooltip-button set-background-style pattern-bg-10" data-header-bg="pattern-bg-10" title="Pattern 10" href="javascript:void(0);">Pattern 10</a>
|
|
|
-
|
|
|
- <div class="clear"></div>
|
|
|
-
|
|
|
- <h5 class="mrg15T">Solids &Images</h5>
|
|
|
- <a class="tooltip-button set-background-style bg-black" data-header-bg="bg-black" title="Black" href="javascript:void(0);">Black</a>
|
|
|
- <a class="tooltip-button set-background-style bg-gray mrg10R" data-header-bg="bg-gray" title="Gray" href="javascript:void(0);">Gray</a>
|
|
|
-
|
|
|
- <a class="tooltip-button set-background-style full-bg-1" data-header-bg="full-bg-1 fixed-bg" title="Image 1" href="javascript:void(0);">Image 1</a>
|
|
|
- <a class="tooltip-button set-background-style full-bg-2" data-header-bg="full-bg-2 fixed-bg" title="Image 2" href="javascript:void(0);">Image 2</a>
|
|
|
- <a class="tooltip-button set-background-style full-bg-3" data-header-bg="full-bg-3 fixed-bg" title="Image 3" href="javascript:void(0);">Image 3</a>
|
|
|
- <a class="tooltip-button set-background-style full-bg-4" data-header-bg="full-bg-4 fixed-bg" title="Image 4" href="javascript:void(0);">Image 4</a>
|
|
|
- <a class="tooltip-button set-background-style full-bg-5" data-header-bg="full-bg-5 fixed-bg" title="Image 5" href="javascript:void(0);">Image 5</a>
|
|
|
- <a class="tooltip-button set-background-style full-bg-6" data-header-bg="full-bg-6 fixed-bg" title="Image 6" href="javascript:void(0);">Image 6</a>
|
|
|
|
|
|
- </div>
|
|
|
+<div class="modal" id="edit_remark_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>
|
|
|
- <h5 class="header">
|
|
|
- Header Style
|
|
|
- <a class="set-adminheader-style" data-header-bg="bg-gradient-9" title="Remove all styles" href="javascript:void(0);">Clear</a>
|
|
|
- </h5>
|
|
|
- <div class="theme-color-wrapper clearfix">
|
|
|
- <h5>Solids</h5>
|
|
|
- <a class="tooltip-button set-adminheader-style bg-primary" data-header-bg="bg-primary font-inverse" title="Primary" href="javascript:void(0);">Primary</a>
|
|
|
- <a class="tooltip-button set-adminheader-style bg-green" data-header-bg="bg-green font-inverse" title="Green" href="javascript:void(0);">Green</a>
|
|
|
- <a class="tooltip-button set-adminheader-style bg-red" data-header-bg="bg-red font-inverse" title="Red" href="javascript:void(0);">Red</a>
|
|
|
- <a class="tooltip-button set-adminheader-style bg-blue" data-header-bg="bg-blue font-inverse" title="Blue" href="javascript:void(0);">Blue</a>
|
|
|
- <a class="tooltip-button set-adminheader-style bg-warning" data-header-bg="bg-warning font-inverse" title="Warning" href="javascript:void(0);">Warning</a>
|
|
|
- <a class="tooltip-button set-adminheader-style bg-purple" data-header-bg="bg-purple font-inverse" title="Purple" href="javascript:void(0);">Purple</a>
|
|
|
- <a class="tooltip-button set-adminheader-style bg-black" data-header-bg="bg-black font-inverse" title="Black" href="javascript:void(0);">Black</a>
|
|
|
-
|
|
|
- <div class="clear"></div>
|
|
|
-
|
|
|
- <h5 class="mrg15T">Gradients</h5>
|
|
|
- <a class="tooltip-button set-adminheader-style bg-gradient-1" data-header-bg="bg-gradient-1 font-inverse" title="Gradient 1" href="javascript:void(0);">Gradient 1</a>
|
|
|
- <a class="tooltip-button set-adminheader-style bg-gradient-2" data-header-bg="bg-gradient-2 font-inverse" title="Gradient 2" href="javascript:void(0);">Gradient 2</a>
|
|
|
- <a class="tooltip-button set-adminheader-style bg-gradient-3" data-header-bg="bg-gradient-3 font-inverse" title="Gradient 3" href="javascript:void(0);">Gradient 3</a>
|
|
|
- <a class="tooltip-button set-adminheader-style bg-gradient-4" data-header-bg="bg-gradient-4 font-inverse" title="Gradient 4" href="javascript:void(0);">Gradient 4</a>
|
|
|
- <a class="tooltip-button set-adminheader-style bg-gradient-5" data-header-bg="bg-gradient-5 font-inverse" title="Gradient 5" href="javascript:void(0);">Gradient 5</a>
|
|
|
- <a class="tooltip-button set-adminheader-style bg-gradient-6" data-header-bg="bg-gradient-6 font-inverse" title="Gradient 6" href="javascript:void(0);">Gradient 6</a>
|
|
|
- <a class="tooltip-button set-adminheader-style bg-gradient-7" data-header-bg="bg-gradient-7 font-inverse" title="Gradient 7" href="javascript:void(0);">Gradient 7</a>
|
|
|
- <a class="tooltip-button set-adminheader-style bg-gradient-8" data-header-bg="bg-gradient-8 font-inverse" title="Gradient 8" href="javascript:void(0);">Gradient 8</a>
|
|
|
+ <div class="modal-body">
|
|
|
+ <input id="instance_uuid" title="实例 UUID" class="form-control" name="uuid" hidden>
|
|
|
+ <input id="edit_remark" title="实例名称" class="form-control" name="remark">
|
|
|
</div>
|
|
|
- <h5 class="header">
|
|
|
- Sidebar Style
|
|
|
- <a class="set-sidebar-style" data-header-bg="" title="Remove all styles" href="javascript:void(0);">Clear</a>
|
|
|
- </h5>
|
|
|
- <div class="theme-color-wrapper clearfix">
|
|
|
- <h5>Solids</h5>
|
|
|
- <a class="tooltip-button set-sidebar-style bg-primary" data-header-bg="bg-primary font-inverse" title="Primary" href="javascript:void(0);">Primary</a>
|
|
|
- <a class="tooltip-button set-sidebar-style bg-green" data-header-bg="bg-green font-inverse" title="Green" href="javascript:void(0);">Green</a>
|
|
|
- <a class="tooltip-button set-sidebar-style bg-red" data-header-bg="bg-red font-inverse" title="Red" href="javascript:void(0);">Red</a>
|
|
|
- <a class="tooltip-button set-sidebar-style bg-blue" data-header-bg="bg-blue font-inverse" title="Blue" href="javascript:void(0);">Blue</a>
|
|
|
- <a class="tooltip-button set-sidebar-style bg-warning" data-header-bg="bg-warning font-inverse" title="Warning" href="javascript:void(0);">Warning</a>
|
|
|
- <a class="tooltip-button set-sidebar-style bg-purple" data-header-bg="bg-purple font-inverse" title="Purple" href="javascript:void(0);">Purple</a>
|
|
|
- <a class="tooltip-button set-sidebar-style bg-black" data-header-bg="bg-black font-inverse" title="Black" href="javascript:void(0);">Black</a>
|
|
|
-
|
|
|
- <div class="clear"></div>
|
|
|
-
|
|
|
- <h5 class="mrg15T">Gradients</h5>
|
|
|
- <a class="tooltip-button set-sidebar-style bg-gradient-1" data-header-bg="bg-gradient-1 font-inverse" title="Gradient 1" href="javascript:void(0);">Gradient 1</a>
|
|
|
- <a class="tooltip-button set-sidebar-style bg-gradient-2" data-header-bg="bg-gradient-2 font-inverse" title="Gradient 2" href="javascript:void(0);">Gradient 2</a>
|
|
|
- <a class="tooltip-button set-sidebar-style bg-gradient-3" data-header-bg="bg-gradient-3 font-inverse" title="Gradient 3" href="javascript:void(0);">Gradient 3</a>
|
|
|
- <a class="tooltip-button set-sidebar-style bg-gradient-4" data-header-bg="bg-gradient-4 font-inverse" title="Gradient 4" href="javascript:void(0);">Gradient 4</a>
|
|
|
- <a class="tooltip-button set-sidebar-style bg-gradient-5" data-header-bg="bg-gradient-5 font-inverse" title="Gradient 5" href="javascript:void(0);">Gradient 5</a>
|
|
|
- <a class="tooltip-button set-sidebar-style bg-gradient-6" data-header-bg="bg-gradient-6 font-inverse" title="Gradient 6" href="javascript:void(0);">Gradient 6</a>
|
|
|
- <a class="tooltip-button set-sidebar-style bg-gradient-7" data-header-bg="bg-gradient-7 font-inverse" title="Gradient 7" href="javascript:void(0);">Gradient 7</a>
|
|
|
- <a class="tooltip-button set-sidebar-style bg-gradient-8" data-header-bg="bg-gradient-8 font-inverse" title="Gradient 8" href="javascript:void(0);">Gradient 8</a>
|
|
|
+ <div class="modal-footer">
|
|
|
+ <button type="button" class="btn btn-sm btn-primary" onclick="remark_update();">确定</button>
|
|
|
+ <button type="button" class="btn btn-sm btn-default" data-dismiss="modal">取消</button>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
-</div>
|
|
|
|
|
|
-<div class="row">
|
|
|
- <div class="col-md-4">
|
|
|
- <div class="dashboard-box dashboard-box-chart bg-white content-box">
|
|
|
- <div class="content-wrapper">
|
|
|
- <div class="header">
|
|
|
- $34,657
|
|
|
- <span>Total Earnings<b> in last</b> ten <b>quarters</b></span>
|
|
|
- </div>
|
|
|
- <div class="bs-label bg-green">+18%</div>
|
|
|
- <div class="center-div sparkline-big-alt">1245,1450,1312,1121,986,1489</div>
|
|
|
- <div class="row list-grade">
|
|
|
- <div class="col-md-2">January</div>
|
|
|
- <div class="col-md-2">February</div>
|
|
|
- <div class="col-md-2">March</div>
|
|
|
- <div class="col-md-2">April</div>
|
|
|
- <div class="col-md-2">May</div>
|
|
|
- <div class="col-md-2">June</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="button-pane">
|
|
|
- <div class="size-md float-left">
|
|
|
- <a href="#" title="">
|
|
|
- Financial statistics
|
|
|
- </a>
|
|
|
- </div>
|
|
|
- <a href="#" class="btn btn-info float-right tooltip-button" data-placement="top" title="View details">
|
|
|
- <i class="glyph-icon icon-plus"></i>
|
|
|
- </a>
|
|
|
+<div class="modal" id="migrate_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>
|
|
|
- </div>
|
|
|
- <div class="col-md-4">
|
|
|
- <div class="dashboard-box dashboard-box-chart bg-white content-box">
|
|
|
- <div class="content-wrapper">
|
|
|
- <div class="header">
|
|
|
- 169
|
|
|
- <span>Total Subscriptions<b> in last</b> 6 days</span>
|
|
|
- </div>
|
|
|
- <div class="bs-label bg-red">-14%</div>
|
|
|
- <div class="center-div sparkline-big-alt">21,41,31,50,18,41</div>
|
|
|
- <div class="row list-grade">
|
|
|
- <div class="col-md-2">M</div>
|
|
|
- <div class="col-md-2">T</div>
|
|
|
- <div class="col-md-2">W</div>
|
|
|
- <div class="col-md-2">T</div>
|
|
|
- <div class="col-md-2">F</div>
|
|
|
- <div class="col-md-2">S</div>
|
|
|
- </div>
|
|
|
+ <div class="modal-body">
|
|
|
+ <input id="migrate_type" title="迁移类型" class="form-control" name="migrate_type" value="single" hidden>
|
|
|
+ <input id="migrate_instance_uuid" title="实例 UUID" class="form-control" name="uuid" hidden>
|
|
|
+ <select id="migrate_host" name="migrate_host" title="可迁移宿主机" class="chosen-select">
|
|
|
+ </select>
|
|
|
</div>
|
|
|
- <div class="button-pane">
|
|
|
- <div class="size-md float-left">
|
|
|
- <a href="#" title="">
|
|
|
- View all members
|
|
|
- </a>
|
|
|
- </div>
|
|
|
- <a href="#" class="btn btn-default float-right tooltip-button" data-placement="top" title="View details">
|
|
|
- <i class="glyph-icon icon-angle-right"></i>
|
|
|
- </a>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="col-md-4">
|
|
|
- <div class="dashboard-box dashboard-box-chart bg-white content-box">
|
|
|
- <div class="content-wrapper">
|
|
|
- <div class="header">
|
|
|
- 8960
|
|
|
- <span>Total Downloads<b> in last</b> 6 years</span>
|
|
|
- </div>
|
|
|
- <div class="bs-label bg-orange">~51%</div>
|
|
|
- <div class="center-div sparkline-big-alt">2210,2310,2010,2310,2123,2350</div>
|
|
|
- <div class="row list-grade">
|
|
|
- <div class="col-md-2">2009</div>
|
|
|
- <div class="col-md-2">2010</div>
|
|
|
- <div class="col-md-2">2011</div>
|
|
|
- <div class="col-md-2">2012</div>
|
|
|
- <div class="col-md-2">2013</div>
|
|
|
- <div class="col-md-2">2014</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="button-pane">
|
|
|
- <div class="size-md float-left">
|
|
|
- <a href="#" title="">
|
|
|
- View more details
|
|
|
- </a>
|
|
|
- </div>
|
|
|
- <a href="#" class="btn btn-primary float-right tooltip-button" data-placement="top" title="View details">
|
|
|
- <i class="glyph-icon icon-caret-right"></i>
|
|
|
- </a>
|
|
|
+ <div class="modal-footer">
|
|
|
+ <button type="button" class="btn btn-sm btn-primary" onclick="migrate_go();">确定</button>
|
|
|
+ <button type="button" class="btn btn-sm btn-default" data-dismiss="modal">取消</button>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
-<div class="row">
|
|
|
- <div class="col-md-8">
|
|
|
- <div class="panel">
|
|
|
- <div class="panel-body">
|
|
|
- <h3 class="title-hero">
|
|
|
- Recent sales activity
|
|
|
- </h3>
|
|
|
- <div class="example-box-wrapper">
|
|
|
- <div id="data-example-1" class="mrg20B" style="width: 100%; height: 300px;"></div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
-
|
|
|
- <div class="row">
|
|
|
- <div class="col-md-4">
|
|
|
- <a href="#" title="Example tile shortcut" class="tile-box tile-box-alt btn-success">
|
|
|
- <div class="tile-header">
|
|
|
- Photo Gallery
|
|
|
- </div>
|
|
|
- <div class="tile-content-wrapper">
|
|
|
- <div class="chart-alt-10" data-percent="43"><span>43</span>%</div>
|
|
|
- </div>
|
|
|
- </a>
|
|
|
- </div>
|
|
|
- <div class="col-md-4">
|
|
|
- <a href="#" title="Example tile shortcut" class="tile-box tile-box-alt btn-info">
|
|
|
- <div class="tile-header">
|
|
|
- Subscriptions
|
|
|
- </div>
|
|
|
- <div class="tile-content-wrapper">
|
|
|
- <div class="chart-alt-10" data-percent="76"><span>76</span>%</div>
|
|
|
- </div>
|
|
|
- </a>
|
|
|
- </div>
|
|
|
- <div class="col-md-4">
|
|
|
- <a href="#" title="Example tile shortcut" class="tile-box tile-box-alt btn-warning">
|
|
|
- <div class="tile-header">
|
|
|
- New Visitors
|
|
|
- </div>
|
|
|
- <div class="tile-content-wrapper">
|
|
|
- <div class="chart-alt-10" data-percent="11"><span>11</span>%</div>
|
|
|
- </div>
|
|
|
- </a>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
-
|
|
|
- <div class="content-box mrg20T">
|
|
|
- <h3 class="content-box-header bg-primary">
|
|
|
- Toggle button closed
|
|
|
- <span class="header-buttons-separator">
|
|
|
- <a href="#" class="icon-separator toggle-button">
|
|
|
- <i class="glyph-icon icon-chevron-down"></i>
|
|
|
- </a>
|
|
|
- </span>
|
|
|
- </h3>
|
|
|
- <div class="content-box-wrapper hide">
|
|
|
- This content boxes has the header with <code>.bg-default</code>.
|
|
|
- </div>
|
|
|
- </div>
|
|
|
|
|
|
- <div class="content-box">
|
|
|
- <h3 class="content-box-header bg-default">
|
|
|
- <i class="glyph-icon icon-cog"></i>
|
|
|
- Live server status
|
|
|
- <span class="header-buttons-separator">
|
|
|
- <a href="#" class="icon-separator">
|
|
|
- <i class="glyph-icon icon-question"></i>
|
|
|
- </a>
|
|
|
- <a href="#" class="icon-separator refresh-button" data-style="dark" data-theme="bg-white" data-opacity="40">
|
|
|
- <i class="glyph-icon icon-refresh"></i>
|
|
|
- </a>
|
|
|
- <a href="#" class="icon-separator remove-button" data-animation="flipOutX">
|
|
|
- <i class="glyph-icon icon-times"></i>
|
|
|
- </a>
|
|
|
- </span>
|
|
|
- </h3>
|
|
|
- <div class="content-box-wrapper">
|
|
|
- <div id="data-example-3" style="width: 100%; height: 250px;"></div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
-
|
|
|
- </div>
|
|
|
- <div class="col-md-4">
|
|
|
- <div class="row mrg20B">
|
|
|
- <div class="col-md-6">
|
|
|
- <a href="#" title="Example tile shortcut" class="tile-box tile-box-shortcut btn-primary">
|
|
|
- <span class="bs-badge badge-absolute">5</span>
|
|
|
- <div class="tile-header">
|
|
|
- Dashboard
|
|
|
- </div>
|
|
|
- <div class="tile-content-wrapper">
|
|
|
- <i class="glyph-icon icon-dashboard"></i>
|
|
|
- </div>
|
|
|
- </a>
|
|
|
- </div>
|
|
|
- <div class="col-md-6">
|
|
|
- <a href="#" title="Example tile shortcut" class="tile-box tile-box-shortcut btn-black">
|
|
|
- <span class="bs-badge badge-absolute">5</span>
|
|
|
- <div class="tile-header">
|
|
|
- Orders
|
|
|
- </div>
|
|
|
- <div class="tile-content-wrapper">
|
|
|
- <i class="glyph-icon icon-cogs"></i>
|
|
|
- </div>
|
|
|
- </a>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="panel">
|
|
|
- <div class="panel-body">
|
|
|
- <h3 class="title-hero">
|
|
|
- Users activity
|
|
|
- </h3>
|
|
|
- <div class="example-box-wrapper">
|
|
|
- <div class="timeline-box timeline-box-left">
|
|
|
- <div class="tl-row">
|
|
|
- <div class="tl-item float-right">
|
|
|
- <div class="tl-icon bg-red">
|
|
|
- <i class="glyph-icon icon-toggle-on"></i>
|
|
|
- </div>
|
|
|
- <div class="popover left">
|
|
|
- <div class="arrow"></div>
|
|
|
- <div class="popover-content">
|
|
|
- <div class="tl-label bs-label label-info">Appointment</div>
|
|
|
- <p class="tl-content">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. </p>
|
|
|
- <div class="tl-time">
|
|
|
- <i class="glyph-icon icon-clock-o"></i>
|
|
|
- a few seconds ago
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="tl-row">
|
|
|
- <div class="tl-item float-right">
|
|
|
- <div class="tl-icon bg-primary">
|
|
|
- <i class="glyph-icon icon-wifi"></i>
|
|
|
- </div>
|
|
|
- <div class="popover left">
|
|
|
- <div class="arrow"></div>
|
|
|
- <div class="popover-content">
|
|
|
- <div class="tl-label bs-label bg-yellow">Teleconference</div>
|
|
|
- <p class="tl-content">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. </p>
|
|
|
- <div class="tl-time">
|
|
|
- <i class="glyph-icon icon-clock-o"></i>
|
|
|
- a few seconds ago
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="tl-row">
|
|
|
- <div class="tl-item float-right">
|
|
|
- <div class="tl-icon bg-black">
|
|
|
- <i class="glyph-icon icon-headphones"></i>
|
|
|
- </div>
|
|
|
- <div class="popover left">
|
|
|
- <div class="arrow"></div>
|
|
|
- <div class="popover-content">
|
|
|
- <div class="tl-label bs-label label-danger">Meeting</div>
|
|
|
- <p class="tl-content">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. </p>
|
|
|
- <div class="tl-time">
|
|
|
- <i class="glyph-icon icon-clock-o"></i>
|
|
|
- a few seconds ago
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+<div class="modal" id="reset_password_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">
|
|
|
+ <div class="form-group">
|
|
|
+ <input id="reset_password_type" title="重置密码类型" class="form-control" name="reset_password_type" value="single" hidden>
|
|
|
+ <input id="reset_password_instance_uuid" title="实例 UUID" class="form-control" name="uuid" hidden>
|
|
|
+ <input id="new_password" title="新密码" class="form-control" name="new_password" type="password" placeholder="New password">
|
|
|
</div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <div class="content-box bg-white post-box">
|
|
|
- <textarea name="" class="textarea-autosize" placeholder="What are you doing right now?"></textarea>
|
|
|
- <div class="button-pane">
|
|
|
- <a href="#" class="btn btn-md btn-link hover-white" title="">
|
|
|
- <i class="glyph-icon icon-volume-down"></i>
|
|
|
- </a>
|
|
|
- <a href="#" class="btn btn-md btn-link hover-white" title="">
|
|
|
- <i class="glyph-icon icon-video-camera"></i>
|
|
|
- </a>
|
|
|
- <a href="#" class="btn btn-md btn-link hover-white" title="">
|
|
|
- <i class="glyph-icon icon-microphone"></i>
|
|
|
- </a>
|
|
|
- <a href="#" class="btn btn-md btn-link hover-white" title="">
|
|
|
- <i class="glyph-icon icon-picture-o"></i>
|
|
|
- </a>
|
|
|
-
|
|
|
- <a href="#" class="btn btn-md btn-post float-right btn-success" title="">
|
|
|
- Post
|
|
|
- </a>
|
|
|
-
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="panel">
|
|
|
- <div class="panel-body">
|
|
|
- <ul class="todo-box">
|
|
|
- <li class="border-red">
|
|
|
- <input type="checkbox" name="todo-1" id="todo-1">
|
|
|
- <label for="todo-1">This is an example task that i need to finish</label>
|
|
|
- <span class="bs-label bg-red" title="">Overdue</span>
|
|
|
- <a href="#" class="btn btn-xs btn-danger float-right" title="">
|
|
|
- <i class="glyph-icon icon-remove"></i>
|
|
|
- </a>
|
|
|
- <a href="#" class="btn btn-xs btn-success float-right" title="">
|
|
|
- <i class="glyph-icon icon-check"></i>
|
|
|
- </a>
|
|
|
- </li>
|
|
|
- <li class="border-orange">
|
|
|
- <input type="checkbox" name="todo-2" id="todo-2">
|
|
|
- <label for="todo-2">Update server to a newer version</label>
|
|
|
- <span class="bs-label bg-green" title="">2 Weeks</span>
|
|
|
- <a href="#" class="btn btn-xs btn-danger float-right" title="">
|
|
|
- <i class="glyph-icon icon-remove"></i>
|
|
|
- </a>
|
|
|
- <a href="#" class="btn btn-xs btn-success float-right" title="">
|
|
|
- <i class="glyph-icon icon-check"></i>
|
|
|
- </a>
|
|
|
- </li>
|
|
|
- <li class="border-blue">
|
|
|
- <input type="checkbox" name="todo-3" id="todo-3">
|
|
|
- <label for="todo-3">Add more awesome template features</label>
|
|
|
- <span class="bs-label bg-blue" title="">Tomorrow</span>
|
|
|
- <a href="#" class="btn btn-xs btn-danger float-right" title="">
|
|
|
- <i class="glyph-icon icon-remove"></i>
|
|
|
- </a>
|
|
|
- <a href="#" class="btn btn-xs btn-success float-right" title="">
|
|
|
- <i class="glyph-icon icon-check"></i>
|
|
|
- </a>
|
|
|
- </li>
|
|
|
- <li class="border-purple">
|
|
|
- <input type="checkbox" name="todo-4" id="todo-4">
|
|
|
- <label for="todo-4">Never forget to buy milk</label>
|
|
|
- <span class="bs-label bg-black" title="">Today</span>
|
|
|
- <a href="#" class="btn btn-xs btn-danger float-right" title="">
|
|
|
- <i class="glyph-icon icon-remove"></i>
|
|
|
- </a>
|
|
|
- <a href="#" class="btn btn-xs btn-success float-right" title="">
|
|
|
- <i class="glyph-icon icon-check"></i>
|
|
|
- </a>
|
|
|
- </li>
|
|
|
- </ul>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
-</div>
|
|
|
- </div>
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
+ <div class="modal-footer">
|
|
|
+ <button type="button" class="btn btn-sm btn-primary" onclick="reset_password_go();">确定</button>
|
|
|
+ <button type="button" class="btn btn-sm btn-default" data-dismiss="modal">取消</button>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
-
|
|
|
-
|
|
|
- <!-- WIDGETS -->
|
|
|
-<script type="text/javascript" src="../../assets/tether/js/tether.js"></script>
|
|
|
-<script type="text/javascript" src="../../assets/bootstrap/js/bootstrap.js"></script>
|
|
|
-
|
|
|
-<!-- Bootstrap Dropdown -->
|
|
|
-
|
|
|
-<!-- <script type="text/javascript" src="../../assets/widgets/dropdown/dropdown.js"></script> -->
|
|
|
-
|
|
|
-<!-- Bootstrap Tooltip -->
|
|
|
-
|
|
|
-<!-- <script type="text/javascript" src="../../assets/widgets/tooltip/tooltip.js"></script> -->
|
|
|
-
|
|
|
-<!-- Bootstrap Popover -->
|
|
|
-
|
|
|
-<!-- <script type="text/javascript" src="../../assets/widgets/popover/popover.js"></script> -->
|
|
|
-
|
|
|
-<!-- Bootstrap Progress Bar -->
|
|
|
-
|
|
|
-<script type="text/javascript" src="../../assets/widgets/progressbar/progressbar.js"></script>
|
|
|
-
|
|
|
-<!-- Bootstrap Buttons -->
|
|
|
-
|
|
|
-<!-- <script type="text/javascript" src="../../assets/widgets/button/button.js"></script> -->
|
|
|
-
|
|
|
-<!-- Bootstrap Collapse -->
|
|
|
-
|
|
|
-<!-- <script type="text/javascript" src="../../assets/widgets/collapse/collapse.js"></script> -->
|
|
|
-
|
|
|
-<!-- Superclick -->
|
|
|
-
|
|
|
-<script type="text/javascript" src="../../assets/widgets/superclick/superclick.js"></script>
|
|
|
-
|
|
|
-<!-- Input switch alternate -->
|
|
|
-
|
|
|
-<script type="text/javascript" src="../../assets/widgets/input-switch/inputswitch-alt.js"></script>
|
|
|
-
|
|
|
-<!-- Slim scroll -->
|
|
|
-
|
|
|
-<script type="text/javascript" src="../../assets/widgets/slimscroll/slimscroll.js"></script>
|
|
|
-
|
|
|
-<!-- Slidebars -->
|
|
|
-
|
|
|
-<script type="text/javascript" src="../../assets/widgets/slidebars/slidebars.js"></script>
|
|
|
-<script type="text/javascript" src="../../assets/widgets/slidebars/slidebars-demo.js"></script>
|
|
|
-
|
|
|
-<!-- PieGage -->
|
|
|
-
|
|
|
-<script type="text/javascript" src="../../assets/widgets/charts/piegage/piegage.js"></script>
|
|
|
-<script type="text/javascript" src="../../assets/widgets/charts/piegage/piegage-demo.js"></script>
|
|
|
-
|
|
|
-<!-- Screenfull -->
|
|
|
-
|
|
|
-<script type="text/javascript" src="../../assets/widgets/screenfull/screenfull.js"></script>
|
|
|
-
|
|
|
-<!-- Content box -->
|
|
|
-
|
|
|
-<script type="text/javascript" src="../../assets/widgets/content-box/contentbox.js"></script>
|
|
|
-
|
|
|
-<!-- Overlay -->
|
|
|
-
|
|
|
-<script type="text/javascript" src="../../assets/widgets/overlay/overlay.js"></script>
|
|
|
-
|
|
|
-<!-- Widgets init for demo -->
|
|
|
-
|
|
|
-<script type="text/javascript" src="../../assets/js-init/widgets-init.js"></script>
|
|
|
-
|
|
|
-<!-- Theme layout -->
|
|
|
-
|
|
|
-<script type="text/javascript" src="../../assets/themes/admin/layout.js"></script>
|
|
|
-
|
|
|
-<!-- Theme switcher -->
|
|
|
-
|
|
|
-<script type="text/javascript" src="../../assets/widgets/theme-switcher/themeswitcher.js"></script>
|
|
|
-
|
|
|
</div>
|
|
|
-</body>
|
|
|
-</html>
|
|
|
+{% endblock content %}
|
James Iter
