Files
backend/resources/views/rmto-preview/pages/weather-notice.blade.php
2024-02-01 09:53:53 +00:00

763 lines
30 KiB
PHP
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="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="x-ua-compatible" content="ie=edge" />
<meta name="csrf-token" content="{{ csrf_token() }}" />
<title>هواشناسی و اخبار </title>
<!--Scripts-->
<!-- Font Awesome Icons -->
<link rel="stylesheet" href="./weather_notice/plugins/fontawesome-free/css/all.min.css" />
<!-- icheck bootstrap -->
<link rel="stylesheet" href="./weather_notice/plugins/icheck-bootstrap/icheck-bootstrap.min.css" />
<!-- Persian Datepicker -->
<link rel="stylesheet" href="./weather_notice/dist/css/persian-datepicker.min.css" />
<link rel="stylesheet" href="./weather_notice/dist/css/dataTables.bootstrap4.min.css" />
<!-- bootstrap slider -->
<link rel="stylesheet" href="./weather_notice/plugins/bootstrap-slider/css/bootstrap-slider.min.css" />
<link rel="stylesheet" href="./weather_notice/plugins/select2/css/select2.min.css" />
<!-- Leaflet -->
<link rel="stylesheet" href="./weather_notice/dist/css/leaflet.css" />
<!-- IRANSans Font -->
<link rel="stylesheet" href="./weather_notice/dist/css/fontiran.css" />
<!-- Theme style -->
<link rel="stylesheet" href="./weather_notice/dist/css/adminlte.css" />
<!-- Maxter Map Styles -->
<!--Declar Styles Maxter-->
<link rel="stylesheet" href="./weather_notice/css/leaflet-languageselector.css" />
<link rel="stylesheet" href="./weather_notice/css/leaflet-openweathermap.css" />
<link rel="stylesheet" href="./weather_notice/css/weather.css">
<link href="./weather_notice/css/bootstrap.min.css" rel="stylesheet">
<link href="./weather_notice/css/leaflet.css" rel="stylesheet">
<!-- ::::::::::::::::: -->
<link rel="stylesheet" href="./weather_notice/css/font-awesome.min.css" />
<link rel="stylesheet" href="./weather_notice/css/pop.css" />
<link rel="stylesheet" href="./weather_notice/css/weather-winds.css" />
<link rel="stylesheet" href="./weather_notice/css/leaflet.timedimension.control.min.css" />
<link rel="stylesheet" href="./weather_notice/css/animate.min.css" />
<link rel="stylesheet" href="./weather_notice/css/slider.css" />
<link rel="stylesheet" href="./weather_notice/css/box.css" />
<link rel="stylesheet" href="./weather_notice/css/mdc.slider.css" />
<link rel="stylesheet" href="./weather_notice/css/ion.rangeSlider.css" />
<!-- <link rel="stylesheet" href="./weather_notice/css/material-dashboard.min.css" /> -->
<link rel="stylesheet" href="../dist/css/styleheader.css">
<link rel="stylesheet" href="../dist/css/fullstyle.css">
<link rel="stylesheet" href="./weather_notice/css/myStyle.css" />
<style>
/* div.table-title {
display: block;
margin: auto;
max-width: 600px;
padding: 5px;
width: 100%;
} */
/*
.table-title h3 {
color: #fafafa;
font-size: 30px;
font-weight: 400;
font-style: normal;
font-family: "Roboto", helvetica, arial, sans-serif;
text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.1);
text-transform: uppercase;
} */
/*** Table Styles **/
/* .table-fill {
background: white;
border-radius: 3px;
border-collapse: collapse;
height: 320px;
margin: auto;
max-width: 600px;
padding: 5px;
width: 100%;
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
animation: float 5s infinite;
} */
/* th {
color: #D5DDE5;
;
background: #1b1e24;
border-bottom: 4px solid #9ea7af;
border-right: 1px solid #343a45;
font-size: 23px;
font-weight: 100;
padding: 24px;
text-align: left;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
vertical-align: middle;
} */
/* th:first-child {
border-top-left-radius: 3px;
}
th:last-child {
border-top-right-radius: 3px;
border-right: none;
} */
/* tr {
border-top: 1px solid #C1C3D1;
border-bottom-: 1px solid #C1C3D1;
color: #666B85;
font-size: 16px;
font-weight: normal;
text-shadow: 0 1px 1px rgba(256, 256, 256, 0.1);
}
tr:hover td {
background: #4E5066;
color: #FFFFFF;
border-top: 1px solid #22262e;
}
tr:first-child {
border-top: none;
}
tr:last-child {
border-bottom: none;
}
tr:nth-child(odd) td {
background: #EBEBEB;
} */
/* tr:nth-child(odd):hover td {
background: #4E5066;
}
tr:last-child td:first-child {
border-bottom-left-radius: 3px;
}
tr:last-child td:last-child {
border-bottom-right-radius: 3px;
} */
/* td {
background: #FFFFFF;
padding: 20px;
text-align: left;
vertical-align: middle;
font-weight: 300;
font-size: 18px;
text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.1);
border-right: 1px solid #C1C3D1;
}
td:last-child {
border-right: 0px;
}
th.text-left {
text-align: left;
}
th.text-center {
text-align: center;
} */
/* th.text-right {
text-align: right;
}
td.text-left {
text-align: left;
}
td.text-center {
text-align: center;
}
td.text-right {
text-align: right;
} */
/* .navbar-brand {
display: inline-block !important;
padding-top: .3125rem !important;
padding-bottom: .3125rem !important;
margin-right: 1rem !important;
font-size: 1.25rem !important;
line-height: inherit !important;
white-space: nowrap !important;
margin-left: 0 !important;
height: 61px !important;
} */
.navbar {
margin-bottom: 0px;
}
.dropdown {
float: right;
overflow: visible !important;
direction: rtl;
}
.pull-left {
float: none !important;
}
.dropdown-submenu.pull-left>.dropdown-menu {
/* left: -78%; */
margin-left: 31px !important;
/* -webkit-border-radius: 6px 0 6px 6px;
-moz-border-radius: 6px 0 6px 6px;
border-radius: 6px 0 6px 6px; */
}
.logoPart {
padding: 6px 30px !important;
display: inline-block;
}
</style>
</head>
<body class="hold-transition sidebar-mini layout-fixed layout-navbar-fixed starter-project-page">
<div id="cover"></div>
@include('layouts.header')
<div id="PContent" class="wrapper animatedParent" style="display: none;">
<div class="content-wrapper">
<!-- </header> -->
<div class="container-fulid " style="padding: 10px;">
<div class="row rounded" id="maps-container" style="border-style: dotted;border-width: 0px;">
<!---old map container-->
<!--MAp2-->
<div class="col-8 mapholder" style="border-bottom: none;height: 300px " id="uploadBox2">
<div id="LayerSelectBox1" class=" col-4"
style="padding-right: 0px; overflow-y: scroll;height:300px;margin-top:40px;direction:ltr">
<div>
<label for="cl1"><span> </span></label>
<span class="gp2txt">بیشینه دمای 24 ساعت آتی</span>
<img onclick="GoWLayer(1);" class="circle gp2" src="./weather_notice/png/cloud.png">
</div><br>
<div>
<!-- <input id="Wclouds_op" type="radio" onclick="GoWLayer(2)" name="radio_w" /> -->
<label for="rain1"><span> </span></label>
<span class="gp2txt">کمینه دمای 24 ساعت آتی</span>
<img onclick="GoWLayer(2)" class="circle gp2" src="./weather_notice/png/radar.png">
</div><br>
<div>
<!-- <input id="Wtmp_op" type="radio" onclick="GoWLayer(3)" name="radio_w" /> -->
<label for="fs2"><span> </span></label>
<span class="gp2txt"> پیشبینی ابر</span>
<img onclick="GoWLayer(3)" class="circle gp2" src="./weather_notice/png/temp.png">
</div><br>
<div>
<label for="cl1"><span> </span></label>
<span class="gp2txt">پیشبینی رادار هواشناسی</span>
<img onclick="GoWLayer(4);" class="circle gp2" src="./weather_notice/png/cloud.png">
</div><br>
<div>
<!-- <input id="Wclouds_op" type="radio" onclick="GoWLayer(2)" name="radio_w" /> -->
<label for="rain1"><span> </span></label>
<span class="gp2txt">رادار و ماهواره هواشناسی</span>
<img onclick="GoWLayer(5)" class="circle gp2" src="./weather_notice/png/radar.png">
</div><br>
<div>
<!-- <input id="Wtmp_op" type="radio" onclick="GoWLayer(3)" name="radio_w" /> -->
<label for="fs2"><span> </span></label>
<span class="gp2txt"> پیشبینی رادار و ماهواره هواشناسی</span>
<img onclick="GoWLayer(6)" class="circle gp2" src="./weather_notice/png/temp.png">
</div><br>
<div>
<label for="cl1"><span> </span></label>
<span class="gp2txt">هوای حساس 12 ساعت آتی</span>
<img onclick="GoWLayer(7);" class="circle gp2" src="./weather_notice/png/cloud.png">
</div><br>
<div>
<!-- <input id="Wclouds_op" type="radio" onclick="GoWLayer(2)" name="radio_w" /> -->
<label for="rain1"><span> </span></label>
<span class="gp2txt">هوای حساس 12 ساعت آتی</span>
<img onclick="GoWLayer(8)" class="circle gp2" src="./weather_notice/png/radar.png">
</div><br>
<div>
<!-- <input id="Wtmp_op" type="radio" onclick="GoWLayer(3)" name="radio_w" /> -->
<label for="fs2"><span> </span></label>
<span class="gp2txt " id="tmpmap">دما</span>
<img onclick="GoWLayer(9)" class="circle gp2 tmpmap"
src="./weather_notice/png/temp.png">
</div><br>
<div>
<label for="cl1"><span> </span></label>
<span class="gp2txt">دمای 24 ساعت آتی</span>
<img onclick="GoWLayer(10);" class="circle gp2" src="./weather_notice/png/cloud.png">
</div><br>
<div>
<!-- <input id="Wclouds_op" type="radio" onclick="GoWLayer(2)" name="radio_w" /> -->
<label for="rain1"><span> </span></label>
<span class="gp2txt">اشعه فرابنفش</span>
<img onclick="GoWLayer(11)" class="circle gp2" src="./weather_notice/png/radar.png">
</div><br>
<div>
<!-- <input id="Wtmp_op" type="radio" onclick="GoWLayer(3)" name="radio_w" /> -->
<label for="fs2"><span> </span></label>
<span class="gp2txt">پیشس بینی اشعه فرا بنفش</span>
<img onclick="GoWLayer(12)" class="circle gp2" src="./weather_notice/png/temp.png">
</div><br>
<div>
<!-- <input id="Wtmp_op" type="radio" onclick="GoWLayer(3)" name="radio_w" /> -->
<label for="fs2"><span> </span></label>
<span class="gp2txt"> سرعت باد در 24 ساعت آتی</span>
<img onclick="GoWLayer(13)" class="circle gp2" src="./weather_notice/png/temp.png">
</div><br>
<div>
<label for="cl1"><span> </span></label>
<span class="gp2txt">بارش متراکم برف</span>
<img onclick="GoWLayer(14);" class="circle gp2" src="./weather_notice/png/cloud.png">
</div><br>
<div>
<!-- <input id="Wtmp_op" type="radio" onclick="GoWLayer(3)" name="radio_w" /> -->
<span class="gp2txt"> رادار</span>
<img onclick="GoWLayer(16)" class="circle gp2" src="./weather_notice/png/temp.png">
</div><br>
<div style="z-index: 100000;">
<span class="gp2txt">رعد و برق رد 12 ساعت آتی</span>
<img onclick="GoWLayer(15)" class="circle gp2" src="./weather_notice/png/radar.png">
</div><br>
<span class="scrollx"></span>
</div>
<div id="map4" class="map-weather mapix col-8" style="margin-top:40px">
</div>
</div>
<!--Map1-->
<div class="col-4 mapholder " id="uploadBox1">
<div id="LayerSelectBox2" class=" col-4"
style="padding-right: 0px;height:350px;margin-top:40px">
<div class="g1">
<div>
<img onclick="GoLayer(1);" class="gp1 circle" src="./weather_notice/png/cloud.png">
<!-- <input id="cl1" type="radio" onclick="GoLayer(1);" name="radio1" checked /> -->
<label for="cl1"><span> </span></label>
<span class="gp1txt">ابرها</span>
</div><br>
<div>
<img onclick="GoLayer(2)" class=" gp1 circle "
src="./weather_notice/png/pressure.png">
<!-- <input id="rain1" type="radio" onclick="GoLayer(2)" name="radio1" /> -->
<label for="rain1"><span> </span></label>
<span class="gp1txt">فشار هوا</span>
</div><br>
<div>
<img onclick="GoLayer(3)" class="gp1 circle " src="./weather_notice/png/wind.png">
<!-- <input id="fs2" type="radio" onclick="GoLayer(3)" name="radio1" /> -->
<label for="fs2"><span> </span></label>
<span class="gp1txt"> باد</span>
</div><br>
<div>
<img onclick="GoLayer(4)" class="gp1 circle" src="./weather_notice/png/rain.png">
<!-- <input id="wnd2" type="radio" onclick="GoLayer(4)" name="radio1" /> -->
<label for="wnd2"> <span> </span></label>
<span class="gp1txt">بارندگی</span>
</div><br>
<div>
<img onclick="GoLayer(5)" class="gp1 circle" src="./weather_notice/png/temp.png">
<!-- <input id="tmp3" type="radio" name="radio1" onclick="GoLayer(5)" /> -->
<label for="tmp3"><span> </span> </label>
<span class="gp1txt">حرارت</span>
</div>
<!-- <div >
<input id="snowcheck" type="radio" name="radio1" onclick="GoLayer(6)" />
<label for="tmp3"><span> </span> </label>
<span>برف</span>
</div> -->
</div>
</div>
<!-- MAxter map1 -->
<div id="map1" style="text-align: center;margin-top:40px" class="map-weather rounded mapix">
</div>
<!-- ::::::::::-->
</div>
<!--Map3-->
<div class="col-4 mapholder" id="uploadBox3" style="display: none;">
<!-- MAxter map3 -->
<div id="map3" style="text-align: center;" class="map-weather mapix"></div>
<!-- <div id="windy"></div> -->
</div>
<!--Old map container-->
<!--Slider map by maxter-->
</div>
<div id="controller-holder" class="row"
style="box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);">
<div id="slider-holder" class="col-8"
style="border-color: #1b1e24;text-align: left;direction:ltr;margin-top:-70px">
<div class="row"
style="border-style:dashed;border-width:1.5px;border-top:none;margin-top: 30px;">
<div id="timeplay-container" class="col-8 timeplay" style="margin-bottom:15px">
<div class="timelooper">
<input type="text" id="TimeSlider" name="example_name" class="TimeSlider"
style="display: none;">
</div>
<!--:::::::::::::::::::::::::-->
<div id="playset" class="playset" style="display:block">
<!-- <span class="mapctrl"> <i class="fas fa-backward mapctrl" style="font-size: 25px;color: gray;"></i></span> -->
<span id="playbox" class="mapctrl playbox" onclick="RunSlidermax();"> <i
id="playstat" class="fa fa-play-circle mapctrl"
style="font-size: 30px;color: gray;"></i></span>
<!-- <span class="mapctrl" onclick="Sliderup();"> <i class="fas fa-forward mapctrl" style="font-size:25px;color: gray;"></i></span> -->
</div>
</div>
<!--::::::::::::Material Slider :: MAxter-->
</div>
</div>
<div class="col-4" style="border-style:dashed;border-width:1.5px;border-top:none"></div>
<div class="col-4" style="border-style:dashed;border-width:1.5px;border-top:none;display:none">
</div>
</div>
<div class="row container-fulid" style="height: 450px;display:block">
<!-- <div id="tabel-container" class="col-md-12 pt-3 container" style="border-style: dotted;border-color: cornflowerblue;border-width: 1px;width: 96.5%;"> -->
<table class="table table-striped table-ltr_me table-responsive-xl dataTable no-footer" id="NTbl"
style="width: 100%;border-radius: 3%;box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);">
<thead>
<tr class="headercolortable">
<th class="tablefontheader radif" id="radif" style="width: 20px; padding-right: 10px">
ردیف
</th>
<th class="tablefontheader" style="width: 70% !important">
متن اخطاریه
</th>
<th class="tablefontheader amaliat" id="amaliat" style="width: 100px !important">
عملیات
</th>
</tr>
</thead>
</table>
<div id="Feed-button" class="row" style="padding-top: 10px;" onclick="DoEmpty()" data-toggle="modal"
data-target="#NewsModal">
<button class="btn btn-success btn-sm" id="add-news-button"
style="background-color: rgb(253, 253, 253);color: black;margin-right: 1%;margin-top: -50px;height: 41px;"
onclick="DoEmpty()">
<i class="fas fa-plus" style="font-size: 16px; vertical-align:middle;"></i>
<span style="font-size: 14px;"><b>اخطاریه جدید </b></span>
</button>
<div class="shownews">
</div>
</div>
<!-- <div id="map4" style="text-align: center;height:450px" class=" col-md-4 mapix"></div> -->
</div>
</div>
<!--Modal Edit & Update-->
<div id="NewsModal" class="modal animated zoomIn fade NewsModal">
<div class="modal-dialog modal-dialog-centered modal-dialog-scrollable modal-md">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLongTitle">
متن
</h5>
<button id="OpenModal" type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<!-- Modal body -->
<div class="modal-body">
<div class="col-md-12">
<div class="row">
<div class="form-group col-md-12">
<textarea class="form-control" id="notice_text" maxlength="500"></textarea>
</div>
</div>
<div class="row">
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-success btn-applyChange" id="submitnews">
ثبت
<span class="glyphicon glyphicon-search"></span>
</button>
<button type="button" class="btn btn-danger btn-prev cancel" class="cancel">
انصراف
</button>
</div>
</div>
</div>
</div>
<!--Modal success-->
<div class="modal modal-success fade" id="modal-success" style="display: ">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span></button>
</div>
<div class="modal-body">
<p>با موفقیت انجام شد</p>
</div>
<div class="modal-footer">
<button type="button" id="canceldel" class="btn btn-primary"
data-dismiss="modal">بستن</button>
</div>
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal-dialog -->
</div>
<!--Modal delete-->
<div class="modal modal-success fade" id="ModalConfirmDel" style="display: none; ">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span></button>
</div>
<div class="modal-body">
<p>سطر مورد نظر حذف شود؟</p>
</div>
<div class="modal-footer">
<button type="button" id="canceldel" class="btn btn-primary"
data-dismiss="modal">خیر</button>
<button id="deleterec" type="button" class="btn btn-danger">تایید</button>
</div>
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal-dialog -->
</div>
</div>
</div>
@include('layouts.footer')
<!-- bootstrap CDN -->
<script src="./weather_notice/plugins/jquery/jquery.min.js"></script>
<!-- <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> -->
<!-- Bootstrap 4 -->
<script src="./weather_notice/plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
<!-- InputMask -->
<script src="./weather_notice/plugins/inputmask/min/jquery.inputmask.bundle.min.js"></script>
<!-- Leaflet -->
<script src="./weather_notice/dist/js/leaflet.js"></script>
<!-- Leaflet Routing Machine js -->
<script src="./weather_notice/dist/js/leaflet-routing-machine.js"></script>
<script src="./weather_notice/plugins/sweetalert2/sweetalert2.all.min.js"></script>
<script src="./weather_notice/plugins/datatables/jquery.dataTables.min.js"></script>
<script src="./weather_notice/dist/js/dataTables.bootstrap4.min.js"></script>
<script src="./weather_notice/dist/js/datatables/persian.js"></script>
<!-- <script src="./weather_notice/plugins/datatables-buttons/js/dataTables.buttons.min.js"></script> -->
<!-- <script src="./weather_notice/plugins/datatables-buttons/js/buttons.html5.min.js"></script>
<script src="./weather_notice/plugins/bootstrap/buttons.print.min.js"></script> -->
<!-- Persian Datepicker -->
<script src="./weather_notice/dist/js/jszip.min.js"></script>
<script src="./weather_notice/dist/js/persian-date.min.js"></script>
<script src="./weather_notice/dist/js/persian-datepicker.min.js"></script>
<!-- Bootstrap slider -->
<script src="./weather_notice/plugins/bootstrap-slider/bootstrap-slider.min.js"></script>
<script src="./weather_notice/plugins/select2/js/select2.full.min.js"></script>
<!-- AdminLTE App -->
<script src="./weather_notice/dist/js/adminlte.min.js"></script>
<!-- Page Script -->
<script src="./weather_notice/plugins/select2/persian-date.min.js"></script>
<script src="./weather_notice/js/havashenasi.js"></script>
<script src="./weather_notice/js/mdc.slider.min.js"></script>
<!--Maxter JS-->
<!--Declar Scripts Maxter-->
<!-- <script src="./weather_notice/js/leaflet.js"></script> -->
<script src="https://unpkg.com/leaflet@1.4.0/dist/leaflet.js"></script>
<script src="./weather_notice/js/leaflet-openweathermap.js"></script>
<script src="./weather_notice/js/notices-tbl.js"></script>
<!-- <script src="./weather_notice/js/weather-winds.js"></script> -->
<script src="./weather_notice/js/leaflet-winds.min.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/iso8601-js-period@0.2.1/iso8601.min.js"></script>
<script src="./weather_notice/js/leaflet.timedimension.min.js"></script>
<!-- <script src="./weather_notice/js/control-bar.js"></script> -->
<!-- <script src="https://api.windy.com/assets/map-forecast/libBoot.js"></script> -->
<!-- <script src="./weather_notice/js/map3.js"></script> -->
<!-- <script src="js/map.js"></script>-->
<script src="./weather_notice/js/ion.rangeSlider.js"></script>
<!--:::::App Script Maxter:::::::::::-->
<script src="./weather_notice/js/mapTimer.js"></script>
<script src="../plugins/moment/moment.min.js"></script>
<script src="../dist/js/jalali-moment.browser.js"></script>
<script src="./weather_notice/js/weather-max.js"></script>
<script src="../dist/js/static.js"></script>
<script src="./weather_notice/js/FormCtrl.js"></script>
<script src="./weather_notice/js/dataTables.fixedColumns.min.js"></script>
</body>
</html>