add cloudinary in storage.yml

Author: rztprog

app/controllers/lists_controller.rb

@@ -29,6 +29,7 @@ def create
     authorize @list
 
     if @list.save
+      puts @list.photo.attached?
       redirect_to list_path(@list)
     else
       render :new

app/views/lists/index.html.erb

@@ -1,52 +1,48 @@
 <div class="bannerimage d-flex justify-content-center align-items-center">
-  <h2> Save your watchlists easily</h2>
+  <h2>Save your watchlists easily</h2>
 </div>
-
 <!-- All users watchlists -->
 <div class="container">
   <div class="watchlist-title mt-2">
     <h3>All watchlists</h3>
   </div>
-
   <div class="movie-grid-index">
     <% @lists.each do |list| %>
-      <div class=""><%= link_to list_path(list) do %>  
-        <div class="card bg-dark text-white cardhover greyfilter">
-          <img class="card-img" src="<%= cl_image_path list.photo.key, height: 150, width: 300, crop: :fill %>" alt="Card image">
-          <div class="d-flex card-img-overlay justify-content-center align-items-center">
-            <h5 class="title"><%= list.name %></h5>
+      <div class=""><%= link_to list_path(list) do %>
+          <div class="card bg-dark text-white cardhover greyfilter">
+            <img class="card-img" src="<%= cl_image_path list.photo.key, height: 150, width: 300, crop: :fill %>" alt="Card image">
+            <p><%= cl_image_path list.photo.key %></p>
+            <div class="d-flex card-img-overlay justify-content-center align-items-center">
+              <h5 class="title"><%= list.name %></h5>
+            </div>
           </div>
-        </div>
-      <% end %>
+        <% end %>
       </div>
     <% end %>
   </div>
 </div>
-
 <!-- Own watchlists -->
 <div class="container">
   <div class="watchlist-title mt-2">
     <h3>Your watchlists</h3>
-
     <% if user_signed_in? && policy(List).create? %>
       <%= link_to new_list_path, class: "btn btn-primary" do %>
         <i class="fas fa-plus"></i> New watchlist
       <% end %>
     <%  end %>
   </div>
-
   <% if user_signed_in? %>
     <% if @self_lists.length > 0 %>
       <div class="movie-grid-index">
         <% @self_lists.each do |list| %>
-          <div class=""><%= link_to list_path(list) do %>  
-            <div class="card bg-dark text-white cardhover greyfilter">
-              <img class="card-img" src="<%= cl_image_path list.photo.key, height: 150, width: 300, crop: :fill %>" alt="Card image">
-              <div class="d-flex card-img-overlay justify-content-center align-items-center">
-                <h5 class="title"><%= list.name %></h5>
+          <div class=""><%= link_to list_path(list) do %>
+              <div class="card bg-dark text-white cardhover greyfilter">
+                <img class="card-img" src="<%= cl_image_path list.photo.key, height: 150, width: 300, crop: :fill %>" alt="Card image">
+                <div class="d-flex card-img-overlay justify-content-center align-items-center">
+                  <h5 class="title"><%= list.name %></h5>
+                </div>
               </div>
-            </div>
-          <% end %>
+            <% end %>
           </div>
         <% end %>
       </div>

app/views/lists/new.html.erb

@@ -1,16 +1,13 @@
 <div class="container newList">
   <h1>Create a new movie list</h1>
-
-  <%= simple_form_for(@list) do |f| %>
+  <%= simple_form_for(@list, html: { multipart: true }) do |f| %>
     <%= f.input :name %>
     <br>
     <%= f.input :photo, as: :file %>
     <br>
-
-  <div>
+    <div>
       <%= f.button :submit, "Create a new movie list", class: "btn btn-primary mt-2" %>
     <% end %>
-
     <%= link_to root_path,  class: "btn btn-light mt-2" do %>
       <i class="fas fa-undo-alt"> Back to list</i>
     <% end %>

app/views/lists/show.html.erb

@@ -9,20 +9,19 @@
                 method: :delete,
                 data: { confirm: "Are you sure you want to delete this list ?" },
                 class: "" do %>
-                  <button class="btn btn-danger button-marginright"><i class="far fa-trash-alt"> Delete</i></button>
+          <button class="btn btn-danger button-marginright"><i class="far fa-trash-alt"> Delete</i></button>
         <% end %>
       </span>
     <% end %>
   </div>
 </div>
- 
+<p><%= @list.photo.key %></p>
 <div class="container">
   <div class="mb-3 back-button w-100">
     <% if user_signed_in? && policy(@list).edit? %>
       <%= link_to new_list_bookmark_path(@list.id), class: "btn btn-primary button-marginright" do %>
         <i class="fas fa-plus"> Add a movie</i>
       <% end %>
-
       <%= link_to edit_list_path(@list), class: "btn btn-light button-marginright" do %>
         <i class="fas fa-edit"> Edit</i>
       <% end %>
@@ -31,7 +30,6 @@
       <i class="fas fa-undo-alt"> Back to list</i>
     <% end %>
   </div>
-
   <ul class="p-0 movie-grid">
     <% @list.movies.each do |movie| %>
       <li class="movie-card" data-aos="fade-down" data-aos-easing="ease-in-sine">
@@ -46,12 +44,12 @@
         <div class="movie-footer">
           <p><i class="fas fa-quote-left"></i> <%= bookmark.comment %></p>
           <% if user_signed_in? && (@list.user == current_user) %>
-          <%= link_to list_bookmark_path(@list, bookmark),
+            <%= link_to list_bookmark_path(@list, bookmark),
                     method: :delete,
                     data: { confirm: "Are you sure you want to delete this bookmark ?" },
                     class: "" do %>
-                      <i class="far fa-trash-alt"> Delete</i>
-                    <% end %>
+              <i class="far fa-trash-alt"> Delete</i>
+            <% end %>
           <% end %>
         </div>
       </li>
@@ -63,7 +61,6 @@
     -->
   </ul>
 </div>
-
 <script>
   AOS.init();
 </script>

config/environments/development.rb

@@ -29,7 +29,7 @@
   config.cache_store = :memory_store
 
   # Store uploaded files on the local file system (see config/storage.yml for options).
-  config.active_storage.service = :local
+  config.active_storage.service = :cloudinary
 
   # Don't care if the mailer can't send.
   config.action_mailer.raise_delivery_errors = false

config/storage.yml

@@ -8,8 +8,7 @@ local:
 
 cloudinary:
   service: Cloudinary
-  folder: <%= Rails.env %>
-
+  folder: <%= Rails.env %>/watchlist
 # Use rails credentials:edit to set the AWS secrets (as aws:access_key_id|secret_access_key)
 # amazon:
 #   service: S3
@@ -25,7 +24,6 @@ cloudinary:
 #   credentials: <%= Rails.root.join("path/to/gcs.keyfile") %>
 #   bucket: your_own_bucket
 
-
 # Use rails credentials:edit to set the Azure Storage secret (as azure_storage:storage_access_key)
 # microsoft:
 #   service: AzureStorage