210 lines
9.5 KiB
HTML
210 lines
9.5 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="{$lang}">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta http-equiv="Cache-Control" content="no-siteapp"/>
|
||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
|
||
<meta name="renderer" content="webkit">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=no"/>
|
||
<meta name="keywords" content="{$config.site_keywords}"/>
|
||
<meta name="description" content="{$config.site_description}"/>
|
||
<title>{block name="title"}Lsky Pro{/block}</title>
|
||
{block name="css"}{/block}
|
||
<link rel="shortcut icon" href="/favicon.ico">
|
||
<link rel="stylesheet" href="/static/app/iconfont/iconfont.css">
|
||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/mdui@0.4.3/dist/css/mdui.min.css">
|
||
<link rel="stylesheet" href="/static/app/css/app.css?v=1.7">
|
||
<link rel="stylesheet" href="/static/app/css/markdown.css?v=1.0">
|
||
<!--[if IE]>
|
||
<script>window.location.href = '/compatibility.html';</script>
|
||
<![endif]-->
|
||
</head>
|
||
<body class="mdui-theme-accent-indigo mdui-appbar-with-toolbar {if cookie('?menu') and cookie('menu') eq 'open'}mdui-drawer-body-left{/if} {if cookie('theme') eq 'dark'} mdui-theme-layout-dark{/if}">
|
||
{$config.custom_style|raw}
|
||
{block name="header"}
|
||
<div class="mdui-appbar mdui-appbar-fixed">
|
||
<div class="mdui-toolbar mdui-color-black">
|
||
<span mdui-drawer="{target: '#menu'}" class="mdui-btn mdui-btn-icon open-menu"><i class="mdui-icon material-icons"></i></span>
|
||
<a href="{:url('/')}" class="mdui-typo-headline">{$config.site_name}</a>
|
||
<div class="mdui-toolbar-spacer"></div>
|
||
{if $user}
|
||
<!-- Update -->
|
||
{if $user.is_admin}
|
||
<span id="update" class="mdui-btn mdui-btn-icon"><i class="mdui-icon material-icons"></i></span>
|
||
{/if}
|
||
<!-- User -->
|
||
<a href="javascript:void(0)" mdui-menu="{target: '#user'}" class="mdui-btn mdui-btn-icon"><i class="mdui-icon material-icons"></i></a>
|
||
<ul class="mdui-menu" id="user">
|
||
<li class="mdui-menu-item">
|
||
<a href="{:url('user/images')}" class="mdui-ripple">{:lang('My picture')}</a>
|
||
<a href="{:url('user/settings')}" class="mdui-ripple">{:lang('Setting')}</a>
|
||
</li>
|
||
<li class="mdui-divider"></li>
|
||
<li class="mdui-menu-item">
|
||
<a href="{:url('user/logout')}" class="mdui-ripple">{:lang('Logout')}</a>
|
||
</li>
|
||
</ul>
|
||
{/if}
|
||
{if config('app.lang_switch_on')}
|
||
<!-- Language -->
|
||
<a href="javascript:void(0)" mdui-menu="{target: '#language'}" class="mdui-btn mdui-btn-icon"><i class="mdui-icon material-icons"></i></a>
|
||
<ul class="mdui-menu" id="language">
|
||
<li class="mdui-menu-item">
|
||
<a href="{:url(request()->path(), 'lang=zh-cn')}" class="mdui-ripple">简体中文</a>
|
||
<a href="{:url(request()->path(), 'lang=en')}" class="mdui-ripple">English</a>
|
||
</li>
|
||
</ul>
|
||
{/if}
|
||
<!-- Theme -->
|
||
<a id="set-theme" href="javascript:app.toggleTheme()" class="mdui-btn mdui-btn-icon">
|
||
<i class="mdui-icon material-icons">{if cookie('theme') eq 'dark'}{else/}{/if}</i>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
{/block}
|
||
{block name="left"}
|
||
<div id="menu" class="mdui-drawer mdui-drawer-{if cookie('?menu') and cookie('menu') eq 'open'}open{else /}close{/if}">
|
||
<div class="mdui-list" mdui-collapse="{accordion: true}">
|
||
<a class="mdui-list-item mdui-ripple {if $uri eq 'index/index'}mdui-list-item-active{/if}" href="/">
|
||
<i class="mdui-list-item-icon mdui-icon material-icons mdui-text-color-blue"></i>
|
||
<div class="mdui-list-item-content">{:lang('Home')}</div>
|
||
</a>
|
||
{if $config.open_gallery}
|
||
<a class="mdui-list-item mdui-ripple {if $uri eq 'index/gallery'}mdui-list-item-active{/if}" href="{:url('index/gallery')}">
|
||
<i class="mdui-list-item-icon mdui-icon material-icons mdui-text-color-teal"></i>
|
||
<div class="mdui-list-item-content">{:lang('Gallery')}</div>
|
||
</a>
|
||
{/if}
|
||
{if $config.open_api}
|
||
<a class="mdui-list-item mdui-ripple {if $uri eq 'index/api'}mdui-list-item-active{/if}" href="{:url('index/api')}">
|
||
<i class="mdui-list-item-icon mdui-icon material-icons mdui-text-color-blue"></i>
|
||
<div class="mdui-list-item-content">{:lang('Api')}</div>
|
||
</a>
|
||
{/if}
|
||
{if $user}
|
||
<a class="mdui-list-item mdui-ripple {if $uri eq 'user/images'}mdui-list-item-active{/if}" href="{:url('user/images')}">
|
||
<i class="mdui-list-item-icon mdui-icon material-icons mdui-text-color-deep-orange"></i>
|
||
<div class="mdui-list-item-content">{:lang('My picture')}</div>
|
||
</a>
|
||
<a class="mdui-list-item mdui-ripple {if $uri eq 'user/settings'}mdui-list-item-active{/if}" href="{:url('user/settings')}">
|
||
<i class="mdui-list-item-icon mdui-icon material-icons mdui-text-color-theme"></i>
|
||
<div class="mdui-list-item-content">{:lang('Setting')}</div>
|
||
</a>
|
||
{if $user.is_admin}
|
||
<div class="mdui-collapse-item mdui-collapse-item-open">
|
||
<div class="mdui-collapse-item-header mdui-list-item mdui-ripple">
|
||
<i class="mdui-list-item-icon mdui-icon material-icons mdui-text-color-brown"></i>
|
||
<div class="mdui-list-item-content">{:lang('System management')}</div>
|
||
<i class="mdui-collapse-item-arrow mdui-icon material-icons"></i>
|
||
</div>
|
||
<div class="mdui-collapse-item-body mdui-list">
|
||
<a href="{:url('admin/system/console')}" class="mdui-list-item mdui-ripple {if $uri eq 'admin.system/console'}mdui-list-item-active{/if}">{:lang('Console')}</a>
|
||
<a href="{:url('admin/group/index')}" class="mdui-list-item mdui-ripple {if $uri eq 'admin.group/index'}mdui-list-item-active{/if}">{:lang('Role group')}</a>
|
||
<a href="{:url('admin/users/index')}" class="mdui-list-item mdui-ripple {if $uri eq 'admin.users/index'}mdui-list-item-active{/if}">{:lang('User management')}</a>
|
||
<a href="{:url('admin/images/index')}" class="mdui-list-item mdui-ripple {if $uri eq 'admin.images/index'}mdui-list-item-active{/if}">{:lang('Picture management')}</a>
|
||
<a href="{:url('admin/strategy/index')}" class="mdui-list-item mdui-ripple {if $uri eq 'admin.strategy/index'}mdui-list-item-active{/if}">{:lang('Storage')}</a>
|
||
<a href="{:url('admin/system/index')}" class="mdui-list-item mdui-ripple {if $uri eq 'admin.system/index'}mdui-list-item-active{/if}">{:lang('System setting')}</a>
|
||
</div>
|
||
</div>
|
||
{/if}
|
||
<div class="quota-container">
|
||
<p>{:lang('Used capacity')}：</p>
|
||
<progress max="{$user.quota}" value="{$user.use_quota}"></progress>
|
||
<p>
|
||
<span class="use-quota">{:format_size($user.use_quota)}</span> /
|
||
<span class="quota">{:format_size($user.quota)}</span>
|
||
</p>
|
||
</div>
|
||
{else /}
|
||
<a class="mdui-list-item mdui-ripple {if $uri eq 'auth/login'}mdui-list-item-active{/if}" href="{:url('auth/login')}">
|
||
<i class="mdui-list-item-icon mdui-icon material-icons iconfont icon-login mdui-text-color-teal"></i>
|
||
<div class="mdui-list-item-content">{:lang('Sign In')}</div>
|
||
</a>
|
||
{if !$config.close_register}
|
||
<a class="mdui-list-item mdui-ripple {if $uri eq 'auth/register'}mdui-list-item-active{/if}" href="{:url('auth/register')}">
|
||
<i class="mdui-list-item-icon mdui-icon material-icons mdui-text-color-purple"></i>
|
||
<div class="mdui-list-item-content">{:lang('Sign Up')}</div>
|
||
</a>
|
||
{/if}
|
||
{/if}
|
||
</div>
|
||
</div>
|
||
{/block}
|
||
{block name="main"}
|
||
<div class="mdui-container">
|
||
<main></main>
|
||
</div>
|
||
{/block}
|
||
{block name="footer"}
|
||
<div class="mdui-fab-wrapper">
|
||
<button id="to-top" class="mdui-fab mdui-ripple mdui-fab-hide mdui-color-theme-accent">
|
||
<i class="mdui-icon material-icons"></i>
|
||
</button>
|
||
</div>
|
||
<div id="loading-container">
|
||
<div class="mask"></div>
|
||
<div class="loading">
|
||
<div class="mdui-spinner mdui-spinner-colorful"></div>
|
||
</div>
|
||
</div>
|
||
<footer>
|
||
<div class="mdui-container">
|
||
Copyright © 2018 - present <a href="https://www.lsky.pro">Lsky Pro</a>. All rights reserved.
|
||
{if $config.icp_number}<a href="https://beian.miit.gov.cn/" target="_blank">{$config.icp_number}</a>.{/if}
|
||
{:lang('Footer tip')}
|
||
</div>
|
||
</footer>
|
||
{/block}
|
||
<script>window.languages = {$languages|raw}</script>
|
||
<script src="https://cdn.jsdelivr.net/npm/jquery@3.3.1/dist/jquery.min.js"></script>
|
||
<script src="https://cdn.jsdelivr.net/npm/mdui@0.4.3/dist/js/mdui.min.js"></script>
|
||
<script src="https://cdn.jsdelivr.net/npm/clipboard@2.0.6/dist/clipboard.min.js"></script>
|
||
<script src="https://cdn.jsdelivr.net/npm/marked@0.8.0/marked.min.js"></script>
|
||
<script src="/static/app/js/app.js?v=1.3"></script>
|
||
{block name="js"}{/block}
|
||
<script>
|
||
var ver = '{$config.system_version}';
|
||
$(function () {
|
||
var toTop = $("#to-top"), toTopHide = function () {
|
||
if ($(window).scrollTop() > 50) {
|
||
toTop.removeClass('mdui-fab-hide');
|
||
} else {
|
||
toTop.addClass('mdui-fab-hide');
|
||
}
|
||
};
|
||
if ($(window).scrollTop() > 50) {
|
||
toTopHide();
|
||
}
|
||
$(window).scroll(function() {
|
||
toTopHide();
|
||
});
|
||
|
||
toTop.click(function () {
|
||
$('body,html').animate({ scrollTop: 0 }, 500);
|
||
});
|
||
|
||
$('.open-menu').click(function () {
|
||
if ($(window).width() > 1024) {
|
||
app.cookie.set('menu', $('body').hasClass('mdui-drawer-body-left') ? 'open' : 'close', 10, '/');
|
||
}
|
||
});
|
||
|
||
$('#update').click(function () {
|
||
app.getLastVer(ver, true);
|
||
});
|
||
|
||
$('body').on('click', '.markdown-body a', function (e) {
|
||
e.preventDefault();
|
||
window.open(this.href, '_blank');
|
||
});
|
||
});
|
||
</script>
|
||
{if $user and $user.is_admin and !cookie('?no_update')}
|
||
<script>
|
||
app.getLastVer(ver, false);
|
||
</script>
|
||
{/if}
|
||
{$config.statistics_code|raw}
|
||
</body>
|
||
</html>
|