Tryag File Manager
Home
||
Turbo Force
||
B-F Config_Cpanel
Current Path :
/
home
/
yanggyein
/
yanggyein
/
yang_ai
/
resources
/
views
/
map
/
Or
Select Your Path :
Upload File :
New :
File
Dir
//home/yanggyein/yanggyein/yang_ai/resources/views/map/index.blade.php
@extends('layouts.app_mdb') @section('navbar') @include('map.index-nav') @endsection @section('content') {{-- 맵 --}} <div class="map_wrap"> <div id="map" style="width:100%;height:100%;"></div> {{-- 지도타입 컨트롤 div 입니다 --}} <div class="custom_typecontrol radius_border" style="top:3.5rem;"> <span id="btnRoadmap" class="selected_btn" onclick="setMapType('roadmap')">지도</span> <span id="btnSkyview" class="btn" onclick="setMapType('skyview')">스카이뷰</span> </div> {{-- 방역 리스트 toggle --}} <div id="prevention-list-card-hide" class="custom_card animated fadeInRight prevention_toggle_list" style="top:3.5rem;"> <div class="card panels-card" style="opacity: 0.8;"> <div class="rounded-top grey lighten-2 dark-grey-text" onclick="togglePreventionList()"> <ul class="list-inline float-left my-0 py-1 pr-2" style="background: #425470; color:white;"> <i class="fas fa-angle-double-right pl-2"></i> <small>방역 리스트</small> </ul> </div> </div> </div> <div id="prevention-list-card-show" class="custom_card d-none animated fadeInLeft prevention_toggle_list" style="top:3.5rem;"> <div class="card panels-card" style="opacity: 0.8;"> <div class="rounded-top"style="background: #425470; color:white;" onclick="togglePreventionList()"> <ul class="list-inline float-left my-0 py-1 pr-3" style="background: #425470; color:white;"> <i class="fas fa-angle-double-left pl-2"></i> <small>방역 리스트</small> </ul> </div> <nav class="navbar navbar-expand-lg navbar-dark grey lighten-5 d-flex justify-content-between z-depth-1-bottom"> <div style="height:23vh;" > <div class="clearfix"> <p class="float-left my-0" style="padding:0.6rem 0.3rem; box-sizing: border-box; font-size: 0.9rem; width:5%;"> </p> <select id="search-location-list" class="mdb-select md-form float-left my-0" searchable="지역 검색" style="padding:0.6rem 0.3rem; box-sizing: border-box; font-size: 0.9rem; width:73%;" onchange="axiosShowSearchPreventionList();"> <option value="전국" selected>전국</option> @foreach ($locations as $key => $location) <option value="{{$location->loc}}" >{{$location->loc}}</option> @endforeach </select> <p class="float-right my-0 " style="padding:0.6rem 0.3rem; box-sizing: border-box; font-size: 0.9rem;">발생일자</p> </div> <div class="scrollbar-indigo bordered-indigo thin" style="overflow-y: auto; height:17vh; direction:rtl;" > <table class="table table-hover table-sm"> <colgroup> <col> <col width="70%"> <col width="1%"> </colgroup> <tbody id="research-list"> {{-- @foreach ($preventions as $key => $prevention) <tr data-toggle="modal" data-target="#modalPoll-{{$prevention->id}}" onclick="gotoCenterOfMap('{{$prevention->location_latitude}}', '{{$prevention->location_longitude}}', '{{$key}}');"> <td class="text-nowrap"><small>{{substr($prevention->start_time,0,10)}}</small></td> <td class="text-nowrap sf-dump-ellipsis"><small>{{$prevention->address}}</small></td> <th scope="row"><small>{{count($preventions)-$key}}</small></th> </tr> @endforeach --}} </tbody> </table> </div> {{-- <ul class="list-inline my-2 py-1 dark-grey-text"> <li class="list-inline-item pl-2"> <a href="javascript:void(0);" onclick="gotoCenterOfMap('{{$prevention->location_latitude}}', '{{$prevention->location_longitude}}');">{{$prevention->title}}</a> </li> <hr class="p-0 pl-2 m-0"> </ul> --}} </div> </nav> </div> </div> {{-- 방역토글 끝 --}} {{-- 방역 하단 정보 --}} <div class="fixed-bottom d-flex justify-content-center"> <div class="card opacity-80 col-12 col-sm-2 px-0"> <div class="rounded-bottom mdb-color lighten-3 text-center pt-2"> <ul class="list-unstyled list-inline font-small mb-2"> <li class="list-inline-item pr-2 white-text material-tooltip-smaller" data-toggle="tooltip" data-placement="top" title="발생기간"><i class="far fa-clock pr-1"></i>{{substr($preventions[0]->start_time,0, 10)}} ~ 현재</li> <li class="list-inline-item pr-2 material-tooltip-smaller" data-toggle="tooltip" data-placement="top" title="AI 발생건수"><a href="javascript:void(0);" class="white-text"><i class="fas fa-ambulance pr-1"></i>{{count($preventions)}}</a></li> </ul> </div> </div> </div> </div> {{-- AI 상세 정보 --}} @foreach ($preventions as $prevention) <div id="modal-box"> <div class="modal fade right scrollbar-indigo bordered-indigo thin" id="modalPoll-{{$prevention->id}}" tabindex="-2" role="dialog" aria-labelledby="exampleModalLabel-{{$prevention->id}}" aria-hidden="true"> <div class="modal-dialog modal-full-height modal-right modal-notify modal-info" role="document"> <div class="modal-content"> <div class="modal-header"> <p class="heading lead">방역 정보</p> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true" class="white-text">×</span> </button> </div> <div class="modal-body"> <div class="text-center"> <i class="fas fa-clipboard-list fa-3x mb-3 animated rotateIn text-warning"></i> {{-- <i class="fas fa-kiwi-bird fa-4x mb-3 animated rotateIn text-warning"></i> --}} <p> <strong>{{$prevention->title}}</strong> </p> <p class="text-small"> <small>{{$prevention->note}}</small> </p> </div> <hr> <div class="list-group-flush"> <div class="list-group-item"> <p class="mb-0 font-small"><i class="fas fa-map-marked-alt mr-2 black p-1 white-text rounded-circle " aria-hidden="true"></i>{{$prevention->address}}</p> </div> <div class="list-group-item"> <p class="mb-0 font-small"><i class="fas fa-syringe mr-2 black p-1 white-text rounded-circle" aria-hidden="true"></i>타입: {{$prevention->type}}</p> </div> <div class="list-group-item"> <p class="mb-0 font-small"><i class="fas fa-business-time mr-2 black p-1 white-text rounded-circle" aria-hidden="true"></i>사직일: {{substr($prevention->start_time, 0, 10)}}</p> </div> </div> </div> <div class="modal-footer justify-content-end"> @if(!empty(Auth::user()->authority_level) && Auth::user()->authority_level < 4) <a class="btn btn-sm btn-outline-indigo waves-effect" onclick="editPrevention({{$prevention->id}});"data-dismiss="modal" data-toggle="modal" data-target="#modalPreventionUpdateForm" >{{ __('수정') }}</a> <a class="btn btn-sm btn-outline-danger waves-effect" onclick="deletePrevention({{$prevention->id}});" >{{ __('삭제') }}</a> @endif <a type="button" class="btn btn-outline-primary waves-effect" data-dismiss="modal">닫기</a> </div> </div> </div> </div> </div> @endforeach <script type="text/javascript" src="//dapi.kakao.com/v2/maps/sdk.js?appkey=940e64b7d71395315c0e9c41f16a2424&libraries=services"></script> <script src="https://t1.daumcdn.net/mapjsapi/bundle/postcode/prod/postcode.v2.js"></script> <script type="text/babel" src="/js/ai-map.js"></script> @endsection