From 9e4f38c29636e8020d6c225ce5e9e5784b5c0626 Mon Sep 17 00:00:00 2001
From: DmitriyMX <dimon550@gmail.com>
Date: Sat, 1 Jul 2017 23:00:49 +0300
Subject: [PATCH] =?UTF-8?q?WebApp:=20=D0=B4=D0=BE=D0=B1=D0=B0=D0=B2=D0=BB?=
 =?UTF-8?q?=D0=B5=D0=BD=D1=8B=20=D1=82=D0=B5=D0=B3=D0=B8=20=D0=BA=20=D1=84?=
 =?UTF-8?q?=D0=B8=D0=BB=D1=8C=D0=BC=D0=B0=D0=BC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../kinosearch3/webpp/searchResult.ftl        | 14 ++++++++++
 .../kinosearch3/webpp/static/style.css        | 27 +++++++++++++++++++
 2 files changed, 41 insertions(+)

diff --git a/src/main/resources/kinosearch/kinosearch3/webpp/searchResult.ftl b/src/main/resources/kinosearch/kinosearch3/webpp/searchResult.ftl
index 48d7233..927bfa8 100644
--- a/src/main/resources/kinosearch/kinosearch3/webpp/searchResult.ftl
+++ b/src/main/resources/kinosearch/kinosearch3/webpp/searchResult.ftl
@@ -15,9 +15,23 @@
                 <div class="media-left media-top">
                     <img class="media-object" src="/poster/${cinema.fileName}">
                     <a class="visible-xs-block btn btn-primary btn-block view" href="#" target="_blank">Посмотреть</a>
+                    [#if cinema.tags??]
+                    <ul class="visible-xs tags">
+                        [#list cinema.tags as tag]
+                        <li><a href="#">${tag}</a></li>
+                        [/#list]
+                    </ul>
+                    [/#if]
                 </div>
                 <div class="media-body">
                     ${cinema.description}
+                    [#if cinema.tags??]
+                    <ul class="hidden-xs tags">
+                        [#list cinema.tags as tag]
+                        <li><a href="#">${tag}</a></li>
+                        [/#list]
+                    </ul>
+                    [/#if]
                 </div>
             </div>
             <a class="hidden-xs btn btn-primary btn-block view" href="#" target="_blank">Посмотреть</a>
diff --git a/src/main/resources/kinosearch/kinosearch3/webpp/static/style.css b/src/main/resources/kinosearch/kinosearch3/webpp/static/style.css
index df5295c..485b963 100644
--- a/src/main/resources/kinosearch/kinosearch3/webpp/static/style.css
+++ b/src/main/resources/kinosearch/kinosearch3/webpp/static/style.css
@@ -75,3 +75,30 @@ hr {
 .searchResult .btn.view {
     margin: 8px;
 }
+
+ul.tags {
+    padding-left: 0;
+    margin-top: 1em;
+}
+
+.tags li {
+    display: inline;
+}
+
+.tags a,
+.tags a:link {
+    color: #f3f3f3;
+    padding: .2em .6em .3em;
+    font-size: 75%;
+    font-weight: bold;
+    line-height: 1;
+    text-align: center;
+    white-space: nowrap;
+    vertical-align: baseline;
+    border-radius: .25em;
+    background-color: #777;
+}
+
+.tags a:hover {
+    background-color: #337ab7;
+}
\ No newline at end of file