Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- @extends('common.layout')
- @section('title', 'PortiaLyzeユーザー画面|TOP')
- @section('description', 'トップ説明')
- @section('keywords', 'トップ検索ワード')
- @include('common.head')
- @include('common.header')
- @include('common.sidebar')
- @section('contents')
- <script>
- $('.nav-link-top').addClass('active');
- </script>
- <div class="content-wrapper">
- <div class="alert alert-success" role="alert">成功しました。</div>
- <div class="content-header">
- <div class="container-fluid">
- <div class="row">
- <div class="col-md-12">
- <div class="card top-tab-card">
- <div class="card-header">
- <h3 class="card-title">TOP</h3>
- </div>
- <div class="card-header">
- <h4 class="card-title-office">会社名XXX 様<span>事業所一覧</span></h4>
- </div>
- <div class="card-body table-responsive p-0">
- <div class="card-body-office-wrapper col-12 pt-1 pb-1">
- <div class="row">
- <div class="col-2">
- <div class="nav flex-column nav-pills nav-pills-area nav-pills1" id="v-pills-tab" role="tablist" aria-orientation="vertical">
- <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>
- <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>
- <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>
- </div>
- </div>
- <div class="col-10">
- <div class="tab-content tab-content02" id="v-pills-tabContent">
- <div class="tab-pane fade show active tab-content-room" id="v-pills-area1" role="tabpanel" aria-labelledby="v-pills-area1-tab">
- <div class="row">
- <div class="col-2">
- <div class="nav flex-column nav-pills nav-pills2 nav-pills-room" id="v-pills-tab" role="tablist" aria-orientation="vertical">
- <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>
- <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>
- <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>
- </div>
- </div>
- <div class="col-10">
- <div class="tab-content" id="v-pills-tabContent">
- <div class="tab-pane fade show active" id="v-pills-area1-101" role="tabpanel" aria-labelledby="v-pills-area1-101-tab">
- <!-- 転倒情報 -->
- <div class="row">
- <div class="col-2">
- <div class="tab-room-name">
- <p class="tab-room-name101">ケアプラザ泉の杜[高橋] 様</p>
- </div>
- </div>
- <div class="col-10">
- <div class="tab-content-camera mr-2">
- <div class="tab-content-camera-flex">
- <div class="tab-content-camera-tab">
- <div class="nav flex-column nav-pills nav-pills3 nav-pills-camera" id="v-pills-tab" role="tablist" aria-orientation="vertical">
- <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>
- <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>
- </div>
- </div>
- <div class="tab-content-camera-panel">
- <div class="tab-content" id="v-pills-tabContent">
- <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">
- <h4>2020/4/10 13:20:00</h4><p class="mb-1">現在、お知らせはございません</p>
- </div></div>
- <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">
- <h4>2020/4/10 13:20:00</h4><p class="mb-1">転倒検知!</p>
- <div class="row">
- <div class="col-3">
- <a href="?page=overturn.index" class="btn btn-confirmation btn-sm btn-block">表示</a>
- </div>
- </div>
- </div></div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- <!-- /転倒情報 -->
- </div>
- <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>
- <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>
- </div>
- </div>
- </div>
- </div>
- <div class="tab-pane fade" id="v-pills-area2" role="tabpanel" aria-labelledby="v-pills-area2-tab"><div class="tab-area-none">登録なし</div></div>
- <div class="tab-pane fade" id="v-pills-area3" role="tabpanel" aria-labelledby="v-pills-area3-tab"><div class="tab-area-none">登録なし</div></div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- <section class="content">
- <div class="container-fluid">
- <!-- Main row -->
- <div class="row">
- <!-- Left col -->
- <div class="col-md-12">
- <div class="card card-overturn">
- <div class="card-header">
- <h3 class="card-title">転倒一覧<span>(最新20件を表示)</span></h3>
- <div class="card-tools">
- <ul class="pagination pagination-sm">
- <li class="page-item"><a href="#" class="page-link">«</a></li>
- <li class="page-item"><a href="#" class="page-link">1</a></li>
- <li class="page-item"><a href="#" class="page-link">2</a></li>
- <li class="page-item"><a href="#" class="page-link">3</a></li>
- <li class="page-item"><a href="#" class="page-link">4</a></li>
- <li class="page-item"><a href="#" class="page-link">»</a></li>
- </ul>
- </div>
- </div>
- <!-- /.card-header -->
- <div class="card-body table-responsive p-0">
- <table class="table table-hover text-nowrap table-striped">
- <thead>
- <tr>
- <th>発生日時</th>
- <th>事業所名</th>
- <th>部屋名</th>
- <th>利用者名</th>
- <th>カメラ名</th>
- <th>操作</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>2020/5/15 22:45:30</td>
- <td>品川エリア</td>
- <td>102</td>
- <td>田中 一郎</td>
- <td>KI202005123ab</td>
- <td><a href="?page=overturn.index" class="btn btn-confirmation btn-sm">表示</a></td>
- </tr>
- <tr>
- <td>2020/5/15 22:45:30</td>
- <td>品川エリア</td>
- <td>102</td>
- <td>田中 一郎</td>
- <td>KI202005123ab</td>
- <td><a href="?page=overturn.index" class="btn btn-confirmation btn-sm">表示</a></td>
- </tr>
- <tr>
- <td>2020/5/15 22:45:30</td>
- <td>品川エリア</td>
- <td>102</td>
- <td>田中 一郎</td>
- <td>KI202005123ab</td>
- <td><a href="?page=overturn.index" class="btn btn-confirmation btn-sm">表示</a></td>
- </tr>
- <tr>
- <td>2020/5/15 22:45:30</td>
- <td>品川エリア</td>
- <td>102</td>
- <td>田中 一郎</td>
- <td>KI202005123ab</td>
- <td><a href="?page=overturn.index" class="btn btn-confirmation btn-sm">表示</a></td>
- </tr>
- <tr>
- <td>2020/5/15 22:45:30</td>
- <td>品川エリア</td>
- <td>102</td>
- <td>田中 一郎</td>
- <td>KI202005123ab</td>
- <td><a href="?page=overturn.index" class="btn btn-confirmation btn-sm">表示</a></td>
- </tr>
- </tbody>
- </table>
- </div>
- <!-- /.card-body -->
- <div class="card-footer clearfix">
- <ul class="pagination pagination-sm m-0 float-right">
- <li class="page-item"><a class="page-link" href="#">«</a></li>
- <li class="page-item"><a class="page-link" href="#">1</a></li>
- <li class="page-item"><a class="page-link" href="#">2</a></li>
- <li class="page-item"><a class="page-link" href="#">3</a></li>
- <li class="page-item"><a href="#" class="page-link">4</a></li>
- <li class="page-item"><a class="page-link" href="#">»</a></li>
- </ul>
- </div>
- </div>
- </div>
- <!-- /.col -->
- <!-- /.col -->
- </div>
- <!-- /.row -->
- </div>
- <!--/. container-fluid -->
- </section>
- </div>
- @endsection
- @include('common.footer')
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement