index.html 13.4 KB
Newer Older
Yujin Seo committed
1
<!DOCTYPE html>
Jung Kwangkyu committed
2 3 4 5 6 7 8 9 10 11 12
<html lang="ja-JP">

<head>
    <meta charset="utf-8">
    <title>トップページ|A Book Check</title>
    <meta name="robots" content="index, follow">
    <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
    <meta name="description" content="A Book Check">

    <link rel="stylesheet" type="text/css" href="css/app.css">
    <link rel="stylesheet" type="text/css" href="css/fontawesome_relative_path.css">
13 14 15
    <link rel="stylesheet" type="text/css" href="css/header.css">
    <link rel="stylesheet" type="text/css" href="css/footer.css">
    <link rel="stylesheet" type="text/css" href="css/style.css">
Yujin Seo committed
16 17
    <script src="js/jquery-1.11.2.min.js?__UPDATEID__"></script>
    <script src="script/check.js?__UPDATEID__"></script>
18
    <script src="script/check_pu.js?__UPDATEID__"></script>
Yujin Seo committed
19
    <script src="script/check-list.js?__UPDATEID__"></script>
20
    <script src="script/check-foriOS.js"></script>
21
    <script src="script/constant.js?__UPDATEID__"></script>
22 23
    <script src="script/check-dashboard-setting.js"></script>
    <script src="script/check-dashboard.js"></script>
24
    <script src="script/check-footer.js"></script>
Jung Kwangkyu committed
25 26
</head>

Lee JaeWon committed
27
<body onload="CHK_L.init();" style="position: relative; margin-top: 53px;">
Jung Kwangkyu committed
28

29
    <section id="operationList" class="page-content">
Jung Kwangkyu committed
30

31 32
        <header style="position: fixed; width: 100%; top: 0px; left: 0; z-index: 999;">
            <nav class="navbar navbar-dark bg-primary">
33 34
                <h1 class="fs-10 font-weight-bold mb-0 text-white"></h1>
                <div class="d-flex align-items-center">
35 36 37 38 39 40 41 42 43 44 45 46
                <a class="navbar-brand category-btn lht-0 d-none" onclick="CHK.openCategory();" id="operationGroupMasterButton" href="javascript:CHK.setCategoryHeight();">
                    <i class="fa fa-folder fs-12 p-1" id="category-toggle-button"></i>
                    <span class="d-none d-md-inline fs-10 multi-lang" data-msg="buttonCategory">カテゴリー</span>
                </a>
                <a class="navbar-brand lht-0" href="javascript:CHK_L.sendAppCommand('refreshContent');" style="margin: 0 10px 0 10px;float: right;">
                    <i class="fa fa-redo fs-12 p-1" id="updateButton"></i>
                    <span class="d-none d-md-inline fs-10 multi-lang" data-msg="buttonRefresh">更新</span>
                </a>
                <a class="navbar-brand lht-0 d-none" id="rfidScanButton" href="javascript:CHK.startScan();" style="margin: 0 10px 0 10px;float: right;">
                    <img class="icon-lg" src="img/icon_scan.svg">
                    <span class="d-none d-md-inline fs-10 multi-lang" data-msg="buttonScan">スキャン</span>
                </a>
47
                </div>
48 49
            </nav>
        </header>
Jung Kwangkyu committed
50

51 52 53 54 55 56 57
        <section class="category-menu">
            <div id="overlayDiv" class="overlay"></div>
            <nav id="category-menu" class="drawer-menu">
                <div class="d-flex justify-content-between border-bottom">
                    <h2 class="text-nowrap font-weight-bold fs-13 p-3 mb-0 multi-lang" data-msg="buttonCategory">カテゴリー</h2>
                    <a class="category-btn p-3" onclick="CHK.openCategory();" href="#"><i class="fa fa-times"></i></a>
                </div>
Jung Kwangkyu committed
58
            </nav>
59 60 61 62 63 64 65 66 67 68
        </section>

        <section class="container-fluid main-section">

            <main>

                <nav aria-label="breadcrumb">
                    <ol class="breadcrumb border-bottom px-0" id="groupMasterPath">
                    </ol>
                </nav>
Jung Kwangkyu committed
69

