index.html 11.9 KB
Newer Older
Takumi Imai committed
1 2
<!DOCTYPE html>
<html lang="ja-JP">
3

Motohisa Nakano committed
4
<head>
Takumi Imai committed
5 6 7 8 9 10
    <meta charset="utf-8">
    <title calss="multi-lang" data-msg="operationListTitle"></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">

Takumi Imai committed
11 12 13 14 15 16 17 18
    <link rel="stylesheet" type="text/css" href="/abvw/common/css/appCommon/header.css">
    <link rel="stylesheet" type="text/css" href="/abvw/common/css/appCommon/footer.css">
    <link rel="stylesheet" type="text/css" href="/abvw/common/css/appCommon/style.css">
    <link rel="stylesheet" type="text/css" href="/abvw/common/css/appCommon/app.css">
    <link rel="stylesheet" type="text/css" href="/abvw/common/css/appCommon/fontawesome_relative_path.css">

    <script src="/abvw/common/js/jquery/jquery-3.6.0.min.js?__UPDATEID__"></script>
    <script src="/abvw/common/js/jquery/jquery-ui.min.js?__UPDATEID__"></script>
19 20 21 22
    <!-- <script src="/abvw/common/js/web/common.js?__UPDATEID__"></script>
    <script src="/abvw/common/js/web/avweb.js?__UPDATEID__"></script> -->
    <script src="/abvw/common/js/constant.js?__UPDATEID__"></script>
    <script src="/abvw/common/js/common.js?__UPDATEID__"></script>
Takumi Imai committed
23 24 25 26
    <script src="/abvw/js/operationList/operationList.js?__UPDATEID__"></script>
    <script src="/abvw/js/topPage/topPage.js?__UPDATEID__"></script>
    <script src="/abvw/js/dashboardSetting/check-dashboard-setting.js?__UPDATEID__"></script>
    <script src="/abvw/js/dashboard/check-dashboard.js?__UPDATEID__"></script>
27
    <script src="/abvw/common/js/footer.js?__UPDATEID__"></script>
28
    <script src="/abvw/common/js/app.js?__UPDATEID__" defer></script>
Takumi Imai committed
29

Motohisa Nakano committed
30
</head>
Takumi Imai committed
31

32
<body onload="TOP.init();" style="position: relative; margin-top: 53px;">
Takumi Imai committed
33 34 35 36 37 38 39 40

    <!--作業一覧画面-->
    <section id="operationList" class="page-content" style="display: none;">

        <!--ヘッダー-->
        <header style="position: fixed; width: 100%; top: 0px; left: 0; z-index: 999;">
            <nav class="navbar navbar-dark bg-primary">
                <div>
41
                    <a class="navbar-brand category-btn lht-0 d-none" onclick="OL.openCategory();" id="operationGroupMasterButton">
Takumi Imai committed
42 43 44 45 46 47 48 49 50 51 52 53
                        <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>
                </div>
                <h1 class="fs-10 font-weight-bold mb-0 text-white multi-lang alignCenter_header" data-msg="operationListHeaderTitle"></h1>
            </nav>
        </header>

        <!--カテゴリ-->
        <section class="category-menu">
            <div id="overlayDiv" class="overlay"></div>
            <nav id="category-menu" class="drawer-menu">
54 55
                <div class="d-flex justifyfont-weight-bold fs-13 p-3 mb-0 multi-lang" data-msg="buttonCategory"></h2>
                    <a class="category-content-between border-bottom">
56
                    <h2 class="text-nowrap -btn p-3" onclick="OL.openCategory();" href="#"><i class="fa fa-times"></i></a>
Takumi Imai committed
57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76
                </div>
            </nav>
        </section>

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

                <!--パンくずリスト-->
                <nav aria-label="breadcrumb">
                    <ol class="breadcrumb border-bottom px-0" id="groupMasterPath">
                    </ol>
                </nav>

                <!--検索欄-->
                <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="placeholderOperationName" id="searchTaskName">
                                <div class="input-group-append">
77
                                    <i class="fas fa-search input-group-text" onclick="OL.search();"></i>
