Revize 3e4f999e

Issue #7954 @1.5h
[+] Oprava a dokončení stylování
[+] Přidání JS pro správné nastavení délky špendlíku

resources/views/favmetadata/index.blade.php

@@ -13 +13 @@
             <div class="text-center mt-5">
                 <h2>notes</h2>
             </div>
-            <!--<div class="text-right">
-                <button type="button" class="btn btn-primary button-image inter_info"></button>
-            </div> -->
+            <span class="arrow-down"></span>
 
             @if(count($metadata) > 0)
                 @foreach($metadata as $meta)
-                    <div class="row text-page">
+                    <div  id="row_{{$meta->id}}" class="row text-page">
                         <div class="pin-horizontal">
                             <div class="metadata">
                                 <span>page {{$meta->page}}</span>
-                                <a href="#meta_{{$meta->id}}" class="arrow-down" data-toggle="collapse" data-target="#meta_{{$meta->id}}"></a>
+                                <a href="#meta_{{$meta->id}}" class="arrow-down" data-toggle="collapse" data-target="#meta_{{$meta->id}}" onclick="openNote('#row_{{$meta->id}}')"></a>
                             </div>
                         </div>
                         <div id="meta_{{$meta->id}}" class="metadata-text collapse">
                             {{$meta->noteEN}}
                             <div class="artefact-info">
-                                <div class="artact-name">
+                                <div class="artefact-name">
                                     {{$meta->artefact->name}}
                                 </div>
                                 <div class="artefact-author">
                                     {{$meta->artefact->author}}
                                 </div>
+                                <div class="text-center">
+                                    <button id="like_butt_{{$meta->id}}" type="button" class="btn btn-primary button-image inter_like_filled"></button>
+                                </div>
                             </div>
                         </div>
                     </div>
@@ -44 +45 @@
             @endif
         </div>
     </div>
+
+    <script>
+        function openNote(element) {
+            let metadata = $(element);
+            let showed = metadata.find(".metadata-text").hasClass('show');
+
+            if (showed === false)
+            {
+                metadata.find('.pin-horizontal').addClass("white-pin");
+            }
+            else
+            {
+                metadata.find('.pin-horizontal').removeClass("white-pin");
+            }
+
+        }
+    </script>
 @endsection