_Layout.cshtml 15 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324
  1. <!DOCTYPE html>
  2. <html class="loading" lang="en" data-textdirection="ltr">
  3. <!-- BEGIN: Head-->
  4. <head>
  5. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  6. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  7. <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimal-ui">
  8. <meta name="description" content="Stack admin is super flexible, powerful, clean &amp; modern responsive bootstrap 4 admin template with unlimited possibilities.">
  9. <meta name="keywords" content="admin template, stack admin template, dashboard template, flat admin template, responsive admin template, web app">
  10. <meta name="author" content="Unitel">
  11. <title>Super CMS</title>
  12. <link rel="apple-touch-icon" href="/Report/Content/admin-assets/images/ico/apple-icon-120.png">
  13. <link rel="shortcut icon" type="image/x-icon" href="/Report/Content/admin-assets/images/ico/favicon.ico">
  14. <link href="https://fonts.googleapis.com/css?family=Montserrat:300,300i,400,400i,500,500i%7COpen+Sans:300,300i,400,400i,600,600i,700,700i" rel="stylesheet">
  15. @*<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>*@
  16. <script src="~/lib/jquery/dist/jquery.js" type="text/javascript"></script>
  17. <script src="~/lib/jquery/dist/jquery.min.js" type="text/javascript"></script>
  18. <!-- BEGIN: Vendor CSS-->
  19. <link rel="stylesheet" type="text/css" href="~/css/vendors/vendors.min.css">
  20. <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/v/dt/dt-1.10.21/datatables.min.css" />
  21. <link rel="stylesheet" type="text/css" href="/css/vendors/daterangepicker.css">
  22. <link rel="stylesheet" type="text/css" href="/css/vendors/bootstrap-datetimepicker.css">
  23. <link rel="stylesheet" type="text/css" href="/css/vendors/pickadate.css">
  24. <link rel="stylesheet" type="text/css" href="/css/css/daterange.min.css">
  25. <link rel="stylesheet" type="text/css" href="/css/vendors/climacons.min.css">
  26. <link rel="stylesheet" type="text/css" href="~/css/fonts/meteocons-style.min.css">
  27. <link rel="stylesheet" type="text/css" href="/css/vendors/morris.css">
  28. <link rel="stylesheet" type="text/css" href="/css/css/bootstrap.min.css">
  29. <link rel="stylesheet" type="text/css" href="/css/css/bootstrap-extended.min.css">
  30. <link rel="stylesheet" type="text/css" href="/css/css/colors.min.css">
  31. <link rel="stylesheet" type="text/css" href="/css/css/components.min.css">
  32. <link rel="stylesheet" type="text/css" href="~/css/css/horizontal-menu.min.css">
  33. <link rel="stylesheet" type="text/css" href="/css/css/palette-gradient.min.css">
  34. <link rel="stylesheet" type="text/css" href="~/css/fonts/simple-line-icons-style.min.css">
  35. <link rel="stylesheet" type="text/css" href="/css/css/timeline.min.css">
  36. <link rel="stylesheet" type="text/css" href="/css/vendors/sweetalert.css">
  37. <link rel="stylesheet" type="text/css" href="/css/css/spin.css">
  38. <link rel="stylesheet" type="text/css" href="/css/css/main.css">
  39. <link rel="stylesheet" type="text/css" href="/css/css/model.css">
  40. <link rel="stylesheet" type="text/css" href="/css/css/style.css">
  41. <script type='text/javascript' src="https://my.sendinblue.com/public/theme/version4/assets/js/dependencies/editor/ckeditor_3.6/ckeditor.js"></script>
  42. <script type='text/javascript' src="https://my.sendinblue.com/public/theme/version4/assets/js/dependencies/editor/ckeditor_3.6/adapters/jquery.js"></script>
  43. </head>
  44. <!-- END: Head-->
  45. <!-- BEGIN: Body-->
  46. <body class="horizontal-layout horizontal-menu 2-columns " data-open="click" data-menu="horizontal-menu" data-col="2-columns">
  47. @Html.AntiForgeryToken()
  48. <!-- BEGIN: Header-->
  49. <nav class="header-navbar navbar-expand-md navbar navbar-with-menu navbar-static-top navbar-dark bg-gradient-x-grey-blue navbar-border navbar-brand-center">
  50. <div class="navbar-wrapper">
  51. <div class="navbar-header">
  52. <ul class="nav navbar-nav flex-row">
  53. <li class="nav-item mobile-menu d-md-none mr-auto">
  54. <a class="nav-link nav-menu-main menu-toggle hidden-xs" href="#">
  55. <i class="feather icon-menu font-large-1"></i>
  56. </a>
  57. </li>
  58. <li class="nav-item">
  59. <a class="navbar-brand" href="/Home">
  60. <img class="brand-logo" alt="stack admin logo" src="~/img/stack-logo-light.png">
  61. <h2 class="brand-text">Super CMS</h2>
  62. </a>
  63. </li>
  64. <li class="nav-item d-md-none">
  65. <a class="nav-link open-navbar-container" data-toggle="collapse" data-target="#navbar-mobile">
  66. <i class="fa fa-ellipsis-v"></i>
  67. </a>
  68. </li>
  69. </ul>
  70. </div>
  71. <div class="navbar-container content">
  72. <div class="collapse navbar-collapse" id="navbar-mobile">
  73. <ul class="nav navbar-nav mr-auto float-left">
  74. <li class="nav-item d-none d-md-block"><a class="nav-link nav-menu-main menu-toggle hidden-xs" href="#"><i class="feather icon-menu"></i></a></li>
  75. <li class="nav-item d-none d-md-block"><a class="nav-link nav-link-expand" href="#"><i class="ficon ft-maximize"></i></a></li>
  76. </ul>
  77. <ul class="nav navbar-nav float-right">
  78. <li class="dropdown dropdown-user nav-item">
  79. <a class="dropdown-toggle nav-link dropdown-user-link" href="#" data-toggle="dropdown">
  80. <span class="avatar avatar-online">
  81. <img src="~/img/avatar-s-2.png" alt="avatar"><i></i>
  82. </span><span class="user-name">admin</span>
  83. </a>
  84. <div class="dropdown-menu dropdown-menu-right">
  85. <a class="dropdown-item" href="/Home/Logout"><i class="ft-power"></i> Logout</a>
  86. </div>
  87. </li>
  88. </ul>
  89. </div>
  90. </div>
  91. </div>
  92. </nav>
  93. <!-- END: Header-->
  94. <!-- BEGIN: Main Menu-->
  95. <div class="header-navbar navbar-expand-sm navbar navbar-horizontal navbar-fixed navbar-light navbar-without-dd-arrow navbar-shadow menu-border"
  96. role="navigation" data-menu="menu-wrapper">
  97. <!-- Horizontal menu content-->
  98. <div class="navbar-container main-menu-content" data-menu="menu-container">
  99. <!-- include ~/Content/includes/mixins-->
  100. <ul class="nav navbar-nav" id="main-menu-navigation" data-menu="menu-navigation">
  101. <li class=" nav-item">
  102. <a class="nav-link" href="/Home">
  103. <i class="feather icon-home"></i>
  104. <span>Home</span>
  105. </a>
  106. </li>
  107. <li class=" nav-item">
  108. <a class="nav-link" href="/Config">
  109. <i class="feather icon-compass"></i>
  110. <span>Configuration</span>
  111. </a>
  112. </li>
  113. <li class=" nav-item">
  114. <a class="nav-link" href="/Report">
  115. <i class="feather icon-settings"></i>
  116. <span>Report</span>
  117. </a>
  118. </li>
  119. <li class=" nav-item">
  120. <a class="nav-link" href="/Support">
  121. <i class="feather icon-sunset"></i>
  122. <span>Supporter</span>
  123. </a>
  124. </li>
  125. <li class=" nav-item">
  126. <a class="nav-link" href="/Stock">
  127. <i class="feather icon-sunset"></i>
  128. <span>Stock</span>
  129. </a>
  130. </li>
  131. <li class=" nav-item">
  132. <a class="nav-link" href="/Registry">
  133. <i class="feather icon-sunset"></i>
  134. <span>Registry</span>
  135. </a>
  136. </li>
  137. </ul>
  138. </div>
  139. <!-- /horizontal menu content-->
  140. </div>
  141. <!-- END: Main Menu-->
  142. <!-- BEGIN: Content-->
  143. @RenderBody()
  144. <!-- END: Content-->
  145. <!-- END: Theme JS-->
  146. <div class="modal fade" id="myContent" tabindex="-1" role="dialog" style=""
  147. aria-labelledby="myModalLabel">
  148. <div class="modal-dialog fault-dialog model-style content-model">
  149. <div id='contentModel'>
  150. </div>
  151. </div>
  152. </div>
  153. <div class="modal fade" id="myInform" tabindex="-1" role="dialog" style=""
  154. aria-labelledby="myModalLabel">
  155. <div class="modal-dialog fault-dialog model-style inform-model">
  156. <div id='informModel'>
  157. </div>
  158. </div>
  159. </div>
  160. <div class="sidenav-overlay"></div>
  161. <div class="drag-target"></div>
  162. <!-- BEGIN: Footer-->
  163. <footer class="footer footer-static footer-light navbar-shadow">
  164. <p class="clearfix blue-grey lighten-2 text-sm-center mb-0 px-2">
  165. <span class="float-md-left d-block d-md-inline-block">Copyright &copy; 2020 Viettech</span>
  166. </p>
  167. </footer>
  168. <!-- END: Footer-->
  169. <!-- BEGIN: Vendor JS-->
  170. <script src="~/js/vendors/vendors.min.js"></script>
  171. <script src="~/js/vendors/jquery.sticky.js"></script>
  172. <script src="~/js/vendors/jquery.sparkline.min.js"></script>
  173. <script src="~/js/vendors/moment-with-locales.min.js"></script>
  174. <script src="~/js/vendors/moment-timezone-with-data.min.js"></script>
  175. <script src="~/js/vendors/bootstrap-datetimepicker.min.js"></script>
  176. <script src="~/js/vendors/picker.js"></script>
  177. <script src="~/js/vendors/picker.date.js"></script>
  178. <script src="~/js/vendors/picker.time.js"></script>
  179. <script src="~/js/vendors/legacy.js"></script>
  180. <script src="~/js/vendors/daterangepicker.js"></script>
  181. <script src="~/js/vendors/sweetalert.min.js"></script>
  182. <script src="~/js/vendors/raphael-min.js"></script>
  183. <script src="~/js/vendors/morris.min.js"></script>
  184. <script src="~/js/vendors/unslider-min.js"></script>
  185. <script src="~/js/vendors/horizontal-timeline.js"></script>
  186. <script src="~/js/js/app-menu.min.js"></script>
  187. <script src="~/js/js/app.min.js"></script>
  188. <script src="~/js/js/customizer.min.js"></script>
  189. <script src="~/js/js/breadcrumbs-with-stats.min.js"></script>
  190. <script type="text/javascript" src="https://cdn.datatables.net/v/dt/dt-1.10.21/datatables.min.js"></script>
  191. <!-- END: Page JS-->
  192. <script>
  193. var opts = {
  194. lines: 8, // The number of lines to draw
  195. length: 5, // The length of each line
  196. width: 3, // The line thickness
  197. radius: 5, // The radius of the inner circle
  198. scale: 1, // Scales overall size of the spinner
  199. corners: 1, // Corner roundness (0..1)
  200. color: '#ffffff', // CSS color or array of colors
  201. fadeColor: 'transparent', // CSS color or array of colors
  202. speed: 1, // Rounds per second
  203. rotate: 0, // The rotation offset
  204. animation: 'spinner-line-fade-quick', // The CSS animation name for the lines
  205. direction: 1, // 1: clockwise, -1: counterclockwise
  206. zIndex: 2e9, // The z-index (defaults to 2000000000)
  207. className: 'spinner', // The CSS class to assign to the spinner
  208. //top: '50%', // Top position relative to parent
  209. //left: '50%', // Left position relative to parent
  210. shadow: '0 0 1px transparent', // Box-shadow for the lines
  211. //position: 'absolute' // Element positioning
  212. };
  213. var spinner = new Spinner(opts);
  214. function startSpinner(obj) {
  215. var target = document.getElementById(obj);
  216. $("#" + obj).prop("disabled", true);
  217. spinner.spin(target);
  218. }
  219. function stopSpinner(obj) {
  220. $("#" + obj).prop("disabled", false);
  221. if (spinner != undefined) {
  222. spinner.stop();
  223. }
  224. }
  225. function StatusToText(status) {
  226. if (status == 0) {
  227. return "Inactive";
  228. }
  229. else if (status == 1) {
  230. return "Active";
  231. }
  232. }
  233. //0.inactive, 1.runing, 2.finished, 3.cancelled
  234. function StatusBroadcast(status) {
  235. if (status == 0) {
  236. return "<span class='inactive'>Inactive</span>";
  237. }
  238. else if (status == 1) {
  239. return "<span class='primary'>Running</span>";
  240. }
  241. else if (status == 2) {
  242. return "<span class='success'>Finished</span>";
  243. }
  244. else if (status == 3) {
  245. return "<span class='danger'>Cancelled</span>";
  246. }
  247. else if (status == 4) {
  248. return "<span class='warning'>Paused</span>";
  249. }
  250. }
  251. function MsgTypeToText(msgType) {
  252. if (msgType == 0) {
  253. return "SMS Text";
  254. }
  255. else if (msgType == 1) {
  256. return "SMS Flash";
  257. }
  258. else if (msgType == 200) {
  259. return "USSD Push";
  260. }
  261. else if (msgType == 201) {
  262. return "USSD Flash";
  263. }
  264. }
  265. function hideModal(modalName) {
  266. $("#" + modalName).modal('hide');
  267. }
  268. function showModal(modalName) {
  269. $("#" + modalName).modal('show');
  270. }
  271. </script>
  272. <script src="~/js/vendors/jquery.sparkline.min.js"></script>
  273. <script src="~/js/vendors/chart.min.js"></script>
  274. <script src="~/js/js/chart-dashboard.js"></script>
  275. @*<script>
  276. $(document).ready(function () {
  277. LoadTest(["08/11", "09/11", "10/11", "11/11", "12/11", "13/11", "14/11", "15/11", "16/11", "17/11"], [148698, 168854, 166536, 173255, 176405, 176500, 171198, 167173, 184392, 187501], [5528, 11408, 17125, 14227, 16971, 20312, 22559, 28793, 15976, 4895],
  278. [824809, 857774, 859151, 859781, 859589, 859211, 859074, 859062, 858962, 858698], [169, 23539, 27837, 29162, 31528, 36531, 51711, 63034, 47594, 2330], [2423, 21655, 26451, 28518, 31706, 36881, 51818, 63028, 47650, 2560]);
  279. load_chart_hourly(["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12", "13", "14", "15", "16", "17", "18", "19", "20", "21", "22", "23"], [25433, 24415, 30803, 15025, 2844, 1913, 1790, 3785, 4628, 4023, 2767, 3143, 4808, 5043, 7470, 4662, 1636, 11195, 15209, 10586, 3374, 1785, 1026, 113]);
  280. });
  281. </script>*@
  282. @*<script src="/js/config.js"></script>
  283. <script src="/js/table_action.js"></script>*@
  284. <script src="/js/main.js"></script>
  285. <script src="~/lib/jquery/dist/jquery.min.js"></script>
  286. <script src="~/lib/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
  287. <script src="~/js/site.js" asp-append-version="true"></script>
  288. @RenderSection("Scripts", required: false)
  289. <!-- END: Page JS-->
  290. </body>
  291. <!-- END: Body-->
  292. </html>