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

340 lines
12 KiB
PHP

<!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() }}" />
<!-- IRANSans Font -->
<!-- Font Awesome Icons -->
<link rel="stylesheet" href="../plugins/fontawesome-free/css/all.min.css" />
<!-- <link rel="stylesheet" href=".././.../plugins/"> -->
<!-- IRANSans Font -->
<link rel="stylesheet" href="../dist/css/fontiran.css" />
<link rel="stylesheet" href="../plugins/bootstrap-slider/css/bootstrap-slider.min.css" />
<!-- <link rel="stylesheet" href="../plugins/datatables/css/dataTables.bootstrap4.min.css"> -->
<link rel="stylesheet" href="../dist/css/dataTables.bootstrap4.min.css" />
<link rel="stylesheet" href="../dist/css/persian-datepicker.min.css" />
<link rel="stylesheet" href="../dist/css/buttons.dataTables.min.css" />
<!-- Theme style -->
<link rel="stylesheet" href="../dist/css/adminlte.css" />
<!-- persian datepicker -->
<link
rel="stylesheet"
href="https://unpkg.com/persian-datepicker@1.2.0/dist/css/persian-datepicker.min.css"
/>
<title>251 نقطه پر تصادف مصوب سال 1395</title>
<style>
body {
background-color: rgb(244, 246, 249);
}
.div-table {
border: 0 solid;
border-radius: 0.25rem;
margin-top: 20px;
box-shadow: 0 0 1px rgba(0, 0, 0, 0.125), 0 1px 3px rgba(0, 0, 0, 0.2);
background-color: #fff;
width: 98%;
}
h6 {
font-size: 1.2rem;
font-weight: 400;
}
.thead-style {
background-color: #286893;
}
td {
font-size: 12px;
}
th {
font-size: 11px;
font-weight: 800;
color: #fff;
vertical-align: middle !important;
}
label {
font-size: 14px;
}
input {
margin-right: 6px;
}
.dataTables_info {
font-size: 14px;
}
.topBottom-whiteSpace {
margin-top: 95px;
margin-bottom: 1rem !important;
padding-bottom: 1.5rem;
}
.pagination {
margin-top: 30px !important;
margin-bottom: 0 !important;
}
table .dataTable thead .sorting:before,
table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:before,
table.dataTable thead .sorting_desc_disabled:after {
display: none;
}
table.dataTable thead .sorting:before,
table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:before,
table.dataTable thead .sorting_desc_disabled:after {
display: none;
}
#navbarmenu_top {
background-color: #286893;
top: 0px;
left: 0px;
right: 0px;
}
.dataTables_filter {
float: left;
}
.dataTables_length {
float: left;
}
.amaliat-btn {
padding: 4px 8px 4px 8px !important;
margin-left: 3px;
font-weight: 900;
font-size: 10px;
}
td {
vertical-align: middle !important;
}
.text-center {
text-align: center;
}
.clearfix::after {
content: "";
clear: both;
display: table;
}
.uploadBtn {
background-color: #f08a5d;
padding: 12px;
border-radius: 0.25rem;
height: 36px;
margin-right: 8px;
cursor: pointer;
width: 100%;
text-align: center;
background-color: #fff;
border: 1px solid #ced4da;
line-height: 9px;
}
.file-label {
cursor: pointer;
font-weight: 300 !important;
color: #aca9ac;
}
.modal-title {
font-weight: 700;
}
.style-pishrafte {
padding: 0px !important;
width: 156% !important;
}
.new-style {
width: 63%;
}
.eqdamat-style {
text-align: center;
justify-content: center;
}
#slider11 {
width: 100% !important;
}
.fiziki-style {
justify-content: center;
width: 100%;
}
.eqdamat-input {
height: 85%;
}
.ex2 .slider-selection {
background: #8283FF;
}
.dt-button {
background: #28a745 !important;
border-color: #28a745 !important;
color: white !important;
line-height: 30.5px;
}
div.dt-buttons {
position: relative;
float: right;
}
</style>
</head>
<body
class="hold-transition sidebar-mini layout-fixed layout-navbar-fixed starter-project-page accident-point-251-page"
>
<header>
<div class="menu_top" id="navbarmenu_top">
<div class="rahdariLogo">
<a href="http://rmto.ir"
><img
src="../dist/images/icons/alertInstallAppLogo.png"
alt=""
title="سازمان راهداری و حمل و نقل جاده ای"
/></a>
</div>
<button
class="responsiveTopMenuBtn routinghover"
onclick="window.open('/rmto', '_self');"
>
<img src="../dist/images/icons/home.svg" />صفحه اصلی
</button>
</div>
</header>
<div class="modal fade" id="pointedit">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<!-- Modal Header -->
<div class="modal-header">
<h4 class="modal-title">ویرایش نقطه پرتصادف</h4>
<button type="button" class="close" data-dismiss="modal">
&times;
</button>
</div>
<!-- Modal body -->
<div class="modal-body">
<form>
<input type="hidden" class="form-control" id="pointid" />
<div class="form-row">
<div class="form-group col-md-6">
<label for="inputCity"> عملیات موردنیاز </label>
<input type="text" class="form-control" id="operation" />
</div>
<div class="form-group col-md-6">
<label for="inputCity"> توصیف هندسی نقطه </label>
<input type="text" class="form-control" id="target" name="date-modal" />
</div>
</div>
<div class="form-group">
<label for="inputAddress">اقدامات انجام شده </label>
<input type="text" class="form-control" id="action" />
</div>
<div class="form-group" id="sliderphysici">
<label class="slider-label" for="inputAddress2">
پیشرفت فیزیکی</label>
</div>
<div class="form-row">
<div class="form-group col-md-6">
<label for="inputCity">
اعتبارات هزینه شده (به میلیون ریال)
</label>
<input type="number" class="form-control" id="cost" min="1000" />
</div>
<div class="form-group col-md-6">
<label for="inputCity"> تاریخ خاتمه</label>
<input type="text" class="form-control" id="end-date" name="date-modal" />
</div>
</div>
<div class="form-row">
<div class="form-group col-md-6">
<label for="inputCity"> عرض جغرافیایی </label>
<input type="text" class="form-control cord-font" id="ac-point-lat"
data-inputmask='"mask": "(99.999999999999999)"' data-mask />
</div>
<div class="form-group col-md-6">
<label for="inputCity"> طول جغرافیایی </label>
<input type="text" class="form-control cord-font" id="ac-point-lng"
data-inputmask='"mask": "(99.999999999999999)"' data-mask />
</div>
</div>
<div class="form-group">
<label class="file-input-modal-container">
<div class="file-input-modal">
برای آپلود فایل اینجا را کلیک کنید
</div>
<input class="file-input" type="file" name="modalUpFile" multiple="" />
</label>
</div>
<button type="button" class="btn btn-primary float-left" id="editpoints">
ثبت
</button>
</form>
</div>
</div>
</div>
</div>
<div class="container-fluid px-4 div-table topBottom-whiteSpace">
<br />
<h6>251 نقطه پر تصادف مصوب سال 1395</h6>
<hr />
<div class="col-12">
<table
id="example"
class="table table-hover table-bordered table-striped"
width="100%"
>
<thead class="thead-style">
<tr>
<th width="3%">ردیف</th>
<th width="7%">اداره کل</th>
<th width="7%">نام محور</th>
<th width="8%">توصیف هندسی نقطه</th>
<th width="13%">عملیات مورد نیاز</th>
<th width="12%">اقدامات انجام شده</th>
<th width="8%">اعتبارات هزینه شده(میلیون ریال)</th>
<th width="8%">پیشرفت فیزیکی (درصد)</th>
<th width="6%">تاریخ خاتمه</th>
<th width="10%">اخرین تاریخ بروزرسانی</th>
<th width="10%">عملیات</th>
</tr>
</thead>
</table>
</div>
</div>
<!-- jQuery -->
<script src="../plugins/jquery/jquery.min.js"></script>
<!-- Bootstrap 4 -->
<script src="../plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
<!-- Persian DatePicker -->
<script src="../dist/js/persian-date.min.js"></script>
<script src="../dist/js/persian-datepicker.min.js"></script>
<!-- AdminLTE App -->
<script src="../dist/js/adminlte.min.js"></script>
<script src="../plugins/bootstrap-slider/bootstrap-slider.min.js"></script>
<script src="../plugins/datatables/jquery.dataTables.min.js"></script>
<script src="../dist/js/dataTables.bootstrap4.min.js"></script>
<script src="../dist/js/datatables/persian.js"></script>
<script src="../plugins/datatables-buttons/js/dataTables.buttons.min.js"></script>
<script src="../plugins/datatables-buttons/js/buttons.html5.min.js"></script>
<!-- <script src="../plugins/datatables-buttons/js/buttons.print.min.js"></script> -->
<script src="../dist/js/jszip.min.js"></script>
<script src="../plugins/sweetalert2/sweetalert2.all.min.js"></script>
<!-- Moment.js -->
<script src="../plugins/moment/moment.min.js"></script>
<script src="../dist/js/jalali-moment.browser.js"></script>
<!-- Page Script -->
<script src="../dist/js/251pointss.js"></script>
<script src=""></script>
<!-- <script src="../dist/js/panel.js"></script>
<script src="../dist/js/panel-managment.js"></script> -->
<!-- Page Script -->
<!-- <script src="../dist/js/user-list.js"></script> -->
<!-- persian datepicker -->
<script src="https://unpkg.com/persian-date@1.1.0/dist/persian-date.min.js"></script>
<script src="https://unpkg.com/persian-datepicker@1.2.0/dist/js/persian-datepicker.min.js"></script>
</body>
</html>