report_form_edit.html 8.09 KB
Newer Older
Jung Kwangkyu committed
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 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 123 124 125 126 127 128 129 130 131 132 133 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
<!DOCTYPE html>
<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">
</head>

<body>
    <header>

        <nav class="navbar navbar-dark bg-primary">

            <a href="index.html" class="navbar-brand category-btn lht-0">
                <i class="fas fa-chevron-left fs-12 p-1"></i>
                <span class="d-none d-md-inline fs-10">
                    戻る
                </span>
            </a>

                <div class="navbar-nav">
                    <div class="nav-item">

                        <div class="text-size btn-group btn-group-sm" role="group">
                            <button type="button" class="btn btn-white btn-sm border size-button smaller"><i class="fas fa-minus"></i></button>
                            <button type="button" class="btn btn-white btn-sm border size-button defaulter"><i class="fas fa-font"></i></button>
                            <button type="button" class="btn btn-white btn-sm border size-button larger"><i class="fas fa-plus"></i></button>
                        </div>

                    </div>
                </div>

        </nav>

    </header>

    <div class="container-fluid mb-5">

        <div class="row mx-lg-2">
            <div class="col-12 col-lg-4 px-0">

                <aside>
                    <nav class="side-navi mt-3 mt-lg-5">
                        <ul>
                            <li><a href="">報告1</a></li>
                            <li class="active"><a href="">長いタイトルの報告長いタイトルの報告長いタイトルの報告長いタイトルの報告長いタイトルの報告長いタイトルの報告長いタイトルの報告</a></li>
                            <li><a href="">報告2</a></li>
                            <li><a href="">報告3</a></li>
                            <li><a href="">報告4</a></li>
                        </ul>
                    </nav>
                </aside>
            </div>

            <div class="col-12 col-lg-8">
                <main>

                    <div class="row">
                            <div class="col-12 bg-lightblue mt-0 mt-lg-5 mb-1px">

                            <h4 class="accordion-title fs-12 py-2 m-0" data-toggle="collapse" href="#group1" role="button" aria-expanded="true" aria-controls="group1">
                                グループ 1/3
                            </h4>
        
                            <div class="bg-white mb-3 collapse show" id="group1">
                                <div class="p-3">
                                    <div class="form-group mb-4">
                                        <label for="workCode">作業コード <span class="badge badge-danger">必須</span></label>
                                        <input type="workCode" class="form-control" id="workCode" aria-describedby="workCodeHelp">
                                        <small id="workCodeHelp" class="form-text text-muted">入力できるのは全角半角問わず20文字以内です</small>
                                    </div>
        
                                    <div class="form-group mb-4">
                                        <label for="datetimepicker1">入力日</label>
                                        <div class="input-group date" id="datetimepicker1" data-target-input="nearest">
                                            <input type="text" class="form-control datetimepicker-input" data-target="#datetimepicker1" aria-describedby="datetimepicker1Help">
                                            <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>
                                        <small id="datetimepicker1Help" class="form-text text-muted">
                                            <i class="fas fa-file-alt fs-10 text-primary"></i>
                                            <a href="" class="text-secondary">
                                                マニュアル
                                            </a>
                                        </small>
                                    </div>
        
                                    <div class="form-group mb-4">
                                        <label for="department">
                                            部署 <span class="badge badge-danger">必須</span>
                                            <i class="fas fa-question-circle text-secondary" data-toggle="tooltip" data-placement="top" title="ABookCheckの管理画面で登録した作業グループから選択します。作業グループが多い場合は検索窓にグループ名の一部を入力して選択肢を探すことができます。"></i>
                                        </label>
                                        <select class="form-control" id="department">
                                            <option>部署を選択</option>
                                            <option></option>
                                        </select>
                                    </div>
        
                                    <div class="form-group">
                                        <label for="name">名前 <span class="badge badge-danger">必須</span></label>
                                        <input type="name" class="form-control" id="name" aria-describedby="nameHelp">
                                    </div>
                                </div>
                            </div>
                        </div>
        
                        <div class="col-12 bg-lightblue mb-1px">
                            <h4 class="accordion-title fs-12 py-2 m-0 collapsed" data-toggle="collapse" href="#group2" role="button" aria-expanded="false" aria-controls="group2">
                                グループ 2/3
                            </h4>
        
                            <div class="bg-white mb-3 collapse" id="group2">
                                <div class="p-3">
                                    form
                                </div>
                            </div>
                        </div>
        
                        <div class="col-12 bg-lightblue mb-1px">
                            <h4 class="accordion-title fs-12 py-2 m-0 collapsed" data-toggle="collapse" href="#group3" role="button" aria-expanded="false" aria-controls="group3">
                                グループ 3/3
                            </h4>
        
                            <div class="bg-white mb-3 collapse" id="group3">
                                <div class="p-3">
                                    form
                                </div>
                            </div>
                        </div>
        
                        <div class="col-12 d-flex">
                            <div class="p-2 flex-grow-1">
                            </div>
                            <div class="p-2">
                                <button class="btn btn-outline-primary">保存</button>
                            </div>
                            <div class="p-2">
                                <button class="btn btn-outline-primary">送信</button>
                            </div>
                        </div>
        
                    </div>

                </main>

            </div>
        </div>


    <script type="text/javascript" src="js/app.js" defer></script>
</body>

</html>