424 lines
20 KiB
PHP
424 lines
20 KiB
PHP
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<meta http-equiv="x-ua-compatible" content="ie=edge">
|
|
|
|
<meta name="csrf-token" content="{{ csrf_token() }}">
|
|
|
|
<title>ثبت گشت راهداری و ترابری</title>
|
|
|
|
<!-- Font Awesome Icons -->
|
|
<link rel="stylesheet" href="../plugins/fontawesome-free/css/all.min.css">
|
|
<!-- IRANSans Font -->
|
|
<link rel="stylesheet" href="../dist/css/fontiran.css">
|
|
<!-- icheck bootstrap -->
|
|
<link rel="stylesheet" href="../plugins/icheck-bootstrap/icheck-bootstrap.min.css">
|
|
<!-- Leaflet -->
|
|
<link rel="stylesheet" href="../dist/css/leaflet.css">
|
|
<link rel="stylesheet" href="../dist/css/MarkerCluster.css">
|
|
<link rel="stylesheet" href="../dist/css/MarkerCluster.Default.css">
|
|
<!-- ChartJS -->
|
|
<link rel="stylesheet" href="../plugins/chart.js/Chart.min.css">
|
|
<link rel="stylesheet" href="../dist/css/styleheader.css">
|
|
<link rel="stylesheet" href="../dist/css/fullstyle.css">
|
|
<!-- Theme style -->
|
|
<link rel="stylesheet" href="../dist/css/adminlte.css">
|
|
<style>
|
|
body {
|
|
overflow: hidden;
|
|
}
|
|
|
|
.dropdown {
|
|
float: right;
|
|
overflow: visible !important;
|
|
direction: rtl;
|
|
}
|
|
|
|
.dropdown-item {
|
|
color: black !important;
|
|
text-align: center !important;
|
|
font-size: 11px !important;
|
|
font-weight: 700 !important;
|
|
}
|
|
|
|
.dropdown-item:hover {
|
|
background-color: #ff5c0f !important;
|
|
color: white !important;
|
|
border-radius: 8px !important;
|
|
}
|
|
|
|
/* .profile {
|
|
margin-left: 60px !important;
|
|
border: 2px solid #ff5c0f !important;
|
|
padding: 1px 6px !important;
|
|
border-radius: 5px !important;
|
|
} */
|
|
|
|
.dropdown-toggle::after {
|
|
display: none;
|
|
}
|
|
|
|
.navbar {
|
|
padding: 5px 10px 2px 10px !important;
|
|
}
|
|
|
|
.navbar-nav {
|
|
padding-bottom: 0px !important;
|
|
}
|
|
|
|
.navbar-sp {
|
|
color: #ffffff !important;
|
|
font-size: 10px;
|
|
margin-top: 8px !important;
|
|
}
|
|
|
|
.logoPart {
|
|
padding: 3px 40px !important;
|
|
display: inline-block;
|
|
font-size: 10px !important;
|
|
font-weight: bold !important;
|
|
}
|
|
|
|
.bottom-item-selection .item-container {
|
|
background-color: #fff;
|
|
overflow: auto;
|
|
white-space: nowrap;
|
|
position: absolute;
|
|
bottom: 16% !important;
|
|
right: 0;
|
|
left: 0;
|
|
z-index: 1000;
|
|
display: flex;
|
|
flex-direction: row;
|
|
}
|
|
|
|
.bottom-item-selection .submit-item {
|
|
background-color: #ccc;
|
|
position: absolute;
|
|
bottom: 90px !important;
|
|
right: 0;
|
|
left: 0;
|
|
z-index: 1000;
|
|
height: 7%;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
|
|
.submit-button {
|
|
background-color: rgb(43, 125, 43);
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<body class="hold-transition sidebar-mini layout-fixed layout-navbar-fixed sidebar-collapse starter-project-page">
|
|
|
|
@include('layouts.header')
|
|
|
|
<div class="wrapper road-patrol-page">
|
|
<!-- Content Wrapper. Contains page content -->
|
|
<div class="content-wrapper">
|
|
<!-- Main content -->
|
|
<div class="content">
|
|
<div class="container-fluid">
|
|
<div class="starter-content">
|
|
<!-- TOP MENU -->
|
|
|
|
<!-- END TOP MENU -->
|
|
<div class="starter-loader-container">
|
|
<div class="starter-loader"></div>
|
|
</div>
|
|
|
|
<!-- New Project Modal -->
|
|
<div class="modal fade" id="reportModal">
|
|
<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">×</button>
|
|
</div>
|
|
|
|
<!-- Modal body -->
|
|
<div class="modal-body new-project-modal">
|
|
<div class="report-item-box"
|
|
onclick="window.open('road-construction/create', '_self');">
|
|
<div class="report-title">
|
|
<img src="../dist/images/layer-icons/machinery.svg" width="30px">
|
|
<p class="mt-4">پروژه راههای روستایی</p>
|
|
</div>
|
|
</div>
|
|
<div class="report-item-box"
|
|
onclick="window.open('road-items/create', '_self');">
|
|
<div class="report-title">
|
|
<img src="../dist/images/layer-icons/barrier.svg" width="30px">
|
|
<p class="mt-4">پروژه راهداری</p>
|
|
</div>
|
|
</div>
|
|
<div class="report-item-box" onclick="window.open('/rmto-patrol', '_self');">
|
|
<div class="report-title">
|
|
<img src="../dist/images/layer-icons/pickup-truck.svg" width="30px">
|
|
<p class="mt-4">گشت راهداری</p>
|
|
</div>
|
|
</div>
|
|
<!-- <div class="report-item-box" onclick="window.open('project-submit-form.html', '_self');">
|
|
<div class="report-title">
|
|
<img src="../dist/images/layer-icons/machinery.svg" width="64px">
|
|
<p class="mt-4">پروژه راههای روستایی</p>
|
|
</div>
|
|
</div>
|
|
<div class="report-item-box" onclick="window.open('../starter.html', '_self');">
|
|
<div class="report-title">
|
|
<img src="../dist/images/layer-icons/barrier.svg" width="64px">
|
|
<p class="mt-4">پروژه راهداری</p>
|
|
</div>
|
|
</div> -->
|
|
</div>
|
|
|
|
<!-- Modal footer -->
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-secondary"
|
|
data-dismiss="modal">بستن</button>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Item Modal -->
|
|
<div class="modal modal-info fade in" id="uploadroaditem" tabindex="-1" role="dialog"
|
|
aria-labelledby="exampleModalLabel" aria-hidden="true">
|
|
<div class="modal-dialog modal-dialog-centered">
|
|
<div class="modal-content">
|
|
|
|
<div class="modal-header">
|
|
<h5 class="modal-title">Modal title</h5>
|
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
|
<span aria-hidden="true">×</span>
|
|
</button>
|
|
</div>
|
|
|
|
<!-- Modal body -->
|
|
<div class="modal-body">
|
|
<div class="zoom-card scale-transition scale-out">
|
|
<div class="row sub-item-container">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Modal footer -->
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-warning btn-prev">بازگشت</button>
|
|
<button type="button" class="btn btn-info btn-next">مرحله بعد</button>
|
|
<button type="button" class="btn btn-success btn-create"
|
|
style="display: none;">تایید و
|
|
ثبت</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Plate Modal -->
|
|
<div class="modal modal-info fade in" id="plateModal" tabindex="-1" role="dialog"
|
|
aria-labelledby="exampleModalLabel" aria-hidden="true">
|
|
<div class="modal-dialog modal-dialog-centered">
|
|
<div class="modal-content">
|
|
<div class="starter-loader-container">
|
|
<div class="starter-loader"></div>
|
|
</div>
|
|
|
|
<div class="modal-header">
|
|
<h5 class="modal-title">Modal title</h5>
|
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close"
|
|
style="display: none;">
|
|
<span aria-hidden="true">×</span>
|
|
</button>
|
|
</div>
|
|
|
|
<!-- Modal body -->
|
|
<div class="modal-body">
|
|
<div class="plate-container"></div>
|
|
</div>
|
|
|
|
<!-- Modal footer -->
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-info btn-next">مرحله بعد</button>
|
|
<button type="button" class="btn btn-success btn-create"
|
|
style="display: none;">تایید و
|
|
ثبت</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- MAP -->
|
|
<div class="pin-container">
|
|
<img id="org-pin" src="../dist/images/origin.png" width="55" height="75" >
|
|
</div>
|
|
<div class="pin-container">
|
|
<img id="dest-pin" src="../dist/images/destination.png" width="55" height="75"
|
|
style="display: none;">
|
|
</div>
|
|
<div class="add-pins" id="add-pins-box">
|
|
<div class="pins-add-row" onclick="addMiddlePin()">
|
|
<img src="../dist/images/pin-plus.svg" width="28px">
|
|
<span>افزودن فعالیت حین ماموریت</span>
|
|
</div>
|
|
<div class="pins-add-row" onclick="addDestinationPin()">
|
|
<img src="../dist/images/pin-plus.svg" width="28px">
|
|
<span>افزودن نقطه پایان ماموریت</span>
|
|
</div>
|
|
<div class="pins-submit">
|
|
<button class="submit-button" onclick="submitProject()">ثبت پروژه</button>
|
|
</div>
|
|
</div>
|
|
<div class="map-box">
|
|
<div id="map" class="map"></div>
|
|
<!-- this will show our spinner -->
|
|
<div hidden id="layer-spinner" class="spinner"></div>
|
|
</div>
|
|
<!-- END MAP -->
|
|
|
|
<!-- <div class="item-container">
|
|
<div class="inner-item-container">
|
|
<div class="item-box-container">
|
|
<div class="inner-item-box-container">
|
|
<div class="item-box">
|
|
<div class="item-image">
|
|
<img src="../dist/images/source-ico.png" alt="">
|
|
</div>
|
|
<span>مرمت رویه</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div> -->
|
|
<div class="bottom-item-selection">
|
|
<div class="item-container">
|
|
<div class="item-box" onclick="selectItem(this, 1)">
|
|
<img src="../dist/images/layer-icons/reconstruction.png" alt="">
|
|
<span>مرمت رویه</span>
|
|
</div>
|
|
<div class="item-box" onclick="selectItem(this, 2)">
|
|
<img src="../dist/images/layer-icons/clean.png" alt="">
|
|
<span>پاکسازی</span>
|
|
</div>
|
|
<div class="item-box" onclick="selectItem(this, 3)">
|
|
<img src="../dist/images/layer-icons/road-sign.png" alt="">
|
|
<span>علائم</span>
|
|
</div>
|
|
<div class="item-box" onclick="selectItem(this, 4)">
|
|
<img src="../dist/images/layer-icons/barrier.png" alt="">
|
|
<span>حفاظ</span>
|
|
</div>
|
|
<div class="item-box" onclick="selectItem(this, 5)">
|
|
<img src="../dist/images/layer-icons/bright.png" alt="">
|
|
<span>روشنایی</span>
|
|
</div>
|
|
<div class="item-box" onclick="selectItem(this, 6)">
|
|
<img src="../dist/images/layer-icons/paint1.png" alt="">
|
|
<span>خط کشی</span>
|
|
</div>
|
|
<div class="item-box" onclick="selectItem(this, 7)">
|
|
<img src="../dist/images/layer-icons/paint.png" alt="">
|
|
<span>رنگ آمیزی</span>
|
|
</div>
|
|
<div class="item-box" onclick="selectItem(this, 8)">
|
|
<img src="../dist/images/layer-icons/wash.png" alt="">
|
|
<span>شستشو</span>
|
|
</div>
|
|
<div class="item-box" onclick="selectItem(this, 9)">
|
|
<img src="../dist/images/layer-icons/safe.png" alt="">
|
|
<span>ایمن سازی</span>
|
|
</div>
|
|
<div class="item-box" onclick="selectItem(this, 10)">
|
|
<img src="../dist/images/layer-icons/road.png" alt="">
|
|
<span>حریم</span>
|
|
</div>
|
|
<div class="item-box" onclick="selectItem(this, 11)">
|
|
<img src="../dist/images/layer-icons/bridge.png" alt="">
|
|
<span>پل</span>
|
|
</div>
|
|
<div class="item-box" onclick="selectItem(this, 12)">
|
|
<img src="../dist/images/layer-icons/tunnel-sign.png" alt="">
|
|
<span>تونل و گالری</span>
|
|
</div>
|
|
<div class="item-box" onclick="selectItem(this, 13)">
|
|
<img src="../dist/images/layer-icons/snow.png" alt="">
|
|
<span>عملیات زمستانی</span>
|
|
</div>
|
|
<div class="item-box" onclick="selectItem(this, 14)">
|
|
<img src="../dist/images/layer-icons/machinery.png" alt="">
|
|
<span>ماشین آلات</span>
|
|
</div>
|
|
<div class="item-box" onclick="selectItem(this, 15)">
|
|
<img src="../dist/images/layer-icons/snowy-house.png" alt="">
|
|
<span>راهدارخانه</span>
|
|
</div>
|
|
<div class="item-box" onclick="selectItem(this, 16)">
|
|
<img src="../dist/images/layer-icons/emergency.png" alt="">
|
|
<span>موارد اضطراری</span>
|
|
</div>
|
|
<div class="item-box" onclick="selectItem(this, 17)">
|
|
<img src="../dist/images/layer-icons/report.png" alt="">
|
|
<span>گزارش گشت راهداری</span>
|
|
</div>
|
|
<div class="item-box" onclick="selectItem(this, 18)">
|
|
<img src="../dist/images/layer-icons/pickup-truck.png" alt="">
|
|
<span>کشیک راهداری زمستانی</span>
|
|
</div>
|
|
<div class="item-box" onclick="selectItem(this, 19)">
|
|
<img src="../dist/images/layer-icons/pickup-truck.png" alt="">
|
|
<span>ناوگان حمل و نقل عمومی</span>
|
|
</div>
|
|
</div>
|
|
<div class="submit-item">
|
|
<button class="submit-item-button" onclick="nextSubItemSelection()" disabled>مرحله
|
|
بعد</button>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- <div class="footer_licences">
|
|
<span class="footerContent"> تمامی حقوق این وبسایت متعلق به مرکز داده کاوی حمل و نقل و مدیریت زیرساخت های
|
|
سازمان راهداری و حمل و نقل جاده ای می باشد | </span>
|
|
<span class="footerContentYear">1398</span>
|
|
</div> -->
|
|
|
|
</div>
|
|
</div>
|
|
<!-- /.container-fluid -->
|
|
</div>
|
|
<!-- /.content -->
|
|
</div>
|
|
<!-- /.content-wrapper -->
|
|
</div>
|
|
<!-- ./wrapper -->
|
|
@include('layouts.footer')
|
|
|
|
<!-- REQUIRED SCRIPTS -->
|
|
|
|
<!-- jQuery -->
|
|
<script src="../plugins/jquery/jquery.min.js"></script>
|
|
<!-- Bootstrap 4 -->
|
|
<script src="../plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
|
|
<!-- Leaflet -->
|
|
<script src="../dist/js/leaflet.js"></script>
|
|
<script src="../dist/js/leaflet.markercluster.js"></script>
|
|
<script src="../dist/js/leaflet-routing-machine.js"></script>
|
|
<!-- ChartJS -->
|
|
<script src="../plugins/chart.js/Chart.min.js"></script>
|
|
<script src="../plugins/moment/moment.min.js"></script>
|
|
<script src="../dist/js/jalali-moment.browser.js"></script>
|
|
<!-- AdminLTE App -->
|
|
<script src="../dist/js/static.js"></script>
|
|
|
|
<script src="../dist/js/adminlte.min.js"></script>
|
|
<!-- PAGE SCRIPTS -->
|
|
<script src="../dist/js/newpp.js"></script>
|
|
</body>
|
|
|
|
</html> |