|
|
@model string
|
|
|
@inject IConfiguration cfg
|
|
|
@{
|
|
|
Layout = null;
|
|
|
}
|
|
|
<!DOCTYPE html>
|
|
|
<html>
|
|
|
<head>
|
|
|
<meta charset="utf-8" />
|
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
|
|
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport" />
|
|
|
<link rel="shortcut icon" href="/favicon.ico" />
|
|
|
<link rel="stylesheet" href="~/lib/font-awesome/css/font-awesome.min.css" />
|
|
|
<link rel="stylesheet" href="~/lib/bootstrap/css/bootstrap.min.css" />
|
|
|
<link rel="stylesheet" href="~/lib/admin-lte/css/AdminLTE.min.css" />
|
|
|
<link rel="stylesheet" href="~/lib/admin-lte/css/skins/_all-skins.min.css" />
|
|
|
<link rel="stylesheet" href="~/lib/fancybox/jquery.fancybox.min.css" />
|
|
|
<link rel="stylesheet" href="~/lib/jquery-datetimepicker/jquery.datetimepicker.min.css" />
|
|
|
<link rel="stylesheet" href="~/lib/layer/skin/layer.css" />
|
|
|
<link rel="stylesheet" href="~/lib/select2/css/select2.min.css" />
|
|
|
<link rel="stylesheet" href="~/lib/tree-multiselect/dist/jquery.tree-multiselect.min.css" />
|
|
|
<link rel="stylesheet" href="~/lib/kindeditor/themes/default/default.css" />
|
|
|
<link rel="stylesheet" href="~/css/site.css">
|
|
|
<style>
|
|
|
input.switch {
|
|
|
display: none;
|
|
|
}
|
|
|
|
|
|
label.switch {
|
|
|
display: inline-block;
|
|
|
width: 60px;
|
|
|
height: 30px;
|
|
|
border-radius: 30px;
|
|
|
}
|
|
|
|
|
|
label.switch.on {
|
|
|
background-color: green;
|
|
|
}
|
|
|
|
|
|
label.switch.off {
|
|
|
background-color: grey;
|
|
|
}
|
|
|
|
|
|
label.switch.on::before {
|
|
|
content: '';
|
|
|
display: block;
|
|
|
width: 30px;
|
|
|
height: 30px;
|
|
|
border-radius: 30px;
|
|
|
background-color: white;
|
|
|
position: absolute;
|
|
|
left: 0;
|
|
|
}
|
|
|
|
|
|
label.switch.off::after {
|
|
|
content: '';
|
|
|
display: block;
|
|
|
width: 30px;
|
|
|
height: 30px;
|
|
|
border-radius: 30px;
|
|
|
background-color: white;
|
|
|
position: absolute;
|
|
|
right: 0;
|
|
|
}
|
|
|
|
|
|
.ptz {
|
|
|
width: 100%;
|
|
|
padding-top: 1px;
|
|
|
}
|
|
|
|
|
|
.ptz td {
|
|
|
text-align: center;
|
|
|
padding: 11px 0;
|
|
|
}
|
|
|
|
|
|
.btns {
|
|
|
padding: 10.5px;
|
|
|
}
|
|
|
|
|
|
.btns .btn {
|
|
|
margin: 18px 0;
|
|
|
}
|
|
|
|
|
|
.ptz img, .control img {
|
|
|
cursor: pointer;
|
|
|
}
|
|
|
|
|
|
label.button input {
|
|
|
display: none;
|
|
|
}
|
|
|
|
|
|
label.button {
|
|
|
display: inline-block;
|
|
|
padding: 0 10px;
|
|
|
line-height: 30px;
|
|
|
background-color: cadetblue;
|
|
|
color: #FFF;
|
|
|
vertical-align: middle;
|
|
|
border-radius: 15px;
|
|
|
text-align: center;
|
|
|
}
|
|
|
|
|
|
input[type=range] {
|
|
|
-webkit-appearance: none;
|
|
|
height: 25px;
|
|
|
}
|
|
|
|
|
|
input[type=range]::-webkit-slider-runnable-track {
|
|
|
width: 300px;
|
|
|
height: 5px;
|
|
|
background: #ddd;
|
|
|
border: none;
|
|
|
border-radius: 3px;
|
|
|
}
|
|
|
|
|
|
input[type=range]::-webkit-slider-thumb {
|
|
|
-webkit-appearance: none;
|
|
|
border: none;
|
|
|
height: 16px;
|
|
|
width: 16px;
|
|
|
border-radius: 50%;
|
|
|
background-color: Highlight;
|
|
|
margin-top: -5px;
|
|
|
}
|
|
|
|
|
|
input[type=range]:focus {
|
|
|
outline: none;
|
|
|
}
|
|
|
|
|
|
input[type=range]:focus::-webkit-slider-runnable-track {
|
|
|
background: #ccc;
|
|
|
}
|
|
|
|
|
|
canvas {
|
|
|
width: 100%;
|
|
|
height: 215px;
|
|
|
}
|
|
|
</style>
|
|
|
<title>@HtmlTitle | @cfg["name"]</title>
|
|
|
</head>
|
|
|
<body class="hold-transition skin-blue-light layout-top-nav fixed">
|
|
|
<div class="wrapper">
|
|
|
<header class="main-header">
|
|
|
<nav class="navbar navbar-static-top">
|
|
|
<div class="container">
|
|
|
<div class="navbar-header">
|
|
|
<a class="navbar-brand" href="@Url.Action("Index","Home")"><img style="display:inline;max-height:30px;margin:-5px 0;" src="@cfg["logo"]" /> | @cfg["name"]</a>
|
|
|
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-collapse">
|
|
|
<i class="fa fa-bars"></i>
|
|
|
</button>
|
|
|
</div>
|
|
|
<div class="navbar-custom-menu">
|
|
|
@if (User.Identity.IsAuthenticated)
|
|
|
{
|
|
|
using (Html.BeginForm("Logout", "Account"))
|
|
|
{
|
|
|
@Html.AntiForgeryToken()
|
|
|
<ul class="nav navbar-nav">
|
|
|
<li>
|
|
|
<a href="@Url.Action("Index", "Account" , new { area="" })">@User.Identity.Name</a>
|
|
|
</li>
|
|
|
<li>
|
|
|
<a href="@Url.Action("Logout", "Account" , new { area="" })">退出</a>
|
|
|
</li>
|
|
|
</ul>
|
|
|
}
|
|
|
}
|
|
|
else
|
|
|
{
|
|
|
<ul class="nav navbar-nav">
|
|
|
<li>
|
|
|
<a href="@Url.Action("Register","Account",new { area="" })">注册</a>
|
|
|
</li>
|
|
|
<li>
|
|
|
<a href="@Url.Action("Login","Account",new { area="" })">登录</a>
|
|
|
</li>
|
|
|
</ul>
|
|
|
}
|
|
|
</div>
|
|
|
</div>
|
|
|
</nav>
|
|
|
</header>
|
|
|
<noscript>
|
|
|
<div class="callout callout-danger">
|
|
|
<h4><i class="icon fa fa-ban"></i> 警告!</h4>
|
|
|
<p>Javascript处于禁用状态</p>
|
|
|
</div>
|
|
|
</noscript>
|
|
|
<div class="content-wrapper">
|
|
|
<div class="container">
|
|
|
<section class="content" id="template">
|
|
|
</section>
|
|
|
</div>
|
|
|
</div>
|
|
|
<footer class="main-footer">
|
|
|
<div class="container">
|
|
|
<div class="pull-left">
|
|
|
@Html.Raw(cfg["copyright"].Replace("{now}", DateTime.Now.Year.ToString()))
|
|
|
</div>
|
|
|
<div class="pull-right hidden-xs">
|
|
|
<span>版本：@Html.Raw(cfg["version"]) 设备Id：@DeviceAttribute.DeviceId </span>
|
|
|
@if (User.Identity.IsAuthenticated)
|
|
|
{
|
|
|
<a href="@Url.Action("Index","Home",new { area="Admin" })">管理</a>
|
|
|
}
|
|
|
</div>
|
|
|
</div>
|
|
|
</footer>
|
|
|
</div>
|
|
|
<a id="backTop" class="btn btn-back-top bg-light-blue-active"></a>
|
|
|
<script src="~/lib/jquery/jquery.min.js"></script>
|
|
|
<script src="~/lib/vue/vue.min.js"></script>
|
|
|
<script src="~/lib/jquery-validation/jquery.validate.min.js"></script>
|
|
|
<script src="~/lib/jquery-validation-unobtrusive/jquery.validate.unobtrusive.min.js"></script>
|
|
|
<script src="~/lib/jquery-ajax-unobtrusive/jquery.unobtrusive-ajax.min.js"></script>
|
|
|
<script src="~/lib/bootstrap/js/bootstrap.min.js"></script>
|
|
|
<script src="~/lib/admin-lte/js/adminlte.min.js"></script>
|
|
|
<script src="~/lib/fancybox/jquery.fancybox.min.js"></script>
|
|
|
<script src="~/lib/jquery-datetimepicker/jquery.datetimepicker.full.min.js"></script>
|
|
|
<script src="~/lib/layer/layer.js"></script>
|
|
|
<script src="~/lib/select2/js/select2.full.min.js"></script>
|
|
|
<script src="~/lib/select2/js/i18n/zh-CN.js"></script>
|
|
|
<script src="~/lib/URI.js/URI.min.js"></script>
|
|
|
<script src="~/lib/tree-multiselect/dist/jquery.tree-multiselect.min.js"></script>
|
|
|
<script src="~/lib/kindeditor/kindeditor-all-min.js"></script>
|
|
|
<script src="~/lib/Chart.js/Chart.bundle.min.js"></script>
|
|
|
<script src="~/lib/linq.js/linq.min.js"></script>
|
|
|
<script src="~/lib/flv.js/flv.min.js"></script>
|
|
|
<script src="lib/signalr/signalr.min.js"></script>
|
|
|
<script>
|
|
|
$(function () {
|
|
|
$.ajaxSetup({
|
|
|
cache: false
|
|
|
});
|
|
|
var template = new URI().query(true).tag;//get template name from server
|
|
|
var url = template + '?number=' + new URI().query(true).number;
|
|
|
$.get(template, function (html) {
|
|
|
$('#template').html(html);
|
|
|
})
|
|
|
});
|
|
|
</script>
|
|
|
<script src="~/js/site.js"></script>
|
|
|
</body>
|
|
|
</html> |
