rrresults/observations-review.html at main · DenisTimofijuk/rrresults · 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
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
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
    <title>Observations Review Page</title>
</head>

<body>
    <div class="container-fluid">
        <div class="pannel-wrapper">
            <div>
                <select class="form-select" name="category-selected" id="category-selected">
                    <option value="">Pasirinkite kategoriją</option>
                </select>
            </div>
            <div>
                <button type="button" class="btn btn-outline-success" id="get-data" disabled>
                    Gauti rezultatus
                </button>
            </div>
        </div>
        <hr />
        <div class="d-flex justify-content-between align-items-end">
            <div>
                <p class="fs-3">Dabar vertinama - <span id="category-place-holder"></span></p>
                <div class="d-flex text-success filter-panel mb-3">
                    <div class="form-check form-switch form-check-reverse">
                        <input class="form-check-input" type="checkbox" id="only-with-comments" disabled>
                        <label class="form-check-label" for="only-with-comments">Rodyti eilutes tik su
                            komentarais</label>
                    </div>
                </div>
            </div>
            <div class="d-flex align-items-center mb-3" style="gap: 10px;">
                <span style="white-space: nowrap;">Rodoma per puslapį:</span>
                <select class="form-select" id="items-per-page">
                    <option value="50" selected>50</option>
                    <option value="100">100</option>
                    <option value="200">200</option>
                </select>
            </div>
        </div>

        <div>
            <div id="results" class="table-responsive"></div>
        </div>

        <div id="loader-wrapper" class="hide">
            <div class="loader">
                <svg viewBox="0 0 18.528 35.424" version="1.1" y="0" x="0" height="369" width="193"
                    xmlns="http://www.w3.org/2000/svg">
                    <path
                        d="M3.358 35.05c.435-.175.646-.408.861-.95.374-.94.698-1.52 1.145-2.05.78-.92 1.757-1.638 2.666-1.957.603-.212.9-.204 1.505.041.843.343 1.597.25 2.062-.254.95-1.029 3.95-6.873 5.841-11.376.869-2.07.831-1.882.797-3.962-.034-2.106-.024-2.064-.927-3.887-1.639-3.31-4.426-6.582-7.147-8.392C8.71 1.298 6.715.504 5.296.328c-.718-.09-2.465-.001-3.183.16C.943.752.279 1.268.279 1.917c0 .119.437 1.136.97 2.26.533 1.126 1.044 2.291 1.135 2.591.334 1.106.776 3.567.945 5.27.065.652.357 1.286.751 1.633.419.367 1.351.786 1.964.883.286.044.534.096.553.115.018.018-.129.128-.327.244-.761.446-1.432 1.439-1.74 2.574-.216.802-.194 2.914.045 4.121.24 1.212.575 2.318 1.031 3.403.46 1.092.535 1.458.439 2.135-.223 1.575-1.958 4.03-3.489 4.937-.693.41-.885.587-1.066.98-.173.375-.185.535-.069.953.223.802 1.206 1.326 1.937 1.033z"
                        fill="#000"></path>
                </svg>

                <svg viewBox="0 0 2.4 14.4" version="1.1" y="0" x="0" height="150" width="25"
                    xmlns="http://www.w3.org/2000/svg">
                    <path
                        d="M2.2 13c0 .641-.447 1.16-1 1.16-.553 0-1-.519-1-1.16V1.4C.2.759.647.24 1.2.24c.553 0 1 .519 1 1.16z"
                        fill="#000"></path>
                </svg>

                <svg viewBox="0 0 18.528 35.424" version="1.1" y="0" x="0" height="369" width="193"
                    xmlns="http://www.w3.org/2000/svg">
                    <path
                        d="M15.105 35.155c-.42-.196-.627-.482-.902-1.253-.544-1.517-2.145-3.126-3.636-3.652-.69-.243-.887-.242-1.486.01-.617.26-1.342.278-1.798.045-.555-.283-1.76-2.262-3.476-5.708C2.628 22.232.984 18.575.455 17.144c-.236-.637-.237-.655-.237-2.485 0-2.164.01-2.209.9-4.013 1.011-2.049 2.53-4.189 4.185-5.9C7.679 2.293 9.783.995 12.49.313c.782-.197 1.554-.236 2.695-.137 1.619.14 2.38.38 2.882.909.21.22.246.321.243.684-.002.373-.122.67-.959 2.395-1.277 2.63-1.59 3.806-2.035 7.63-.111.951-.316 1.426-.809 1.87-.52.47-1.306.807-2.165.928l-.391.054.35.224c.897.574 1.58 1.674 1.834 2.956.193.969.12 2.791-.164 4.15-.222 1.061-.696 2.518-1.12 3.443-.336.735-.411 1.584-.203 2.3.505 1.738 2.056 3.692 3.736 4.705.693.417.938.83.874 1.476-.104 1.071-1.193 1.706-2.153 1.256z"
                        fill="#000"></path>
                </svg>
            </div>
            <p>Kraunasi, prašome palaukti...</p>
        </div>
        <div id="alert-error-wrapper" class="hide">
            <svg xmlns="http://www.w3.org/2000/svg" style="display: none">
                <symbol id="exclamation-triangle-fill" fill="currentColor" viewBox="0 0 16 16">
                    <path
                        d="M8.982 1.566a1.13 1.13 0 0 0-1.96 0L.165 13.233c-.457.778.091 1.767.98 1.767h13.713c.889 0 1.438-.99.98-1.767L8.982 1.566zM8 5c.535 0 .954.462.9.995l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 5.995A.905.905 0 0 1 8 5zm.002 6a1 1 0 1 1 0 2 1 1 0 0 1 0-2z" />
                </symbol>
            </svg>
            <div class="alert alert-danger d-flex align-items-center" role="alert">
                <svg class="bi flex-shrink-0 me-2" width="24" height="24" role="img" aria-label="Danger:">
                    <use xlink:href="#exclamation-triangle-fill" />
                </svg>
                <div id="error-text">Įvyko klaida, trūksta duoemnų. Bandykite dar kartą arba kreipkitės į
                    administratorių.</div>
            </div>
        </div>
        <div>
            <nav aria-label="Table navigation" id="review-pagination-wrapper-bottom"></nav>
        </div>
    </div>
    <script type="module" src="/src/observations-review.ts"></script>
</body>

</html>