tags creation added

This commit is contained in:
HolgerHatGarKeineNode
2023-03-17 13:36:59 +01:00
parent f87bf151da
commit d7ff201301
8 changed files with 220 additions and 34 deletions

View File

@@ -74,19 +74,42 @@
</x-input.group>
<x-input.group :for="md5('selectedTags')" :label="__('Tags')">
<x-slot name="label">
<div class="flex flex-row space-x-4 items-center">
<div>
{{ __('Tags') }}
</div>
@if(!$addTag)
<x-button
xs
wire:click="$set('addTag', true)"
>
<i class="fa fa-thin fa-plus"></i>
{{ __('Add') }}
</x-button>
@else
<x-input label="" wire:model.debounce="newTag" placeholder="{{ __('New tag') }}"/>
<x-button
xs
wire:click="addTag">
<i class="text-xl fa-thin fa-save"></i>
</x-button>
@endif
</div>
</x-slot>
<div class="py-2 flex flex-wrap items-center space-x-1">
@foreach($tags as $tag)
<div class="cursor-pointer" wire:key="tag{{ $loop->index }}"
wire:click="selectTag('{{ $tag->name }}')">
@if(collect($selectedTags)->contains($tag->name))
wire:click="selectTag('{{ $tag['name'] }}')">
@if(collect($selectedTags)->contains($tag['name']))
<x-badge
amber>
{{ $tag->name }}
{{ $tag['name'] }}
</x-badge>
@else
<x-badge
black>
{{ $tag->name }}
{{ $tag['name']}}
</x-badge>
@endif
</div>

View File

@@ -93,10 +93,10 @@
</div>
<div class="flex flex-1 flex-col justify-between bg-21gray p-6">
<div class="flex-1">
<p class="text-sm font-medium text-amber-600">
<div
class="text-amber-500">{{ $libraryItem->tags->pluck('name')->join(', ') }}</div>
</p>
<div class="text-sm font-medium text-amber-600">
<div
class="text-amber-500">{{ $libraryItem->tags->pluck('name')->join(', ') }}</div>
</div>
<a href="{{ $link }}"
class="mt-2 block">
<p class="text-xl font-semibold text-gray-200">{{ $libraryItem->name }}</p>

View File

@@ -43,7 +43,8 @@
@if($paid)
<x-input.group :for="md5('libraryItem.sats')" :label="__('sats')">
<x-inputs.number min="21" autocomplete="off" wire:model.debounce="libraryItem.sats"
:placeholder="__('sats')" :hint="__('How many sats to read this article?')"/>
:placeholder="__('sats')"
:hint="__('How many sats to read this article?')"/>
</x-input.group>
@endif
@@ -77,6 +78,50 @@
/>
</x-input.group>
<x-input.group :for="md5('selectedTags')" :label="__('Tags')">
<x-slot name="label">
<div class="flex flex-row space-x-4 items-center">
<div>
{{ __('Tags') }}
</div>
@if(!$addTag)
<x-button
xs
wire:click="$set('addTag', true)"
>
<i class="fa fa-thin fa-plus"></i>
{{ __('Add') }}
</x-button>
@else
<x-input label="" wire:model.debounce="newTag" placeholder="{{ __('New tag') }}"/>
<x-button
xs
wire:click="addTag">
<i class="text-xl fa-thin fa-save"></i>
</x-button>
@endif
</div>
</x-slot>
<div class="py-2 flex flex-wrap items-center space-x-1">
@foreach($tags as $tag)
<div class="cursor-pointer" wire:key="tag{{ $loop->index }}"
wire:click="selectTag('{{ $tag['name'] }}')">
@if(collect($selectedTags)->contains($tag['name']))
<x-badge
amber>
{{ $tag['name'] }}
</x-badge>
@else
<x-badge
black>
{{ $tag['name'] }}
</x-badge>
@endif
</div>
@endforeach
</div>
</x-input.group>
@if($libraryItem->lecturer_id)
<x-input.group :for="md5('image')" :label="__('Main picture')">
<div class="py-4">
@@ -124,7 +169,8 @@
/>
</x-input.group>
<x-input.group :for="md5('libraryItem.value')" :label="$paid ? __('Free part of the Article as Markdown') : __('Article as Markdown')">
<x-input.group :for="md5('libraryItem.value')"
:label="$paid ? __('Free part of the Article as Markdown') : __('Article as Markdown')">
<div
class="text-amber-500 text-xs py-2">{{ __('For images in Markdown, please use eg. Imgur or another provider.') }}</div>
<x-input.simple-mde wire:model.defer="libraryItem.value"/>
@@ -132,12 +178,14 @@
</x-input.group>
@if($paid)
<x-input.group :for="md5('libraryItem.value_to_be_paid')" :label="__('Part of the article to be paid')">
<div
class="text-amber-500 text-xs py-2">{{ __('For images in Markdown, please use eg. Imgur or another provider.') }}</div>
<x-input.simple-mde wire:model.defer="libraryItem.value_to_be_paid"/>
@error('libraryItem.value_to_be_paid') <span class="text-red-500 py-2">{{ $message }}</span> @enderror
</x-input.group>
<x-input.group :for="md5('libraryItem.value_to_be_paid')"
:label="__('Part of the article to be paid')">
<div
class="text-amber-500 text-xs py-2">{{ __('For images in Markdown, please use eg. Imgur or another provider.') }}</div>
<x-input.simple-mde wire:model.defer="libraryItem.value_to_be_paid"/>
@error('libraryItem.value_to_be_paid') <span
class="text-red-500 py-2">{{ $message }}</span> @enderror
</x-input.group>
@endif
<x-input.group :for="md5('libraryItem.read_time')" :label="__('Time to read')">