tracer
/
addressbook
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Compare commits

base: tracer:78f25fdfd37806a8b5cfdb0df971586f26789a2c
Branches Tags
tracer:master
tracer:switchToCakePHP
..
compare: tracer:f46e73c64742446e722b151d0f8638307b280dab
Branches Tags
tracer:switchToCakePHP
tracer:master

6 Commits
78f25fdfd3 ... f46e73c647

Author SHA1 Message Date
tracer f46e73c647 changed icon to html entity 2022-10-26 12:23:52 +02:00
tracer 1a8b31b3a2 changed icon to html entity 2022-10-26 12:21:50 +02:00
tracer a832a3c60b changed default order from asc to desc as it will be reversed on first call 2022-10-26 12:13:42 +02:00
tracer 904fd798f6 removed redundant initializer from newTitle 2022-10-26 12:12:34 +02:00
tracer 4ed3dcd603 Added indicator to show if sorting is ascending or descending 2022-10-26 11:58:27 +02:00
tracer 8bc252ba4d finished things up 2022-10-26 11:16:20 +02:00
5 changed files with 34 additions and 16 deletions
Show Stats Expand all files Collapse all files

24
public/assets/js/functions.js
View File

@ -73,14 +73,31 @@ function deleteAddress(id) {
} }
} }
function upCase(text) {
return text[0].toUpperCase() + text.substring(1);
}
function sortBy(column) { function sortBy(column) {
// clear titles
const titles = ['first', 'last', 'street', 'zip', 'city', 'phone']
titles.forEach((title) =>
document.getElementById(title).innerHTML = upCase(title)
)
// switch direction on every call // switch direction on every call
let currentSortOrder = document.getElementById(column + '_sort') let currentSortOrder = document.getElementById(column + '_sort')
let currentTitleElement = document.getElementById(column)
let currentTitle = currentTitleElement.innerHTML
let newTitle
if (currentSortOrder.innerHTML === 'asc') { if (currentSortOrder.innerHTML === 'asc') {
currentSortOrder.innerHTML = 'desc' currentSortOrder.innerHTML = 'desc'
newTitle = currentTitle[0] + currentTitle.substring(1) + ' ⬇'
} else { } else {
currentSortOrder.innerHTML = 'asc' currentSortOrder.innerHTML = 'asc'
newTitle = currentTitle[0] + currentTitle.substring(1) + ' ⬆'
} }
currentTitleElement.innerHTML = newTitle
const table = document.getElementById('address_table'); const table = document.getElementById('address_table');
let dirty = true; let dirty = true;
@ -114,3 +131,8 @@ function sortBy(column) {
} }
} }
} }
document.addEventListener('DOMContentLoaded', () => {
console.log('loaded')
sortBy('last')
})

4
public/index.php
View File

@ -28,10 +28,6 @@ $security = $container->get(className: SecurityController::class);
$addressBook = $container->get(className: AddressBookController::class); $addressBook = $container->get(className: AddressBookController::class);
$addressBookAdmin = $container->get(className: AddressBookAdminController::class); $addressBookAdmin = $container->get(className: AddressBookAdminController::class);
// TODO maybe refactor route adding to the controllers?
// I currently think that makes sense.
$router->addRoute(name: 'app_login', route: '/login', callback: function () use ($security) { $router->addRoute(name: 'app_login', route: '/login', callback: function () use ($security) {
$security->login(); $security->login();
}); });

8
templates/_header.html.php
View File

@ -10,12 +10,12 @@
<body> <body>
<h1>Address Book</h1> <h1>Address Book</h1>
<a href="<?= $router->path('app_main'); ?>">🏠 Home</a> <a href="<?= $router->path('app_main'); ?>">&#8962;&nbsp;Home</a>
<a href="<?= $router->path('app_admin'); ?>">⚙ Admin</a> <a href="<?= $router->path('app_admin'); ?>">&#9881;&nbsp;Admin</a>
<?php if (empty($user) || $user->getAuth() == \App\Enums\UserAuth::AUTH_ANONYMOUS): ?> <?php if (empty($user) || $user->getAuth() == \App\Enums\UserAuth::AUTH_ANONYMOUS): ?>
<a href="<?= $router->path('app_login'); ?>">🚪Login</a> <a href="<?= $router->path('app_login'); ?>">&#9094;&nbsp;Login</a>
<?php else: ?> <?php else: ?>
<a href="<?= $router->path('app_logout'); ?>">🚪Logout</a> <a href="<?= $router->path('app_logout'); ?>">&#9099;&nbsp;Logout</a>
<?php endif; ?> <?php endif; ?>
<br> <br>

2
templates/admin/index.html.php
View File

@ -1,6 +1,6 @@
<?php include dirname(path: __DIR__) . '/_header.html.php'; ?> <?php include dirname(path: __DIR__) . '/_header.html.php'; ?>
<h1>Address Book - Admin</h1> <h1>Address Book - Admin</h1>
<a href="<?= $router->path('app_admin_users') ?>">👱Users</a> <a href="<?= $router->path('app_admin_users'); ?>">&#128113;&nbsp;Users</a>
<?php include dirname(path: __DIR__) . '/_footer.html.php' ?> <?php include dirname(path: __DIR__) . '/_footer.html.php' ?>

12
templates/index.html.php
View File

@ -34,12 +34,12 @@
</tr> </tr>
<?php endforeach; ?> <?php endforeach; ?>
<tr style="display:none;"> <tr style="display:none;">
<td id="first_sort">asc</td> <td id="first_sort">desc</td>
<td id="last_sort">asc</td> <td id="last_sort">desc</td>
<td id="street_sort">asc</td> <td id="street_sort">desc</td>
<td id="zip_sort">asc</td> <td id="zip_sort">desc</td>
<td id="city_sort">asc</td> <td id="city_sort">desc</td>
<td id="phone_sort">asc</td> <td id="phone_sort">desc</td>
</tr> </tr>
</table> </table>
</form> </form>