base.html 6.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149
  1. <!DOCTYPE HTML>
  2. <html>
  3. <head>
  4. {% block meta %}
  5. <meta charset="utf-8">
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7. {% endblock %}
  8. <title>
  9. {%block title%}Falcon+{%endblock%}
  10. </title>
  11. {% block css %}
  12. <link href="{{url_for('static', filename='bootstrap3/css/bootstrap.min.css')}}" rel="stylesheet">
  13. <link href="{{url_for('static', filename='select2/select2.css')}}" rel="stylesheet">
  14. <link href="{{url_for('static', filename='layer/skin/layer.css')}}" rel="stylesheet">
  15. <link href="{{url_for('static', filename='css/select2-bootstrap.css')}}" rel="stylesheet">
  16. <link href="{{url_for('static', filename='bootstrap-datetimepicker/css/bootstrap-datetimepicker.min.css')}}" rel="stylesheet"> </link>
  17. <link rel="stylesheet" href="{{url_for('static', filename='bootstrap-tokenfield/css/bootstrap-tokenfield.min.css')}}">
  18. <link href="/static/css/base.css?v=0.1.0" rel="stylesheet">
  19. <link href="{{url_for('static', filename='css/g.css')}}" rel="stylesheet">
  20. <style>
  21. body {
  22. font-size:12px;
  23. font-family: 'verdana', 'Microsoft YaHei', 'Consolas', 'Deja Vu Sans Mono', 'Bitstream Vera Sans Mono';
  24. }
  25. select {font-size:12px;}
  26. input {font-size:12px;}
  27. </style>
  28. {% endblock %}
  29. {% block head_js %}
  30. <script src="{{url_for('static', filename='js/jquery.min.js')}}"></script>
  31. <script src="{{url_for('static', filename='layer/layer.min.js')}}"></script>
  32. <script type="text/javascript" src="{{ url_for('static', filename='layer/extend/layer.ext.js') }}"></script>
  33. <script src="{{url_for('static', filename='js/jquery.query.js')}}"></script>
  34. <script src="{{url_for('static', filename='bootstrap3/js/bootstrap.min.js')}}"></script>
  35. <script src="{{url_for('static', filename='js/moment.min.js')}}"></script>
  36. <script src="{{url_for('static', filename='select2/select2.min.js')}}"></script>
  37. <script src="{{url_for('static', filename='bootstrap-datetimepicker/js/bootstrap-datetimepicker.min.js')}}"></script>
  38. <script src="{{url_for('static', filename='bootstrap-tokenfield/bootstrap-tokenfield.min.js')}}"></script>
  39. <script type="text/javascript" src="{{ url_for('static', filename='js/moment-with-locales.js') }}"></script>
  40. <script>
  41. function readablizeBytes(size) {
  42. if (size <= 100000){
  43. return '' + size;
  44. }
  45. var SizePrefixes = ' KMGTPEZYXWVU';
  46. if(size <= 0) return '0';
  47. var t2 = Math.min(Math.round(Math.log(size)/Math.log(1000)), 12);
  48. return (Math.round(size * 100 / Math.pow(1000, t2)) / 100) +
  49. SizePrefixes.charAt(t2).replace(' ', '') + '';
  50. }
  51. function formatSize(size1, standard) {
  52. var size = parseFloat(size1);
  53. if (standard) {
  54. standard = standard.toLowerCase();
  55. }
  56. if(size<=1){
  57. return size.toFixed(3);
  58. }
  59. var n = 0,
  60. base = standard == 'si' ? 1000 : 1024,
  61. prefixes = ' KMGTPEZY';
  62. if (size >= base) {
  63. n = Math.floor( Math.log(size) / Math.log(base) );
  64. if (n >= prefixes.length) {
  65. return 'N/A';
  66. }
  67. size = ( size / Math.pow(base, n) ).toFixed(3) * 1 + '';
  68. }else{
  69. size = size.toFixed(3)
  70. }
  71. return size + prefixes[n] + ( n && standard == 'iec' ? 'i' : '' ) + '';
  72. }
  73. </script>
  74. {% endblock %}
  75. {% block more_head %}
  76. {% endblock %}
  77. </head>
  78. {%block body_head%}
  79. <body style="height:100%; padding-top: 0px; padding-bottom: 40px; font-size:12px;">
  80. {%endblock%}
  81. {%block navbar%} {%endblock%}
  82. {% block more_css%} {% endblock %}
  83. {% block more_js%} {% endblock %}
  84. {% block nav%} {% endblock %}
  85. {% block container_outer %}
  86. <div id="container" class="container-fluid" style="min-height:350px; width=100%">
  87. {% block container %} {% endblock %}
  88. </div>
  89. {% endblock %}
  90. <div id="tooltip" style="position: absolute; border: 1px solid rgb(215, 234, 252);z-index: 999; padding: 2px; opacity: 0.8; top: 511px; left: 362px; display: none; background-color: rgb(215, 234, 252);font-family:sans-serif;color:rgb(26,26,26);"></div>
  91. <div style="display: none;" id="loading-container" class="wrap-loading"><div class="loading2"></div></div>
  92. <div class="modal fade" id="editModal">
  93. <div class="modal-dialog">
  94. <div class="modal-content">
  95. <div class="modal-header">
  96. <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
  97. <h4 class="modal-title">批量编辑 Graph</h4>
  98. </div>
  99. <div class="modal-body">
  100. <div class="edit-area">
  101. </div>
  102. </div>
  103. <div class="modal-footer">
  104. <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
  105. <button type="button" class="btn btn-primary editModalYes">确定</button>
  106. </div>
  107. </div>
  108. </div>
  109. </div>
  110. <script type="text/template" id="tpl-edit">
  111. <% _.each(charts, function(c) { %>
  112. <form class="form-horizontal" role="form">
  113. <h4 class="title"><%- c.title %></h4>
  114. <span class="id hide"><%- c.id %></span>
  115. <div class="form-group">
  116. <label class="control-label col-md-2" for="hosts">Endpoints</label>
  117. <div class="col-md-8">
  118. <textarea class="form-control endpoints" name="" rows="5"><%- c.endpoints.join("\n") %></textarea>
  119. </div>
  120. </div>
  121. <div class="form-group">
  122. <label class="control-label col-md-2" for="counters">Counters</label>
  123. <div class="col-md-8">
  124. <textarea class="form-control counters" required="" rows="5"><%- c.counters.join("\n") %></textarea>
  125. </div>
  126. </div>
  127. </form>
  128. <% }); %>
  129. </script>
  130. </body>
  131. </html>