You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
iot/projects/IoTCenter/Views/Home/Index.cshtml

171 lines
7.1 KiB

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

@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;
}
</style>
<title>@HtmlTitle | @cfg["name"]</title>
</head>
<body class="hold-transition skin-blue-light layout-top-nav">
<div class="wrapper overlay-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">
<div class="overlay" style="display:none;">
<i class="fa fa-refresh fa-spin"></i>
</div>
<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>设备Id@DeviceAttribute.DeviceId 软件版本:@Html.Raw(cfg["version"]) </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/signalr/signalr.min.js"></script>
<script>
$(function () {
$.ajaxSetup({
cache: false
});
var template = '@cfg["template"]';//get template name from server
var url = template;
$.get(url, function (html) {
$('#template').html(html);
})
});
</script>
<script src="~/js/site.js"></script>
</body>
</html>