user_top.html 5.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title><!--{$title}--></title>
  5. <meta charset="UTF-8">
  6. <meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
  7. <link href="https://shadowsocks5.b0.upaiyun.com/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
  8. <link href="https://shadowsocks5.b0.upaiyun.com/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
  9. <!-- Ionicons -->
  10. <link href="https://shadowsocks5.b0.upaiyun.com/css/ionicons.min.css" rel="stylesheet" type="text/css" />
  11. <!-- Theme style -->
  12. <link href="https://shadowsocks5.b0.upaiyun.com/css/AdminLTE.css" rel="stylesheet" type="text/css" />
  13. <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
  14. <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  15. <!--[if lt IE 9]>
  16. <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
  17. <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
  18. <![endif]-->
  19. <script src="https://shadowsocks5.b0.upaiyun.com/js/jquery-2.1.1.js"></script>
  20. </head>
  21. <body class="skin-blue">
  22. <!-- header logo: style can be found in header.less -->
  23. <header class="header">
  24. <a href="#" class="logo">
  25. <!-- Add the class icon to your logo image or logo icon to add the margining -->
  26. <!--{$title}--></a>
  27. <!-- Header Navbar: style can be found in header.less -->
  28. <nav class="navbar navbar-static-top" role="navigation">
  29. <!-- Sidebar toggle button-->
  30. <a href="#" class="navbar-btn sidebar-toggle" data-toggle="offcanvas" role="button">
  31. <span class="sr-only">Toggle navigation</span>
  32. <span class="icon-bar"></span>
  33. <span class="icon-bar"></span>
  34. <span class="icon-bar"></span>
  35. </a>
  36. <div class="navbar-right">
  37. <ul class="nav navbar-nav">
  38. <!-- User Account: style can be found in dropdown.less -->
  39. <li class="dropdown user user-menu">
  40. <a href="#" class="dropdown-toggle" data-toggle="dropdown">
  41. <i class="glyphicon glyphicon-user"></i>
  42. <span><!--{$userinfo['user_name']}--> <i class="caret"></i></span>
  43. </a>
  44. <ul class="dropdown-menu">
  45. <!-- User image -->
  46. <li class="user-header bg-light-blue">
  47. <img src="<!--{$userinfo['gravatar']}-->" class="img-circle" alt="User Image" />
  48. <p>
  49. <!--{$userinfo['user_name']}-->
  50. </p>
  51. </li>
  52. <!-- Menu Footer-->
  53. <li class="user-footer">
  54. <div class="pull-left">
  55. <a href="/user/my.html" class="btn btn-default btn-flat">我的信息</a>
  56. </div>
  57. <div class="pull-right">
  58. <a href="/user/logout.html" class="btn btn-default btn-flat">退出</a>
  59. </div>
  60. </li>
  61. </ul>
  62. </li>
  63. </ul>
  64. </div>
  65. </nav>
  66. </header><div class="wrapper row-offcanvas row-offcanvas-left">
  67. <!-- Left side column. contains the logo and sidebar -->
  68. <aside class="left-side sidebar-offcanvas">
  69. <!-- sidebar: style can be found in sidebar.less -->
  70. <section class="sidebar">
  71. <!-- Sidebar user panel -->
  72. <div class="user-panel">
  73. <div class="pull-left image">
  74. <img src="<!--{$userinfo['gravatar']}-->" class="img-circle" alt="User Image" />
  75. </div>
  76. <div class="pull-left info">
  77. <p>欢迎, <!--{$userinfo['user_name']}--></p>
  78. <a href="#"><!--{if($userinfo['enable']==1)}--><i class="fa fa-circle text-success"></i> 在线<!--{else}--><i class="fa fa-circle text-warning"></i> <font color="red">冻结</font><!--{/if}--></a>
  79. </div>
  80. </div>
  81. <!-- sidebar menu: : style can be found in sidebar.less -->
  82. <ul class="sidebar-menu">
  83. <li<!--{if($active=="userindex")}--> class="active"<!--{/if}-->>
  84. <a href="/user/index.html">
  85. <i class="fa fa-dashboard"></i> <span>用户中心</span>
  86. </a>
  87. </li>
  88. <li <!--{if($active=="node")}--> class="active"<!--{/if}-->>
  89. <a href="/user/node.html">
  90. <i class="fa fa-sitemap"></i> <span>节点列表</span>
  91. </a>
  92. </li>
  93. <li <!--{if($active=="info")}--> class="active"<!--{/if}-->>
  94. <a href="/user/my.html">
  95. <i class="fa fa-user"></i> <span>我的信息</span>
  96. </a>
  97. </li>
  98. <li <!--{if($active=="modify")}--> class="active"<!--{/if}-->>
  99. <a href="/user/modify.html">
  100. <i class="fa fa-pencil"></i> <span>修改资料</span>
  101. </a>
  102. </li>
  103. <li <!--{if($active=="modify")}--> class="active"<!--{/if}-->>
  104. <a href="https://bbs.tailsocks.com">
  105. <i class="fa fa-pencil"></i> <span>交流论坛</span>
  106. </a>
  107. </li>
  108. <!--{if($userinfo['plan']=="VIP")}-->
  109. <li <!--{if($active=="code")}--> class="active"<!--{/if}-->>
  110. <a href="/user/code.html">
  111. <i class="fa fa-users"></i> <span>查看邀请</span>
  112. </a>
  113. </li>
  114. <!--{/if}-->
  115. <li <!--{if($active=="code")}--> class="active"<!--{/if}-->>
  116. <a href="/getcode.html" target='_blank'>
  117. <i class="fa fa-users"></i> <span>购买邀请码</span>
  118. </a>
  119. </li>
  120. </ul>
  121. </section>
  122. <!-- /.sidebar -->
  123. </aside>