Browse Source

format legacy user and administrator navigation pages

iamsaltedfish 3 years ago
parent
commit
9b0d0a2a81
2 changed files with 300 additions and 170 deletions
  1. 156 71
      resources/views/material/admin/main.tpl
  2. 144 99
      resources/views/material/user/main.tpl

+ 156 - 71
resources/views/material/admin/main.tpl

@@ -1,5 +1,6 @@
 <!DOCTYPE html>
 <html lang="zh-cn">
+
 <head>
     <meta charset="UTF-8">
     <meta content="IE=edge" http-equiv="X-UA-Compatible">
@@ -24,9 +25,10 @@
         }
 
         {if $config['admin_center_bg'] == true}
-        .page-brand .ui-content-header {
-            background-image: url({$config['admin_center_bg_addr']});
-        }
+            .page-brand .ui-content-header {
+                background-image: url({$config['admin_center_bg_addr']});
+            }
+
         {/if}
 
         .table-responsive {
@@ -48,72 +50,155 @@
 </head>
 
 <body class="page-brand">
-<header class="header header-red header-transparent header-waterfall ui-header">
-    <ul class="nav nav-list pull-left">
-        <div>
-            <a data-toggle="menu" href="#ui_menu">
-                <span class="icon icon-lg">menu</span>
-            </a>
-        </div>
-    </ul>
-    <ul class="nav nav-list pull-right">
-        <div class="dropdown margin-right">
-            <a class="dropdown-toggle padding-left-no padding-right-no" data-toggle="dropdown">
-                <span class="access-hide">{$user->user_name}</span>
-                <span class="avatar avatar-sm"><img src="{$user->gravatar}"></span>
-            </a>
-            <ul class="dropdown-menu dropdown-menu-right">
-                <li>
-                    <a class="waves-attach" href="/user/"><span class="icon icon-lg margin-right">account_box</span>用户中心</a>
-                </li>
-                <li>
-                    <a class="waves-attach" href="/user/logout"><span
-                                class="icon icon-lg margin-right">exit_to_app</span>登出</a>
-                </li>
-            </ul>
-        </div>
-    </ul>
-</header>
-<nav aria-hidden="true" class="menu menu-left nav-drawer nav-drawer-md" id="ui_menu" tabindex="-1">
-    <div class="menu-scroll">
-        <div class="menu-content">
-            <a class="menu-logo" href="/"><i class="icon icon-lg">person_pin</i>&nbsp;管理面板</a>
-            <ul class="nav">
-                <li>
-                    <a class="waves-attach" data-toggle="collapse" href="#ui_menu_me">我的</a>
-                    <ul class="menu-collapse collapse in" id="ui_menu_me">
-                        <li><a href="/admin"><i class="icon icon-lg">business_center</i>&nbsp;系统概览</a></li>
-                        <li><a href="/admin/announcement"><i class="icon icon-lg">announcement</i>&nbsp;公告管理</a></li>
-                        <li><a href="/admin/ticket"><i class="icon icon-lg">question_answer</i>&nbsp;工单管理</a></li>
-                    </ul>
-                    <a class="waves-attach" data-toggle="collapse" href="#ui_menu_user">用户</a>
-                    <ul class="menu-collapse collapse in" id="ui_menu_user">
-                        <li><a href="/admin/user"><i class="icon icon-lg">supervisor_account</i>&nbsp;用户列表</a></li>
-                        <li><a href="/admin/invite"><i class="icon icon-lg">loyalty</i>&nbsp;邀请与返利</a></li>
-                        <li><a href="/admin/subscribe"><i class="icon icon-lg">dialer_sip</i>&nbsp;订阅记录</a></li>
-                        <li><a href="/admin/login"><i class="icon icon-lg">text_fields</i>&nbsp;登录记录</a></li>
-                        <li><a href="/admin/alive"><i class="icon icon-lg">important_devices</i>&nbsp;在线IP</a></li>
-                    </ul>
-                    <a class="waves-attach" data-toggle="collapse" href="#ui_menu_config">配置</a>
-                    <ul class="menu-collapse collapse in" id="ui_menu_config">
-                        <li><a href="/admin/setting"><i class="icon icon-lg">settings</i>&nbsp;设置中心</a></li>
-                        <li><a href="/admin/node"><i class="icon icon-lg">router</i>&nbsp;节点列表</a></li>
-                        <li><a href="/admin/config/telegram"><i class="icon icon-lg">supervisor_account</i>&nbsp;Telegram</a></li>
-                    </ul>
-                    <a class="waves-attach" data-toggle="collapse" href="#ui_menu_detect">审计</a>
-                    <ul class="menu-collapse collapse in" id="ui_menu_detect">
-                        <li><a href="/admin/detect"><i class="icon icon-lg">account_balance</i>&nbsp;审计规则</a></li>
-                        <li><a href="/admin/detect/log"><i class="icon icon-lg">assignment_late</i>&nbsp;审计记录</a></li>
-                    </ul>
-                    <a class="waves-attach" data-toggle="collapse" href="#ui_menu_trade">交易</a>
-                    <ul class="menu-collapse collapse in" id="ui_menu_trade">
-                        <li><a href="/admin/giftcard"><i class="icon icon-lg">code</i>&nbsp;礼品卡</a></li>
-                        <li><a href="/admin/product"><i class="icon icon-lg">shop</i>&nbsp;商店商品</a></li>
-                        <li><a href="/admin/coupon"><i class="icon icon-lg">card_giftcard</i>&nbsp;优惠码</a></li>
-                        <li><a href="/admin/order"><i class="icon icon-lg">shopping_cart</i>&nbsp;用户订单</a></li>
-                    </ul>
-                <li><a href="/user"><i class="icon icon-lg">person</i>&nbsp;用户中心</a></li>
-            </ul>
+    <header class="header header-red header-transparent header-waterfall ui-header">
+        <ul class="nav nav-list pull-left">
+            <div>
+                <a data-toggle="menu" href="#ui_menu">
+                    <span class="icon icon-lg">menu</span>
+                </a>
+            </div>
+        </ul>
+        <ul class="nav nav-list pull-right">
+            <div class="dropdown margin-right">
+                <a class="dropdown-toggle padding-left-no padding-right-no" data-toggle="dropdown">
+                    <span class="access-hide">
+                        {$user->user_name}
+                    </span>
+                    <span class="avatar avatar-sm">
+                        <img src="{$user->gravatar}">
+                    </span>
+                </a>
+                <ul class="dropdown-menu dropdown-menu-right">
+                    <li>
+                        <a class="waves-attach" href="/user/">
+                            <span class="icon icon-lg margin-right">account_box</span>
+                            用户中心
+                        </a>
+                    </li>
+                    <li>
+                        <a class="waves-attach" href="/user/logout">
+                            <span class="icon icon-lg margin-right">exit_to_app</span>
+                            登出
+                        </a>
+                    </li>
+                </ul>
+            </div>
+        </ul>
+    </header>
+    <nav aria-hidden="true" class="menu menu-left nav-drawer nav-drawer-md" id="ui_menu" tabindex="-1">
+        <div class="menu-scroll">
+            <div class="menu-content">
+                <a class="menu-logo" href="/"><i class="icon icon-lg">person_pin</i>&nbsp;管理面板</a>
+                <ul class="nav">
+                    <li>
+                        <a class="waves-attach" data-toggle="collapse" href="#ui_menu_me">我的</a>
+                        <ul class="menu-collapse collapse in" id="ui_menu_me">
+                            <li>
+                                <a href="/admin"><i class="icon icon-lg">business_center</i>&nbsp;
+                                    系统概览
+                                </a>
+                            </li>
+                            <li>
+                                <a href="/admin/announcement"><i class="icon icon-lg">announcement</i>&nbsp;
+                                    公告管理
+                                </a>
+                            </li>
+                            <li>
+                                <a href="/admin/ticket"><i class="icon icon-lg">question_answer</i>&nbsp;
+                                    工单管理
+                                </a>
+                            </li>
+                        </ul>
+                        <a class="waves-attach" data-toggle="collapse" href="#ui_menu_user">
+                            用户
+                        </a>
+                        <ul class="menu-collapse collapse in" id="ui_menu_user">
+                            <li>
+                                <a href="/admin/user"><i class="icon icon-lg">supervisor_account</i>&nbsp;
+                                    用户列表
+                                </a>
+                            </li>
+                            <li>
+                                <a href="/admin/invite"><i class="icon icon-lg">loyalty</i>&nbsp;
+                                    邀请与返利
+                                </a>
+                            </li>
+                            <li>
+                                <a href="/admin/subscribe"><i class="icon icon-lg">dialer_sip</i>&nbsp;
+                                    订阅记录
+                                </a>
+                            </li>
+                            <li>
+                                <a href="/admin/login"><i class="icon icon-lg">text_fields</i>&nbsp;
+                                    登录记录
+                                </a>
+                            </li>
+                            <li>
+                                <a href="/admin/alive"><i class="icon icon-lg">important_devices</i>&nbsp;
+                                    在线IP
+                                </a>
+                            </li>
+                        </ul>
+                        <a class="waves-attach" data-toggle="collapse" href="#ui_menu_config">
+                            配置
+                        </a>
+                        <ul class="menu-collapse collapse in" id="ui_menu_config">
+                            <li>
+                                <a href="/admin/setting"><i class="icon icon-lg">settings</i>&nbsp;
+                                    设置中心
+                                </a>
+                            </li>
+                            <li>
+                                <a href="/admin/node"><i class="icon icon-lg">router</i>&nbsp;
+                                    节点列表
+                                </a>
+                            </li>
+                            <li>
+                                <a href="/admin/config/telegram"><i class="icon icon-lg">supervisor_account</i>&nbsp;
+                                    Telegram
+                                </a>
+                            </li>
+                        </ul>
+                        <a class="waves-attach" data-toggle="collapse" href="#ui_menu_detect">
+                            审计
+                        </a>
+                        <ul class="menu-collapse collapse in" id="ui_menu_detect">
+                            <li>
+                                <a href="/admin/detect"><i class="icon icon-lg">account_balance</i>&nbsp;
+                                    审计规则
+                                </a>
+                            </li>
+                            <li>
+                                <a href="/admin/detect/log"><i class="icon icon-lg">assignment_late</i>&nbsp;
+                                    审计记录
+                                </a>
+                            </li>
+                        </ul>
+                        <a class="waves-attach" data-toggle="collapse" href="#ui_menu_trade">交易</a>
+                        <ul class="menu-collapse collapse in" id="ui_menu_trade">
+                            <li>
+                                <a href="/admin/product"><i class="icon icon-lg">shop</i>&nbsp;
+                                    商品
+                                </a>
+                            </li>
+                            <li>
+                                <a href="/admin/giftcard"><i class="icon icon-lg">code</i>&nbsp;
+                                    礼品卡
+                                </a>
+                            </li>
+                            <li>
+                                <a href="/admin/coupon"><i class="icon icon-lg">card_giftcard</i>&nbsp;
+                                    优惠码
+                                </a>
+                            </li>
+                            <li>
+                                <a href="/admin/order"><i class="icon icon-lg">shopping_cart</i>&nbsp;
+                                    用户订单
+                                </a>
+                            </li>
+                        </ul>
+                    <li><a href="/user"><i class="icon icon-lg">person</i>&nbsp;用户中心</a></li>
+                </ul>
+            </div>
         </div>
-    </div>
-</nav>
+</nav>

+ 144 - 99
resources/views/material/user/main.tpl

@@ -1,5 +1,6 @@
 <!DOCTYPE html>
 <html lang="zh-cn">
+
 <head>
     <meta charset="UTF-8">
     <meta content="IE=edge" http-equiv="X-UA-Compatible">
@@ -17,111 +18,155 @@
     <!-- js -->
     <script src="/assets/js/fuck.min.js"></script>
     <style>
-    {if $config['user_center_bg'] == true}
-        .page-orange .ui-content-header {
-            background-image: url({$config['user_center_bg_addr']});
-        }
-    {/if}
+        {if $config['user_center_bg'] == true}
+            .page-orange .ui-content-header {
+                background-image: url({$config['user_center_bg_addr']});
+            }
+
+        {/if}
     </style>
 </head>
+
 <body class="page-orange">
-<header class="header header-orange header-transparent header-waterfall ui-header">
-    <ul class="nav nav-list pull-left">
-        <div>
-            <a data-toggle="menu" href="#ui_menu">
-                <span class="icon icon-lg text-white">menu</span>
-            </a>
-        </div>
-    </ul>
-    <ul class="nav nav-list pull-right">
-        <div class="dropdown margin-right">
-            <a class="dropdown-toggle padding-left-no padding-right-no" data-toggle="dropdown">
-                <span class="access-hide">{$user->user_name}</span>
-                <span class="avatar avatar-sm"><img src="{$user->gravatar}"></span>
-            </a>
-            <ul class="dropdown-menu dropdown-menu-right">
-                <li>
-                    <a class="waves-attach" href="/user/edit">
-                        <span class="icon icon-lg margin-right">edit</span>资料编辑
-                    </a>
-                </li>
-                <li>
-                    <a class="padding-right-cd waves-attach" href="/user/logout">
-                        <span class="icon icon-lg margin-right">exit_to_app</span>登出
-                    </a>
-                </li>
-            </ul>
-        </div>
-    </ul>
-</header>
-<nav aria-hidden="true" class="menu menu-left nav-drawer nav-drawer-md" id="ui_menu" tabindex="-1">
-    <div class="menu-scroll">
-        <div class="menu-content">
-            <a class="menu-logo" href="/"><i class="icon icon-lg">language</i>&nbsp;{$config['appName']}</a>
-            <ul class="nav">
-                <li>
-                    <a class="waves-attach" data-toggle="collapse" href="#ui_menu_me">我的</a>
-                    <ul class="menu-collapse collapse in" id="ui_menu_me">
-                        <li>
-                            <a href="/user"><i class="icon icon-lg">account_balance_wallet</i>&nbsp;用户中心</a>
-                        </li>
-                        <li>
-                            <a href="/user/profile"><i class="icon icon-lg">account_box</i>&nbsp;账户信息</a>
-                        </li>
-                        {if $config['subscribeLog']===true && $config['subscribeLog_show']===true}
-                        <li>
-                            <a href="/user/subscribe_log"><i class="icon icon-lg">important_devices</i>&nbsp;订阅记录</a>
-                        </li>
-                        {/if}
-                        {if $config['enable_ticket']===true}
+    <header class="header header-orange header-transparent header-waterfall ui-header">
+        <ul class="nav nav-list pull-left">
+            <div>
+                <a data-toggle="menu" href="#ui_menu">
+                    <span class="icon icon-lg text-white">menu</span>
+                </a>
+            </div>
+        </ul>
+        <ul class="nav nav-list pull-right">
+            <div class="dropdown margin-right">
+                <a class="dropdown-toggle padding-left-no padding-right-no" data-toggle="dropdown">
+                    <span class="access-hide">{$user->user_name}</span>
+                    <span class="avatar avatar-sm"><img src="{$user->gravatar}"></span>
+                </a>
+                <ul class="dropdown-menu dropdown-menu-right">
+                    <li>
+                        <a class="waves-attach" href="/user/edit">
+                            <span class="icon icon-lg margin-right">edit</span>资料编辑
+                        </a>
+                    </li>
+                    <li>
+                        <a class="padding-right-cd waves-attach" href="/user/logout">
+                            <span class="icon icon-lg margin-right">exit_to_app</span>登出
+                        </a>
+                    </li>
+                </ul>
+            </div>
+        </ul>
+    </header>
+    <nav aria-hidden="true" class="menu menu-left nav-drawer nav-drawer-md" id="ui_menu" tabindex="-1">
+        <div class="menu-scroll">
+            <div class="menu-content">
+                <a class="menu-logo" href="/"><i class="icon icon-lg">language</i>&nbsp;{$config['appName']}</a>
+                <ul class="nav">
+                    <li>
+                        <a class="waves-attach" data-toggle="collapse" href="#ui_menu_me">我的</a>
+                        <ul class="menu-collapse collapse in" id="ui_menu_me">
                             <li>
-                                <a href="/user/ticket"><i class="icon icon-lg">question_answer</i>&nbsp;工单系统</a>
+                                <a href="/user">
+                                    <i class="icon icon-lg">account_balance_wallet</i>&nbsp;
+                                    用户中心
+                                </a>
                             </li>
+                            <li>
+                                <a href="/user/profile">
+                                    <i class="icon icon-lg">account_box</i>&nbsp;账户信息
+                                </a>
+                            </li>
+                            {if $config['subscribeLog']===true && $config['subscribeLog_show']===true}
+                                <li>
+                                    <a href="/user/subscribe_log">
+                                        <i class="icon icon-lg">important_devices</i>&nbsp;
+                                        订阅记录
+                                    </a>
+                                </li>
+                            {/if}
+                            {if $config['enable_ticket']===true}
+                                <li>
+                                    <a href="/user/ticket">
+                                        <i class="icon icon-lg">question_answer</i>&nbsp;
+                                        工单系统
+                                    </a>
+                                </li>
+                            {/if}
+                            <li>
+                                <a href="/user/invite">
+                                    <i class="icon icon-lg">loyalty</i>&nbsp;
+                                    邀请链接
+                                </a>
+                            </li>
+                        </ul>
+                        <a class="waves-attach" data-toggle="collapse" href="#ui_menu_use">
+                            使用
+                        </a>
+                        <ul class="menu-collapse collapse in" id="ui_menu_use">
+                            <li>
+                                <a href="/user/node">
+                                    <i class="icon icon-lg">airplanemode_active</i>&nbsp;
+                                    节点列表
+                                </a>
+                            </li>
+                            <li>
+                                <a href="/user/media">
+                                    <i class="icon icon-lg">ondemand_video</i>&nbsp;
+                                    流媒体解锁
+                                </a>
+                            </li>
+                            <li>
+                                <a href="/user/announcement">
+                                    <i class="icon icon-lg">announcement</i>&nbsp;
+                                    站点公告
+                                </a>
+                            </li>
+                            <li>
+                                <a href="/user/detect">
+                                    <i class="icon icon-lg">account_balance</i>&nbsp;
+                                    审计规则
+                                </a>
+                            </li>
+                            <li>
+                                <a href="/user/detect/log">
+                                    <i class="icon icon-lg">assignment_late</i>&nbsp;
+                                    审计记录
+                                </a>
+                            </li>
+                        </ul>
+                        <a class="waves-attach" data-toggle="collapse" href="#ui_menu_help">
+                            商店
+                        </a>
+                        <ul class="menu-collapse collapse in" id="ui_menu_help">
+                            <li>
+                                <a href="/user/product">
+                                    <i class="icon icon-lg">shop</i>&nbsp;
+                                    商品列表
+                                </a>
+                            </li>
+                            <li>
+                                <a href="/user/order">
+                                    <i class="icon icon-lg">shopping_cart</i>&nbsp;
+                                    账单列表
+                                </a>
+                            </li>
+                        </ul>
+                        {if $user->is_admin}
+                            <a href="/admin">
+                                <i class="icon icon-lg">person_pin</i>&nbsp;
+                                管理面板
+                            </a>
+                        {/if}
+                        {if $can_backtoadmin}
+                            <a href="/user/backtoadmin">
+                                <i class="icon icon-lg">person_pin</i>&nbsp;
+                                返回管理员身份
+                            </a>
                         {/if}
-                        <li>
-                            <a href="/user/invite"><i class="icon icon-lg">loyalty</i>&nbsp;邀请链接</a>
-                        </li>
-                    </ul>
-                    <a class="waves-attach" data-toggle="collapse" href="#ui_menu_use">使用</a>
-                    <ul class="menu-collapse collapse in" id="ui_menu_use">
-                        <li>
-                            <a href="/user/node"><i class="icon icon-lg">airplanemode_active</i>&nbsp;节点列表</a>
-                        </li>
-                        <li>
-                            <a href="/user/media"><i class="icon icon-lg">ondemand_video</i>&nbsp;流媒体解锁</a>
-                        </li>
-                        <li>
-                            <a href="/user/announcement"><i class="icon icon-lg">announcement</i>&nbsp;站点公告</a>
-                        </li>
-                        <li>
-                            <a href="/user/detect"><i class="icon icon-lg">account_balance</i>&nbsp;审计规则</a>
-                        </li>
-                        <li>
-                            <a href="/user/detect/log"><i class="icon icon-lg">assignment_late</i>&nbsp;审计记录</a>
-                        </li>
-                    </ul>
-                    <a class="waves-attach" data-toggle="collapse" href="#ui_menu_help">商店</a>
-                    <ul class="menu-collapse collapse in" id="ui_menu_help">
-                        <li>
-                            <a href="/user/code"><i class="icon icon-lg">code</i>&nbsp;充值</a>
-                        </li>
-                        <li>
-                            <a href="/user/shop"><i class="icon icon-lg">shop</i>&nbsp;套餐购买</a>
-                        </li>
-                        <li>
-                            <a href="/user/bought"><i class="icon icon-lg">shopping_cart</i>&nbsp;购买记录</a>
-                        </li>
-                    </ul>
-                    {if $user->is_admin}
-                        <a href="/admin"><i class="icon icon-lg">person_pin</i>&nbsp;管理面板</a>
-                    {/if}
-                    {if $can_backtoadmin}
-                        <a href="/user/backtoadmin"><i class="icon icon-lg">person_pin</i>&nbsp;返回管理员身份</a>
-                    {/if}
-                </li>
-            </ul>
+                    </li>
+                </ul>
+            </div>
         </div>
-    </div>
-</nav>
+    </nav>
 
 {include file='live_chat.tpl'}