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

22
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) {
// clear titles
const titles = ['first', 'last', 'street', 'zip', 'city', 'phone']
titles.forEach((title) =>
document.getElementById(title).innerHTML = upCase(title)
)
// switch direction on every call
let currentSortOrder = document.getElementById(column + '_sort')
let currentTitleElement = document.getElementById(column)
let currentTitle = currentTitleElement.innerHTML
let newTitle
if (currentSortOrder.innerHTML === 'asc') {
currentSortOrder.innerHTML = 'desc'
newTitle = currentTitle[0] + currentTitle.substring(1) + ' ⬇'
} else {
currentSortOrder.innerHTML = 'asc'
newTitle = currentTitle[0] + currentTitle.substring(1) + ' ⬆'
}
currentTitleElement.innerHTML = newTitle
const table = document.getElementById('address_table');
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);
$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) {
$security->login();
});

8
templates/_header.html.php
View File

@ -10,12 +10,12 @@
<body>
<h1>Address Book</h1>
<a href="<?= $router->path('app_main'); ?>">🏠 Home</a>
<a href="<?= $router->path('app_admin'); ?>">⚙ Admin</a>
<a href="<?= $router->path('app_main'); ?>">&#8962;&nbsp;Home</a>
<a href="<?= $router->path('app_admin'); ?>">&#9881;&nbsp;Admin</a>
<?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: ?>
<a href="<?= $router->path('app_logout'); ?>">🚪Logout</a>
<a href="<?= $router->path('app_logout'); ?>">&#9099;&nbsp;Logout</a>
<?php endif; ?>
<br>

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

@ -1,6 +1,6 @@
<?php include dirname(path: __DIR__) . '/_header.html.php'; ?>
<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' ?>

12
templates/index.html.php
View File

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