From c04d4d76333945c92c27ba6056dba720ec15ed59 Mon Sep 17 00:00:00 2001
From: HolgerHatGarKeineNode <fsociety.mkv@pm.me>
Date: Fri, 17 Mar 2023 14:14:50 +0100
Subject: [PATCH] tags creation added

---
 .../news/intern-article-view.blade.php        | 100 ++++++++++++------
 1 file changed, 66 insertions(+), 34 deletions(-)

diff --git a/resources/views/livewire/news/intern-article-view.blade.php b/resources/views/livewire/news/intern-article-view.blade.php
index 0055689d..5beeb4ac 100644
--- a/resources/views/livewire/news/intern-article-view.blade.php
+++ b/resources/views/livewire/news/intern-article-view.blade.php
@@ -4,22 +4,31 @@
     <livewire:frontend.header :country="null"/>
 
     <div class="lg:h-[985px] lg:overflow-y-auto">
-        <div class="font-article overflow-hidden relative isolate bg-21gray px-6 py-24 sm:py-32 lg:overflow-visible lg:px-0">
+        <div
+            class="font-article overflow-hidden relative isolate bg-21gray px-6 py-24 sm:py-32 lg:overflow-visible lg:px-0">
             <div class="absolute inset-0 -z-10 opacity-10 overflow-hidden">
-                <svg class="absolute top-0 left-[max(50%,25rem)] h-[64rem] w-[128rem] -translate-x-1/2 stroke-gray-200 [mask-image:radial-gradient(64rem_64rem_at_top,white,transparent)]" aria-hidden="true">
+                <svg
+                    class="absolute top-0 left-[max(50%,25rem)] h-[64rem] w-[128rem] -translate-x-1/2 stroke-gray-200 [mask-image:radial-gradient(64rem_64rem_at_top,white,transparent)]"
+                    aria-hidden="true">
                     <defs>
-                        <pattern id="e813992c-7d03-4cc4-a2bd-151760b470a0" width="200" height="200" x="50%" y="-1" patternUnits="userSpaceOnUse">
-                            <path d="M100 200V.5M.5 .5H200" fill="none" />
+                        <pattern id="e813992c-7d03-4cc4-a2bd-151760b470a0" width="200" height="200" x="50%" y="-1"
+                                 patternUnits="userSpaceOnUse">
+                            <path d="M100 200V.5M.5 .5H200" fill="none"/>
                         </pattern>
                     </defs>
                     <svg x="50%" y="-1" class="overflow-visible fill-gray-50">
-                        <path d="M-100.5 0h201v201h-201Z M699.5 0h201v201h-201Z M499.5 400h201v201h-201Z M-300.5 600h201v201h-201Z" stroke-width="0" />
+                        <path
+                            d="M-100.5 0h201v201h-201Z M699.5 0h201v201h-201Z M499.5 400h201v201h-201Z M-300.5 600h201v201h-201Z"
+                            stroke-width="0"/>
                     </svg>
-                    <rect width="100%" height="100%" stroke-width="0" fill="url(#e813992c-7d03-4cc4-a2bd-151760b470a0)" />
+                    <rect width="100%" height="100%" stroke-width="0"
+                          fill="url(#e813992c-7d03-4cc4-a2bd-151760b470a0)"/>
                 </svg>
             </div>
-            <div class="mx-auto grid max-w-screen-2xl grid-cols-1 gap-y-16 gap-x-8 lg:mx-0 lg:max-w-none lg:grid-cols-2 lg:items-start lg:gap-y-10">
-                <div class="lg:col-span-2 lg:col-start-1 lg:row-start-1 lg:mx-auto lg:grid lg:w-full lg:max-w-7xl lg:grid-cols-2 lg:gap-x-8 lg:px-8">
+            <div
+                class="mx-auto grid max-w-screen-2xl grid-cols-1 gap-y-16 gap-x-8 lg:mx-0 lg:max-w-none lg:grid-cols-2 lg:items-start lg:gap-y-10">
+                <div
+                    class="lg:col-span-2 lg:col-start-1 lg:row-start-1 lg:mx-auto lg:grid lg:w-full lg:max-w-7xl lg:grid-cols-2 lg:gap-x-8 lg:px-8">
                     <div class="lg:pr-4">
                         <div>
                             <h2 class="text-lg font-semibold text-amber-600">{{ $libraryItem->tags->pluck('name')->join(', ') }}</h2>
