Files
backend/resources/views/rmto-preview/pages/RandD.blade.php

826 lines
22 KiB
PHP
Raw Permalink 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 http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<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" />
<link rel="stylesheet" href="../dist/css/persian-datepicker.min.css">
<link rel="stylesheet" href="../dist/css/footer.css" />
<link rel="stylesheet" href="../dist/css/splide.min.css" />
<link rel="stylesheet" href="../dist/css/owl.carousel.min.css" />
<link rel="stylesheet" href="../dist/css/owl.theme.default.min.css" />
<link rel="icon" href="../dist/images/fav.ico" type="image/ico" sizes="16x16">
<style>
.test {
display: flex !important;
flex-direction: column !important;
}
.main-header-randd2 {
position: relative;
border-bottom: 2px solid #015688;
}
.header-image-randd {
margin-top: -42px;
width: 100px;
height: 100px;
padding: 5px;
border-radius: 5px;
}
.project_inhand {
display: inline;
background-color: #ff5c0f;
border-radius: 25px;
}
.project_finished {
display: inline;
background-color: #ff5c0f;
border-radius: 25px;
}
.project_checking {
display: inline;
background-color: #ff5c0f;
border-radius: 25px;
}
.projectNumTitle {
display: inline;
text-align: center;
font-size: 14px;
color: #fff;
}
.counters-div1 {
display: inline-grid;
text-align: center;
padding-left: 10px;
}
.counters-div2 {
display: inline-grid;
text-align: center;
padding-left: 10px;
padding-right: 10px;
}
.counters-div3 {
display: inline-grid;
text-align: center;
padding-right: 10px;
}
.counter-styler {
color: #fff;
}
.button-style-randd {
border: unset;
position: absolute;
height: 100%;
color: #000;
background-color: #fff;
/* border-left: 1px solid #000; */
border-right: 1px solid #000;
/* color: #fff; */
}
.about_samane {
border: 2px solid #ff5c0f;
padding: 9px;
border-radius: 10px;
margin-top: 28px;
}
.about_samane legend {
color: #015688;
width: 15%;
text-align: center;
}
.toppest_image {
width: 40px;
height: 40px;
}
.masulstyle {
width: 120px;
height: 120px;
border-radius: 50%;
}
.upper-some-part {
display: flex;
justify-content: center;
}
.some-part-style h6 {
line-height: 100px;
margin-right: 20px;
}
.some-part-style {
display: flex;
margin-left: 85px;
}
.some-part-style:last-child {
margin-left: unset;
}
.about_azaa {
border: 2px solid #ff5c0f;
border-radius: 10px;
margin-top: 40px;
}
.about_komite {
border: 2px solid #ff5c0f;
border-radius: 10px;
margin-top: 40px;
}
.about_project {
border: 2px solid #ff5c0f;
margin-top: 40px;
border-radius: 10px;
margin-bottom: 75px;
padding: 10px;
}
.about_azaa legend {
color: #015688;
width: 17%;
text-align: center;
}
.about_komite legend {
color: #015688;
width: 25%;
text-align: center;
}
.about_project legend {
color: #015688;
width: 11%;
text-align: center;
}
.namayesh_bishtar_aza {
left: 10px;
bottom: 0px;
margin-bottom: 0px;
margin-right: 1000px;
border: none;
background-color: #015688;
color: #fff;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.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;
}
.loader-inner {
vertical-align: top;
display: inline-block;
width: 100%;
background-color: #fff;
animation: loader-inner 2s infinite ease-in;
}
.loader {
display: inline-block;
width: 40px;
height: 40px;
position: relative;
border: 4px solid #ff5c0f;
top: 0;
animation: loader 2s infinite ease;
}
.header-for-projectpart {
border-bottom: 3px solid #015688;
height: 40px;
}
.project_part_button {
background-color: #ff5c0f;
border-top-right-radius: 10px;
border-top-left-radius: 10px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
color: #fff;
}
.project_part_button:hover {
color: #fff !important;
background-color: #c0440b;
}
.project_part_button:active {
color: #fff !important;
background-color: #015688;
}
.displays {
display: inline;
}
.title_all {
width: 100%;
display: flex;
justify-content: space-between;
/* background-color: #015688; */
padding: 5px;
border-radius: 30px;
margin-bottom: 11px;
}
.finder_static {
border: none;
background-color: #c7c7c7;
color: #333;
font-size: 14px;
height: 100%;
text-align: center;
left: 200px;
border-radius: 50px;
width: 63%;
padding: 2px 8px;
}
.finder_static::placeholder {
color: #666;
}
.finder_static:focus-visible {
outline: 0;
}
#body_khateme {
overflow: auto;
height: 350px;
float: right;
font-size: 13px;
}
#body_filter {
display: none;
border-top: 3px solid #015688;
overflow: auto;
height: 200px;
float: left;
margin-top: -20px;
}
#body_filter legend {
color: #ff5c0f;
width: 30%;
text-align: center;
}
.font-check {
font-size: 15px;
}
.stylescroll::-webkit-scrollbar {
background-color: rgb(178, 178, 178);
border-radius: 10px;
border: 4px solid rgb(128, 128, 128);
}
.stylescroll::-webkit-scrollbar-thumb {
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
background-color: rgb(128, 128, 128);
}
.shakhsi {
border: none;
background-color: #fff;
height: fit-content;
line-height: 120px;
}
.modal-header .close,
.modal-header .mailbox-attachment-close {
padding: unset;
margin: unset;
}
@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%;
}
}
.reply {
margin-right: 12px;
}
.showtext {
color: #000000 !important;
}
.title_filter {
color: #fff;
font-size: 20px;
border-radius: 10px;
padding: 5px;
border: none;
/* border-bottom: 2px solid #ff5c0f; */
margin-bottom: 7px;
width: fit-content;
background-color: #015688;
}
.title_filter2 {
color: #fff;
font-size: 20px;
border-radius: 10px;
padding: 5px;
border: none;
/* border-bottom: 2px solid #ff5c0f; */
margin-bottom: 7px;
width: fit-content;
background-color: #015688;
}
.flipping {
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
}
.province-filter-upper {
border-bottom: 2px solid #ff5c0f;
margin-bottom: 7px;
}
.splide--draggable>.splide__track>.splide__list>.splide__slide {
-webkit-user-select: none;
user-select: none;
padding: 15px !important;
text-align: center;
}
.showmember {
display: flex;
flex-direction: column;
font-size: 12px;
padding: 10px;
font-weight: bold;
}
.splide__slide__container {
width: 200px;
border-radius: 50%;
margin: 0 auto;
}
div.showmember span:nth-child(1) {
color: crimson;
font-size: 14px;
}
div.showmember span:nth-child(2) {
color: #015688;
/* font-size: 14px; */
}
.loading-project {
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
font-size: 24px;
color: #666;
}
.slide {
margin-bottom: 20px;
}
.interface_imge {
text-align: center;
}
.interface_imge img {
width: 150px !important;
border-radius: 50%;
margin: 0 auto;
height:150px !important;
}
.member-style {
display:flex ;
flex-direction: column;
}
div.member-style span:nth-child(1) {
color: crimson;
font-size: 14px;
}
div.member-style span:nth-child(2) {
color: #015688;
font-size: 13px;
}
.image_style{
height: 150px;
width: 150px;
border-radius: 50%;
margin: 0 auto;
}
/* responsive changes */
@media only screen and (max-width: 1200px) {
.header-text-randd {
margin-top: 22px;
color: #fff;
font-size: 20px;
line-height: 1.333;
font-weight: 400;
display: inline;
margin-right: 30px;
margin-left: 93px;
}
.projectNumTitle {
display: inline;
text-align: center;
font-size: 12px;
color: #fff;
}
.about_azaa legend {
color: #015688;
width: 22%;
text-align: center;
}
.about_komite legend {
color: #015688;
width: 22%;
text-align: center;
}
}
@media only screen and (max-width: 575px) {
.finder_static {
border: none;
background-color: #c7c7c7;
color: #333;
font-size: 17px;
height: 100%;
text-align: center;
left: 200px;
width: 100%;
padding: 2px 8px;
border-radius: 0px;
}
}
@media only screen and (max-width: 700px) {
.about_azaa legend {
color: #015688;
width: 47%;
text-align: center;
}
.about_komite legend {
color: #015688;
width: 47%;
text-align: center;
}
.about_samane legend {
color: #015688;
width: 33%;
text-align: center;
}
.about_project legend {
color: #015688;
width: 25%;
text-align: center;
}
}
@media only screen and (max-width: 460px) {
legend {
display: block;
width: 100%;
max-width: 100%;
padding: 0;
margin-bottom: .5rem;
font-size: 18px;
line-height: inherit;
color: inherit;
white-space: normal;
}
.about_azaa legend {
color: #015688;
width: 45%;
text-align: center;
}
.about_komite legend {
color: #015688;
width: 45%;
text-align: center;
}
.about_samane legend {
color: #015688;
width: 30%;
text-align: center;
}
.header-text-randd {
margin-top: 22px;
color: #fff;
font-size: 18px;
line-height: 1.333;
font-weight: 400;
display: inline;
margin-right: 30px;
margin-left: 30px;
}
.project_part_button {
border-radius: 15px;
margin-top: 3px;
}
.header-for-projectpart {
border-bottom: 30px;
height: 40px;
}
#body_khateme {
margin-top: 5.5rem;
}
}
.knowledge_cycle {
color: #fff;
}
.header-first-style {
margin-top: 60px;
width: 100%;
background: #015688;
}
.text-header {
color: #fff;
font-size: 1.5rem;
line-height: 1.333;
font-weight: 400;
margin-bottom: unset;
}
/* responsive changes end */
</style>
</head>
<body>
<div class="divloader">
<span class="loader"><span class="loader-inner"></span></span>
</div>
@include('layouts.headersempty')
<div class="container-fluid" style="display: flex;">
</div>
<div class="header-first-style p-2">
<div class="d-flex justify-content-between align-items-center container">
<div class="d-flex">
<img class="header-image-randd" src="../dist/images/new-design/randd-logo.png" alt="" width="108px">
<div class="d-flex flex-column justify-content-center mr-2">
<p class="text-header">سامانه تحقیق و توسعه</p>
<small class="knowledge_cycle">حلقه های اندیشه ورز</small>
</div>
</div>
<div>
<div class="counters-div1" style="border-left: 2px solid #ff5c0f;">
<h5 class="projectNumTitle">
پروژه های در حال اجرا
</h5>
<div class="project_inhand">
<span class="counter-styler countup1">0</span>
</div>
</div>
<div class="counters-div2" style="border-left: 2px solid #ff5c0f;">
<h5 class="projectNumTitle">
پروژه های خاتمه یافته
</h5>
<div class="project_finished">
<span class="counter-styler countup2">0</span>
</div>
</div>
<div class="counters-div3">
<h5 class="projectNumTitle">
پروژه های تحت بررسی کمیته علمی
</h5>
<div class="project_checking">
<span class="counter-styler countup3">0</span>
</div>
</div>
</div>
</div>
</div>
<div class="main-header-randd2">
<div class="container check-res-header2">
<div class="row">
<div class="col-sm-4 col-xl-3 p-0 button_res_checker1">
<a href="/RandDFirst" target="_blank"
class="btn btn-light rounded-0 btn-block border">
<span class="pl-2">
ثبت پروژه در
حال اجرا/خاتمه یافته
</span>
<svg class="flipping" focusable="false" viewBox="0 0 78 128" width="10" height="24"
class="icon icon-arrow-up-right" style="margin-right: 5px;">
<path d="m4 36h57.07l-59.5 59.5 7.07 7.08 59.36-59.36v56.78h1e1v-74h-74z"></path>
</svg>
</a>
</div>
<div class="col-sm-5 col-xl-4 p-0 button_res_checker2">
<a href="/RandDSecond" target="_blank"
class="btn btn-light rounded-0 btn-block border">
<span class="pl-2">
ثبت پروژه
پیشنهادی
جهت
طرح در کمیته علمی
</span>
<svg class="flipping" focusable="false" viewBox="0 0 78 128" width="10" height="24"
class="icon icon-arrow-up-right">
<path d="m4 36h57.07l-59.5 59.5 7.07 7.08 59.36-59.36v56.78h1e1v-74h-74z"></path>
</svg>
</a>
</div>
<div
class="col-sm-3 col-xl-4 offset-sm-1 mr-auto ml-0 p-0 d-flex justify-content-end button_res_checker3">
<input class="finder_static" id="input-search" type="text"
placeholder="برای جستجو در صفحه تایپ کنید">
</div>
</div>
</div>
</div>
<div class="container happali">
<fieldset class="about_samane">
<legend>درباره سامانه</legend>
<p style="line-height: 30px;">پیرو ابلاغ رئیس محترم سازمان راهداری و حمل و نقل جاده ای در خصوص ساماندهی امور
پروژه های مطالعاتی و پژوهشی و همچنین به منظور جهت دهی و تدوین سازوکار لازم در تعریف پروژه های مطالعاتی
سامانه تحقیق و توسعه با اهداف زیر طراحی گردید:</p>
<ul style="line-height: 30px;">
<li>بهره برداری بهینه از نتایج پروژه های انجام شده و امکان سنجی پیاده سازی سرتاسری دستاورد های حاصله
</li>
<li>اطلاع رسانی و استفاده از تجربیات و سوابق سایر استان های پیشگام و پرهیز از انجام پروژه های مشابه</li>
<li>ایجاد یک بانک اطلاعاتی از پروژه های انجام شده یا در حال انجام</li>
</ul>
</fieldset>
<fieldset class="about_azaa">
<legend>اعضای کمیته علمی</legend>
<div class="splide" id="splide">
<div class="splide__track">
<ul class="splide__list" id="splide__list">
</ul>
</div>
</div>
</fieldset>
<fieldset class="about_komite">
<legend>اعضای رابطین پژوهشی </legend>
<div class="owl-carousel owl-theme pt-3">
</div>
</fieldset>
</div>
<div class="container last-topic-check-res">
<fieldset class="about_project">
<legend>پروژه ها</legend>
<div class="col-12 header-for-projectpart">
<button class="btn project_part_button" id="darhaleejra" data-active="ejra">در حال اجرا</button>
<button class="btn project_part_button" id="khatemeyafte" data-active="khateme">خاتمه یافته</button>
<button class="btn project_part_button" id="tahtebaresi" data-active="komite">تحت بررسی کمیته
علمی</button>
</div>
<div class="col-12 p-0">
<div id="body_khateme" class="col-12 mt-2"></div>
</fieldset>
</div>
</fieldset>
</div>
<div class="modal fade" id="modalCenter" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle"
aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLongTitle">اطلاعات تکمیلی</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">بستن</button>
</div>
</div>
</div>
</div>
@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>
<!-- Persian DatePicker -->
<script src="../dist/js/persian-date.min.js"></script>
<script src="../dist/js/persian-datepicker.min.js?_=v1.2"></script>
<script src="../dist/js/owl.carousel.min.js"></script>
<!-- AdminLTE App -->
<script src="../dist/js/adminlte.min.js"></script>
<script src="../dist/js/jszip.min.js"></script>
<script src="../plugins/sweetalert2/sweetalert2.all.min.js"></script>
<script src="../plugins/inputmask/min/jquery.inputmask.bundle.min.js"></script>
<!-- Moment.js -->
<script src="../dist/js/splide.min.js">
</script>
<script src="../plugins/moment/moment.min.js"></script>
<script src="../dist/js/jalali-moment.browser.js"></script>
<script src="../dist/js/RandD.js"></script>
</body>
</html>