API tools faq
paste
Advertisement
Rana_093

Top Backup

Rana_093
Aug 12th, 2020
1,827
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 18.72 KB | None | 0 0
raw download clone embed print report
  1. @extends('common.layout')
  2.  
  3. @section('title', 'PortiaLyzeユーザー画面｜TOP')
  4. @section('description', 'トップ説明')
  5. @section('keywords', 'トップ検索ワード')
  6.  
  7. @include('common.head')
  8.  
  9. @include('common.header')
  10. @include('common.sidebar')
  11.  
  12. @section('contents')
  13. <script>
  14. $('.nav-link-top').addClass('active');
  15. </script>
  16. <div class="content-wrapper">
  17.     <div class="alert alert-success" role="alert">成功しました。</div>
  18.     <div class="content-header">
  19.         <div class="container-fluid">
  20.             <div class="row">
  21.                 <div class="col-md-12">
  22.                     <div class="card top-tab-card">
  23.                         <div class="card-header">
  24.                             <h3 class="card-title">TOP</h3>
  25.                         </div>
  26.                         <div class="card-header">
  27.                             <h4 class="card-title-office">会社名XXX　様<span>事業所一覧</span></h4>
  28.                         </div>
  29.                         <div class="card-body table-responsive p-0">
  30.                             <div class="card-body-office-wrapper col-12 pt-1 pb-1">
  31.                                 <div class="row">
  32.                                     <div class="col-2">
  33.                                         <div class="nav flex-column nav-pills nav-pills-area nav-pills1" id="v-pills-tab" role="tablist" aria-orientation="vertical">
  34.                                             <?php $i = 1; foreach ($corp->offices as $office){ ?>
  35. {{--                                                 $office->rooms
  36. --}}                                                <a class="nav-link" id="v-pills-area{{$i}}-tab" data-toggle="pill" href="#v-pills-area{{$i}}" role="tab" aria-controls="v-pills-area{{$i}}" aria-selected="true">{{$office->office_name}}</a>
  37.                                             <?php $i = $i + 1;  } ?>
  38. {{--                                             <a class="nav-link active area-alert-active" id="v-pills-area1-tab" data-toggle="pill" href="#v-pills-area1" role="tab" aria-controls="v-pills-area1" aria-selected="true"><i class="fas fa-exclamation-circle"></i> 品川エリア</a>
  39.                                             <a class="nav-link" id="v-pills-area2-tab" data-toggle="pill" href="#v-pills-area2" role="tab" aria-controls="v-pills-area2" aria-selected="false">港区エリア</a>
  40.                                             <a class="nav-link" id="v-pills-area3-tab" data-toggle="pill" href="#v-pills-area3" role="tab" aria-controls="v-pills-area3" aria-selected="false">千葉エリア</a> --}}
  41.                                         </div>
  42.                                     </div>
  43.                                     <div class="col-10">
  44.                                         <div class="tab-content tab-content02" id="v-pills-tabContent">
  45.                                             <?php
  46.                                                $len = count($corp->offices);
  47.                                                 $cur = 0;
  48.                                                 $pt = 0;
  49.                                                 while($cur++ < $len){
  50.                                                    $achi = 0;
  51.                                                    $flag = false;
  52.                                                    ++$pt;
  53.                                                    foreach($corp->offices as $office){
  54.                                                         ++$achi;
  55.                                                         if($achi == $pt){
  56.                                                             $res = $office->id;
  57.                                                             foreach($office->rooms as $room){
  58.                                                                  if($room->office_id == $res) { ?>
  59.                                                                     <div class="tab-pane fade  tab-content-room" id="v-pills-area{{$pt}}" role="tabpanel" aria-labelledby="v-pills-area{{$pt}}-tab">
  60.  
  61.                                                                     <div class="row">
  62.                                                                         <div class="col-2">
  63.                                                                             <div class="nav flex-column nav-pills nav-pills2 nav-pills-room" id="v-pills-tab" role="tablist" aria-orientation="vertical">
  64.                                                                             {{--    <a class="nav-link active area-alert-active" id="v-pills-area1-101-tab" data-toggle="pill" href="#v-pills-area1-101" role="tab" aria-controls="v-pills-area1-101" aria-selected="true"><i class="fas fa-exclamation-circle"></i> 101</a>
  65.                                                                                 <a class="nav-link" id="v-pills-area1-102-tab" data-toggle="pill" href="#v-pills-area1-102" role="tab" aria-controls="v-pills-area1-102" aria-selected="false">102</a>
  66.                                                                                 <a class="nav-link" id="v-pills-area1-103-tab" data-toggle="pill" href="#v-pills-area1-103" role="tab" aria-controls="v-pills-area1-103" aria-selected="false">103</a> --}}
  67.  
  68.                                                                                     <a class="nav-link" id="v-pills-area1-102-tab" data-toggle="pill" href="#v-pills-area1-102" role="tab" aria-controls="v-pills-area1-102" aria-selected="true">{{$room->room_name}}</a>
  69.                                                                                 <?php $flag = true;} ?>
  70.                                                                             </div>
  71.                                                                         </div>
  72.                                                                         <div class="col-10">
  73.                                                                             <div class="tab-content" id="v-pills-tabContent">
  74.                                                                                 <div class="tab-pane fade show active" id="v-pills-area1-101" role="tabpanel" aria-labelledby="v-pills-area1-101-tab">
  75.                                                                                     <!-- 転倒情報 -->
  76.                                                                                     <div class="row">
  77.                                                                                     <div class="col-2">
  78.                                                                                         <div class="tab-room-name">
  79.                                                                                             <p class="tab-room-name101">ケアプラザ泉の杜[高橋] 様</p>
  80.                                                                                         </div>
  81.                                                                                     </div>
  82.                                                                                         <div class="col-10">
  83.                                                                                             <div class="tab-content-camera mr-2">
  84.                                                                                                 <div class="tab-content-camera-flex">
  85.                                                                                                     <div class="tab-content-camera-tab">
  86.                                                                                                         <div class="nav flex-column nav-pills nav-pills3 nav-pills-camera" id="v-pills-tab" role="tablist" aria-orientation="vertical">
  87.                                                                                                             <a class="nav-link active" id="v-pills-area1-101-ceiling-tab" data-toggle="pill" href="#v-pills-area1-101-ceiling" role="tab" aria-controls="v-pills-area1-101-ceiling" aria-selected="true">天井</a>
  88.                                                                                                             <a class="nav-link camera-alert-active" id="v-pills-area1-102-toilet-tab" data-toggle="pill" href="#v-pills-area1-102-toilet" role="tab" aria-controls="v-pills-area1-102-toilet" aria-selected="false"><i class="fas fa-exclamation-circle"></i> トイレ</a>
  89.                                                                                                         </div>
  90.                                                                                                     </div>
  91.                                                                                                     <div class="tab-content-camera-panel">
  92.                                                                                                         <div class="tab-content" id="v-pills-tabContent">
  93.                                                                                                             <div class="tab-pane fade show active" id="v-pills-area1-101-ceiling" role="tabpanel" aria-labelledby="v-pills-area1-101-ceiling-tab"><div class="tab-slip-alert">
  94.                                                                                                                 <h4>2020/4/10  13:20:00</h4><p class="mb-1">現在、お知らせはございません</p>
  95.                                                                                                             </div></div>
  96.                                                                                                             <div class="tab-pane fade" id="v-pills-area1-102-toilet" role="tabpanel" aria-labelledby="v-pills-area1-102-toilet-tab"><div class="tab-slip-alert tab-slip-alert-active">
  97.                                                                                                                 <h4>2020/4/10  13:20:00</h4><p class="mb-1">転倒検知！</p>
  98.                                                                                                                 <div class="row">
  99.                                                                                                                     <div class="col-3">
  100.                                                                                                                         <a href="?page=overturn.index" class="btn btn-confirmation btn-sm btn-block">表示</a>
  101.                                                                                                                     </div>
  102.                                                                                                                 </div>
  103.                                                                                                             </div></div>
  104.                                                                                                         </div>
  105.                                                                                                     </div>
  106.                                                                                                 </div>
  107.                                                                                             </div>
  108.                                                                                         </div>
  109.                                                                                     </div>
  110.                                                                                     <!-- /転倒情報 -->
  111.                                                                                 </div>
  112.                                                                                 <div class="tab-pane fade" id="v-pills-area1-102" role="tabpanel" aria-labelledby="v-pills-area1-102-tab"><div class="tab-room-none">登録なし</div></div>
  113.                                                                                 <div class="tab-pane fade" id="v-pills-area1-103" role="tabpanel" aria-labelledby="v-pills-area1-103-tab"><div class="tab-room-none">登録なし</div></div>
  114.                                                                             </div>
  115.                                                                         </div>
  116.                                                                     </div>
  117.                                                                 </div>
  118.  
  119.                                                                 <?php } ?>
  120.                                                                 <?php } if($flag){ break; } } } ?>
  121.                                                                 <div class="tab-pane fade" id="v-pills-area2" role="tabpanel" aria-labelledby="v-pills-area2-tab"><div class="tab-area-none">登録なし</div></div>
  122.                                                                 <div class="tab-pane fade" id="v-pills-area3" role="tabpanel" aria-labelledby="v-pills-area3-tab"><div class="tab-area-none">登録なし</div></div>
  123.  
  124.  
  125.                                         </div>
  126.  
  127.                                     </div>
  128.                                 </div>
  129.                             </div>
  130.                         </div>
  131.                     </div>
  132.                 </div>
  133.             </div>
  134.         </div>
  135.     </div>
  136.     <section class="content">
  137.         <div class="container-fluid">
  138.             <!-- Main row -->
  139.             <div class="row">
  140.                 <!-- Left col -->
  141.                 <div class="col-md-12">
  142.                     <div class="card card-overturn">
  143.                         <div class="card-header">
  144.                             <h3 class="card-title">転倒一覧<span>（最新20件を表示）</span></h3>
  145.                             <div class="card-tools">
  146.                   <ul class="pagination pagination-sm">
  147.                     <li class="page-item"><a href="#" class="page-link">«</a></li>
  148.                     <li class="page-item"><a href="#" class="page-link">1</a></li>
  149.                     <li class="page-item"><a href="#" class="page-link">2</a></li>
  150.                     <li class="page-item"><a href="#" class="page-link">3</a></li>
  151.                     <li class="page-item"><a href="#" class="page-link">4</a></li>
  152.                     <li class="page-item"><a href="#" class="page-link">»</a></li>
  153.                   </ul>
  154.                 </div>
  155.                         </div>
  156.                         <!-- /.card-header -->
  157.                         <div class="card-body table-responsive p-0">
  158.                             <table class="table table-hover text-nowrap table-striped">
  159.                                 <thead>
  160.                                     <tr>
  161.                                         <th>発生日時</th>
  162.                                         <th>事業所名</th>
  163.                                         <th>部屋名</th>
  164.                                         <th>利用者名</th>
  165.                                         <th>カメラ名</th>
  166.                                         <th>操作</th>
  167.                                     </tr>
  168.                                 </thead>
  169.                                 <tbody>
  170.                                     <tr>
  171.                                         <td>2020/5/15 22:45:30</td>
  172.                                         <td>品川エリア</td>
  173.                                         <td>102</td>
  174.                                         <td>田中　一郎</td>
  175.                                         <td>KI202005123ab</td>
  176.                                         <td><a href="?page=overturn.index" class="btn btn-confirmation btn-sm">表示</a></td>
  177.                                     </tr>
  178.                                     <tr>
  179.                                         <td>2020/5/15 22:45:30</td>
  180.                                         <td>品川エリア</td>
  181.                                         <td>102</td>
  182.                                         <td>田中　一郎</td>
  183.                                         <td>KI202005123ab</td>
  184.                                         <td><a href="?page=overturn.index" class="btn btn-confirmation btn-sm">表示</a></td>
  185.                                     </tr>
  186.                                     <tr>
  187.                                         <td>2020/5/15 22:45:30</td>
  188.                                         <td>品川エリア</td>
  189.                                         <td>102</td>
  190.                                         <td>田中　一郎</td>
  191.                                         <td>KI202005123ab</td>
  192.                                         <td><a href="?page=overturn.index" class="btn btn-confirmation btn-sm">表示</a></td>
  193.                                     </tr>
  194.                                     <tr>
  195.                                         <td>2020/5/15 22:45:30</td>
  196.                                         <td>品川エリア</td>
  197.                                         <td>102</td>
  198.                                         <td>田中　一郎</td>
  199.                                         <td>KI202005123ab</td>
  200.                                         <td><a href="?page=overturn.index" class="btn btn-confirmation btn-sm">表示</a></td>
  201.                                     </tr>
  202.                                     <tr>
  203.                                         <td>2020/5/15 22:45:30</td>
  204.                                         <td>品川エリア</td>
  205.                                         <td>102</td>
  206.                                         <td>田中　一郎</td>
  207.                                         <td>KI202005123ab</td>
  208.                                         <td><a href="?page=overturn.index" class="btn btn-confirmation btn-sm">表示</a></td>
  209.                                     </tr>
  210.                                 </tbody>
  211.                             </table>
  212.                         </div>
  213.                         <!-- /.card-body -->
  214.                         <div class="card-footer clearfix">
  215.                             <ul class="pagination pagination-sm m-0 float-right">
  216.                                 <li class="page-item"><a class="page-link" href="#">«</a></li>
  217.                                 <li class="page-item"><a class="page-link" href="#">1</a></li>
  218.                                 <li class="page-item"><a class="page-link" href="#">2</a></li>
  219.                                 <li class="page-item"><a class="page-link" href="#">3</a></li>
  220.                                 <li class="page-item"><a href="#" class="page-link">4</a></li>
  221.                                 <li class="page-item"><a class="page-link" href="#">»</a></li>
  222.                             </ul>
  223.                         </div>
  224.                     </div>
  225.                 </div>
  226.                 <!-- /.col -->
  227.                 <!-- /.col -->
  228.             </div>
  229.             <!-- /.row -->
  230.         </div>
  231.         <!--/. container-fluid -->
  232.     </section>
  233. </div>
  234. @endsection
  235.  
  236. @include('common.footer')
  237.  
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!