@@ -51,8 +60,11 @@
                         </div>
                     </div>
                 </div>
-                <div class="-mt-12 -ml-12 p-12 lg:sticky lg:top-4 lg:col-start-2 lg:row-span-2 lg:row-start-1 lg:overflow-hidden">
-                    <img class="w-[48rem] max-w-full rounded-xl bg-gray-900 shadow-xl ring-1 ring-gray-400/10 sm:w-[57rem]" src="{{ $libraryItem->getFirstMediaUrl('main') }}" alt="{{ $libraryItem->name }}">
+                <div
+                    class="-mt-12 -ml-12 p-12 lg:sticky lg:top-4 lg:col-start-2 lg:row-span-2 lg:row-start-1 lg:overflow-hidden">
+                    <img
+                        class="w-[48rem] max-w-full rounded-xl bg-gray-900 shadow-xl ring-1 ring-gray-400/10 sm:w-[57rem]"
+                        src="{{ $libraryItem->getFirstMediaUrl('main') }}" alt="{{ $libraryItem->name }}">
                     <figcaption class="mt-3 flex text-sm text-gray-200">
                         <!-- Heroicon name: mini/camera -->
                         <svg class="h-5 w-5 flex-none text-gray-400" xmlns="http://www.w3.org/2000/svg"
@@ -64,7 +76,8 @@
                         <span class="ml-2">{{ $libraryItem->main_image_caption ?? $libraryItem->name }}</span>
                     </figcaption>
                 </div>
-                <div class="lg:col-span-2 lg:col-start-1 lg:row-start-2 lg:mx-auto lg:grid lg:w-full lg:max-w-7xl lg:grid-cols-2 lg:gap-x-8 lg:px-8">
+                <div
+                    class="lg:col-span-2 lg:col-start-1 lg:row-start-2 lg:mx-auto lg:grid lg:w-full lg:max-w-7xl lg:grid-cols-2 lg:gap-x-8 lg:px-8">
                     <div class="lg:pr-4">
                         <div class="max-w-xl text-base leading-7 text-gray-700 lg:max-w-xl">
 
@@ -84,7 +97,7 @@
                                                 <i class="fa fa-brand fa-youtube mr-2"></i>
                                                 {{ __('Open on Youtube') }}
                                             </x-button>
-                                        @else
+                                        @elseif($libraryItem->type !== 'markdown_article')
                                             <x-button lg amber :href="$libraryItem->value" target="_blank">
                                                 <i class="fa fa-thin fa-book-open mr-2"></i>
                                                 {{ __('Open') }}
@@ -107,23 +120,24 @@
                                     @if($libraryItem->type !== 'markdown_article')
                                         <x-button
                                             x-data="{
-                                        textToCopy: '{{ url()->route('article.view', ['libraryItem' => $libraryItem]) }}',
-                                    }"
+                                                textToCopy: '{{ url()->route('libraryItem.view', ['libraryItem' => $libraryItem]) }}',
+                                            }"
                                             @click.prevent="window.navigator.clipboard.writeText(textToCopy);window.$wireui.notify({title:'{{ __('Share url copied!') }}',icon:'success'});"
                                             lg black>
                                             <i class="fa fa-thin fa-copy mr-2"></i>
                                             {{ __('Share link') }}
                                         </x-button>
-                                    @else
+                                    @elseif($libraryItem->news)
                                         <x-button
                                             x-data="{
