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

933 lines
28 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.
<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() }}" />
<link rel="icon" href="../dist/images/fav.ico" type="image/ico" sizes="16x16">
<title>باما</title>
<link rel="stylesheet" href="../plugins/fontawesome-free/css/all.min.css" />
<link rel="stylesheet" href="../dist/css/adminlte.css" />
<link rel="stylesheet" href="../dist/css/fontiran.css">
<!-- bootstrap slider -->
<link rel="stylesheet" href="../plugins/bootstrap-slider/css/bootstrap-slider.min.css" />
<!-- chartjs -->
<link rel="stylesheet" href="../plugins/chart.js/Chart.min.css" />
<!-- leaflet -->
<link rel="stylesheet" href="../dist/css/leaflet.css">
<!-- persian-datepicker -->
<link rel="stylesheet" href="../dist/css/persian-datepicker.min.css">
<!-- select2 -->
<link rel="stylesheet" href="../plugins/select2/css/select2.min.css" />
<!-- datatable -->
<link rel="stylesheet" href="../plugins/datatables-bs4/css/dataTables.bootstrap4.min.css">
<!-- datatable button -->
<link rel="stylesheet" href="../plugins/datatables-buttons/css/buttons.bootstrap4.min.css">
<link rel="stylesheet" href="../dist/css/footer.css" />
<link rel="stylesheet" href="../dist/css/fullstyle.css" />
<style>
body {
font-family: "IRANSans";
/* background-image: url(../images/modalrms/13.jpg); */
background-repeat: no-repeat;
background-size: cover;
min-height: 0;
}
.footer-new-style {
background-color: #fff;
position: fixed;
bottom: 0px;
right: 0px;
left: 0px;
font-family: "IRANSansFaNum";
font-size: 10px;
font-weight: 700;
justify-content: center;
}
.contactUsPart .time {
color: #ff5c0f;
unicode-bidi: embed;
}
.content {
/* padding: initial; */
display: block;
}
.logoPart {
padding: 10px 40px;
display: inline-block;
}
.contactUsPart {
padding-left: 30px;
}
.bamahomepage {
display: flex;
flex-direction: row;
padding: 30px 2% 10px 2%;
}
.filter h6 {
font-weight: bold;
text-align: center;
}
.widthcounter {
background-color: #60922c;
width: fit-content;
text-align: center;
border-radius: 10px;
margin-left: auto;
margin-right: auto;
padding: 4px 14px;
}
.counter-for-rahdari {
font-size: 20px;
font-weight: bold;
font-family: 'IRANSansFaNum';
}
.filtertext {
font-size: 14px;
font-weight: bold;
}
.filterhr {
background-color: #3156b6;
}
.navbar-private-style {
position: fixed;
top: 0px;
left: 0px;
right: 0px;
z-index: 11;
box-shadow: 0px 4px 5px rgb(53, 52, 52);
}
.navbar-sp {
color: #ffffff !important;
font-size: 10px;
}
.map-footer-style {
position: fixed;
bottom: 0px;
left: 0px;
right: 0px;
z-index: 11;
background-color: #fff;
box-shadow: 0px -2px 4px rgb(53, 52, 52);
border-radius: 3px;
}
.havig {
text-align: center;
margin-bottom: 3px;
}
.filter-style {
display: inline;
cursor: pointer;
padding: 0 15px 0 15px;
}
.filter-style-span {
font-size: 11px;
font-weight: 600;
margin-left: 2px;
}
.moz-style-span {
font-size: 14px;
font-weight: 600;
}
.province-dropdown {
cursor: pointer;
display: inline;
}
.align-for-province {
/* text-align: center; */
}
.projecttype-dropdown {
cursor: pointer;
display: inline;
margin-bottom: 2px;
}
.dropdown-projecttype {
display: block;
}
.choosenfilter {
color: #ff5c0f;
padding-right: 6px;
font-size: 16px;
}
.showlisttext {
padding: 10px 0 11px 0;
}
.filterdiv {
margin-top: 20px;
}
.showbama {
display: flex;
flex-direction: column;
width: 95%;
margin: 0 auto;
}
.carddata {
display: flex;
flex-direction: column;
padding: 14px;
margin-bottom: 17px;
border: 1px solid #ff5c0f;
box-shadow: 2px 2px 6px rgb(224, 222, 222);
color: #000000;
}
.rowtext {
display: flex;
flex-direction: row;
}
.rowtext span {
font-size: 9px;
padding-left: 7%;
}
.rightlist {
width: 40%;
margin-left: 10%;
margin-right: 8%;
}
.leftlist {
width: 40%;
}
.cardtext hr {
background-color: #ff5c0f;
width:90%;
}
.rowtext img {
width: 21px;
margin-left: 13%;
}
.scorebama {
width: 10%;
border: 1px solid #e9ebf4;
text-align: center;
position: relative;
padding: 5px 2px 5px 2px;
}
.starbama {
position: absolute;
right: -9px;
bottom: -5px;
border: 1px solid #e9ebf4;
border-radius: 50%;
}
.starbama img {
width: 15px
}
#province-getBama {
font-size: 12px;
}
.col-filter {
padding-bottom: 10px;
}
.provinceshow {
font-size: 11px;
font-weight: 600;
max-width: 100%;
padding-bottom: 10px;
cursor: pointer;
}
@media only screen and (min-width: 1700px) {
.logoPart {
font-size: 14px;
}
.contactUsPart {
font-size: 14px;
}
}
@media only screen and (max-width: 700px) {
.footer-new-style {
background-color: #fff;
position: fixed;
bottom: 0px;
right: 0px;
left: 0px;
font-family: "IRANSansFaNum";
font-size: 10px;
font-weight: 700;
justify-content: center;
}
.contactUsPart {
padding-left: 0px;
}
}
@media only screen and (max-width: 800px) {
.logoPart {
padding: 10px 40px;
display: inline-block;
}
}
.filterfont {
font-size: 11px;
font-weight: 600;
padding-top: 5px;
}
.mehvartypefilter {
font-size: 12px;
font-weight: 600;
font-family: "IRANSansFaNum";
/* display:none; */
/* padding-top:8px; */
}
.mehvarshowdiv {
display: none;
}
.statusdivproject {
display: none;
}
.divyearshown {
display: none;
}
.rowpadding {
padding-top: 10px;
font-family: "IRANSansFaNum";
}
.borderfilter {
border-left: 1px solid #ff5c0f;
}
.circularimage {
width: 150px;
background-color: red;
height: 150px;
position: absolute;
left: 17px;
border-radius: 50%;
top: -14px;
}
.circularimage img {
width: 150px;
height: 150px;
border-radius: 50%;
}
.cardtext {
position: relative;
font-size: 11px;
font-family: 'IRANSansFaNum';
font-weight: 600;
}
.projectlist {
padding-bottom: 10px;
margin: 0;
max-width: 100%;
font-size: 11px;
font-weight: 600;
cursor: pointer
}
.projectseclist {
text-align: end;
}
.projectlistend {
text-align: center
}
.provincenum {
font-family: "IRANSansFaNum";
color: #ff5630;
}
.lastlistname {
text-align: end;
}
.filtermehvrtype {
border-left: 1px solid #ff5c0f;
cursor: pointer;
}
.filtermehvrtypenew {
cursor: pointer;
}
.endlistmehvartype {
text-align: end;
}
.laststatus {
color: #ff5630;
font-size: 10px;
}
#dropdown-projecttypeid {
display: none;
}
.arrow-changing1 {
width: 12px;
}
.dropdown-province {
display: none;
}
.projectimportancediv {
display: none;
}
.numberproshow {
text-align: center;
font-family: 'IRANSansFaNum';
color: #ff5c0f;
}
.numaxis {
color: #ff5c0f;
font-size: 10px;
}
.numtype {
font-family: 'IRANSansFaNum';
font-size: 9px;
color: #ff5c0f;
}
.projectchoose {
margin-top: 30px;
font-family: 'IRANSansFaNum';
}
.spanfilter {
font-size: 12px;
font-weight: bold;
}
.spandelet {
color: #FF1493;
font-size: 18px;
cursor: pointer;
float: left;
}
.findfilter {
font-size: 12px;
font-weight: bold;
color: #ff5c0f;
}
.itemchoosen {
margin-top: 10px;
}
.yearstyle {
cursor: pointer;
}
.loader {
display: inline-block;
width: 40px;
height: 40px;
position: relative;
border: 4px solid #ff5c0f;
top: 0;
animation: loader 2s infinite ease;
}
.loader-inner {
vertical-align: top;
display: inline-block;
width: 100%;
background-color: #fff;
animation: loader-inner 2s infinite ease-in;
}
.navbar-nav .dropdown-menu {
position: absolute !important;
}
@keyframes loader {
0% {
transform: rotate(0deg);
}
25% {
transform: rotate(180deg);
}
50% {
transform: rotate(180deg);
}
75% {
transform: rotate(360deg);
}
100% {
transform: rotate(360deg);
}
}
@keyframes loader-inner {
0% {
height: 0%;
}
25% {
height: 0%;
}
50% {
height: 100%;
}
75% {
height: 100%;
}
100% {
height: 0%;
}
}
.divloader {
display: none;
justify-content: center;
align-items: center;
position: fixed;
right: 0;
left: 0;
top: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.4);
z-index: 20;
}
.pagination {
display: flex;
padding-left: 0;
list-style: none;
font-family: 'IRANSansFaNum';
border-radius: 0.25rem;
}
.showiconstar {
margin-top: -10px
}
.circularimage {
width: 133px;
background-color: red;
height: 133px;
position: absolute;
left: -3px;
border-radius: 50%;
top: -12px;
}
.circularimage img {
width: 135px;
height: 135px;
border-radius: 50%;
}
.rowtext {
display: flex;
flex-direction: row;
margin-top: 4px;
}
#exampleshowpage {
list-style: none;
}
@media only screen and (min-width: 1400px) {
.circularimage {
width: 142px;
background-color: red;
height: 142px;
position: absolute;
left: 17px;
border-radius: 50%;
top: 10px;
}
.circularimage img {
width: 142px;
height: 142px;
border-radius: 50%;
}
.rowtext {
display: flex;
flex-direction: row;
margin-top: 5px;
/* font-size: 16px; */
}
.rowtext span {
font-size: 12px;
padding-left: 7%;
}
.showiconstar {
margin-top: -10px
}
}
.pagination {
margin-right: auto !important;
}
.page-link {
border: none;
color: #000 !important;
}
</style>
</head>
<body>
<!-- TOP MENU -->
<div class="divloader">
<span class="loader"><span class="loader-inner"></span></span>
</div>
@include('layouts.header')
<!-- END TOP MENU -->
<div class="container-fluid">
<div class="row">
<div class="col-sm-12">
<div class="bamahomepage">
<div class="col-sm-3 filter">
<h6>تعداد پروژه ها</h6>
<div class="widthcounter" id="countall">
<!-- <span class="counter-for-rahdari counter-for">0</span> -->
</div>
<div class="projectchoose">
<span class="findfilter">فیلتر های جست و جو </span>
<!-- <div class="itemchoosen">
<span class="spanfilter">روکش آسفالت </span>
<span class="spandelet">X</span>
</div> -->
</div>
<div class="filterdiv">
<div class="projecttype showlisttext">
<div id="projecttypearrow" class="projecttype-dropdown">
<span class="filtertext projecttypeid">نوع پروژه</span>
<img class="arrow-changing1 projecttypeid"
src="../dist/images/bamaicons/arrow-left.svg" alt="" />
</div>
<div class="dropdown-projecttype" id="dropdown-projecttypeid">
<div class="col-sm-12">
<div class="row">
<div class="col-sm-6">
<div class="col-sm-6 projectlist " id="rookeshnegah">
روکش آسفالت (نگهداری راه ها)
<img src="../dist/images/bamaicons/rookesh-bama.svg"
style="width: 20px; height: 20px;" />
</div>
<div class="col-sm-6 projectlist" id="abnienegah">
ابنیه فنی (نگهداری ابنیه فنی )
<img src="../dist/images/bamaicons/abniefani-bama.svg"
style="width: 20px; height: 20px;" />
</div>
</div>
<div class="col-sm-6">
<div class="col-sm-6 projectlist projectseclist" id="hadesekhisz">
رفع نقاط حادثه خیز
<img src="../dist/images/bamaicons/dangerpoint-bama.svg"
style="width: 20px; height: 20px;" />
</div>
<div class="col-sm-6 projectlist projectseclist" id="rahdarkhanebeh">
راهدارخانه (بهسازی و نوسازی )
<img src="../dist/images/bamaicons/green-home-bama.svg"
style="width: 20px; height: 20px;" />
</div>
</div>
</div>
</div>
<div class="col-sm-12">
<div class="row">
<div class="col-sm-12 projectlist projectlistend" id="erteghayeimeni">
ارتقای ایمنی راه
<img src="../dist/images/bamaicons/oprative-bama.svg"
style="width: 20px; height: 20px;" />
</div>
</div>
</div>
</div>
<hr class="filterhr" />
</div>
<div class="ostantype showlisttext">
<div class="province-dropdown ">
<span class="filtertext projectostan">استان</span>
<img class="arrow-changing1 projectostan"
src="../dist/images/bamaicons/arrow-left.svg" alt="" />
</div>
<div class="dropdown-province" id="dropdown-province">
<div class="row">
<div class="col-12 align-for-province">
<div class="col-sm-12">
<div class="row" id="appendostan">
</div>
</div>
</div>
</div>
</div>
<hr class="filterhr" />
</div>
<div class="ostantype showlisttext">
<div class="province-dropdown projectcity">
<span class="filtertext ">شهرستان</span>
<img class="arrow-changing1 " src="../dist/images/bamaicons/arrow-left.svg"
alt="" />
</div>
<div class="dropdown-city" id="dropdown-city">
<div class="row">
<div class="col-12 align-for-province">
<div class="col-sm-12">
<div class="row" id="appendcity">
</div>
</div>
</div>
</div>
</div>
<hr class="filterhr" />
</div>
<div class="mehvartype showlisttext">
<div style="cursor: pointer;">
<span class="filtertext projecttypeimage"> نوع محور</span>
<img class="arrow-changing1 projecttypeimage"
src="../dist/images/bamaicons/arrow-left.svg" alt="" />
</div>
<div class="mehvartypefilter mehvarshowdiv">
<div class="col-ms-12">
<div class="row filterfont">
<div class="col-sm-3 filtermehvrtype" id="sharyani"
onclick="mehvartypefunc(1)"><span>شریانی</span> </div>
<div class="col-sm-3 filtermehvrtype" id="asli" onclick="mehvartypefunc(2)">
<span>اصلی</span>
</div>
<div class="col-sm-3 filtermehvrtype" id="faryi"
onclick="mehvartypefunc(3)"><span>فرعی</span> </div>
<div class="col-sm-3 filtermehvrtypenew " id="roostayi"
onclick="mehvartypefunc(4)">
<span>روستایی</span>
</div>
</div>
</div>
</div>
<hr class="filterhr" />
</div>
<div class="projectstatus showlisttext">
<div style="cursor: pointer;">
<span class="filtertext imagestatusproject">آخرین وضعیت پروژه</span>
<img class="arrow-changing1 imagestatusproject"
src="../dist/images/bamaicons/arrow-left.svg" alt="" />
</div>
<div class="mehvartypefilter statusdivproject">
<div class="col-ms-12">
<div class="col-sm-12">
<div class="row">
<div class="col-sm-6" id="projectstatusshow">
<div class="col-sm-4 provinceshow " id="status4"
onclick="projectstatus(4)"> در حال تجهیز کارگاه </div>
<div class="col-sm-4 provinceshow" id="status3"
onclick="projectstatus(3)"> در دست مناقصه </div>
<div class="col-sm-4 provinceshow" id="status0"
onclick="projectstatus(0)">توسط استان ها بروزرسانی نشده </div>
<div class="col-sm-4 provinceshow" id="status2"
onclick="projectstatus(2)"> در دست مطالعه و تهیه اسناد مناقصه
</div>
</div>
<div class="col-sm-6 endlistmehvartype" id="showstatussec">
<div class="col-sm-4 provinceshow " id="status5"
onclick="projectstatus(5)"> در حال اجرا فعال </div>
<div class="col-sm-4 provinceshow" id="status6"
onclick="projectstatus(6)"> در حال اجرا متوقف </div>
<div class="col-sm-4 provinceshow" id="status1"
onclick="projectstatus(1)">در دست برنامه ریزی اولیه </div>
<div class="col-sm-4 provinceshow" id="status7"
onclick="projectstatus(7)"> در حال آماده سازی برای افتتاح </div>
</div>
</div>
</div>
</div>
</div>
<hr class="filterhr" />
</div>
<div class="yearstart showlisttext">
<div style="cursor: pointer;">
<span class="filtertext imagedivyear">
تاریخ انعقاد قرارداد
</span>
<img class="arrow-changing1" src="../dist/images/bamaicons/arrow-left.svg" alt="" />
</div>
<div class="mehvartypefilter divyearshown">
<div class="col-sm-12">
<div class="row" id="startyear">
</div>
</div>
</div>
<hr class="filterhr" />
</div>
<div class="projectimportance showlisttext">
<div style="cursor: pointer;">
<span class="filtertext projectimportanceimage"> درجه اهمیت پروژه </span>
<img class="arrow-changing1 projectimportanceimage"
src="../dist/images/bamaicons/arrow-left.svg" alt="" />
</div>
<div class="mehvartypefilter projectimportancediv ">
<div class="col-sm-12">
<div class="row" id="importancediv">
<div class="col-sm-5 borderfilter yearstyle "
onclick="projectimportance(3)">بسیار حایز اهمیت</div>
<div class="col-sm-3 borderfilter yearstyle" onclick="projectimportance(2)">
عادی</div>
<div class="col-sm-4 yearstyle" onclick="projectimportance(1)">پروژه با
اهمیت کم </div>
</div>
</div>
</div>
<hr class="filterhr" />
</div>
</div>
</div>
<div class="col-sm-9">
<div class="showbama">
<div class="col-sm-12">
<ul id="exampleshowpage">
<li>
<div class="row" id="projectcontent">
</div>
</li>
<ul>
</div>
<div class="pagination">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
@include('layouts.footer')
</body>
<!-- jQuery -->
<script src="../plugins/jquery/jquery.min.js"></script>
<script src="../dist/js/jquery.rollNumber.js"></script>
<script src="../dist/js/jQuery-Plugin-For-Creating-An-Animated-Counter-kCounter/js/kcounter.js"></script>
<!-- Bootstrap 4 -->
<script src="../plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
<!-- ChartJS -->
<script src="../plugins/chart.js/Chart.min.js"></script>
<!-- datatable -->
<script src="../plugins/datatables/jquery.dataTables.min.js"></script>
<script src="../plugins/datatables-bs4/js/dataTables.bootstrap4.js"></script>
<script src="../dist/js/jquery.rollNumber.js"></script>
<script src="../dist/js/jQuery-Plugin-For-Creating-An-Animated-Counter-kCounter/js/kcounter.js"></script>
<!-- datable button -->
<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/moment/moment.min.js"></script>
<script src="../dist/js/jalali-moment.browser.js"></script>
<!-- select2 -->
<script src="../plugins/select2/js/select2.full.min.js"></script>
<!-- inputmask -->
<script src="../plugins/inputmask/min/jquery.inputmask.bundle.min.js"></script>
<script src="../plugins/bootstrap/jquery.counterup.min.js"></script>
<script src="../plugins/bootstrap/pagination.js"></script>
<script src="../dist/js/static.js"></script>
<script src="../dist/js/header.js"></script>
<script src="../dist/js/newbama.js"></script>
</html>