1071 lines
73 KiB
Plaintext
1071 lines
73 KiB
Plaintext
<!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("WarningValueIndex"))
|
||
{
|
||
<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">@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 <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">×</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">×</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">×</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" id="rainDesc">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" id="eqDesc">幾乎所有家俱都大幅移動或翻倒，部分耐震較強建築物可能損壞或倒塌。</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);
|
||
|
||
$("body").on("change","input[name=rainRadio]",onRainRadioChange);
|
||
$("body").on("change","input[name=eqRadio]",onEqRadioChange);
|
||
|
||
function onRainRadioChange(e) {
|
||
let rainDecDict = {
|
||
1:"24小時累積雨量達80毫米以上，或時雨量達40毫米以上之降雨現象。",
|
||
2:"24小時累積雨量達200毫米以上，或3小時累積雨量達100毫米以上之降雨現象。",
|
||
3:"24小時累積雨量達350毫米以上之降雨現象。",
|
||
4:"24小時累積雨量達500毫米以上之降雨現象。",
|
||
};
|
||
|
||
$("#rainDesc").text(rainDecDict[e.target.value] || "");
|
||
}
|
||
|
||
function onEqRadioChange(e){
|
||
let eqDecDict = {
|
||
3:"房屋震動，碗盤門窗發出聲音，懸掛物搖擺。",
|
||
4:"房屋搖動甚烈，少數未固定物品可能傾倒掉落，少數傢俱移動，可能有輕微災害。",
|
||
5:"部分未固定物品傾倒掉落，少數傢俱可能移動或翻倒，少數門窗可能變形，部分牆壁產生裂痕。",
|
||
6:"大量傢俱大幅移動或翻倒，門窗扭曲變形，部分耐震能力較差房屋可能損壞或倒塌。",
|
||
7:"幾乎所有傢俱都大幅移動或翻倒，部分耐震較強建築物可能損壞或倒塌。",
|
||
}
|
||
|
||
$("#eqDesc").text(eqDecDict[e.target.value] || "");
|
||
}
|
||
|
||
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>
|