From bfd2a98d2f0ce8e4fe2b21c9563bd8f0171e3822 Mon Sep 17 00:00:00 2001
From: Rafael Fernandes <spnrafael@gmail.com>
Date: Mon, 27 Nov 2017 19:37:41 -0200
Subject: [PATCH] =?UTF-8?q?Atualiza=20resumo=20do=20epis=C3=B3dio?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../stylesheets/components/_series.scss       |   8 ++
 app/views/series/show.html.erb                | 126 ++++++++++--------
 2 files changed, 81 insertions(+), 53 deletions(-)

diff --git a/app/assets/stylesheets/components/_series.scss b/app/assets/stylesheets/components/_series.scss
index 6037d18..eb4a94c 100644
--- a/app/assets/stylesheets/components/_series.scss
+++ b/app/assets/stylesheets/components/_series.scss
@@ -55,4 +55,12 @@
 
 .episode-info {
   background-color: $color-white;
+
+  .title {
+    font-size: 18px;
+  }
+  
+  .title, .subtitle {
+    color: rgba(51,51,51,0.75);
+  }
 }
\ No newline at end of file
diff --git a/app/views/series/show.html.erb b/app/views/series/show.html.erb
index 1af5ae4..1188a6f 100644
--- a/app/views/series/show.html.erb
+++ b/app/views/series/show.html.erb
@@ -1,68 +1,88 @@
-<div class="series pt-4">
-  <div class="container pt-3">
-    <div class="row">
-      <div class="col-sm-6">
-        <div class="title">acompanhamento da série</div>
-      </div>
+<div style="padding-bottom: 3em">
+  <div class="series pt-4" style="padding-bottom: 0">
+    <div class="container pt-3">
+      <div class="row">
+        <div class="col-sm-6">
+          <div class="title">acompanhamento da série</div>
+        </div>
 
-      <div class="col-sm-3"></div>
+        <div class="col-sm-3"></div>
 
-      <div class="col-sm-3">
-        <div class="back">
-          <%= link_to "voltar à minhas séries", my_series_path, class: "btn btn-info btn-block" %>
+        <div class="col-sm-3">
+          <div class="back">
+            <%= link_to "voltar à minhas séries", my_series_path, class: "btn btn-info btn-block" %>
+          </div>
         </div>
       </div>
-    </div>
 
-    <div class="row pt-5">
-      <div class="col-sm-6 favorite">
-        <%= image_tag @serie.image_path, width: "100%", height: "auto" %>
-        <div class="episode">
-          S0<%= @serie.seasons.first.number %>E0<%= @serie.seasons.first.episodes.first.number %>
-        </div>
-      </div>
-      <div class="col-sm-6 favorite">
-        <div class="name"><%= @serie.title %></div>
-        <div class="next-episode mt-2">Próximo episódio: hoje</div>
-        <p class="mt-5 mb-0">Seu progresso:</p>
-        <div class="progress mt-2" style="height: 25px">
-          <div class="progress-bar bg-info" role="progressbar" style="width: 70%" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100"></div>
+      <div class="row pt-5">
+        <div class="col-sm-6 favorite">
+          <%= image_tag @serie.image_path, width: "100%", height: "auto" %>
+          <div class="episode">
+            S0<%= @serie.seasons.first.number %>E0<%= @serie.seasons.first.episodes.first.number %>
+          </div>
         </div>
+        <div class="col-sm-6 favorite">
+          <div class="name"><%= @serie.title %></div>
+          <div class="next-episode mt-2">Próximo episódio: hoje</div>
+          <p class="mt-5 mb-0">Seu progresso:</p>
+          <div class="progress mt-2" style="height: 25px">
+            <div class="progress-bar bg-info" role="progressbar" style="width: 70%" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100"></div>
+          </div>
 
-        <p class="subtitle mt-5 mb-0">Gênero</p>
-        <p>Drama, suspense</p>
+          <p class="subtitle mt-5 mb-0">Gênero</p>
+          <p>Drama, suspense</p>
 
-        <div class="row mt-4">
-          <div class="col-sm-4">
-            <div class="subtitle">No ar em</div>
-            <p>Canal</p>
-          </div>
-          <div class="col-sm-4">
-            <div class="subtitle">Duração</div>
-            <p>45 min</p>
-          </div>
-          <div class="col-sm-4">
-            <div class="subtitle">Status</div>
-            <p>Em exibição</p>
+          <div class="row mt-4">
+            <div class="col-sm-4">
+              <div class="subtitle">No ar em</div>
+              <p>Canal</p>
+            </div>
+            <div class="col-sm-4">
+              <div class="subtitle">Duração</div>
+              <p>45 min</p>
+            </div>
+            <div class="col-sm-4">
+              <div class="subtitle">Status</div>
+              <p>Em exibição</p>
+            </div>
           </div>
-        </div>
-        
-        <% if @exists %>
-          <%= link_to add_or_remove_serie_path(@serie), class: "mt-4 btn btn-outline-danger" do %>
-            remover da minha lista  
-            <%= fa_icon "times" %>
-          <% end %>
-        <% else %>
-          <%= link_to add_or_remove_serie_path(@serie), class: "mt-4 btn btn-outline-success" do %>
-            adicionar a minha lista  
-            <%= fa_icon "check-square" %>
+          
+          <% if @exists %>
+            <%= link_to add_or_remove_serie_path(@serie), class: "mt-4 btn btn-outline-danger" do %>
+              remover da minha lista  
+              <%= fa_icon "times" %>
+            <% end %>
+          <% else %>
+            <%= link_to add_or_remove_serie_path(@serie), class: "mt-4 btn btn-outline-success" do %>
+              adicionar a minha lista  
+              <%= fa_icon "check-square" %>
+            <% end %>
           <% end %>
-        <% end %>
+        </div>
       </div>
     </div>
+  </div>
 
-    <!-- <div class="episode-info">
+  <div class="episode-info p-4 mt-4" style="border: 1px solid #dcdcdc; border-left: 0; border-right: 0; border-bottom: 0">
+    <div class="container">
+      <p class="title">Próximo episódio</p>
 
-    </div> -->
+      <div class="row">
+        <div class="col-sm-6 pt-2">
+          <div class="subtitle">Nome</div>
+          <%= @serie.seasons.first.episodes.first.name %>
+        </div>
+        <div class="col-sm-6 pt-2">
+          <div class="subtitle">Data de Lançamento</div>
+          <%= @serie.seasons.first.episodes.first.release_date.strftime('%d/%m/%y') %>
+        </div>
+        <div class="col-sm-12 pt-4">
+          <div class="subtitle">Resumo</div>
+          <%= @serie.seasons.first.episodes.first.summary %>
+        </div>
+      </div>
+    </div>
   </div>
-</div>
\ No newline at end of file
+</div>
+