| 1 | <!DOCTYPE html>
|
|---|
| 2 | <html lang="en">
|
|---|
| 3 |
|
|---|
| 4 | <head>
|
|---|
| 5 | <meta charset="UTF-8">
|
|---|
| 6 | <meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|---|
| 7 | <title>
|
|---|
| 8 | Calendar
|
|---|
| 9 | </title>
|
|---|
| 10 | <script src="/js/cookie.js" defer></script>
|
|---|
| 11 | <link rel="stylesheet" href="/css/admin-terms.css">
|
|---|
| 12 | </head>
|
|---|
| 13 | <body class="light">
|
|---|
| 14 | <button id="authButton" style="display: none;"></button>
|
|---|
| 15 | <div id="content">
|
|---|
| 16 | <h1>Преглед и менаџирање со термини</h1>
|
|---|
| 17 | <h3>Со клик врз датумот од календарот добивате преглед за термините</h3>
|
|---|
| 18 | <div id="left-side">
|
|---|
| 19 | <div id="calendar-main">
|
|---|
| 20 | <div class="calendar">
|
|---|
| 21 | <div class="calendar-header">
|
|---|
| 22 | <span class="month-picker" id="month-picker">August</span>
|
|---|
| 23 | <div class="year-picker">
|
|---|
| 24 | <span class="year-change" id="prev-year">
|
|---|
| 25 | <pre><</pre>
|
|---|
| 26 | </span>
|
|---|
| 27 | <span id="year">2024</span>
|
|---|
| 28 | <span class="year-change" id="next-year">
|
|---|
| 29 | <pre>></pre>
|
|---|
| 30 | </span>
|
|---|
| 31 | </div>
|
|---|
| 32 | </div>
|
|---|
| 33 | <div class="calendar-body">
|
|---|
| 34 | <div class="calendar-week-day">
|
|---|
| 35 | <div>Sun</div>
|
|---|
| 36 | <div>Mon</div>
|
|---|
| 37 | <div>Tue</div>
|
|---|
| 38 | <div>Wed</div>
|
|---|
| 39 | <div>Thu</div>
|
|---|
| 40 | <div>Fri</div>
|
|---|
| 41 | <div>Sat</div>
|
|---|
| 42 | </div>
|
|---|
| 43 | <div class="calendar-days"></div>
|
|---|
| 44 | </div>
|
|---|
| 45 | <div class="month-list"></div>
|
|---|
| 46 | </div>
|
|---|
| 47 | </div>
|
|---|
| 48 | <div id="paired">
|
|---|
| 49 | <div id="creation">
|
|---|
| 50 | <h3>Креирање поединечен термин</h3>
|
|---|
| 51 | <p>*клик врз ден од календарот</p>
|
|---|
| 52 | <div>
|
|---|
| 53 | <label>Избери време: </label>
|
|---|
| 54 | <select id="timePicker">
|
|---|
| 55 | <option></option>
|
|---|
| 56 | </select>
|
|---|
| 57 | </div>
|
|---|
| 58 | <button id="add-Term">Додади</button>
|
|---|
| 59 | </div>
|
|---|
| 60 | <div id="delete-all-free">
|
|---|
| 61 | <label>Изберете датум за бришење на термини(слободни):</label>
|
|---|
| 62 | <input type="date" id="delete-date-from" name="delete-date">
|
|---|
| 63 | <input type="date" id="delete-date-to" name="delete-date">
|
|---|
| 64 | <button id="delete-free-button">Избриши термини</button>
|
|---|
| 65 | </div>
|
|---|
| 66 | </div>
|
|---|
| 67 | <div class="appointment-section">
|
|---|
| 68 | <h2>Автоматско креирање термини</h2>
|
|---|
| 69 | <label for="start-date">Од датум:</label>
|
|---|
| 70 | <input type="date" id="start-date" name="start-date">
|
|---|
| 71 | <label for="end-date">До датум:</label>
|
|---|
| 72 | <input type="date" id="end-date" name="end-date">
|
|---|
| 73 | <label for="start-time">Од време:</label>
|
|---|
| 74 | <select id="start-time">
|
|---|
| 75 | <option></option>
|
|---|
| 76 | </select>
|
|---|
| 77 | <label for="end-time">До време:</label>
|
|---|
| 78 | <select id="end-time">
|
|---|
| 79 | <option></option>
|
|---|
| 80 | </select>
|
|---|
| 81 | <label for="time-interval">Слободен простор меѓу термини (во минути):</label>
|
|---|
| 82 | <input type="number" id="time-interval" name="time-interval" min="0" step="5">
|
|---|
| 83 | <button id="create-appointments">Креирај слободни термини</button>
|
|---|
| 84 | </div>
|
|---|
| 85 | </div>
|
|---|
| 86 | <div id="right-side">
|
|---|
| 87 | <div id="active">
|
|---|
| 88 | <h3>Тековни термини за ден <span id="insert-date"></span></h3> <p>(доколку постои термин, со клик врз време, се добиваат информации и овозоможува менаџирање со термин)</p>
|
|---|
| 89 | <div id="frame"></div>
|
|---|
| 90 | <button id="temporal-deletion" style="display: none;">Целосно бришење термин</button>
|
|---|
| 91 | </div>
|
|---|
| 92 | <div id="summary" style="display: none;">
|
|---|
| 93 | <table id="requested-table" style="display: none;">
|
|---|
| 94 | <thead><tr><th>Предложени</th></tr></thead><tbody id="requested"></tbody>
|
|---|
| 95 | </table>
|
|---|
| 96 | <table id="approved-table" style="display: none;">
|
|---|
| 97 | <thead><tr><th>Одобрени</th></tr></thead><tbody id="approved"></tbody>
|
|---|
| 98 | </table>
|
|---|
| 99 | <div id="request-assets" style="display: none;">
|
|---|
| 100 | <label>Одобрен корисник:</label>
|
|---|
| 101 | <input id="username-approval" type="text">
|
|---|
| 102 | <button id="confirm-approval">Потврди</button>
|
|---|
| 103 | </div>
|
|---|
| 104 | <div id="appointment-assets" style="display: none;">
|
|---|
| 105 | <button id="delete-approval">Бриши резервација на термин</button>
|
|---|
| 106 | <button id="approve-carried-out">Потврди одржан термин</button>
|
|---|
| 107 | </div>
|
|---|
| 108 | <div id="popupModal" class="modal" style="display: none;">
|
|---|
| 109 | <div class="modal-content">
|
|---|
| 110 | <span class="close">×</span>
|
|---|
| 111 | <h2>Enter Your Details</h2>
|
|---|
| 112 | <input type="text" id="userInput" placeholder="Enter something...">
|
|---|
| 113 | <div class="buttons">
|
|---|
| 114 | <button id="cancelBtn">Cancel</button>
|
|---|
| 115 | <button id="approveBtn">Approve</button>
|
|---|
| 116 | </div>
|
|---|
| 117 | </div>
|
|---|
| 118 | </div>
|
|---|
| 119 | </div>
|
|---|
| 120 | </div>
|
|---|
| 121 | </div>
|
|---|
| 122 | <script type="module" src="/js/admin-terms.js"></script>
|
|---|
| 123 | </body>
|
|---|
| 124 | </html> |
|---|