-                                        textToCopy: '{{ url()->route('article.view', ['libraryItem' => $libraryItem]) }}',
-                                    }"
+                                                textToCopy: '{{ url()->route('article.view', ['libraryItem' => $libraryItem]) }}',
+                                            }"
                                             @click.prevent="window.navigator.clipboard.writeText(textToCopy);window.$wireui.notify({title:'{{ __('Share url copied!') }}',icon:'success'});"
                                             xs black>
                                             <i class="fa fa-thin fa-copy mr-2"></i>
                                             {{ __('Share link') }}
                                         </x-button>
+                                    @else
                                     @endif
                                 </div>
 
@@ -133,7 +147,7 @@
                                     </div>
                                 @endif
 
-                                @if($libraryItem->type === 'markdown_article')
+                                @if($libraryItem->type === 'markdown_article' || $libraryItem->type === 'markdown_article_extern')
                                     <x-markdown class="leading-normal">
                                         {!! $libraryItem->value !!}
                                     </x-markdown>
@@ -180,16 +194,20 @@
                                                     <i class="fa-thin fa-bolt"></i>
                                                     Pay with lightning
                                                 </x-button>
-                                                <div wire:click="$set('alreadyPaid', true)" class="cursor-pointer text-sm font-semibold leading-6 text-white">{{ __('already paid?') }} <span aria-hidden="true">→</span></div>
+                                                <div wire:click="$set('alreadyPaid', true)"
+                                                     class="cursor-pointer text-sm font-semibold leading-6 text-white">{{ __('already paid?') }}
+                                                    <span aria-hidden="true">→</span></div>
                                             </div>
                                         @else
-                                            <div class="mt-10 flex flex-col items-center justify-center gap-x-6 bg-white pb-12">
+                                            <div
+                                                class="mt-10 flex flex-col items-center justify-center gap-x-6 bg-white pb-12">
                                                 <div class="text-sm font-semibold text-gray-900 py-6">
                                                     {{ __('Click QR-Code to open your wallet') }}
                                                 </div>
                                                 <div class="flex justify-center" wire:key="qrcode">
                                                     <a href="lightning:{{ $this->invoice }}">
-                                                        <img src="{{ 'data:image/png;base64, '. $this->qrCode }}" alt="qrcode">
+                                                        <img src="{{ 'data:image/png;base64, '. $this->qrCode }}"
+                                                             alt="qrcode">
                                                     </a>
                                                 </div>
                                             </div>
@@ -199,7 +217,8 @@
                                                  class="absolute top-1/2 left-1/2 -z-10 h-[64rem] w-[64rem] -translate-x-1/2 [mask-image:radial-gradient(closest-side,white,transparent)]"
                                                  aria-hidden="true">
                                                 <circle cx="512" cy="512" r="512"
-                                                        fill="url(#827591b1-ce8c-4110-b064-7cb85a0b1217)" fill-opacity="0.7"/>
+                                                        fill="url(#827591b1-ce8c-4110-b064-7cb85a0b1217)"
+                                                        fill-opacity="0.7"/>
                                                 <defs>
                                                     <radialGradient id="827591b1-ce8c-4110-b064-7cb85a0b1217">
                                                         <stop stop-color="#F7931A"/>
@@ -209,17 +228,23 @@
                                             </svg>
                                         @endif
                                         @if($alreadyPaid)
-                                            <div class="flex items-center justify-center gap-x-6 py-2" wire:key="checkPaymentHashDiv">
-                                                <div class="w-full flex flex-col space-y-2 justify-center" wire:key="paymentHash">
-                                                    <div class="w-full my-2 flex justify-center font-mono break-all py-2">
-                                                        <x-input.group :for="md5('checkThisPaymentHash')" :label="__('Payment Hash')">
-                                                            <x-input autocomplete="off" wire:model.debounce="checkThisPaymentHash"
+                                            <div class="flex items-center justify-center gap-x-6 py-2"
+                                                 wire:key="checkPaymentHashDiv">
+                                                <div class="w-full flex flex-col space-y-2 justify-center"
+                                                     wire:key="paymentHash">
+                                                    <div
+                                                        class="w-full my-2 flex justify-center font-mono break-all py-2">
+                                                        <x-input.group :for="md5('checkThisPaymentHash')"
+                                                                       :label="__('Payment Hash')">
+                                                            <x-input autocomplete="off"
+                                                                     wire:model.debounce="checkThisPaymentHash"
                                                                      :placeholder="__('Payment Hash')"/>
                                                         </x-input.group>
                                                     </div>
                                                 </div>
                                                 @if($checkThisPaymentHash)
