芝麻web文件管理V1.00

编辑当前文件:/home/forge/stage.sksb.smartcon-survey.com/resources/views/livewire/open-answers.blade.php

@if($comments->isNotEmpty())
        <div class="flex justify-between p-4 bg-gray-200 rounded-t-md ">
            <label x-data="{allSelected: false}" class="py-2 px-4 border-2 border-transparent transition rounded-md hover:border-primary-600 hover:shadow-md">
                <input class="checkall-answers focus:ring-primary-500 h-4 w-4 text-primary-600 border-gray-300 rounded"
                       type="checkbox" x-model="allSelected"
                       @change="$wire.toggleAllCheckboxes(allSelected)" {{$disableShow ? '' : 'checked'}}>
                <span class="pl-2">Alle auswählen</span>
            </label>
            <button wire:click="saveData"
                    class="flex px-2 py-2 text-white font-bold rounded shadow {{$disableShow ? "bg-primary-300 cursor-not-allowed" : "bg-primary-500 hover:bg-primary-700 cursor-pointer"}}">
                <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24"
                     stroke="currentColor">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                          d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"/>
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                          d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"/>
                </svg>
                <span class="pl-2">Auf dem Dashboard anzeigen</span>
            </button>
        </div>
        
        <div class="bg-gray-100 rounded-b-md p-2 shadow">
            @foreach($comments as $comment)

@continue(strlen($comment->text) < 1)

<div class="group rounded-md bg-gray-50 mb-2 p-4 shadow transition-all duration-200 border-b-2 border-transparent hover:border-primary-400 hover:shadow-xl">
                    <div class="flex items-center border-b-2 border-gray-400 justify-between">
                        <label class="flex">
                            <input wire:model="selected"
                                   class="checkboxes mt-1 focus:ring-primary-500 h-4 w-4 text-primary-600 border-gray-300 rounded"
                                   type="checkbox" value="{{ $comment->id }}">
                            <div class="flex flex-col">
                                <span class="pl-2">{{ $comment->topic->name }}</span>
                            </div>
                        </label>

<div class="ml-auto text-xs ">{{ $comment->created_at }}</div>
                        <div title="löschen" onclick="confirm('Sind Sie sicher?') || event.stopImmediatePropagation()"
                             wire:click="deleteInterview({{ $comment->id }})"
                             class="p-1 hover:bg-danger-500 hover:text-white ml-2 rounded mb-2 transition-opacity duration-100 opacity-0 group-hover:opacity-100 cursor-pointer">
                            <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24"
                                 stroke="currentColor">
                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                                      d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16"/>
                            </svg>
                        </div>
                    </div>
                    <div x-data="{comments :{ original: `{{ $comment->text }}`, edited: `{{ $comment->text }}` }, showEdit: false }">
                        <div @click="showEdit = true;comments.edited = comments.original;"
                             class="cursor-pointer p-2 rounded mt-1 focus:ring-primary-500 focus:border-primary-500 block w-full sm:text-sm border-gray-300 rounded-md"
                             :class="{'hidden': showEdit}" x-text="comments.original"></div>
                        <div :class="{'hidden': !showEdit}" class="hidden">
                            <label>
                                <textarea
                                        class="edited-comment w-full mt-1 focus:ring-primary-500 focus:border-primary-500 block shadow-sm sm:text-sm border-gray-300 rounded-md h-24"
                                        placeholder="the placeholder text" x-model="comments.edited"></textarea>
                            </label>
                            <div class="flex justify-end">
                                <button @click="showEdit = false"
                                        class="flex mt-4 pr-4 pl-2 py-2 text-gray-600 bg-white font-bold rounded transition shadow hover:border-primary-600 hover:bg-gray-100 cursor-pointer">
                                    <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z" />
                                    </svg>
                                    <span class="pl-1">Abbrechen</span>
                                </button>
                                <button @click="comments.edited != comments.original && ($wire.updateComment({{ $comment->id }},comments.edited),comments.original = comments.edited,showEdit = false)"
                                        class="flex mt-4 ml-4 pr-4 pl-2 py-2 text-white font-bold rounded shadow"
                                        :class=" comments.edited == comments.original ? 'bg-primary-300 cursor-not-allowed' : 'bg-primary-500 hover:bg-primary-700 cursor-pointer' ">
                                    <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4" />
                                    </svg>
                                    <span class="pl-1">Speichern</span>
                                </button>
                            </div>
                        </div>
                    </div>
                </div>
            @endforeach
        </div>
    @else
        <div class="bg-primary-100 border-l-4 border-primary-500 p-4 rounded shadow-sm">Es sind noch keine offene Antworten vorhanden.</div>
    @endif
</div>