WebApp: добавлены теги к фильмам

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>

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;
+}