From abfa97d99c3e57efe33d4e2eef835e9c57a1fb2d Mon Sep 17 00:00:00 2001 From: Timothy J Warren Date: Fri, 13 Jan 2017 16:49:46 -0500 Subject: [PATCH] Update views to show streaming links --- app/views/anime/cover.php | 21 +++++++++++++++++++- app/views/anime/details.php | 38 ++++++++++++++++++++++++++++++++++--- app/views/anime/edit.php | 1 + app/views/anime/list.php | 13 ++++++++++++- public/css/base.css | 19 ++++++++++++------- public/css/base.myth.css | 19 ++++++++++++------- 6 files changed, 92 insertions(+), 19 deletions(-) diff --git a/app/views/anime/cover.php b/app/views/anime/cover.php index 1f34380b..41bd3f4b 100644 --- a/app/views/anime/cover.php +++ b/app/views/anime/cover.php @@ -11,7 +11,7 @@
is_authenticated()) continue; ?> -
+
is_authenticated()): ?> @@ -32,6 +32,7 @@ +
@@ -41,11 +42,29 @@
+ 0): ?>
Rewatched time(s)
+ + 0): ?> +
+ + + +
+ +
Rating: / 10
Episodes: diff --git a/app/views/anime/details.php b/app/views/anime/details.php index 5e68c447..6aa91b08 100644 --- a/app/views/anime/details.php +++ b/app/views/anime/details.php @@ -1,10 +1,10 @@
- <?= $data['title'] ?> cover image +

- +
@@ -42,7 +42,39 @@

- */ ?> + 0): ?> +
+

Streaming on:

+
Airing Status
+ + + + + + + + + + + + + + + + + + + */ ?>
\ No newline at end of file diff --git a/app/views/anime/edit.php b/app/views/anime/edit.php index 28a0673e..7d234129 100644 --- a/app/views/anime/edit.php +++ b/app/views/anime/edit.php @@ -1,4 +1,5 @@ is_authenticated()): ?> + */ ?>

Edit Anime List Item

diff --git a/app/views/anime/list.php b/app/views/anime/list.php index 3f2471af..ebb473e3 100644 --- a/app/views/anime/list.php +++ b/app/views/anime/list.php @@ -19,7 +19,7 @@ Type Progress Rated - Attributes + Attributes Notes Genres @@ -61,6 +61,17 @@ + + + + + + + + + + +

html($item['notes']) ?>

diff --git a/public/css/base.css b/public/css/base.css index 13befd89..c3bcb7b6 100644 --- a/public/css/base.css +++ b/public/css/base.css @@ -794,6 +794,10 @@ a:hover, a:active { background-color:#db7d12; } +.full_width { + width: 100%; +} + /* ----------------------------------------------------------------------------- CSS loading icon ------------------------------------------------------------------------------*/ @@ -1208,7 +1212,7 @@ a:hover, a:active { text-align:center; color: greenyellow; position:absolute; - top:5px; + top:147px; left:0; height:100%; width:100%; @@ -1248,8 +1252,9 @@ a:hover, a:active { } .details .cover { - max-width: 300px; - max-height: 435px; + display: block; + width: 284px; + height: 402px; } .details h2 { @@ -1261,11 +1266,11 @@ a:hover, a:active { margin: 1rem; } -.details table { +.details .media_details { max-width:300px; } -.details td { +.details .media_details td { padding:0 15px; padding:0 1.5rem; } @@ -1274,13 +1279,13 @@ a:hover, a:active { text-align:justify; } -.details td:nth-child(odd) { +.details .media_details td:nth-child(odd) { width:1%; white-space:nowrap; text-align:right; } -.details td:nth-child(even) { +.details .media_details td:nth-child(even) { text-align:left; } diff --git a/public/css/base.myth.css b/public/css/base.myth.css index 80b0902f..3f481fb7 100644 --- a/public/css/base.myth.css +++ b/public/css/base.myth.css @@ -115,6 +115,10 @@ a:hover, a:active { background-color: var(--edit-link-hover-color); } +.full_width { + width: 100%; +} + /* ----------------------------------------------------------------------------- CSS loading icon ------------------------------------------------------------------------------*/ @@ -471,7 +475,7 @@ a:hover, a:active { text-align:center; color: greenyellow; position:absolute; - top:5px; + top:147px; left:0; height:100%; width:100%; @@ -505,8 +509,9 @@ a:hover, a:active { } .details .cover { - max-width: 300px; - max-height: 435px; + display: block; + width: 284px; + height: 402px; } .details h2 { @@ -517,10 +522,10 @@ a:hover, a:active { margin: 1rem; } -.details table { +.details .media_details { max-width:300px; } - .details td { + .details .media_details td { padding:0 1.5rem; } @@ -528,12 +533,12 @@ a:hover, a:active { text-align:justify; } -.details td:nth-child(odd) { +.details .media_details td:nth-child(odd) { width:1%; white-space:nowrap; text-align:right; } -.details td:nth-child(even) { +.details .media_details td:nth-child(even) { text-align:left; }