tsks
This commit is contained in:
@@ -0,0 +1,70 @@
|
||||
<?php
|
||||
|
||||
use Morilog\Jalali\Jalalian;
|
||||
use Carbon\Carbon;
|
||||
|
||||
?>
|
||||
@extends('app')
|
||||
@section('content')
|
||||
|
||||
<div class="container w-full flex justify-center items-center flex-col ">
|
||||
{{-- {{dd(count($tasks))}}--}}
|
||||
@if(count($tasks) > 0)
|
||||
<div class="bg-white p-4 rounded-lg shadow-md mt-10 w-[350px] text-center">
|
||||
<h1 class="text-xl font-bold">
|
||||
وظیفه ها
|
||||
</h1>
|
||||
</div>
|
||||
@foreach($tasks as $t)
|
||||
|
||||
{{-- <div class="bg-white p-4 rounded-lg shadow-md mt-[10px] w-[350px] text-center">--}}
|
||||
{{-- <button type="button"--}}
|
||||
{{-- onclick="togglerequests('attendance-{{ $loop->index }}')"--}}
|
||||
{{-- class="mt-[0px]">--}}
|
||||
{{-- hi--}}
|
||||
{{-- </button>--}}
|
||||
{{-- </div>--}}
|
||||
<div class="bg-white p-4 rounded-lg shadow-md mt-[10px] w-[350px] text-center flex flex-col items-center">
|
||||
<button type="button"
|
||||
onclick="togglerequests('name-{{ $loop->index }}')"
|
||||
class="">
|
||||
{{$t->name}}
|
||||
</button>
|
||||
{{-- @endforeach--}}
|
||||
{{-- @foreach($tasks as $t)--}}
|
||||
<div id="name-{{ $loop->index }}" class="hidden border-gray-300 border-t-2 border-dotted">
|
||||
<div class=" w-[350px] text-center">
|
||||
<p class="mt-2 text-gray-600">
|
||||
توضیحات: {!! $t->description_html !!}
|
||||
</p>
|
||||
|
||||
@if(isset($t->start_date))
|
||||
<p class="mt-2 text-gray-600">
|
||||
تاریخ شروع: {{$t->start_date}}
|
||||
</p>
|
||||
@endif
|
||||
@if(isset($t->target_date))
|
||||
<p class="mt-2 text-gray-600">
|
||||
تاریخ
|
||||
پایان: {{$t->target_date ? Jalalian::fromCarbon(Carbon::parse($t->target_date))->format('Y/m/d') : ''}}
|
||||
</p>
|
||||
@endif
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@endforeach
|
||||
@else
|
||||
<div class=" mt-[200px]">
|
||||
<h1 class=" text-xl font-bold" style="color: #959595">وظیفه ای ندارید</h1>
|
||||
</div>
|
||||
@endif
|
||||
</div>
|
||||
<script>
|
||||
function togglerequests(elementId) {
|
||||
var contentDiv = document.getElementById(elementId);
|
||||
contentDiv.classList.toggle('hidden'); // همین یه خط کافیست
|
||||
}
|
||||
|
||||
</script>
|
||||
@endsection
|
||||
Reference in New Issue
Block a user