70 71 72 73 74 75 76 77
                <nav aria-label="search">
                    <div class="row">
                        <div class="col-7 col-md-5 col-lg-4">
                            <div class="form-group has-search input-group">
                                <input type="text" class="form-control multi-lang" data-msg="placeholderOperationName" placeholder="作業名" id="searchTaskName">
                                <div class="input-group-append">
                                    <i class="fas fa-search input-group-text" onclick="CHK.search();"></i>
                                </div>
Lee Munkyeong committed
78
                            </div>
Jung Kwangkyu committed
79 80
                        </div>

81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98
                        <div class="col-1 col-md-2 duration-area">
                            <a href="#" class="d-inline-block text-decoration-none py-2 lht-0" data-toggle="modal" data-target="#exampleModal">
                                <img class="icon" src="img/icon_calendar.svg">
                                <span class="d-none d-md-inline text-black fs-10 align-middle multi-lang" data-msg="labelPeriod">
                                    期間
                                </span>
                            </a>
                            <div class="modal modal-duration fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
                                <div class="modal-dialog">
                                    <div class="modal-content">
                                        <div class="modal-body">
                                            <div class="form-group">
                                                <label class="multi-lang" data-msg="labelStartDate">開始日</label>
                                                <div class="input-group date" id="datetimepicker1" data-target-input="nearest">
                                                    <input type="search" name="start" class="form-control form-control-sm datetimepicker-input multi-lang" data-msg="placeholderSelect" data-target="#datetimepicker1" placeholder="選択" inputmode="none" id="searchStartDate">
                                                    <div class="input-group-append" data-target="#datetimepicker1" data-toggle="datetimepicker">
                                                        <div class="input-group-text"><i class="far fa-calendar"></i></div>
                                                    </div>
Lee Munkyeong committed
99 100
                                                </div>
                                            </div>
101 102 103 104 105 106 107
                                            <div class="form-group">
                                                <label class="multi-lang" data-msg="labelEndDate">終了日</label>
                                                <div class="input-group date" id="datetimepicker2" data-target-input="nearest">
                                                    <input type="search" name="end" class="form-control form-control-sm datetimepicker-input multi-lang" data-msg="placeholderSelect" data-target="#datetimepicker2" placeholder="選択" inputmode="none" id="searchEndDate">
                                                    <div class="input-group-append" data-target="#datetimepicker2" data-toggle="datetimepicker">
                                                        <div class="input-group-text"><i class="far fa-calendar"></i></div>
                                                    </div>
Lee Munkyeong committed
108 109 110
                                                </div>
                                            </div>
                                        </div>
Jung Kwangkyu committed
111 112 113 114
                                    </div>
                                </div>
                            </div>
                        </div>
115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134
                        <div class="col-4 col-md-5 col-lg-6 text-right">
                            <a href="#" class="text-decoration-none py-2 lht-0" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" data-offset="-120, 0">
                                <img class="icon" src="img/icon_swap.svg">
                                <span class="d-none d-md-inline text-dark fs-10 align-middle multi-lang" data-msg="labelSort">
                                    並び替え
                                </span>
                            </a>
                            <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
                                <a class="dropdown-item sort-type multi-lang" data-msg="labelSortName" data-sort="0" onclick="CHK.changeSortType(this);">作業名順</a>
                                <a class="dropdown-item sort-type active multi-lang" data-msg="labelSortNew" data-sort="1" id="defaultSort" onclick="CHK.changeSortType(this);">作業期間が新しい順</a>
                                <a class="dropdown-item sort-type multi-lang" data-msg="labelSortOld" data-sort="2" onclick="CHK.changeSortType(this);">作業期間が古い順</a>
                                <a class="dropdown-item sort-type multi-lang" data-msg="labelSortType" data-sort="3" onclick="CHK.changeSortType(this);">報告タイプ順</a>
                                <a class="dropdown-item sort-type multi-lang" data-msg="labelSortOpen" data-sort="4" onclick="CHK.changeSortType(this);">閲覧日が新しい順</a>
                            </div>
                            <a href="javascript:CHK.resetSearch();" class="text-decoration-none py-2 lht-0 d-inline-block ml-3">
                                <img class="icon" src="img/icon_clear.svg">
                                <span class="d-none d-md-inline text-dark fs-10 align-middle multi-lang" data-msg="labelReset">
                                    クリア
                                </span>
                            </a>
Jung Kwangkyu committed
135 136
                        </div>
                    </div>
137
                </nav>
Jung Kwangkyu committed
138 139


