ibms-dome/FrontendWebApi/Views/Shared/_Layout.cshtml

1044 lines
71 KiB
Plaintext
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="zh-Hant-TW">
<head>
<meta charset="utf-8" />
<meta name="description" content="Page Title">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>@ViewData["Title"] - 緊急應變系統</title>
<!-- base css -->
<link id="vendorsbundle" rel="stylesheet" media="screen, print" href="~/css/vendors.bundle.css" asp-append-version="true">
<link id="appbundle" rel="stylesheet" media="screen, print" href="~/css/app.bundle.css" asp-append-version="true">
<link id="mytheme" rel="stylesheet" media="screen, print" href="~/css/themes/cust-theme-6.css" asp-append-version="true">
<link id="myskin" rel="stylesheet" media="screen, print" href="~/css/skins/skin-master.css" asp-append-version="true">
<!-- dataTables -->
<link rel="stylesheet" media="screen, print" href="~/css/datagrid/datatables/datatables.bundle.css">
<!-- SweetAlert -->
<link rel="stylesheet" media="screen, print" href="~/css/notifications/sweetalert2/sweetalert2.bundle.css">
<link rel="stylesheet" media="screen, print" href="~/css/notifications/toastr/toastr.css">
<link href="~/js/font-awesome/fontawesome.min.css" rel="stylesheet" />
<link href="~/js/font-awesome/solid.min.css" rel="stylesheet" />
<!--Select2-->
<link rel="stylesheet" media="screen, print" href="~/css/formplugins/select2/select2.bundle.css" />
<link rel="stylesheet" href="~/css/site.css" />
<link rel="stylesheet" type="text/css" media="all" href="~/js/daterangepicker/daterangepicker.css">
</head>
<body class="mod-bg-1 mod-nav-link">
<!-- BEGIN Page Wrapper -->
<div class="page-wrapper">
<div class="page-inner">
<!-- BEGIN Left Aside -->
<aside class="page-sidebar">
<div class="page-logo" style="width:100%">
<a href="#" class="page-logo-link press-scale-down">
<img src="~/img/dome.png" aria-roledescription="logo" style="width:100%" />
@*<span class="page-logo-text mr-1">IBMS後台管理系統</span>*@
</a>
</div>
<!-- BEGIN PRIMARY NAVIGATION -->
<nav id="js-primary-nav" class="primary-nav" role="navigation">
<div class="nav-filter">
<div class="position-relative">
<input type="text" id="nav_filter_input" placeholder="Filter menu" class="form-control" tabindex="0">
<a href="#" onclick="return false;" class="btn-primary btn-search-close js-waves-off" data-action="toggle" data-class="list-filter-active" data-target=".page-sidebar">
<i class="fal fa-chevron-up"></i>
</a>
</div>
</div>
<!--<div class="info-card">
<img src="img/demo/avatars/avatar-admin.png" class="profile-image rounded-circle" alt="Dr. Codex Lantern">
<div class="info-card-text">
<a href="#" class="d-flex align-items-center text-white">
<span class="text-truncate text-truncate-sm d-inline-block">
Dr. Codex Lantern
</span>
</a>
<span class="d-inline-block text-truncate text-truncate-sm">Toronto, Canada</span>
</div>
<img src="img/card-backgrounds/cover-2-lg.png" class="cover" alt="cover">
<a href="#" onclick="return false;" class="pull-trigger-btn" data-action="toggle" data-class="list-filter-active" data-target=".page-sidebar" data-focus="nav_filter_input">
<i class="fal fa-angle-down"></i>
</a>
</div>-->
<!--
TIP: The menu items are not auto translated. You must have a residing lang file associated with the menu saved inside dist/media/data with reference to each 'data-i18n' attribute.
-->
<ul id="js-nav-menu" class="nav-menu">
<!--<li class="active">
<a href="blank.html" title="Blank Project" data-filter-tags="blank page">
<i class="fal fa-globe"></i>
<span class="nav-link-text" data-i18n="nav.blankpage">Blank Project</span>
</a>
</li>
<li class="nav-title">Navigation Title</li>-->
@if (ViewBag.role.Contains("EmergencyDeviceMenuIndex")
|| ViewBag.role.Contains("EmergencyContactIndex")
|| ViewBag.role.Contains("EmergencyRecordIndex")
|| ViewBag.role.Contains("RescueDeviceFireExtinguisher")
|| ViewBag.role.Contains("RescueDeviceAED"))
{
<li class="@(ViewData["MainNum"] == "4" ? "active open" : "")">
<a href="#" title="緊急應變操作" data-filter-tags="category">
<i class="fal fa-ballot-check"></i>
<span class="nav-link-text" data-i18n="nav.category">緊急應變操作</span>
</a>
<ul>
@if (ViewBag.role.Contains("EmergencyDeviceMenuIndex"))
{
<li class="@(ViewData["MainNum"] == "4" && ViewData["SubNum"] == "1" ? "active" : "")">
<a asp-controller="EmergencyDeviceMenu" asp-action="Index" title="事件清單" data-filter-tags="utilities disabled item">
<span class="nav-link-text" data-i18n="nav.utilities_disabled_item">事件清單</span>
</a>
</li>
}
@if (ViewBag.role.Contains("EmergencyHardwareIndex"))
{
<li class="@(ViewData["MainNum"] == "4" && ViewData["SubNum"] == "2" ? "active" : "")">
<a asp-controller="EmergencyHardwareMenu" asp-action="Index" title="緊急應變硬體清單" data-filter-tags="utilities disabled item">
<span class="nav-link-text" data-i18n="nav.utilities_disabled_item">緊急應變硬體清單</span>
</a>
</li>
}
@if (ViewBag.role.Contains("EmergencyContactIndex"))
{
<li class="@(ViewData["MainNum"] == "4" && ViewData["SubNum"] == "3" ? "active" : "")">
<a asp-controller="EmergencyContact" asp-action="Index" title="聯絡清單" data-filter-tags="utilities disabled item">
<span class="nav-link-text" data-i18n="nav.utilities_disabled_item">聯絡清單</span>
</a>
</li>
}
@if (ViewBag.role.Contains("EmergencyRecordIndex"))
{
<li class="@(ViewData["MainNum"] == "4" && ViewData["SubNum"] == "4" ? "active" : "")">
<a asp-controller="EmergencyRecord" asp-action="Index" title="紀錄查詢" data-filter-tags="utilities disabled item">
<span class="nav-link-text" data-i18n="nav.utilities_disabled_item">紀錄查詢</span>
</a>
</li>
}
@if (ViewBag.role.Contains("RescueDeviceFireExtinguisher"))
{
<li class="@(ViewData["MainNum"] == "4" && ViewData["SubNum"] == "5" ? "active" : "")">
<a asp-controller="RescueDevice" asp-action="FireExtinguisher" title="滅火器設定" data-filter-tags="utilities disabled item">
<span class="nav-link-text" data-i18n="nav.utilities_disabled_item">滅火器設定</span>
</a>
</li>
}
@if (ViewBag.role.Contains("RescueDeviceAED"))
{
<li class="@(ViewData["MainNum"] == "4" && ViewData["SubNum"] == "6" ? "active" : "")">
<a asp-controller="RescueDevice" asp-action="AED" title="AED裝置設定" data-filter-tags="utilities disabled item">
<span class="nav-link-text" data-i18n="nav.utilities_disabled_item">AED裝置設定</span>
</a>
</li>
}
</ul>
</li>
}
@if (ViewBag.role.Contains("RescueDeviceAED"))
{
<li class="">
<a href="#" title="警戒值設定" data-filter-tags="category" id="warningValueBtn">
<i class="fal fa-ballot-check"></i>
<span class="nav-link-text" data-i18n="nav.category">警戒值設定</span>
</a>
</li>
}
</ul>
<div class="filter-message js-filter-message bg-success-600"></div>
</nav>
<!-- END PRIMARY NAVIGATION -->
<!-- NAV FOOTER -->
<!--<div class="nav-footer shadow-top">
<a href="#" onclick="return false;" data-action="toggle" data-class="nav-function-minify" class="hidden-md-down">
<i class="ni ni-chevron-right"></i>
<i class="ni ni-chevron-right"></i>
</a>
<ul class="list-table m-auto nav-footer-buttons">
<li>
<a href="javascript:void(0);" data-toggle="tooltip" data-placement="top" title="Chat logs">
<i class="fal fa-comments"></i>
</a>
</li>
<li>
<a href="javascript:void(0);" data-toggle="tooltip" data-placement="top" title="Support Chat">
<i class="fal fa-life-ring"></i>
</a>
</li>
<li>
<a href="javascript:void(0);" data-toggle="tooltip" data-placement="top" title="Make a call">
<i class="fal fa-phone"></i>
</a>
</li>
</ul>
</div>-->
<!-- END NAV FOOTER -->
</aside>
<!-- END Left Aside -->
<div class="page-content-wrapper">
<!-- BEGIN Page Header -->
<header class="page-header" role="banner">
<!-- we need this logo when user switches to nav-function-top -->
<div class="page-logo">
<a href="#" class="page-logo-link press-scale-down d-flex align-items-center position-relative" data-toggle="modal" data-target="#modal-shortcut">
<img src="~/img/logo.png" alt="SmartAdmin WebApp" aria-roledescription="logo">
<span class="page-logo-text mr-1">SmartAdmin WebApp</span>
<span class="position-absolute text-white opacity-50 small pos-top pos-right mr-2 mt-n2"></span>
<i class="fal fa-angle-down d-inline-block ml-1 fs-lg color-primary-300"></i>
</a>
</div>
<!-- DOC: nav menu layout change shortcut -->
<div class="hidden-md-down dropdown-icon-menu position-relative">
<a href="#" class="header-btn btn js-waves-off" data-action="toggle" data-class="nav-function-hidden" title="Hide Navigation">
<i class="ni ni-menu"></i>
</a>
<ul>
<li>
<a href="#" class="btn js-waves-off" data-action="toggle" data-class="nav-function-minify" title="Minify Navigation">
<i class="ni ni-minify-nav"></i>
</a>
</li>
<li>
<a href="#" class="btn js-waves-off" data-action="toggle" data-class="nav-function-fixed" title="Lock Navigation">
<i class="ni ni-lock-nav"></i>
</a>
</li>
</ul>
</div>
<!-- DOC: mobile button appears during mobile width -->
<div class="hidden-lg-up">
<a href="#" class="header-btn btn press-scale-down" data-action="toggle" data-class="mobile-nav-on">
<i class="ni ni-menu"></i>
</a>
</div>
<!--<div class="search">
<form class="app-forms hidden-xs-down" role="search" action="page_search.html" autocomplete="off">
<input type="text" id="search-field" placeholder="Search for anything" class="form-control" tabindex="1">
<a href="#" onclick="return false;" class="btn-danger btn-search-close js-waves-off d-none" data-action="toggle" data-class="mobile-search-on">
<i class="fal fa-times"></i>
</a>
</form>
</div>-->
<h1 class="subheader-title">緊急應變系統</h1>
<div class="ml-auto d-flex">
<!-- activate app search icon (mobile) -->
<div class="hidden-sm-up">
<a href="#" class="header-icon" data-action="toggle" data-class="mobile-search-on" data-focus="search-field" title="Search">
<i class="fal fa-search"></i>
</a>
</div>
<!-- app settings -->
<div class="hidden-md-down">
<a href="#" class="header-icon" data-toggle="modal" data-target=".js-modal-settings" style="display:none">
<i class="fal fa-cog"></i>
</a>
</div>
<!-- app message -->
<a href="#" class="header-icon" data-toggle="modal" data-target="" style="display:none">
<i class="fal fa-search"></i>
<span class="badge badge-icon">!</span>
</a>
<!-- app notification -->
<div>
<a href="#" class="header-icon" data-toggle="dropdown" title="You got 11 notifications" style="display:none">
<i class="fal fa-bell"></i>
<span class="badge badge-icon">11</span>
</a>
<div class="dropdown-menu dropdown-menu-animated dropdown-xl">
<div class="dropdown-header bg-trans-gradient d-flex justify-content-center align-items-center rounded-top mb-2">
<h4 class="m-0 text-center color-white">
11 New
<small class="mb-0 opacity-80">User Notifications</small>
</h4>
</div>
<ul class="nav nav-tabs nav-tabs-clean" role="tablist">
<li class="nav-item">
<a class="nav-link px-4 fs-md js-waves-on fw-500" data-toggle="tab" href="#tab-messages" data-i18n="drpdwn.messages">Messages</a>
</li>
<li class="nav-item">
<a class="nav-link px-4 fs-md js-waves-on fw-500" data-toggle="tab" href="#tab-feeds" data-i18n="drpdwn.feeds">Feeds</a>
</li>
<li class="nav-item">
<a class="nav-link px-4 fs-md js-waves-on fw-500" data-toggle="tab" href="#tab-events" data-i18n="drpdwn.events">Events</a>
</li>
</ul>
<div class="tab-content tab-notification">
<div class="tab-pane active p-3 text-center">
<h5 class="mt-4 pt-4 fw-500">
<span class="d-block fa-3x pb-4 text-muted">
<i class="ni ni-arrow-up text-gradient opacity-70"></i>
</span> Select a tab above to activate
<small class="mt-3 fs-b fw-400 text-muted">
This blank page message helps protect your privacy, or you can show the first message here automatically through
<a href="#">settings page</a>
</small>
</h5>
</div>
<div class="tab-pane" id="tab-messages" role="tabpanel">
<div class="custom-scroll h-100">
<ul class="notification">
<li class="unread">
<a href="#" class="d-flex align-items-center">
<span class="status mr-2">
<span class="profile-image rounded-circle d-inline-block" style="background-image:url('img/demo/avatars/avatar-c.png')"></span>
</span>
<span class="d-flex flex-column flex-1 ml-1">
<span class="name">Melissa Ayre <span class="badge badge-primary fw-n position-absolute pos-top pos-right mt-1">INBOX</span></span>
<span class="msg-a fs-sm">Re: New security codes</span>
<span class="msg-b fs-xs">Hello again and thanks for being part...</span>
<span class="fs-nano text-muted mt-1">56 seconds ago</span>
</span>
</a>
</li>
<li class="unread">
<a href="#" class="d-flex align-items-center">
<span class="status mr-2">
<span class="profile-image rounded-circle d-inline-block" style="background-image:url('img/demo/avatars/avatar-a.png')"></span>
</span>
<span class="d-flex flex-column flex-1 ml-1">
<span class="name">Adison Lee</span>
<span class="msg-a fs-sm">Msed quia non numquam eius</span>
<span class="fs-nano text-muted mt-1">2 minutes ago</span>
</span>
</a>
</li>
<li>
<a href="#" class="d-flex align-items-center">
<span class="status status-success mr-2">
<span class="profile-image rounded-circle d-inline-block" style="background-image:url('img/demo/avatars/avatar-b.png')"></span>
</span>
<span class="d-flex flex-column flex-1 ml-1">
<span class="name">Oliver Kopyuv</span>
<span class="msg-a fs-sm">Msed quia non numquam eius</span>
<span class="fs-nano text-muted mt-1">3 days ago</span>
</span>
</a>
</li>
<li>
<a href="#" class="d-flex align-items-center">
<span class="status status-warning mr-2">
<span class="profile-image rounded-circle d-inline-block" style="background-image:url('img/demo/avatars/avatar-e.png')"></span>
</span>
<span class="d-flex flex-column flex-1 ml-1">
<span class="name">Dr. John Cook PhD</span>
<span class="msg-a fs-sm">Msed quia non numquam eius</span>
<span class="fs-nano text-muted mt-1">2 weeks ago</span>
</span>
</a>
</li>
<li>
<a href="#" class="d-flex align-items-center">
<span class="status status-success mr-2">
<!-- <img src="img/demo/avatars/avatar-m.png" data-src="img/demo/avatars/avatar-h.png" class="profile-image rounded-circle" alt="Sarah McBrook" /> -->
<span class="profile-image rounded-circle d-inline-block" style="background-image:url('img/demo/avatars/avatar-h.png')"></span>
</span>
<span class="d-flex flex-column flex-1 ml-1">
<span class="name">Sarah McBrook</span>
<span class="msg-a fs-sm">Msed quia non numquam eius</span>
<span class="fs-nano text-muted mt-1">3 weeks ago</span>
</span>
</a>
</li>
<li>
<a href="#" class="d-flex align-items-center">
<span class="status status-success mr-2">
<span class="profile-image rounded-circle d-inline-block" style="background-image:url('img/demo/avatars/avatar-m.png')"></span>
</span>
<span class="d-flex flex-column flex-1 ml-1">
<span class="name">Anothony Bezyeth</span>
<span class="msg-a fs-sm">Msed quia non numquam eius</span>
<span class="fs-nano text-muted mt-1">one month ago</span>
</span>
</a>
</li>
<li>
<a href="#" class="d-flex align-items-center">
<span class="status status-danger mr-2">
<span class="profile-image rounded-circle d-inline-block" style="background-image:url('img/demo/avatars/avatar-j.png')"></span>
</span>
<span class="d-flex flex-column flex-1 ml-1">
<span class="name">Lisa Hatchensen</span>
<span class="msg-a fs-sm">Msed quia non numquam eius</span>
<span class="fs-nano text-muted mt-1">one year ago</span>
</span>
</a>
</li>
</ul>
</div>
</div>
<div class="tab-pane" id="tab-feeds" role="tabpanel">
<div class="custom-scroll h-100">
<ul class="notification">
<li class="unread">
<div class="d-flex align-items-center show-child-on-hover">
<span class="d-flex flex-column flex-1">
<span class="name d-flex align-items-center">Administrator <span class="badge badge-success fw-n ml-1">UPDATE</span></span>
<span class="msg-a fs-sm">
System updated to version <strong>4.5.1</strong> <a href="docs_buildnotes.html">(patch notes)</a>
</span>
<span class="fs-nano text-muted mt-1">5 mins ago</span>
</span>
<div class="show-on-hover-parent position-absolute pos-right pos-bottom p-3">
<a href="#" class="text-muted" title="delete"><i class="fal fa-trash-alt"></i></a>
</div>
</div>
</li>
<li>
<div class="d-flex align-items-center show-child-on-hover">
<div class="d-flex flex-column flex-1">
<span class="name">
Adison Lee <span class="fw-300 d-inline">replied to your video <a href="#" class="fw-400"> Cancer Drug</a> </span>
</span>
<span class="msg-a fs-sm mt-2">Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day...</span>
<span class="fs-nano text-muted mt-1">10 minutes ago</span>
</div>
<div class="show-on-hover-parent position-absolute pos-right pos-bottom p-3">
<a href="#" class="text-muted" title="delete"><i class="fal fa-trash-alt"></i></a>
</div>
</div>
</li>
<li>
<div class="d-flex align-items-center show-child-on-hover">
<!--<img src="img/demo/avatars/avatar-m.png" data-src="img/demo/avatars/avatar-k.png" class="profile-image rounded-circle" alt="k" />-->
<div class="d-flex flex-column flex-1">
<span class="name">
Troy Norman'<span class="fw-300">s new connections</span>
</span>
<div class="fs-sm d-flex align-items-center mt-2">
<span class="profile-image-md mr-1 rounded-circle d-inline-block" style="background-image:url('img/demo/avatars/avatar-a.png'); background-size: cover;"></span>
<span class="profile-image-md mr-1 rounded-circle d-inline-block" style="background-image:url('img/demo/avatars/avatar-b.png'); background-size: cover;"></span>
<span class="profile-image-md mr-1 rounded-circle d-inline-block" style="background-image:url('img/demo/avatars/avatar-c.png'); background-size: cover;"></span>
<span class="profile-image-md mr-1 rounded-circle d-inline-block" style="background-image:url('img/demo/avatars/avatar-e.png'); background-size: cover;"></span>
<div data-hasmore="+3" class="rounded-circle profile-image-md mr-1">
<span class="profile-image-md mr-1 rounded-circle d-inline-block" style="background-image:url('img/demo/avatars/avatar-h.png'); background-size: cover;"></span>
</div>
</div>
<span class="fs-nano text-muted mt-1">55 minutes ago</span>
</div>
<div class="show-on-hover-parent position-absolute pos-right pos-bottom p-3">
<a href="#" class="text-muted" title="delete"><i class="fal fa-trash-alt"></i></a>
</div>
</div>
</li>
<li>
<div class="d-flex align-items-center show-child-on-hover">
<!--<img src="img/demo/avatars/avatar-m.png" data-src="img/demo/avatars/avatar-e.png" class="profile-image-sm rounded-circle align-self-start mt-1" alt="k" />-->
<div class="d-flex flex-column flex-1">
<span class="name">Dr John Cook <span class="fw-300">sent a <span class="text-danger">new signal</span></span></span>
<span class="msg-a fs-sm mt-2">Nanotechnology immersion along the information highway will close the loop on focusing solely on the bottom line.</span>
<span class="fs-nano text-muted mt-1">10 minutes ago</span>
</div>
<div class="show-on-hover-parent position-absolute pos-right pos-bottom p-3">
<a href="#" class="text-muted" title="delete"><i class="fal fa-trash-alt"></i></a>
</div>
</div>
</li>
<li>
<div class="d-flex align-items-center show-child-on-hover">
<div class="d-flex flex-column flex-1">
<span class="name">Lab Images <span class="fw-300">were updated!</span></span>
<div class="fs-sm d-flex align-items-center mt-1">
<a href="#" class="mr-1 mt-1" title="Cell A-0012">
<span class="d-block img-share" style="background-image:url('img/thumbs/pic-7.png'); background-size: cover;"></span>
</a>
<a href="#" class="mr-1 mt-1" title="Patient A-473 saliva">
<span class="d-block img-share" style="background-image:url('img/thumbs/pic-8.png'); background-size: cover;"></span>
</a>
<a href="#" class="mr-1 mt-1" title="Patient A-473 blood cells">
<span class="d-block img-share" style="background-image:url('img/thumbs/pic-11.png'); background-size: cover;"></span>
</a>
<a href="#" class="mr-1 mt-1" title="Patient A-473 Membrane O.C">
<span class="d-block img-share" style="background-image:url('img/thumbs/pic-12.png'); background-size: cover;"></span>
</a>
</div>
<span class="fs-nano text-muted mt-1">55 minutes ago</span>
</div>
<div class="show-on-hover-parent position-absolute pos-right pos-bottom p-3">
<a href="#" class="text-muted" title="delete"><i class="fal fa-trash-alt"></i></a>
</div>
</div>
</li>
<li>
<div class="d-flex align-items-center show-child-on-hover">
<!--<img src="img/demo/avatars/avatar-m.png" data-src="img/demo/avatars/avatar-h.png" class="profile-image rounded-circle align-self-start mt-1" alt="k" />-->
<div class="d-flex flex-column flex-1">
<div class="name mb-2">
Lisa Lamar<span class="fw-300"> updated project</span>
</div>
<div class="row fs-b fw-300">
<div class="col text-left">
Progress
</div>
<div class="col text-right fw-500">
45%
</div>
</div>
<div class="progress progress-sm d-flex mt-1">
<span class="progress-bar bg-primary-500 progress-bar-striped" role="progressbar" style="width: 45%" aria-valuenow="45" aria-valuemin="0" aria-valuemax="100"></span>
</div>
<span class="fs-nano text-muted mt-1">2 hrs ago</span>
<div class="show-on-hover-parent position-absolute pos-right pos-bottom p-3">
<a href="#" class="text-muted" title="delete"><i class="fal fa-trash-alt"></i></a>
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
<div class="tab-pane" id="tab-events" role="tabpanel">
<div class="d-flex flex-column h-100">
<div class="h-auto">
<table class="table table-bordered table-calendar m-0 w-100 h-100 border-0">
<tr>
<th colspan="7" class="pt-3 pb-2 pl-3 pr-3 text-center">
<div class="js-get-date h5 mb-2">[your date here]</div>
</th>
</tr>
<tr class="text-center">
<th>Sun</th>
<th>Mon</th>
<th>Tue</th>
<th>Wed</th>
<th>Thu</th>
<th>Fri</th>
<th>Sat</th>
</tr>
<tr>
<td class="text-muted bg-faded">30</td>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
<td><i class="fal fa-birthday-cake mt-1 ml-1 position-absolute pos-left pos-top text-primary"></i> 6</td>
</tr>
<tr>
<td>7</td>
<td>8</td>
<td>9</td>
<td class="bg-primary-300 pattern-0">10</td>
<td>11</td>
<td>12</td>
<td>13</td>
</tr>
<tr>
<td>14</td>
<td>15</td>
<td>16</td>
<td>17</td>
<td>18</td>
<td>19</td>
<td>20</td>
</tr>
<tr>
<td>21</td>
<td>22</td>
<td>23</td>
<td>24</td>
<td>25</td>
<td>26</td>
<td>27</td>
</tr>
<tr>
<td>28</td>
<td>29</td>
<td>30</td>
<td>31</td>
<td class="text-muted bg-faded">1</td>
<td class="text-muted bg-faded">2</td>
<td class="text-muted bg-faded">3</td>
</tr>
</table>
</div>
<div class="flex-1 custom-scroll">
<div class="p-2">
<div class="d-flex align-items-center text-left mb-3">
<div class="width-5 fw-300 text-primary l-h-n mr-1 align-self-start fs-xxl">
15
</div>
<div class="flex-1">
<div class="d-flex flex-column">
<span class="l-h-n fs-md fw-500 opacity-70">
October 2020
</span>
<span class="l-h-n fs-nano fw-400 text-secondary">
Friday
</span>
</div>
<div class="mt-3">
<p>
<strong>2:30PM</strong> - Doctor's appointment
</p>
<p>
<strong>3:30PM</strong> - Report overview
</p>
<p>
<strong>4:30PM</strong> - Meeting with Donnah V.
</p>
<p>
<strong>5:30PM</strong> - Late Lunch
</p>
<p>
<strong>6:30PM</strong> - Report Compression
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="py-2 px-3 bg-faded d-block rounded-bottom text-right border-faded border-bottom-0 border-right-0 border-left-0">
<a href="#" class="fs-xs fw-500 ml-auto">view all notifications</a>
</div>
</div>
</div>
<!-- app user menu -->
<div>
<a href="http://60.251.164.125:8849/" target="_blank" id="go-to-setting"><i class="fal fa-cog fs-xxl"></i></a>
@*
<a href="#" data-toggle="dropdown" title="drlantern@gotbootstrap.com" class="header-icon d-flex align-items-center justify-content-center ml-2">
<img src="~/img/demo/avatars/avatar-admin.png" class="profile-image rounded-circle" alt="Dr. Codex Lantern">
<!-- you can also add username next to the avatar with the codes below:
<span class="ml-1 mr-1 text-truncate text-truncate-header hidden-xs-down">Me</span>
<i class="ni ni-chevron-down hidden-xs-down"></i> -->
</a>*@
@*<div class="dropdown-menu dropdown-menu-animated dropdown-lg">
<div class="dropdown-header bg-trans-gradient d-flex flex-row py-4 rounded-top">
<div class="d-flex flex-row align-items-center mt-1 mb-1 color-white">
<span class="mr-2"> <img src="~/img/demo/avatars/avatar-admin.png" class="rounded-circle profile-image" alt="Dr. Codex Lantern"> </span>
<div class="info-card-text">
<div class="fs-lg text-truncate text-truncate-lg">@ViewBag.myUserInfo.Full_name</div>
<span class="text-truncate text-truncate-md opacity-80">@ViewBag.myUserInfo.Email</span>
</div>
</div>
</div>
<div class="dropdown-divider m-0"></div>
<a href="javascript:void(0);" id="btn-personal-info" class="dropdown-item"> <span data-i18n="drpdwn.settings">個人資料</span> </a>
<a href="javascript:void(0);" id="btn-change-password" class="dropdown-item"> <span data-i18n="drpdwn.settings">密碼修改</span> </a>
<div class="dropdown-divider m-0"></div>
<a href="#" class="dropdown-item" data-action="app-fullscreen"> <span data-i18n="drpdwn.fullscreen">Fullscreen</span> <i class="float-right text-muted fw-n">F11</i> </a> <a href="#" class="dropdown-item" data-action="app-print"> <span data-i18n="drpdwn.print">Print</span> <i class="float-right text-muted fw-n">Ctrl + P</i> </a>
<div class="dropdown-divider m-0"></div>
<a class="dropdown-item fw-500 pt-3 pb-3" asp-controller="Login" asp-action="SignOut"> <span data-i18n="drpdwn.page-logout">登出</span> <span class="float-right fw-n">&commat;fic</span> </a>
</div>*@
</div>
</div>
</header>
<!-- END Page Header -->
<!-- BEGIN Page Content -->
<!-- the #js-page-content id is needed for some plugins to initialize -->
<main id="js-page-content" role="main" class="page-content">
@RenderBody()
</main>
<!-- BEGIN Page Footer -->
<footer class="page-footer" role="contentinfo">
@*<div class="d-flex align-items-center flex-1 text-muted">
<span class="hidden-md-down fw-700">2020 © Rage by&nbsp;<a href='https://www.rage.com.tw' class='text-primary fw-500' title='rage.com.tw' target='_blank'>rage.com.tw</a></span>
</div>
<div>
<ul class="list-table m-0">
<li><a href="intel_introduction.html" class="text-secondary fw-700">About</a></li>
<li class="pl-3"><a href="info_app_licensing.html" class="text-secondary fw-700">License</a></li>
<li class="pl-3"><a href="info_app_docs.html" class="text-secondary fw-700">Documentation</a></li>
</ul>
</div>*@
</footer>
<!-- END Page Footer -->
<!-- BEGIN Color profile -->
<!-- this area is hidden and will not be seen on screens or screen readers -->
<!-- we use this only for CSS color refernce for JS stuff -->
<p id="js-color-profile" class="d-none">
<span class="color-primary-50"></span>
<span class="color-primary-100"></span>
<span class="color-primary-200"></span>
<span class="color-primary-300"></span>
<span class="color-primary-400"></span>
<span class="color-primary-500"></span>
<span class="color-primary-600"></span>
<span class="color-primary-700"></span>
<span class="color-primary-800"></span>
<span class="color-primary-900"></span>
<span class="color-info-50"></span>
<span class="color-info-100"></span>
<span class="color-info-200"></span>
<span class="color-info-300"></span>
<span class="color-info-400"></span>
<span class="color-info-500"></span>
<span class="color-info-600"></span>
<span class="color-info-700"></span>
<span class="color-info-800"></span>
<span class="color-info-900"></span>
<span class="color-danger-50"></span>
<span class="color-danger-100"></span>
<span class="color-danger-200"></span>
<span class="color-danger-300"></span>
<span class="color-danger-400"></span>
<span class="color-danger-500"></span>
<span class="color-danger-600"></span>
<span class="color-danger-700"></span>
<span class="color-danger-800"></span>
<span class="color-danger-900"></span>
<span class="color-warning-50"></span>
<span class="color-warning-100"></span>
<span class="color-warning-200"></span>
<span class="color-warning-300"></span>
<span class="color-warning-400"></span>
<span class="color-warning-500"></span>
<span class="color-warning-600"></span>
<span class="color-warning-700"></span>
<span class="color-warning-800"></span>
<span class="color-warning-900"></span>
<span class="color-success-50"></span>
<span class="color-success-100"></span>
<span class="color-success-200"></span>
<span class="color-success-300"></span>
<span class="color-success-400"></span>
<span class="color-success-500"></span>
<span class="color-success-600"></span>
<span class="color-success-700"></span>
<span class="color-success-800"></span>
<span class="color-success-900"></span>
<span class="color-fusion-50"></span>
<span class="color-fusion-100"></span>
<span class="color-fusion-200"></span>
<span class="color-fusion-300"></span>
<span class="color-fusion-400"></span>
<span class="color-fusion-500"></span>
<span class="color-fusion-600"></span>
<span class="color-fusion-700"></span>
<span class="color-fusion-800"></span>
<span class="color-fusion-900"></span>
</p>
<!-- END Color profile -->
</div>
</div>
</div>
<!-- END Page Wrapper -->
<!-- Site wrapper -->
<!-- /.wrapper -->
<!-- 個人資料 -->
<div class="modal" tabindex="-1" id="personal-info-modal" role="dialog" data-backdrop="static" data-keyboard="false">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">個人資料</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<div class="row">
<div class="col-md-12">
<form class="personal-info-form" id="personal-info-form">
<div class="form-row mb-3">
<div class="form-group col-md-12">
<label for="name_modal">
<font class="text-danger">*</font>姓名:
</label>
<input type="text" class="form-control" id="name_modal" name="name_modal" autocomplete="off" />
</div>
</div>
<div class="form-row mb-3">
<div class="form-group col-md-12">
<label for="account_modal">
帳號:
</label>
<input type="text" class="form-control" id="account_modal" name="account_modal" disabled>
</div>
</div>
<div class="form-row mb-3">
<div class="form-group col-md-12">
<label for="email_modal">
電子信箱:
</label>
<input type="email" class="form-control" id="email_modal" name="email_modal" autocomplete="off">
</div>
</div>
<div class="form-row mb-3">
<div class="form-group col-md-12">
<label for="phone_modal">
電話:
</label>
<input type="text" class="form-control" id="phone_modal" name="phone_modal" autocomplete="off">
</div>
</div>
</form>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
<button type="button" class="btn btn-primary btn-save" onclick="SavePersonalInfo()">儲存</button>
</div>
</div>
</div>
</div>
<!-- /.個人資料 -->
<!-- 變更密碼 -->
<div class="modal" tabindex="-1" id="change-password-modal" role="dialog" data-backdrop="static" data-keyboard="false">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">變更密碼</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<div class="row">
<div class="col-md-12">
<form class="change-password-form" id="change-password-form">
<div class="form-row mb-3">
<div class="form-group col-md-12">
<label for="old_password_modal">
<font class="text-danger">*</font>舊密碼:
</label>
<input type="password" class="form-control" id="old_password_id_modal" name="old_password_modal" autocomplete="off" />
</div>
</div>
<div class="form-row mb-3">
<div class="form-group col-md-12">
<label for="new_password_modal">
<font class="text-danger">*</font>新密碼:
</label>
<input type="password" class="form-control" id="new_password_id_modal" name="new_password_modal" autocomplete="off">
</div>
</div>
<div class="form-row mb-3">
<div class="form-group col-md-12">
<label for="again_password_modal">
<font class="text-danger">*</font>確認新密碼:
</label>
<input type="password" class="form-control" id="again_password_id_modal" name="again_password_modal" autocomplete="off" minlength="6" maxlength="12" required>
</div>
</div>
</form>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
<button type="button" class="btn btn-primary btn-save" onclick="ChangePassword()">儲存</button>
</div>
</div>
</div>
</div>
<!-- 警戒值設定 -->
<div class="modal" tabindex="-1" id="warning-value-modal" role="dialog" data-backdrop="static" data-keyboard="false">
<div class="modal-dialog modal-dialog-centered" style="max-width:45%;">
<div class="modal-content" style="height:600px;">
<div class="modal-header">
<h5 class="modal-title">警戒值設定</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<table class="table warning-value-table">
<tbody>
<tr class="disaster-title-bar">
<td rowspan="3" class="disaster-icon"><i class="fa-solid fa-cloud-showers-heavy"></i></td>
<td class="disaster-title">降雨警戒設定值</td>
<td class="disaster-value" id="rainCurName">大雨</td>
</tr>
<tr>
<td colspan="2">
<div class="form-check form-check-inline">
<input class="form-check-input" type="radio" name="rainRadio" id="rain1" value="1">
<label class="form-check-label" for="rain1">大雨</label>
</div>
<div class="form-check form-check-inline">
<input class="form-check-input" type="radio" name="rainRadio" id="rain2" value="2">
<label class="form-check-label" for="rain2">豪雨</label>
</div>
<div class="form-check form-check-inline">
<input class="form-check-input" type="radio" name="rainRadio" id="rain3" value="3">
<label class="form-check-label" for="rain3">大豪雨</label>
</div>
<div class="form-check form-check-inline">
<input class="form-check-input" type="radio" name="rainRadio" id="rain4" value="4">
<label class="form-check-label" for="rain4">超大豪雨</label>
</div>
</td>
</tr>
<tr>
<td colspan="2">24小時累積雨量達80毫米以上或時雨量達40毫米以上之降雨現象</td>
</tr>
<tr class="disaster-title-bar">
<td rowspan="3" class="disaster-icon"><i class="fa-solid fa-house-chimney-crack"></i></td>
<td class="disaster-title">地震警戒設定值</td>
<td class="disaster-value" id="eqCurName">7級</td>
</tr>
<tr>
<td colspan="2">
<div class="form-check form-check-inline">
<input class="form-check-input" type="radio" name="eqRadio" id="eq1" value="3">
<label class="form-check-label" for="inlineRadio1">3級</label>
</div>
<div class="form-check form-check-inline">
<input class="form-check-input" type="radio" name="eqRadio" id="eq2" value="4">
<label class="form-check-label" for="eq2">4級</label>
</div>
<div class="form-check form-check-inline">
<input class="form-check-input" type="radio" name="eqRadio" id="eq3" value="5">
<label class="form-check-label" for="eq3">5級</label>
</div>
<div class="form-check form-check-inline">
<input class="form-check-input" type="radio" name="eqRadio" id="eq4" value="6">
<label class="form-check-label" for="eq4">6級</label>
</div>
<div class="form-check form-check-inline">
<input class="form-check-input" type="radio" name="eqRadio" id="eq5" value="7">
<label class="form-check-label" for="eq5">7級</label>
</div>
</td>
</tr>
<tr>
<td colspan="2">幾乎所有家俱都大幅移動或翻倒,部分耐震較強建築物可能損壞或倒塌。</td>
</tr>
</tbody>
</table>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
<button type="button" class="btn btn-primary btn-save" onclick="setWarningValue()">儲存</button>
</div>
</div>
</div>
</div>
<!-- /.變更密碼 -->
<!--Base JS-->
<script src="~/js/vendors.bundle.js" asp-append-version="true"></script>
<script src="~/js/app.bundle.js" asp-append-version="true"></script>
<!-- JQuery Validate -->
<script src="~/lib/jquery-validation/dist/jquery.validate.js"></script>
<script src="~/lib/jquery-validation/dist/additional-methods.min.js"></script>
<script src="~/lib/jquery-validation/dist/localization/messages_zh_TW.js"></script>
<!-- dataTables -->
<script src="~/js/datagrid/datatables/datatables.bundle.js"></script>
<!-- SweetAlert -->
<script src="~/js/notifications/sweetalert2/sweetalert2.bundle.js"></script>
<script src="~/js/notifications/toastr/toastr.js"></script>
<!--Toast-->
<script src="~/js/toast.js"></script>
<script src="~/js/font-awesome/fontawesome.min.js"></script>
<script src="~/js/font-awesome/solid.min.js"></script>
<!-- Select2 JS -->
<script src="~/js/formplugins/select2/select2.bundle.js"></script>
<!-- table2excel -->
@*<script src="~/js/jquery.table2excel.min.js"></script>*@
<!--HighCharts.js-->
<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/modules/exporting.js"></script>
<script src="https://code.highcharts.com/modules/export-data.js"></script>
<!-- Custome JS -->
<script src="~/js/site.js" asp-append-version="true"></script>
<script src="~/js/image.zoom.js" asp-append-version="true"></script>
<!-- datepicker -->
<script type="text/javascript" src="~/js/moment/moment.min.js"></script>
<script type="text/javascript" src="~/js/daterangepicker/daterangepicker.js"></script>
@*各頁面的JavaScript*@
@RenderSection("Scripts", required: false)
<script>
function showWarningValueModal(e){
$("#warning-value-modal").modal("show");
}
$("body").on("click","#warningValueBtn",showWarningValueModal);
$("body").on("hidden.bs.modal","#warning-value-modal",function() {
$("#warningValueIframe").attr("src","#");
});
$("body").on("shown.bs.modal","#warning-value-modal",function() {
$("#warningValueIframe").attr("src","@ViewBag.WarningValuePxPath");
});
$("body").on("show.bs.modal","#warning-value-modal",getWarningValue);
function getWarningValue(){
let url = "api/WarningValue/GetWarningValue";
$.post(url, {}, function (rel) {
if (rel.code != "0000") {
if (rel.code == "9999") {
toast_error(rel.msg);
}
return;
}
else {
if(rel.data){
let eqValue = rel.data.filter(d => d.type == 1).map(d => d.targetValue)[0];
let rainValue = rel.data.filter(d => d.type == 0).map(d => d.targetValue)[0];
$(`input[name=rainRadio][value=${rainValue}]`).prop("checked",true);
$(`input[name=eqRadio][value=${eqValue}]`).prop("checked",true);
$("#rainCurName").text($(`input[name=rainRadio][value=${rainValue}]`).next("label").text());
$("#eqCurName").text($(`input[name=eqRadio][value=${eqValue}]`).next("label").text());
}
}
}, 'json');
}
function setWarningValue(){
let eqValue = $("input[name=eqRadio]:checked").val();
let rainValue = $("input[name=rainRadio]:checked").val();
if(!eqValue || !rainValue){
toast_error("請輸入警戒值");
return;
}
let sendData = {wvs:
[
{type:0,targetValue:rainValue},
{type:1,targetValue:eqValue}
]
};
let url = "api/WarningValue/SetWarningValue";
$.post(url, sendData, function (rel) {
if (rel.code != "0000") {
toast_error(rel.msg);
return;
}
else {
toast_ok(rel.msg);
$("#warning-value-modal").modal("hide");
}
}, 'json');
}
</script>
</body>
</html>