feat: independent overview page css for better compatible for 3rd party admin

This commit is contained in:
Emil Zhai 2022-12-07 12:01:56 +00:00
parent 7d9261ea1f
commit 6f38b45178
No known key found for this signature in database
GPG Key ID: 780B385DB72F1EBD
5 changed files with 95 additions and 50 deletions

File diff suppressed because one or more lines are too long

6
page/console.css Normal file
View File

@ -0,0 +1,6 @@
.typecho-access-console-title {
margin: 25px 0 10px;
font-size: 1.28571em;
font-weight: bold;
line-height: 1.5;
}

View File

@ -5,25 +5,27 @@ include 'menu.php';
require_once __DIR__ . '/../Access_Bootstrap.php';
$access = new Access_Core();
?>
<link rel="stylesheet" href="<?php $options->pluginUrl('Access/page/components/bentogrid/index.css')?>">
<link rel="stylesheet" href="<?php $options->pluginUrl('Access/page/console.css')?>">
<div class="main">
<div class="body container">
<div class="typecho-page-title">
<h2><?= $access->title;?></h2>
</div>
<div class="row typecho-page-main" role="main">
<div class="col-mb-12">
<ul class="typecho-option-tabs fix-tabs clearfix">
<li<?=($access->action == 'overview' ? ' class="current"' : '')?>><a href="<?php $options->adminUrl('extending.php?panel=' . Access_Plugin::$panel . '&action=overview'); ?>"><?php _e('访问概览'); ?></a></li>
<li<?=($access->action == 'logs' ? ' class="current"' : '')?>><a href="<?php $options->adminUrl('extending.php?panel=' . Access_Plugin::$panel . '&action=logs'); ?>"><?php _e('访问日志'); ?></a></li>
<?php if ($access->hasMigration): ?>
<li<?=($access->action == 'migration' ? ' class="current"' : '')?>><a href="<?php $options->adminUrl('extending.php?panel=' . Access_Plugin::$panel . '&action=migration'); ?>"><?php _e('数据迁移'); ?></a></li>
<?php endif ?>
<li><a href="<?php $options->adminUrl('options-plugin.php?config=Access') ?>"><?php _e('插件设置'); ?></a></li>
</ul>
</div>
<?php include("routes/{$access->action}/index.php") ?>
</div>
<div class="body container">
<div>
<h2 class="typecho-access-console-title"><?= $access->title;?></h2>
</div>
<div class="bento-row" role="main">
<div class="bento-col-mb-12">
<ul class="typecho-option-tabs fix-tabs clearfix">
<li<?=($access->action == 'overview' ? ' class="current"' : '')?>><a href="<?php $options->adminUrl('extending.php?panel=' . Access_Plugin::$panel . '&action=overview'); ?>"><?php _e('访问概览'); ?></a></li>
<li<?=($access->action == 'logs' ? ' class="current"' : '')?>><a href="<?php $options->adminUrl('extending.php?panel=' . Access_Plugin::$panel . '&action=logs'); ?>"><?php _e('访问日志'); ?></a></li>
<?php if ($access->hasMigration): ?>
<li<?=($access->action == 'migration' ? ' class="current"' : '')?>><a href="<?php $options->adminUrl('extending.php?panel=' . Access_Plugin::$panel . '&action=migration'); ?>"><?php _e('数据迁移'); ?></a></li>
<?php endif ?>
<li><a href="<?php $options->adminUrl('options-plugin.php?config=Access') ?>"><?php _e('插件设置'); ?></a></li>
</ul>
</div>
<?php include("routes/{$access->action}/index.php") ?>
</div>
</div>
</div>
<?php

View File

@ -0,0 +1,35 @@
.typecho-access-overview-table-title {
margin: 20px 0;
opacity: .7;
text-align: center;
font-size: 14px;
line-height: 1.5;
font-weight: 600;
}
.typecho-access-overview-table-wrap {
padding: 20px 30px;
background-color: #ffffff;
color: #000000;
}
.typecho-access-overview-list-table {
width: 100%;
border-collapse: collapse;
table-layout: fixed;
line-height: 1.5;
}
.typecho-access-overview-list-table th {
padding: 10px;
border-bottom: 2px solid #f0f0ec;
text-align: left;
background-color: #ffffff;
}
.typecho-access-overview-list-table td {
padding: 10px;
border-top: 1px solid #efefeb;
word-break: break-all;
background-color: #ffffff;
}

View File

