layout.html 3.9 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta name="description"
  5. content="Vali is a responsive and free admin theme built with Bootstrap 4, SASS and PUG.js. It's fully customizable and modular.">
  6. <link rel="shortcut icon" href="/static/img/favicon.ico">
  7. <title>nps内网穿透</title>
  8. <meta charset="utf-8">
  9. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  10. <meta name="viewport" content="width=device-width, initial-scale=1">
  11. <!-- Font-icon css-->
  12. <link rel="stylesheet" type="text/css" href="/static/css/font-awesome.min.css">
  13. <!-- Main CSS-->
  14. <link rel="stylesheet" type="text/css" href="/static/css/main.css">
  15. </head>
  16. <body class="app sidebar-mini rtl">
  17. <!-- Navbar-->
  18. <header class="app-header">
  19. <a class="app-header__logo" href="/"></a>
  20. <!-- Sidebar toggle button--><a class="app-sidebar__toggle" href="#" data-toggle="sidebar"
  21. aria-label="Hide Sidebar"></a>
  22. <ul class="app-nav">
  23. <!--Notification Menu-->
  24. <!-- User Menu-->
  25. <li class="dropdown"><a class="app-nav__item" href="/login/out" data-toggle="dropdown"
  26. aria-label="Open Profile Menu"><i class="fa fa-sign-out fa-lg"></i>退出登陆</a>
  27. </li>
  28. </ul>
  29. </header>
  30. <!-- Sidebar menu-->
  31. <div class="app-sidebar__overlay" data-toggle="sidebar"></div>
  32. <aside class="app-sidebar">
  33. <div class="app-sidebar__user"><img class="app-sidebar__user-avatar"
  34. src="/static/img/48.jpg"
  35. alt="User Image">
  36. <div>
  37. <p class="app-sidebar__user-name">System</p>
  38. <p class="app-sidebar__user-designation">欢迎使用</p>
  39. </div>
  40. </div>
  41. <ul class="app-menu">
  42. <li><a class="app-menu__item {{if eq "index" .menu}}active{{end}}" href="/"><i
  43. class="app-menu__icon fa fa-dashboard"></i><span class="app-menu__label">dashboard</span></a></li>
  44. <li><a class="app-menu__item {{if eq "client" .menu}}active{{end}}" href="/client/list"><i
  45. class="app-menu__icon fa fa-dot-circle-o"></i><span class="app-menu__label">客户端管理</span></a></li>
  46. <li><a class="app-menu__item {{if eq "host" .menu}}active{{end}}" href="/index/hostlist"><i
  47. class="app-menu__icon fa fa-lemon-o"></i><span class="app-menu__label">域名代理</span></a></li>
  48. <li><a class="app-menu__item {{if eq "tcp" .menu}}active{{end}}" href="/index/tcp"><i
  49. class="app-menu__icon fa fa-life-buoy"></i><span class="app-menu__label">tcp隧道管理</span></a></li>
  50. <li><a class="app-menu__item {{if eq "udp" .menu}}active{{end}}" href="/index/udp"><i
  51. class="app-menu__icon fa fa-laptop"></i><span class="app-menu__label">udp隧道管理</span></a></li>
  52. <li><a class="app-menu__item {{if eq "socks5" .menu}}active{{end}}" href="/index/socks5"><i
  53. class="app-menu__icon fa fa-lightbulb-o"></i><span class="app-menu__label">socks5代理</span></a></li>
  54. <li><a class="app-menu__item {{if eq "http" .menu}}active{{end}}" href="/index/http"><i
  55. class="app-menu__icon fa fa-magic"></i><span class="app-menu__label">http代理</span></a></li>
  56. <li><a class="app-menu__item {{if eq "help" .menu}}active{{end}}" href="/index/help"><i
  57. class="app-menu__icon fa fa-question-circle"></i><span class="app-menu__label">使用说明</span></a></li>
  58. </ul>
  59. </aside>
  60. <script type="text/javascript" src="/static/js/datatables.min.js"></script>
  61. <script src="/static/js/main.js"></script>
  62. <script src="/static/js/echarts.min.js"></script>
  63. <main class="app-content">
  64. <div class="app-title">
  65. <div>
  66. <h1><i class="fa fa-th-list"></i> {{.name}}</h1>
  67. <a href="javascript:history.back(-1);"><i class="fa fa-mail-reply"></i>返回</a>
  68. </div>
  69. </div>
  70. {{.LayoutContent}}
  71. </body>
  72. </html>