Takumi Imai committed
78 79 80 81 82 83 84
                                </div>
                            </div>
                        </div>

                        <!--カレンダー-->
                        <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">
Takumi Imai committed
85
                                <img class="icon" src="/abvw/img/operationList/icon_calendar.svg">
Takumi Imai committed
86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122
                                <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="placeholderSelect" 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>
                                                </div>
                                            </div>

                                            <!--終了日付-->
                                            <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="placeholderSelect" 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>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <!--ソート-->
                        <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">
Takumi Imai committed
123
                                <img class="icon" src="/abvw/img/operationList/icon_swap.svg">
Takumi Imai committed
124 125 126
                                <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">
127 128 129 130
                                <a class="dropdown-item sort-type multi-lang" data-msg="labelSortName" data-sort="0" onclick="OL.changeSortType(this);"></a>
                                <a class="dropdown-item sort-type active multi-lang" data-msg="labelSortNew" data-sort="1" id="defaultSort" onclick="OL.changeSortType(this);"></a>
                                <a class="dropdown-item sort-type multi-lang" data-msg="labelSortOld" data-sort="2" onclick="OL.changeSortType(this);"></a>
                                <a class="dropdown-item sort-type multi-lang" data-msg="labelSortOpen" data-sort="4" onclick="OL.changeSortType(this);"></a>
Takumi Imai committed
131
                            </div>
132
                            <a href="javascript:OL.resetSearch();" class="text-decoration-none py-2 lht-0 d-inline-block ml-3">
Takumi Imai committed
133
                                <img class="icon" src="/abvw/img/operationList/icon_clear.svg">
Takumi Imai committed
134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164
                                <span class="d-none d-md-inline text-dark fs-10 align-middle multi-lang" data-msg="labelReset"  lnag="labelReset"></span>
                            </a>
                        </div>
                    </div>
                </nav>

                <!--一覧表示-->
                <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>
                            </tr>
                        </thead>
                        <tbody id="operationTable">
                        </tbody>
                    </table>
                </section>
            </main>
        </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>
                <h1 class="fs-10 font-weight-bold mb-0 text-white multi-lang alignCenter_header" data-msg="dashboardHeaderTitle"></h1>
                <div class="d-flex align-items-center">
                    <a href="javascript:CHK.goUrlWithCurrentParams('dashboard-setting.html');" class="nav-link text-white lht-0 p-1 mr-2">
Takumi Imai committed
165
                        <img class="icon" src="/abvw/img/dashboard/icon_dashboard_setting.svg" alt="">
Takumi Imai committed
166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192
                        <span class="d-none d-md-inline fs-10 align-middle multi-lang" data-msg="buttonDashboardSetting"></span>
                    </a>
                </div>
            </nav>
        </header>
    
        <!-- dashboard -->
        <section class="container-fluid main-section">
            <main>
                <!--ピックアップエリア-->
                <h2 id="pickupHeader" class="fs-8 font-weight-bold mt-4 pb-2 border-bottom text-dark multi-lang" data-msg="pickupHeaderTitle"></h2>
                <div class="item-wrap" id="pickupItems">
                </div>
                <!--コミュニケーションのエリア-->
                <h2 class="fs-8 font-weight-bold mt-4 pb-2 border-bottom text-dark multi-lang" data-msg="communicationHeaderTitle"></h2>
                <div class="item-wrap" id="communicationItems">
                </div>
            </main>
        </section>
    </section>

    <!--フッター-->
    <div id="footer"></div>

    <!--アラート-->
    <div class="alert-overlay d-none"></div>
    <div class="alert-area d-none">
193
        <i class="text-right fas fa-times fa-2x loading-close" onclick="COMMON.alertClose();"></i>
Takumi Imai committed
194 195 196 197 198 199 200 201
        <div class="fs-13 mt-4 text-left" style="padding: 15px;" id="alertMsg"></div>
    </div>

    <!--ローディング-->
    <div id="check_loading" style="display:none; position: relative; overflow:hidden;">
        <p id="checkLoadingMessage"></p>
        <div id="checkLoadingImage"><img src='${check}images/transferLoading.gif' /></div>
    </div>
Motohisa Nakano committed
202
</body>
Takumi Imai committed
203
</html>