form-computers/viewData.html at main · wilfrad/form-computers · GitHub

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
<div class="container-table card align-items-center mt-4 p-3" id="table-main" hidden>
    <div class="table-navbar d-flex align-self-end">
        <!--<div class="table-filter dropdown"></div>-->
        <form class="d-flex" role="search">
            <input class="form-control me-2" type="search" placeholder="Search">
            <button class="btn btn-outline-secondary disabled" type="submit">Search</button>
        </form>
    </div>
    <table class="table">
        <thead>
            <tr>
                <th scope="col"></th>
                <th scope="col">Serial</th>
                <th scope="col">Type</th>
                <th scope="col">Brand</th>
                <th scope="col">Model</th>
            </tr>
        </thead>
        <tbody>
            <tr class="table-row--selected">
                <th class="d-flex align-items-center">
                    <label for="table-row-item#" class="form-label m-0">1</label>
                    <input type="checkbox" class="btn btn-light ms-1" id="table-row-item#" value="num#">
                </th>
                <td>1542315</td>
                <td>Laptop</td>
                <td>Lenovo</td>
                <td>Thinkpad 7</td>
                </tr>
                <tr class="table-info">
                <th scope="row">Total devices</th>
                <td colspan="4">
                    <p class="table-value text-end fw-bold">1</p>
                </td>
            </tr>
        </tbody>
    </table>
    <div class="d-inline">
        <button type="button" class="btn btn-sm disabled" id="table-btn-prev">Prev</button>
        <button type="button" class="btn btn-outline-primary btn-sm active" id="table-btn-number" value="num#">1</button>
        <button type="button" class="btn btn-outline-primary btn-sm disabled" id="table-btn-numbre-skip">...</button>
        <button type="button" class="btn btn-sm disabled" id="table-btn-next">Next</button>
    </div>
</div>
<div class="card r-10 py-1 floating-menu" hidden>
    <h5 class="fm-title text-center mb-1">Element</h5>
    <img src="resource/img/form-img-laptop.jpg" class="card-img-top align-self-center w-75" alt="floating-menu-img">
    <div class="list-group-item d-flex justify-content-between align-items-center px-1">
        <p class="my-0 fw-7" id="fm-item-name">
            <img src="resource/icon/item-24x24.png" alt="floating-menu-img-item">
                Item :
        </p>
        <p class="my-0 fw-7" id="fm-item-value">value</p>
    </div>
</div>