@ -1,7 +1,13 @@
<div class="col-mb-12 typecho-list">
<h4 class="typecho-list-table-title">访问数表格</h4>
<div class="typecho-table-wrap" id="tbl-count">
<table class="typecho-list-table">
<script src="<?php $options->pluginUrl('Access/page/highcharts/js/highcharts.js')?>"></script>
<script src="<?php $options->pluginUrl('Access/page/highcharts/js/modules/exporting.js')?>"></script>
<script src="<?php $options->pluginUrl('Access/page/highcharts/js/modules/accessibility.js')?>"></script>
<link rel="stylesheet" href="<?php $options->pluginUrl('Access/page/routes/overview/index.css')?>">
<script type="text/javascript" defer src="<?php $options->pluginUrl('Access/page/routes/overview/index.js')?>"></script>
<div class="typecho-access-overview-main bento-col-mb-12">
<h4 class="typecho-access-overview-table-title">访问数表格</h4>
<div class="typecho-access-overview-table-wrap" id="tbl-count">
<table class="typecho-access-overview-list-table">
<colgroup>
<col width="10%"/>
<col width="30%"/>
@ -39,11 +45,11 @@
</table>
</div>
<div class="col-mb-12 col-4">
<h4 class="typecho-list-table-title">来源域名</h4>
<div class="bento-col-mb-12 bento-col-4 typecho-access-overview-block">
<h4 class="typecho-access-overview-table-title">来源域名</h4>
<div class="typecho-table-wrap">
<table class="typecho-list-table" id="tbl-referer-domain">
<div class="typecho-access-overview-table-wrap">
<table class="typecho-access-overview-list-table" id="tbl-referer-domain">
<colgroup>
<col width="15%"/>
<col width="15%"/>
@ -67,11 +73,11 @@
</div>
</div>
<div class="col-mb-12 col-8">
<h4 class="typecho-list-table-title">来源页</h4>
<div class="bento-col-mb-12 bento-col-8 typecho-access-overview-block">
<h4 class="typecho-access-overview-table-title">来源页</h4>
<div class="typecho-table-wrap">
<table class="typecho-list-table" id="tbl-referer-url">
<div class="typecho-access-overview-table-wrap">
<table class="typecho-access-overview-list-table" id="tbl-referer-url">
<colgroup>
<col width="15%"/>
<col width="15%"/>
@ -95,39 +101,34 @@
</div>
</div>
<div class="col-mb-12">
<h4 class="typecho-list-table-title">文章浏览分析</h4>
<div class="typecho-table-wrap" id="pie-article">loading...</div>
<div class="bento-col-mb-12">
<h4 class="typecho-access-overview-table-title">文章浏览分析</h4>
<div class="typecho-access-overview-table-wrap" id="pie-article">loading...</div>
</div>
<div class="col-mb-12">
<h4 class="typecho-list-table-title">访客地域分析</h4>
<div class="typecho-table-wrap">
<div class="bento-col-mb-12">
<h4 class="typecho-access-overview-table-title">访客地域分析</h4>
<div class="typecho-access-overview-table-wrap">
<ul class="typecho-option-tabs clearfix">
<li><button id="btn-china" class="btn btn-s primary">国内</button></li>
<li><button id="btn-inter" class="btn btn-s">国际</button><li>
</ul>
<div class="typecho-table-wrap" id="bar-location">loading...</div>
<div class="typecho-access-overview-table-wrap" id="bar-location">loading...</div>
</div>
</div>
<div class="col-mb-12">
<h4 class="typecho-list-table-title">今日图表</h4>
<div class="typecho-table-wrap" id="chart-today"></div>
<div class="bento-col-mb-12">
<h4 class="typecho-access-overview-table-title">今日图表</h4>
<div class="typecho-access-overview-table-wrap" id="chart-today"></div>
</div>
<div class="col-mb-12">
<h4 class="typecho-list-table-title">昨日图表</h4>
<div class="typecho-table-wrap" id="chart-yesterday"></div>
<div class="bento-col-mb-12">
<h4 class="typecho-access-overview-table-title">昨日图表</h4>
<div class="typecho-access-overview-table-wrap" id="chart-yesterday"></div>
</div>
<div class="col-mb-12">
<h4 class="typecho-list-table-title">当月图表</h4>
<div class="typecho-table-wrap" id="chart-month"></div>
<div class="bento-col-mb-12">
<h4 class="typecho-access-overview-table-title">当月图表</h4>
<div class="typecho-access-overview-table-wrap" id="chart-month"></div>
</div>
</div>
<script src="<?php $options->pluginUrl('Access/page/highcharts/js/highcharts.js')?>"></script>
<script src="<?php $options->pluginUrl('Access/page/highcharts/js/modules/exporting.js')?>"></script>
<script src="<?php $options->pluginUrl('Access/page/highcharts/js/modules/accessibility.js')?>"></script>
<script type="text/javascript" defer src="<?php $options->pluginUrl('Access/page/routes/overview/index.js')?>"></script>