From f2ad597c94e28c97a2a64e0da269ed340ba4b372 Mon Sep 17 00:00:00 2001
From: Tobias Eidelpes <tobias@eidelpes.info>
Date: Wed, 27 May 2020 17:47:41 +0200
Subject: [PATCH] Implement the basic search result page for projects

---
 app/assets/stylesheets/projects_crawler.scss  | 46 +++++++++++++++++++
 .../projects_crawler/show_basic.html.erb      | 20 ++++++++
 2 files changed, 66 insertions(+)
 create mode 100644 app/views/crawlers/projects_crawler/show_basic.html.erb

diff --git a/app/assets/stylesheets/projects_crawler.scss b/app/assets/stylesheets/projects_crawler.scss
index 9783c68..4950b24 100644
--- a/app/assets/stylesheets/projects_crawler.scss
+++ b/app/assets/stylesheets/projects_crawler.scss
@@ -1,3 +1,49 @@
 // Place all the styles related to the ProjectsCrawler controller here.
 // They will automatically be included in application.css.
 // You can use Sass (SCSS) here: https://sass-lang.com/
+
+.projects-list {
+  list-style: none;
+  padding: 0;
+  margin: 0;
+
+  a {
+    text-decoration: none;
+    color: black;
+  }
+
+  .project {
+    line-height: 72px;
+    width: 100%;
+    padding: 8px 0 8px 0;
+
+    .list-link {
+      float: left;
+      width: 89%;
+      height: 72px;
+    }
+
+    .project-title {
+      width: 100%;
+      display: inline-block;
+      text-align: left;
+      overflow: hidden;
+      white-space: nowrap;
+      text-overflow: ellipsis;
+    }
+
+    .add-to-fav {
+      display: inline-block;
+      vertical-align: middle;
+      float: right;
+      width: 36px;
+      height: 36px;
+
+      svg {
+        width: 100%;
+        height: auto;
+        vertical-align: middle;
+      }
+    }
+  }
+}
diff --git a/app/views/crawlers/projects_crawler/show_basic.html.erb b/app/views/crawlers/projects_crawler/show_basic.html.erb
new file mode 100644
index 0000000..21e2bab
--- /dev/null
+++ b/app/views/crawlers/projects_crawler/show_basic.html.erb
@@ -0,0 +1,20 @@
+<h1>Results for "<%= params[:search_term] %>"</h1>
+
+<ul class="projects-list">
+  <% @projects.each_with_index do |project| %>
+    <li class="project">
+      <%= link_to crawlers_projects_crawler_show_detail_url(:id => project['id'], :title => project['title']) do %>
+      <span class="list-link">
+          <span class="project-title">
+            <%= project['title'] %>
+          </span>
+      </span>
+      <% end %>
+      <span class="add-to-fav">
+        <%= link_to crawlers_projects_crawler_add_to_fav_url(:id => project['id'], :title => project['title']) do %>
+          <%= show_svg('favorite-24px.svg') %>
+        <% end %>
+      </span>
+    </li>
+  <% end %>
+</ul>