mirror of
https://github.com/kokororin/typecho-plugin-Access.git
synced 2025-03-14 03:40:21 +08:00
feat: independent overview page css for better compatible for 3rd party admin
This commit is contained in:
parent
7d9261ea1f
commit
6f38b45178
1
page/components/bentogrid/index.css
Normal file
1
page/components/bentogrid/index.css
Normal file
File diff suppressed because one or more lines are too long
6
page/console.css
Normal file
6
page/console.css
Normal file
@ -0,0 +1,6 @@
|
||||
.typecho-access-console-title {
|
||||
margin: 25px 0 10px;
|
||||
font-size: 1.28571em;
|
||||
font-weight: bold;
|
||||
line-height: 1.5;
|
||||
}
|
@ -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
|
||||
|
35
page/routes/overview/index.css
Normal file
35
page/routes/overview/index.css
Normal 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;
|
||||
}
|
@ -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>
|
||||
|
Loading…
Reference in New Issue
Block a user