From 224d4d32ba3a3827f1b0131a1f1c81b660d5d8d8 Mon Sep 17 00:00:00 2001
From: horus
Date: Thu, 19 Mar 2020 02:57:17 +0100
Subject: Adds landing page for specific anime + first chart.

---
 resources/views/anime.blade.php       | 60 +++++++++++++++++++++++++++++++++++
 resources/views/layouts/app.blade.php |  1 +
 2 files changed, 61 insertions(+)
 create mode 100644 resources/views/anime.blade.php

(limited to 'resources/views')

diff --git a/resources/views/anime.blade.php b/resources/views/anime.blade.php
new file mode 100644
index 0000000..0e5596b
--- /dev/null
+++ b/resources/views/anime.blade.php
@@ -0,0 +1,60 @@
+@extends('layouts.app')
+
+@section('content')
+<div class="container" id="index">
+	<h1>{{ $anime->title_pref }}</h1>
+
+	<div class="row">
+		<div class="col-sm">
+			<img src="{{ $anime->image_url }}" class="img-fluid">	
+		</div>
+		<div class="col-sm">
+			{!! str_replace("%%br%%", "<br>", e($anime->synopsis)) !!}
+			<br>
+			<br>
+			<strong>Score: </strong> {{ $anime["basic_data"]->score }}
+			<br>
+			<strong>Rank: </strong> {{ $anime["basic_data"]->rank }}
+			<br>
+			<strong>Popularity: </strong> {{ $anime["basic_data"]->popularity }}
+			<br>
+			<strong>Members: </strong> {{ $anime["basic_data"]->members }}
+		</div>
+	</div>
+
+	<p>
+	<h2>Score History</h2>
+	<canvas id="score_chart" height=""></canvas>
+	<!--
+	{{ $anime }}
+	-->
+	</p>
+</div>
+<script>
+var ctx = document.getElementById('score_chart');
+var myChart = new Chart(ctx, {
+    type: 'line',
+    data: {
+        labels: {!! json_encode($anime["score_label"]) !!},
+        datasets: [{
+            label: 'Average Score on MAL',
+            data: {{ json_encode($anime["score"]) }},
+	    file: 'false',	
+	    borderColor: 'rgb(75, 192, 192)',
+	    lineTension: 0.01,
+	    backgroundColor: 'white',
+        }]
+    },
+    options: {
+        scales: {
+            yAxes: [{
+                ticks: {
+                    beginAtZero: false
+                }
+            }]
+        }
+    }
+});
+
+</script>
+@endsection
diff --git a/resources/views/layouts/app.blade.php b/resources/views/layouts/app.blade.php
index 8d29582..4090062 100644
--- a/resources/views/layouts/app.blade.php
+++ b/resources/views/layouts/app.blade.php
@@ -12,6 +12,7 @@
 
     <!-- Scripts -->
     <script src="{{ asset('js/app.js') }}" defer></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.3/Chart.bundle.min.js"></script>
 
     <!-- Fonts -->
     <link rel="dns-prefetch" href="//fonts.gstatic.com">
-- 
cgit v1.2.3