-                                                    <div wire:poll.keep-alive="checkPaymentHash" wire:key="checkPaymentHash"></div>
+                                                    <div wire:poll.keep-alive="checkPaymentHash"
+                                                         wire:key="checkPaymentHash"></div>
                                                 @endif
                                             </div>
                                         @endif
@@ -229,8 +254,11 @@
                                                     x-data="{
                                                   textToCopy: '{{ $this->paymentHash }}',
                                                 }"
-                                                    @click.prevent="window.navigator.clipboard.writeText(textToCopy);window.$wireui.notify({title:'{{ __('Payment hash copied!') }}',icon:'success'});" class="w-full flex flex-col space-y-2 justify-center" wire:key="paymentHash">
-                                                    <div class="w-full my-2 flex justify-center font-mono break-all px-6">
+                                                    @click.prevent="window.navigator.clipboard.writeText(textToCopy);window.$wireui.notify({title:'{{ __('Payment hash copied!') }}',icon:'success'});"
+                                                    class="w-full flex flex-col space-y-2 justify-center"
+                                                    wire:key="paymentHash">
+                                                    <div
+                                                        class="w-full my-2 flex justify-center font-mono break-all px-6">
                                                         <input class="w-full" readonly wire:key="paymentHashInput"
                                                                onClick="this.select();"
                                                                value="{{ $this->paymentHash }}"/>
@@ -244,11 +272,13 @@
                                                             {{ __('Copy payment hash') }}
                                                         </x-button>
                                                     </div>
-                                                    <div class="w-full my-2 flex justify-center font-mono font-bold p-4">
+                                                    <div
+                                                        class="w-full my-2 flex justify-center font-mono font-bold p-4">
                                                         <p class="text-amber-500">{{ __('As a guest, please save your payment hash so that you can unlock this article later. Unfortunately, we cannot save your purchase status permanently for guests. Please log in to use this feature.') }}</p>
                                                     </div>
                                                 </div>
-                                                <div wire:poll.keep-alive="checkPaymentHash" wire:key="checkPaymentHash"></div>
+                                                <div wire:poll.keep-alive="checkPaymentHash"
+                                                     wire:key="checkPaymentHash"></div>
                                             </div>
                                         @endif
                                     </div>
@@ -265,7 +295,8 @@
                             @endif
 
                             @if($payNymQrCode)
-                                <div class="flex flex-col sm:flex-row justify-center space-x-4 border-t border-white py-4 mt-4">
+                                <div
+                                    class="flex flex-col sm:flex-row justify-center space-x-4 border-t border-white py-4 mt-4">
                                     <h1 class="text-2xl text-gray-200">PayNym</h1>
                                     <div class="p-12 bg-white">
                                         <img src="{{ 'data:image/png;base64, '. $payNymQrCode }}" alt="qrcode">
@@ -274,7 +305,8 @@
                             @endif
 
                             <div wire:ignore>
-                                <div class="flex flex-col sm:flex-row justify-center space-x-4 border-t border-white py-4 mt-4">
+                                <div
+                                    class="flex flex-col sm:flex-row justify-center space-x-4 border-t border-white py-4 mt-4">
                                     @if($libraryItem->lecturer->lightning_address || $libraryItem->lecturer->lnurl || $libraryItem->lecturer->node_id)
                                         <h1 class="text-2xl text-gray-200">value-4-value</h1>
                                         <div wire:ignore>