Add login/logout links, tweak some styles

This commit is contained in:
Timothy Warren 2015-06-26 14:56:59 -04:00
parent 0099d4f5ec
commit 5e126819e2
3 changed files with 310 additions and 13 deletions

View File

@ -10,16 +10,23 @@
</script>
</head>
<body class="<?= $url_type ?> list">
<h1><?= WHOSE ?> <?= ucfirst($url_type) ?> <?= (strpos($route_path, 'collection') !== FALSE) ? 'Collection' : 'List' ?> [<a href="<?= full_url("", $other_type) ?>"><?= ucfirst($other_type) ?> List</a>]</h1>
<h1 class="flex flex-align-end flex-wrap">
<span class="flex-no-wrap grow-1"><?= WHOSE ?> <?= ucfirst($url_type) ?> <?= (strpos($route_path, 'collection') !== FALSE) ? 'Collection' : 'List' ?> [<a href="<?= full_url("", $other_type) ?>"><?= ucfirst($other_type) ?> List</a>]</span>
<span class="flex-no-wrap small-font">
<?php if (is_logged_in()): ?>
[<a href="<?= full_url("/logout", $url_type) ?>">Logout</a>]
<?php else: ?>
[<a href="<?= full_url("/login", $url_type) ?>"><?= WHOSE ?> Login</a>]
<?php endif ?>
</span>
</h1>
<nav>
<ul>
<?php foreach($nav_routes as $title => $nav_path): ?>
<li class="<?= is_selected($nav_path, $route_path) ?>"><a href="<?= full_url($nav_path, $url_type) ?>"><?= $title ?></a></li>
<?php endforeach ?>
</ul>
</nav>
<br />
<nav>
<ul>
<li class="<?= is_not_selected('list', last_segment()) ?>"><a href="<?= full_url($route_path, $url_type) ?>">Cover View</a></li>
<li class="<?= is_selected('list', last_segment()) ?>"><a href="<?= full_url("{$route_path}/list", $url_type) ?>">List View</a></li>

File diff suppressed because one or more lines are too long

View File

@ -19,6 +19,16 @@ tbody > tr:nth-child(odd) {
background: #ddd;
}
.grow-1 {flex-grow: 1}
.flex-wrap {flex-wrap: wrap}
.flex-no-wrap {flex-wrap: nowrap}
.flex-align-end {align-items: flex-end}
.flex {display: flex}
.small-font {
font-size:1.6rem;
}
.align_left {
text-align:left;
}
@ -63,6 +73,10 @@ button {
margin: 0;
}
.media .edit_buttons > button {
margin:0.5em auto;
}
.name,
.media_metadata > div,
.medium_metadata > div,
@ -231,6 +245,6 @@ button {
.manga .media > .edit_buttons {
position:absolute;
top: calc(50% - (85px / 2));
left: calc(50% - (163px / 2));
top: calc(50% - (117px / 2));
left: calc(50% - (190px / 2));
}