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> </script>
</head> </head>
<body class="<?= $url_type ?> list"> <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> <nav>
<ul> <ul>
<?php foreach($nav_routes as $title => $nav_path): ?> <?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> <li class="<?= is_selected($nav_path, $route_path) ?>"><a href="<?= full_url($nav_path, $url_type) ?>"><?= $title ?></a></li>
<?php endforeach ?> <?php endforeach ?>
</ul> </ul>
</nav>
<br /> <br />
<nav>
<ul> <ul>
<li class="<?= is_not_selected('list', last_segment()) ?>"><a href="<?= full_url($route_path, $url_type) ?>">Cover View</a></li> <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> <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; 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 { .align_left {
text-align:left; text-align:left;
} }
@ -63,6 +73,10 @@ button {
margin: 0; margin: 0;
} }
.media .edit_buttons > button {
margin:0.5em auto;
}
.name, .name,
.media_metadata > div, .media_metadata > div,
.medium_metadata > div, .medium_metadata > div,
@ -231,6 +245,6 @@ button {
.manga .media > .edit_buttons { .manga .media > .edit_buttons {
position:absolute; position:absolute;
top: calc(50% - (85px / 2)); top: calc(50% - (117px / 2));
left: calc(50% - (163px / 2)); left: calc(50% - (190px / 2));
} }