wb-view.blade.php
1 @extends('livewire.jsons.view-layout') 2 @section('json-view') 3 <div class="flex flex-row items-start justify-between space-x-8"> 4 <div class="flex flex-col w-2/6 space-y-8"> 5 @include('json-bodies.partials.information', ['information' => $data['information']]) 6 </div> 7 <div class="flex flex-col w-4/6 space-y-8"> 8 <div x-data="{ tab: 1 }"> 9 <x-card> 10 <ul class="flex text-center border-b border-gray-200"> 11 <li class="flex-1 cursor-pointer"> 12 <a x-on:click.prevent="tab=1" :class="tab == 1 ? 13 'relative block p-4 text-sm font-medium bg-white border-t border-l border-r border-gray-200 rounded-tl ' : 14 'block p-4 text-sm font-medium text-gray-500 bg-gray-100 ring-1 ring-inset ring-white'"> 15 <span 16 :class="{ 'absolute inset-x-0 w-full h-px bg-white -bottom-px': tab == 1 }"></span> 17 {{ __('jsons.panel.form.results.list') }} 18 </a> 19 </li> 20 <li class="flex-1 pl-px cursor-pointer"> 21 <a x-on:click.prevent="tab=2" :class="tab == 2 ? 22 'relative block p-4 text-sm font-medium bg-white border-t border-l border-r border-gray-200 rounded-tl ' : 23 'block p-4 text-sm font-medium text-gray-500 bg-gray-100 ring-1 ring-inset ring-white'"> 24 <span 25 :class="{ 'absolute inset-x-0 w-full h-px bg-white -bottom-px': tab == 2 }"></span> 26 {{ $this->isChanged ?__('jsons.panel.form.evaluator-activities.list') :__('jsons.panel.form.evaluation-activities.list') }} 27 </a> 28 </li> 29 </ul> 30 31 <div x-show="tab === 1" x-cloak class="flex flex-col mt-8 space-y-4"> 32 <div class="flex flex-col space-y-4"> 33 @include('json-bodies.partials.resultsWb', ['results' => $this->results]) 34 </div> 35 </div> 36 37 <div x-show="tab === 2" x-cloak class="flex flex-col mt-8 space-y-4"> 38 <div class="flex flex-col space-y-4"> 39 @if ($isChanged) 40 @include('json-bodies.partials.evaluator-activities', [ 41 'evaluator-activities' => $this->evaluatorActivities, 42 ]) 43 @else 44 @include('json-bodies.partials.evaluation-activities', 45 [ 46 'evaluationActivities' => $this->isDiffing ? 47 $this->diffedEvaluationActivities(): $this->evaluationActivities, 48 ]) 49 @endif 50 </div> 51 </div> 52 53 </x-card> 54 </div> 55 </div> 56 </div> 57 58 <div class="mt-8 mb-5"> 59 <div x-data="{ tab: 1 }"> 60 <x-card> 61 <ul class="flex text-center border-b border-gray-200"> 62 <li class="flex-1 cursor-pointer"> 63 <a x-on:click.prevent="tab=1" :class="tab == 1 ? 64 'relative block p-4 text-sm font-medium bg-white border-t border-l border-r border-gray-200 rounded-tl ' : 65 'block p-4 text-sm font-medium text-gray-500 bg-gray-100 ring-1 ring-inset ring-white'"> 66 <span :class="{ 'absolute inset-x-0 w-full h-px bg-white -bottom-px': tab == 1 }"></span> 67 {{ __('jsons.panel.form.changelogs.list') }} 68 </a> 69 </li> 70 <li class="flex-1 pl-px cursor-pointer"> 71 <a x-on:click.prevent="tab=2" :class="tab == 2 ? 72 'relative block p-4 text-sm font-medium bg-white border-t border-l border-r border-gray-200 rounded-tl ' : 73 'block p-4 text-sm font-medium text-gray-500 bg-gray-100 ring-1 ring-inset ring-white'"> 74 <span :class="{ 'absolute inset-x-0 w-full h-px bg-white -bottom-px': tab == 2 }"></span> 75 {{ __('jsons.panel.form.acronyms.list') }} 76 </a> 77 </li> 78 <li class="flex-1 pl-px cursor-pointer"> 79 <a x-on:click.prevent="tab=3" :class="tab == 3 ? 80 'relative block p-4 text-sm font-medium bg-white border-t border-l border-r border-gray-200 rounded-tl ' : 81 'block p-4 text-sm font-medium text-gray-500 bg-gray-100 ring-1 ring-inset ring-white'"> 82 <span :class="{ 'absolute inset-x-0 w-full h-px bg-white -bottom-px': tab == 3 }"></span> 83 {{ __('jsons.panel.form.document-references.list') }} 84 </a> 85 </li> 86 </ul> 87 88 <div x-show="tab === 1" x-cloak class="flex flex-col mt-8 space-y-4"> 89 <div class="flex flex-col space-y-4"> 90 @include('json-bodies.partials.changelogs', ['changelogs' => $this->changelogs]) 91 </div> 92 </div> 93 94 <div x-show="tab === 2" x-cloak class="flex flex-col mt-8 space-y-4"> 95 <div class="flex flex-col space-y-4"> 96 @include('json-bodies.partials.acronyms', ['acronyms' => $this->acronyms]) 97 </div> 98 </div> 99 100 <div x-show="tab === 3" x-cloak class="flex flex-col mt-8 space-y-4"> 101 <div class="flex flex-col space-y-4"> 102 @include('json-bodies.partials.documentReferences', ['documentReferences'=> $this->documentReferences]) 103 </div> 104 </div> 105 </x-card> 106 </div> 107 </div> 108 @endsection