140 141 142 143 144 145 146 147 148 149 150 151 152 153
                <section>
                    <table class="table">
                        <thead>
                            <tr>
                                <th class="multi-lang" data-msg="headerItemName">作業名</th>
                                <th class="d-none d-md-table-cell multi-lang" data-msg="headerStartDate">開始日</th>
                                <th class="d-none d-md-table-cell multi-lang" data-msg="headerEndDate">終了日</th>
                                <th>VR</th>
                            </tr>
                        </thead>
                        <tbody id="operationTable">
                        </tbody>
                    </table>
                </section>
Jung Kwangkyu committed
154

155
            </main>
Jung Kwangkyu committed
156

157 158 159 160 161 162 163 164
        </section>
    </section>

    <section id="dashboard" class="page-content" style="display: none;">
        <header>
            <nav class="navbar navbar-dark bg-primary position-fixed fixed-top w-100">
                <div></div>
                <div></div>
165
                <h1 class="fs-10 font-weight-bold mb-0 text-white multi-lang" data-msg="dashboardHeaderTitle">ダッシュボード</h1>
166 167 168
                <div class="d-flex align-items-center">
                    <a href="dashboard-setting.html" class="nav-link text-white lht-0 p-1 mr-2">
                        <img class="icon" src="img/icon_dashboard_setting.svg" alt="設定">
169
                        <span class="d-none d-md-inline fs-10 align-middle multi-lang" data-msg="buttonDashboardSetting">
170 171 172
                            設定
                        </span>
                    </a>
173
                    <a href="javascript:CHK_L.sendAppCommand('refreshContent');" class="nav-link text-white lht-0 p-1">
174
                        <img class="icon" src="img/icon_update.svg" alt="更新">
175
                        <span class="d-none d-md-inline fs-10 align-middle multi-lang" data-msg="buttonRefresh">
176 177 178 179 180 181 182 183 184 185
                            更新
                        </span>
                    </a>
                </div>
            </nav>
        </header>
    
        <!-- dashboard -->
        <section class="container-fluid main-section">
            <main>
186
                <h2 class="fs-8 font-weight-bold mt-4 pb-2 border-bottom text-dark multi-lang" data-msg="pickupHeaderTitle">ピックアップ</h2>
187
                <div class="item-wrap" id="pickupItems">
188 189
                </div>
    
190
                <h2 class="fs-8 font-weight-bold mt-4 pb-2 border-bottom text-dark multi-lang" data-msg="communicationHeaderTitle">コミュニケーション</h2>
191
                <div class="item-wrap" id="communicationItems">
192 193 194
                </div>
            </main>
        </section>
Jung Kwangkyu committed
195 196
    </section>

197
    <div id="footer"></div>
Jung Kwangkyu committed
198

Lee Munkyeong committed
199
    <div class="scan-overlay d-none"></div>
Lee Munkyeong committed
200
    <div class="alert-overlay d-none"></div>
Lee Munkyeong committed
201 202 203
    <div class="scan-area d-none">
        <i class="text-right fas fa-times fa-2x loading-close" onclick="CHK.scanClose();"></i>
        <i class="fas fa-spinner fa-5x fa-spin loading-spinner"></i>
Yujin Seo committed
204
        <div class="fs-13 mt-4 text-center multi-lang" data-msg="labelLoading">読み込み中</div>
Lee Munkyeong committed
205
    </div>
Lee Munkyeong committed
206 207
    <div class="alert-area d-none">
        <i class="text-right fas fa-times fa-2x loading-close" onclick="CHK.alertClose();"></i>
208
        <div class="fs-13 mt-4 text-left" style="padding: 15px;" id="alertMsg"></div>
Lee Munkyeong committed
209
    </div>
Jung Kwangkyu committed
210 211 212
    <script type="text/javascript" src="js/app.js" defer></script>
</body>

213
<script>
214 215
    $(document).ready(function() {
        $("#footer").load("main-footer.html", function() {
216
            if (location.hash === '#dashboard') {
217
                CHK_Footer.goDashboard();
218
            } else if (location.hash === '#operationList') {
219
                CHK_Footer.goOperationList();
220
            } else {
221
                if (CHK.dashboardSetting.dashboardHome) {
222 223 224 225
                    CHK_Footer.goDashboard();
                } else {
                    CHK_Footer.goOperationList();
                }
226
            }
227 228
        });
    });
229
</script>
Jung Kwangkyu committed
230
</html>