API tools faq
paste
Advertisement
Rana_093

Top

Rana_093
Aug 9th, 2020
48
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.63 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-area2-tab" data-toggle="pill" href="#v-pills-area{{$i}}" role="tab" aria-controls="v-pills-area{{$i}}" aria-selected="false">{{$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 $i = 1; foreach($corp->offices as $office){ ?>
  46. <div class="tab-pane fade show active tab-content-room" id="v-pills-area{{$i}}" role="tabpanel" aria-labelledby="v-pills-area1-tab">
  47. <?php foreach($office->rooms as $room){ ?>
  48. <div class="row">
  49. <div class="col-2">
  50. <div class="nav flex-column nav-pills nav-pills2 nav-pills-room" id="v-pills-tab" role="tablist" aria-orientation="vertical">
  51. {{-- <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>
  52. <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>
  53. <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> --}}
  54. <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">{{$room->room_name}}</a>
  55. </div>
  56. </div>
  57. <div class="col-10">
  58. <div class="tab-content" id="v-pills-tabContent">
  59. <div class="tab-pane fade show active" id="v-pills-area1-101" role="tabpanel" aria-labelledby="v-pills-area1-101-tab">
  60. <!-- 転倒情報 -->
  61. <div class="row">
  62. <div class="col-2">
  63. <div class="tab-room-name">
  64. <p class="tab-room-name101">ケアプラザ泉の杜[高橋] 様</p>
  65. </div>
  66. </div>
  67. <div class="col-10">
  68. <div class="tab-content-camera mr-2">
  69. <div class="tab-content-camera-flex">
  70. <div class="tab-content-camera-tab">
  71. <div class="nav flex-column nav-pills nav-pills3 nav-pills-camera" id="v-pills-tab" role="tablist" aria-orientation="vertical">
  72. <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>
  73. <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>
  74. </div>
  75. </div>
  76. <div class="tab-content-camera-panel">
  77. <div class="tab-content" id="v-pills-tabContent">
  78. <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">
  79. <h4>2020/4/10 13:20:00</h4><p class="mb-1">現在、お知らせはございません</p>
  80. </div></div>
  81. <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">
  82. <h4>2020/4/10 13:20:00</h4><p class="mb-1">転倒検知！</p>
  83. <div class="row">
  84. <div class="col-3">
  85. <a href="?page=overturn.index" class="btn btn-confirmation btn-sm btn-block">表示</a>
  86. </div>
  87. </div>
  88. </div></div>
  89. </div>
  90. </div>
  91. </div>
  92. </div>
  93. </div>
  94. </div>
  95. <!-- /転倒情報 -->
  96. </div>
  97. <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>
  98. <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>
  99. </div>
  100. </div>
  101. </div>
  102. <?php } ?>
  103. </div>
  104.  
  105. <div class="tab-pane fade" id="v-pills-area2" role="tabpanel" aria-labelledby="v-pills-area2-tab"><div class="tab-area-none">登録なし</div></div>
  106. <div class="tab-pane fade" id="v-pills-area3" role="tabpanel" aria-labelledby="v-pills-area3-tab"><div class="tab-area-none">登録なし</div></div>
  107. <?php $i = $i + 1; }?>
  108. </div>
  109. </div>
  110. </div>
  111. </div>
  112. </div>
  113. </div>
  114. </div>
  115. </div>
  116. </div>
  117. </div>
  118. <section class="content">
  119. <div class="container-fluid">
  120. <!-- Main row -->
  121. <div class="row">
  122. <!-- Left col -->
  123. <div class="col-md-12">
  124. <div class="card card-overturn">
  125. <div class="card-header">
  126. <h3 class="card-title">転倒一覧<span>（最新20件を表示）</span></h3>
  127. <div class="card-tools">
  128. <ul class="pagination pagination-sm">
  129. <li class="page-item"><a href="#" class="page-link">«</a></li>
  130. <li class="page-item"><a href="#" class="page-link">1</a></li>
  131. <li class="page-item"><a href="#" class="page-link">2</a></li>
  132. <li class="page-item"><a href="#" class="page-link">3</a></li>
  133. <li class="page-item"><a href="#" class="page-link">4</a></li>
  134. <li class="page-item"><a href="#" class="page-link">»</a></li>
  135. </ul>
  136. </div>
  137. </div>
  138. <!-- /.card-header -->
  139. <div class="card-body table-responsive p-0">
  140. <table class="table table-hover text-nowrap table-striped">
  141. <thead>
  142. <tr>
  143. <th>発生日時</th>
  144. <th>事業所名</th>
  145. <th>部屋名</th>
  146. <th>利用者名</th>
  147. <th>カメラ名</th>
  148. <th>操作</th>
  149. </tr>
  150. </thead>
  151. <tbody>
  152. <tr>
  153. <td>2020/5/15 22:45:30</td>
  154. <td>品川エリア</td>
  155. <td>102</td>
  156. <td>田中　一郎</td>
  157. <td>KI202005123ab</td>
  158. <td><a href="?page=overturn.index" class="btn btn-confirmation btn-sm">表示</a></td>
  159. </tr>
  160. <tr>
  161. <td>2020/5/15 22:45:30</td>
  162. <td>品川エリア</td>
  163. <td>102</td>
  164. <td>田中　一郎</td>
  165. <td>KI202005123ab</td>
  166. <td><a href="?page=overturn.index" class="btn btn-confirmation btn-sm">表示</a></td>
  167. </tr>
  168. <tr>
  169. <td>2020/5/15 22:45:30</td>
  170. <td>品川エリア</td>
  171. <td>102</td>
  172. <td>田中　一郎</td>
  173. <td>KI202005123ab</td>
  174. <td><a href="?page=overturn.index" class="btn btn-confirmation btn-sm">表示</a></td>
  175. </tr>
  176. <tr>
  177. <td>2020/5/15 22:45:30</td>
  178. <td>品川エリア</td>
  179. <td>102</td>
  180. <td>田中　一郎</td>
  181. <td>KI202005123ab</td>
  182. <td><a href="?page=overturn.index" class="btn btn-confirmation btn-sm">表示</a></td>
  183. </tr>
  184. <tr>
  185. <td>2020/5/15 22:45:30</td>
  186. <td>品川エリア</td>
  187. <td>102</td>
  188. <td>田中　一郎</td>
  189. <td>KI202005123ab</td>
  190. <td><a href="?page=overturn.index" class="btn btn-confirmation btn-sm">表示</a></td>
  191. </tr>
  192. </tbody>
  193. </table>
  194. </div>
  195. <!-- /.card-body -->
  196. <div class="card-footer clearfix">
  197. <ul class="pagination pagination-sm m-0 float-right">
  198. <li class="page-item"><a class="page-link" href="#">«</a></li>
  199. <li class="page-item"><a class="page-link" href="#">1</a></li>
  200. <li class="page-item"><a class="page-link" href="#">2</a></li>
  201. <li class="page-item"><a class="page-link" href="#">3</a></li>
  202. <li class="page-item"><a href="#" class="page-link">4</a></li>
  203. <li class="page-item"><a class="page-link" href="#">»</a></li>
  204. </ul>
  205. </div>
  206. </div>
  207. </div>
  208. <!-- /.col -->
  209. <!-- /.col -->
  210. </div>
  211. <!-- /.row -->
  212. </div>
  213. <!--/. container-fluid -->
  214. </section>
  215. </div>
  216. @endsection
  217.  
  218. @include('common.footer')
  219.  
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!