mirror of
https://github.com/danielbrendel/hortusfox-web.git
synced 2026-02-19 21:09:16 -06:00
522 lines
25 KiB
PHP
522 lines
25 KiB
PHP
<div class="plant-details-title">
|
|
<h1>{{ $plant->get('name') . ((!is_null($plant->get('clone_num'))) ? ' (' . strval($plant->get('clone_num') + 1) . ')' : '') }}</h1>
|
|
|
|
<h2>{{ $plant_ident }}</h2>
|
|
</div>
|
|
|
|
<div class="margin-vertical">
|
|
<a class="is-default-link" href="{{ url('/plants/location/' . $plant->get('location')) }}">{{ __('app.back_to_list') }}</a>
|
|
</div>
|
|
|
|
@include('flashmsg.php')
|
|
|
|
<div class="margin-vertical is-default-text-color">
|
|
{{ __('app.last_edited_by', ['name' => $edit_user_name, 'when' => $edit_user_when]) }}
|
|
</div>
|
|
|
|
@if (($plant->get('clone_num')) && ($orig_plant))
|
|
<div class="margin-vertical is-default-text-color">
|
|
<i class="fas fa-clone"></i> <a class="is-default-link" href="{{ url('/plants/details/' . $orig_plant->get('id')) }}">{{ $orig_plant->get('name') }}</a>
|
|
</div>
|
|
@endif
|
|
|
|
@if (($offspring) && (is_countable($offspring)))
|
|
<div class="margin-vertical is-default-text-color">
|
|
@foreach ($offspring as $child)
|
|
<div>
|
|
<i class="fas fa-seedling"></i> <a class="is-default-link" href="{{ url('/plants/details/' . $child->get('id')) }}">{{ '[#' . sprintf('%04d', (int)$child->get('clone_num') + 1) . '] ' . $child->get('name') }}</a>
|
|
</div>
|
|
@endforeach
|
|
</div>
|
|
@endif
|
|
|
|
@if ($plant->get('health_state') !== 'in_good_standing')
|
|
<div class="plant-warning">{{ __('app.plant_warning', ['reason' => __('app.' . $plant->get('health_state'))]) }}</div>
|
|
@endif
|
|
|
|
<div class="columns plant-column">
|
|
<div class="column is-two-third">
|
|
@if (app('plantrec_enable'))
|
|
<form id="plant-rec-form" class="is-hidden" method="POST" action="{{ url('/plants/details/identify') }}" enctype="multipart/form-data">
|
|
@csrf
|
|
|
|
<input type="text" name="plant" value="{{ $plant->get('id') }}"/>
|
|
<input type="file" name="photo" id="plant-rec-file-input" accept="image/*" onchange="document.getElementById('plant-rec-action-icon').classList.remove('fa-microscope'); document.getElementById('plant-rec-action-icon').classList.add('fa-spinner'); document.getElementById('plant-rec-action-icon').classList.add('fa-spin'); window.vue.performPlantRecognition('plant-rec-form', '{{ $plant->get('id') }}');"/>
|
|
</form>
|
|
@endif
|
|
|
|
<table>
|
|
<thead>
|
|
<tr>
|
|
<td class="is-half-percent">{{ __('app.attribute') }}</td>
|
|
<td>{{ __('app.value') }}</td>
|
|
</tr>
|
|
</thead>
|
|
|
|
<tbody>
|
|
<tr>
|
|
<td><strong>{{ __('app.name') }}</strong></td>
|
|
<td><span id="plant-details-plant-name-{{ $plant->get('id') }}">{{ $plant->get('name') }}</span> <span class="float-right">{!! ((app('plantrec_enable')) ? '<a href="javascript:void(0);" onclick="document.getElementById(\'plant-rec-file-input\').click();"><i id="plant-rec-action-icon" class="fas fa-microscope is-color-darker"></i></a> ' : '') !!}<a href="javascript:void(0);" onclick="window.vue.showEditText({{ $plant->get('id') }}, 'name', document.getElementById('plant-details-plant-name-{{ $plant->get('id') }}').innerText);"><i class="fas fa-edit is-color-darker"></i></a></span></td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td><strong>{{ __('app.scientific_name') }}</strong></td>
|
|
<td>
|
|
<span id="plant-details-plant-scientific-name-{{ $plant->get('id') }}">
|
|
@if ($plant->get('scientific_name'))
|
|
@if ((is_string($plant->get('knowledge_link'))) && (strlen($plant->get('knowledge_link') > 0)))
|
|
<a class="is-default-link" href="{{ $plant->get('knowledge_link') }}" target="_blank">{{ $plant->get('scientific_name') }}</a>
|
|
@else
|
|
{{ $plant->get('scientific_name') }}
|
|
@endif
|
|
@else
|
|
<span class="is-not-available">N/A</span>
|
|
@endif
|
|
</span>
|
|
|
|
<span class="float-right"><a href="javascript:void(0);" onclick="window.vue.showEditLinkText({{ $plant->get('id') }}, document.getElementById('plant-details-plant-scientific-name-{{ $plant->get('id') }}').innerText, '{{ ($plant->get('knowledge_link')) ?? '' }}');"><i class="fas fa-edit is-color-darker"></i></a></span>
|
|
</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td><strong>{{ __('app.location') }}</strong></td>
|
|
<td>{{ ((!$plant->get('history')) ? LocationsModel::getNameById($plant->get('location')) : app('history_name')) }} <span class="float-right"><a href="javascript:void(0);" onclick="window.vue.showEditCombo({{ $plant->get('id') }}, 'location', window.vue.comboLocation, {{ $plant->get('location') }});"><i class="fas fa-edit is-color-darker"></i></a></span></td>
|
|
</tr>
|
|
|
|
@if (plant_attr('last_watered'))
|
|
<tr>
|
|
<td><strong>{{ __('app.last_watered') }}</strong></td>
|
|
<td>
|
|
@if ($plant->get('last_watered'))
|
|
{{ date('Y-m-d', strtotime($plant->get('last_watered'))) }}
|
|
@else
|
|
<span class="is-not-available">N/A</span>
|
|
@endif
|
|
|
|
<span class="float-right"><a href="javascript:void(0);" onclick="window.vue.showEditDate({{ $plant->get('id') }}, 'last_watered', '{{ ($plant->get('last_watered')) ? date('Y-m-d', strtotime($plant->get('last_watered'))) : '' }}');"><i class="fas fa-edit is-color-darker"></i></a></span>
|
|
</td>
|
|
</tr>
|
|
@endif
|
|
|
|
@if (plant_attr('last_repotted'))
|
|
<tr>
|
|
<td><strong>{{ __('app.last_repotted') }}</strong></td>
|
|
<td>
|
|
@if ($plant->get('last_repotted'))
|
|
{{ date('Y-m-d', strtotime($plant->get('last_repotted'))) }}
|
|
@else
|
|
<span class="is-not-available">N/A</span>
|
|
@endif
|
|
|
|
<span class="float-right"><a href="javascript:void(0);" onclick="window.vue.showEditDate({{ $plant->get('id') }}, 'last_repotted', '{{ ($plant->get('last_repotted')) ? date('Y-m-d', strtotime($plant->get('last_repotted'))) : '' }}');"><i class="fas fa-edit is-color-darker"></i></a></span>
|
|
</td>
|
|
</td>
|
|
</tr>
|
|
@endif
|
|
|
|
@if (plant_attr('last_fertilised'))
|
|
<tr>
|
|
<td><strong>{{ __('app.last_fertilised') }}</strong></td>
|
|
<td>
|
|
@if ($plant->get('last_fertilised'))
|
|
{{ date('Y-m-d', strtotime($plant->get('last_fertilised'))) }}
|
|
@else
|
|
<span class="is-not-available">N/A</span>
|
|
@endif
|
|
|
|
<span class="float-right"><a href="javascript:void(0);" onclick="window.vue.showEditDate({{ $plant->get('id') }}, 'last_fertilised', '{{ ($plant->get('last_fertilised')) ? date('Y-m-d', strtotime($plant->get('last_fertilised'))) : '' }}');"><i class="fas fa-edit is-color-darker"></i></a></span>
|
|
</td>
|
|
</td>
|
|
</tr>
|
|
@endif
|
|
|
|
@if (plant_attr('perennial'))
|
|
<tr>
|
|
<td><strong>{{ __('app.perennial') }}</strong></td>
|
|
<td>
|
|
@if (!is_null($plant->get('perennial')))
|
|
{!! ($plant->get('perennial')) ? '<span class="is-color-yes">' . __('app.yes') . '</span>' : '<span class="is-color-no">' . __('app.no') . '</span>' !!}
|
|
@else
|
|
<span class="is-not-available">N/A</span>
|
|
@endif
|
|
|
|
<span class="float-right"><a href="javascript:void(0);" onclick="window.vue.showEditBoolean({{ $plant->get('id') }}, 'perennial', '{{ __('app.perennial') }}', {{ ($plant->get('perennial')) ? 'true' : 'false' }});"><i class="fas fa-edit is-color-darker"></i></a></span>
|
|
</td>
|
|
</tr>
|
|
@endif
|
|
|
|
@if (plant_attr('annual'))
|
|
<tr>
|
|
<td><strong>{{ __('app.annual') }}</strong></td>
|
|
<td>
|
|
@if (!is_null($plant->get('annual')))
|
|
{!! ($plant->get('annual')) ? '<span class="is-color-yes">' . __('app.yes') . '</span>' : '<span class="is-color-no">' . __('app.no') . '</span>' !!}
|
|
@else
|
|
<span class="is-not-available">N/A</span>
|
|
@endif
|
|
|
|
<span class="float-right"><a href="javascript:void(0);" onclick="window.vue.showEditBoolean({{ $plant->get('id') }}, 'annual', '{{ __('app.annual') }}', {{ ($plant->get('annual')) ? 'true' : 'false' }});"><i class="fas fa-edit is-color-darker"></i></a></span>
|
|
</td>
|
|
</tr>
|
|
@endif
|
|
|
|
@if (plant_attr('hardy'))
|
|
<tr>
|
|
<td><strong>{{ __('app.hardy') }}</strong></td>
|
|
<td>
|
|
@if (!is_null($plant->get('hardy')))
|
|
{!! ($plant->get('hardy')) ? '<span class="is-color-yes">' . __('app.yes') . '</span>' : '<span class="is-color-no">' . __('app.no') . '</span>' !!}
|
|
@else
|
|
<span class="is-not-available">N/A</span>
|
|
@endif
|
|
|
|
<span class="float-right"><a href="javascript:void(0);" onclick="window.vue.showEditBoolean({{ $plant->get('id') }}, 'hardy', '{{ __('app.hardy') }}', {{ ($plant->get('hardy')) ? 'true' : 'false' }});"><i class="fas fa-edit is-color-darker"></i></a></span>
|
|
</td>
|
|
</tr>
|
|
@endif
|
|
|
|
@if (plant_attr('cutting_month'))
|
|
<tr>
|
|
<td><strong>{{ __('app.cutting_month') }}</strong></td>
|
|
<td>{!! ($plant->get('cutting_month')) ? UtilsModule::getMonthList()[$plant->get('cutting_month')] : '<span class="is-not-available">N/A</span>' !!} <span class="float-right"><a href="javascript:void(0);" onclick="window.vue.showEditCombo({{ $plant->get('id') }}, 'cutting_month', window.vue.comboCuttingMonth, {{ ($plant->get('cutting_month')) ?? '0' }});"><i class="fas fa-edit is-color-darker"></i></a></span></td>
|
|
</tr>
|
|
@endif
|
|
|
|
@if (plant_attr('date_of_purchase'))
|
|
<tr>
|
|
<td><strong>{{ __('app.date_of_purchase') }}</strong></td>
|
|
<td>
|
|
@if ($plant->get('date_of_purchase'))
|
|
{{ date('Y-m-d', strtotime($plant->get('date_of_purchase'))) }}
|
|
@else
|
|
<span class="is-not-available">N/A</span>
|
|
@endif
|
|
|
|
<span class="float-right"><a href="javascript:void(0);" onclick="window.vue.showEditDate({{ $plant->get('id') }}, 'date_of_purchase', '{{ ($plant->get('date_of_purchase')) ? date('Y-m-d', strtotime($plant->get('date_of_purchase'))) : '' }}');"><i class="fas fa-edit is-color-darker"></i></a></span>
|
|
</td>
|
|
</tr>
|
|
@endif
|
|
|
|
@if (plant_attr('humidity'))
|
|
<tr>
|
|
<td><strong>{{ __('app.humidity') }}</strong></td>
|
|
<td>
|
|
@if ($plant->get('humidity'))
|
|
{{ $plant->get('humidity') . '%' }}
|
|
@else
|
|
<span class="is-not-available">N/A</span>
|
|
@endif
|
|
|
|
<span class="float-right"><a href="javascript:void(0);" onclick="window.vue.showEditInteger({{ $plant->get('id') }}, 'humidity', '{{ ($plant->get('humidity') ?? '0') }}');"><i class="fas fa-edit is-color-darker"></i></a></span>
|
|
</td>
|
|
</tr>
|
|
@endif
|
|
|
|
@if (plant_attr('light_level'))
|
|
<tr>
|
|
<td><strong>{{ __('app.light_level') }}</strong></td>
|
|
<td>
|
|
@if ($plant->get('light_level'))
|
|
{{ __('app.' . $plant->get('light_level')) }}
|
|
@else
|
|
<span class="is-not-available">N/A</span>
|
|
@endif
|
|
|
|
<span class="float-right"><a href="javascript:void(0);" onclick="window.vue.showEditCombo({{ $plant->get('id') }}, 'light_level', window.vue.comboLightLevel, '{{ ($plant->get('light_level') ?? 'N/A') }}');"><i class="fas fa-edit is-color-darker"></i></a></span>
|
|
</td>
|
|
</tr>
|
|
@endif
|
|
|
|
@if (plant_attr('health_state'))
|
|
<tr>
|
|
<td><strong>{{ __('app.health_state') }}</strong></td>
|
|
<td><span class="plant-state-{{ $plant->get('health_state') }}">{!! ($plant->get('health_state') === 'in_good_standing') ? '<i class="far fa-check-circle is-color-yes"></i> ' : '' !!}{{ __('app.' . $plant->get('health_state')) }}</span> <span class="float-right"><a href="javascript:void(0);" onclick="window.vue.showEditCombo({{ $plant->get('id') }}, 'health_state', window.vue.comboHealthState, '{{ $plant->get('health_state') }}');"><i class="fas fa-edit is-color-darker"></i></a></span></td>
|
|
</tr>
|
|
@endif
|
|
|
|
@foreach ($custom_attributes as $custom_attribute)
|
|
<tr id="table-custom-attribute-{{ $custom_attribute->id }}">
|
|
<td><strong>{{ $custom_attribute->label }}</strong></td>
|
|
<td>
|
|
@if (!is_null($custom_attribute->content))
|
|
@if (is_bool($custom_attribute->content))
|
|
{!! ($custom_attribute->content) ? '<span class="is-color-yes">' . __('app.yes') . '</span>' : '<span class="is-color-no">' . __('app.no') . '</span>' !!}
|
|
@else
|
|
@if ((is_string($custom_attribute->content)) && ((strpos($custom_attribute->content, 'http://') === 0) || (strpos($custom_attribute->content, 'https://') === 0)))
|
|
<a class="is-default-link" href="{{ $custom_attribute->content }}" target="_blank">{{ $custom_attribute->content }}</a>
|
|
@else
|
|
{{ $custom_attribute->content }}
|
|
@endif
|
|
@endif
|
|
@else
|
|
<span class="is-not-available">N/A</span>
|
|
@endif
|
|
|
|
<span class="float-right"><a href="javascript:void(0);" onclick="window.vue.showEditCustomPlantAttribute({{ $custom_attribute->id }}, {{ $custom_attribute->plant }}, '{{ $custom_attribute->label }}', '{{ $custom_attribute->datatype }}', '{{ $custom_attribute->content ?? '' }}', {{ ($custom_attribute->global) ? 'true' : 'false' }});"><i class="fas fa-edit is-color-darker"></i></a></span>
|
|
</td>
|
|
</tr>
|
|
@endforeach
|
|
</tbody>
|
|
</table>
|
|
|
|
@if (app('allow_custom_attributes'))
|
|
<div class="plant-custom-attribute">
|
|
<a href="javascript:void(0);" onclick="document.getElementById('custom-plant-attribute-plant-id').value = {{ $plant->get('id') }}; window.vue.bShowAddCustomPlantAttribute = true;">{{ __('app.add_custom_attribute') }}</a>
|
|
</div>
|
|
@endif
|
|
</div>
|
|
|
|
<div class="column is-one-third">
|
|
<div class="plant-photo" style="background-image: url('{{ abs_photo($plant->get('photo')) }}');">
|
|
<div class="plant-photo-overlay">
|
|
<div class="plant-photo-view is-pointer" onclick="window.vue.showImagePreview('{{ str_replace('_thumb', '', abs_photo($plant->get('photo'))) }}');"><i class="fas fa-expand fa-lg"></i></div>
|
|
<div class="plant-photo-edit is-pointer" onclick="{{ (($plant->get('photo') === PlantsModel::PLANT_PLACEHOLDER_FILE) ? 'document.getElementById(\'checkbox-move-to-gallery\').style.display = \'none\';': '') }}window.vue.showEditPhoto({{ $plant->get('id') }}, 'photo', '{{ __('app.plant_photo_orientation_hint') }}');"><i class="fas fa-upload fa-lg"></i></div>
|
|
@if ($plant->get('photo') !== PlantsModel::PLANT_PLACEHOLDER_FILE)
|
|
<div class="plant-photo-clear is-pointer" onclick="if (confirm('{{ __('app.confirm_remove_preview_photo') }}')) { window.vue.removePlantPreviewPhoto({{ $plant->get('id') }}, '.plant-photo'); }"><i class="far fa-minus-square fa-lg"></i></div>
|
|
@endif
|
|
|
|
@if (app('enable_media_share', false))
|
|
<div class="plant-photo-share is-pointer" onclick="window.vue.showSharePhoto({{ $plant->get('id') }}, document.getElementById('plant-details-plant-name-{{ $plant->get('id') }}').innerText, 'preview');"><i class="fas fa-share fa-lg"></i></div>
|
|
@endif
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="columns plant-column">
|
|
<div class="column is-full">
|
|
<div class="plant-tags">
|
|
<a name="plant-tags-anchor"></a>
|
|
|
|
<div class="plant-tags-content">
|
|
@if (strlen($plant->get('tags')) > 1)
|
|
@foreach ($tags as $tag)
|
|
@if (strlen($tag) > 0)
|
|
<div class="plant-tags-item"><a href="{{ url('/search?query=' . $tag) }}">{{ $tag }}</a></div>
|
|
@endif
|
|
@endforeach
|
|
@else
|
|
<strong class="is-default-text-color">{{ __('app.no_tags_specified') }}</strong>
|
|
@endif
|
|
</div>
|
|
|
|
<div class="plant-tags-edit">
|
|
<a href="javascript:void(0);" onclick="window.vue.showEditText({{ $plant->get('id') }}, 'tags', '{{ $plant->get('tags') }}', 'plant-tags-anchor');">
|
|
<i class="fas fa-edit is-color-darker"></i>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="columns plant-column">
|
|
<div class="column is-full">
|
|
<div class="plant-notes">
|
|
<a name="plant-notes-anchor"></a>
|
|
|
|
<div class="plant-notes-content" id="plant-notes-content">
|
|
@if (is_string($plant->get('notes')))
|
|
<pre>{!! UtilsModule::translateURLs($plant->get('notes')) !!}</pre>
|
|
@else
|
|
<span class="is-not-available">{{ __('app.no_notes_specified') }}</span>
|
|
@endif
|
|
</div>
|
|
|
|
<div class="plant-notes-edit">
|
|
<a href="javascript:void(0);" onclick="window.vue.showEditMultilineText({{ $plant->get('id') }}, 'notes', document.getElementById('plant-notes-content').children[0].innerText, 'plant-notes-anchor');">
|
|
<i class="fas fa-edit is-color-darker"></i>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="columns plant-column">
|
|
<div class="column is-full">
|
|
<div class="plant-gallery">
|
|
<div class="plant-gallery-title">{{ __('app.photos') }}</div>
|
|
|
|
<div class="plant-gallery-upload">
|
|
<a class="button is-link" href="javascript:void(0);" onclick="window.vue.showPhotoUpload({{ $plant->get('id') }});">{{ __('app.upload') }}</a>
|
|
</div>
|
|
|
|
<a name="plant-gallery-photo-anchor"></a>
|
|
|
|
<div class="plant-gallery-photos">
|
|
@if (count($photos) > 0)
|
|
@foreach ($photos as $photo)
|
|
<div class="plant-gallery-item" id="photo-gallery-item-{{ $photo->get('id') }}">
|
|
<div class="plant-gallery-item-header">
|
|
<div class="plant-gallery-item-header-label">{{ $photo->get('label') }}</div>
|
|
|
|
<div class="plant-gallery-item-header-action">
|
|
<a href="javascript:void(0);" onclick="window.vue.editGalleryPhotoLabel({{ $photo->get('id') }}, {{ $plant->get('id') }}, '{{ $photo->get('label') }}');"><i class="fas fa-edit is-action-edit"></i></a>
|
|
|
|
<a href="javascript:void(0);" onclick="window.vue.setGalleryPhotoAsMain({{ $photo->get('id') }}, {{ $plant->get('id') }});"><i class="fas fa-star is-action-setmain"></i></a>
|
|
|
|
@if (app('enable_media_share', false))
|
|
<a href="javascript:void(0);" onclick="window.vue.showSharePhoto({{ $photo->get('id') }}, '{{ $photo->get('label') }}', 'gallery');"><i class="fas fa-share is-action-share"></i></a>
|
|
@endif
|
|
|
|
<a href="javascript:void(0);" onclick="window.vue.deletePhoto({{ $photo->get('id') }}, {{ $plant->get('id') }}, 'photo-gallery-item-{{ $photo->get('id') }}');"><i class="fas fa-trash-alt is-action-delete"></i></a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="plant-gallery-item-photo">
|
|
<a href="{{ abs_photo($photo->get('original')) }}" target="_blank">
|
|
<div class="plant-gallery-item-photo-overlay"></div>
|
|
|
|
<img class="plant-gallery-item-photo-image" src="{{ abs_photo($photo->get('thumb')) }}" alt="photo"/>
|
|
</a>
|
|
</div>
|
|
|
|
<div class="plant-gallery-item-footer">
|
|
{{ (new Carbon($photo->get('created_at')))->diffForHumans() }}
|
|
</div>
|
|
</div>
|
|
@endforeach
|
|
@else
|
|
<strong>{{ __('app.no_photos_yet') }}</strong>
|
|
@endif
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="columns plant-column">
|
|
<div class="column is-full">
|
|
<div class="plant-tasks">
|
|
<div class="plant-tasks-title">{{ __('app.tasks') }}</div>
|
|
|
|
<a name="plant-tasks-anchor"></a>
|
|
|
|
<div class="margin-vertical">
|
|
<a class="button is-warning" href="javascript:void(0);" onclick="document.getElementById('create-task-plant-id').value = '{{ $plant->get('id') }}'; window.vue.bShowCreateTask = true;">{{ __('app.create_new') }}</a>
|
|
</div>
|
|
|
|
@if ((is_countable($plant_tasks)) && (count($plant_tasks) > 0))
|
|
@foreach ($plant_tasks as $task)
|
|
@if (!$task->get('done'))
|
|
<div class="task" id="task-item-{{ $task->get('id') }}">
|
|
<a name="task-anchor-{{ $task->get('id') }}"></a>
|
|
|
|
<div class="task-header">
|
|
<div class="task-header-title" id="task-item-title-{{ $task->get('id') }}"><span>#{{ sprintf('%03d', $task->get('id')) }}</span> {{ $task->get('title') }}</div>
|
|
<div class="task-header-action">
|
|
<span><a href="javascript:void(0);" onclick="window.vue.editTask({{ $task->get('id') }});"><i class="fas fa-edit"></i></a></span>
|
|
<span><a href="javascript:void(0);" onclick="if (confirm('{{ __('app.confirm_remove_task') }}')) { window.vue.removeTask({{ $task->get('id') }}); }"><i class="fas fa-trash-alt"></i></a></span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="task-description" id="task-item-description-{{ $task->get('id') }}"><pre>{!! ($task->get('description')) ? UtilsModule::translateURLs($task->get('description')) : 'N/A' !!}</pre></div>
|
|
|
|
<div class="task-footer">
|
|
<div class="task-footer-date">{{ (new Carbon($task->get('created_at')))->diffForHumans() }}</div>
|
|
|
|
<div class="task-footer-due" id="task-item-due-{{ $task->get('id') }}">
|
|
@if ($task->get('due_date') !== null)
|
|
<span class="{{ ((new DateTime($task->get('due_date'))) < (new DateTime())) ? 'is-task-overdue' : '' }}">{{ date('Y-m-d', strtotime($task->get('due_date'))) }}</span>
|
|
|
|
<span class="is-task-recurring" data-time="{{ $task->get('recurring_time') ?? '' }}" data-scope="{{ $task->get('recurring_scope') ?? '' }}"><i class="far fa-clock {{ ((!$task->get('recurring_time')) ? 'is-hidden' : '') }}"></i></span>
|
|
@endif
|
|
</div>
|
|
|
|
<div class="task-footer-action">
|
|
<input type="radio" onclick="window.vue.toggleTaskStatus({{ $task->get('id') }});" {{ ($task->get('done')) ? 'checked' : '' }} /><a href="javascript:void(0);" onclick="window.vue.toggleTaskStatus({{ $task->get('id') }});"> {{ __('app.done') }}</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@endif
|
|
@endforeach
|
|
@else
|
|
<div class="tasks-all-done">
|
|
<div class="tasks-all-done-image-small">
|
|
<img src="{{ asset('img/partypopper.png') }}" width="128" height="128" alt="image"/>
|
|
</div>
|
|
|
|
<div class="tasks-all-done-text-small">{{ __('app.all_tasks_done') }}</div>
|
|
</div>
|
|
@endif
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="columns plant-column">
|
|
<div class="column is-full">
|
|
<div class="plant-log">
|
|
<div class="plant-log-title">{{ __('app.plant_log') }}</div>
|
|
|
|
<a name="plant-log-anchor"></a>
|
|
|
|
@if ((is_countable($plant_log_entries)) && (count($plant_log_entries) > 0))
|
|
<div class="table-scroll-horizontally">
|
|
<table id="plant-log-table">
|
|
<thead>
|
|
<tr>
|
|
<td>{{ __('app.plant_log_content') }}</td>
|
|
<td>{{ __('app.plant_log_date') }}</td>
|
|
<td><span class="float-right">{{ __('app.plant_log_actions') }}</span></td>
|
|
</tr>
|
|
</thead>
|
|
|
|
<tbody>
|
|
@foreach ($plant_log_entries as $plant_log_entry)
|
|
<tr id="plant-log-entry-table-row-{{ $plant_log_entry->get('id') }}">
|
|
<td id="plant-log-entry-item-{{ $plant_log_entry->get('id') }}">{{ $plant_log_entry->get('content') }}</td>
|
|
<td>{{ date('Y-m-d', strtotime($plant_log_entry->get('created_at'))) }} / {{ date('Y-m-d', strtotime($plant_log_entry->get('updated_at'))) }}</td>
|
|
<td>
|
|
<span class="float-right">
|
|
<span><a href="javascript:void(0);" onclick="window.vue.showEditPlantLogEntry('{{ $plant_log_entry->get('id') }}', '{{ $plant->get('id') }}', document.getElementById('plant-log-entry-item-{{ $plant_log_entry->get('id') }}').innerText, 'plant-log-anchor');"><i class="fas fa-edit is-color-darker"></i></a></span> <span class="float-right"><a href="javascript:void(0);" onclick="if (confirm('{{ __('app.confirm_remove_plant_log_entry') }}')) { window.vue.removePlantLogEntry('{{ $plant_log_entry->get('id') }}', 'plant-log-entry-table-row-{{ $plant_log_entry->get('id') }}'); }"><i class="fas fa-trash-alt is-color-darker"></i></a></span>
|
|
</span>
|
|
</td>
|
|
</tr>
|
|
@endforeach
|
|
|
|
@if ($plant_log_entries->get(count($plant_log_entries) - 1)?->get('id') > 1)
|
|
<tr id="plant-log-load-more" class="plant-log-paginate">
|
|
<td colspan="3"><a href="javascript:void(0);" onclick="window.vue.loadNextPlantLogEntries(this, '{{ $plant->get('id') }}', document.getElementById('plant-log-table'));" data-paginate="{{ $plant_log_entries->get(count($plant_log_entries) - 1)?->get('id') }}">{{ __('app.load_more') }}</a></td>
|
|
</tr>
|
|
@endif
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
@else
|
|
<strong>{{ __('app.no_plant_log_entries_yet') }}</strong>
|
|
@endif
|
|
|
|
<div class="plant-log-action">
|
|
<a class="button is-info" href="javascript:void(0);" onclick="window.vue.showAddPlantLogEntry('{{ $plant->get('id') }}', 'plant-log-anchor');">{{ __('app.add_plant_log_entry') }}</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="columns plant-column">
|
|
<div class="column is-full plant-button-group">
|
|
@if (app('history_enable'))
|
|
@if (!$plant->get('history'))
|
|
<span>
|
|
<a class="button is-warning" href="javascript:void(0);" onclick="window.vue.markHistorical({{ $plant->get('id') }});">{{ app('history_name') }}</a>
|
|
</span>
|
|
@else
|
|
<span>
|
|
<a class="button is-warning" href="javascript:void(0);" onclick="window.vue.unmarkHistorical({{ $plant->get('id') }});">{{ app('history_name') }}</a>
|
|
</span>
|
|
@endif
|
|
@endif
|
|
|
|
<span>
|
|
<a class="button is-danger" href="javascript:void(0);" onclick="window.vue.deletePlant({{ $plant->get('id') }}, {{ $plant->get('location') }});">{{ __('app.remove_plant') }}</a>
|
|
</span>
|
|
|
|
<span>
|
|
<a class="button is-info" href="javascript:void(0);" onclick="window.vue.clonePlant({{ $plant->get('id') }});">{{ __('app.clone_plant') }}</a>
|
|
</span>
|
|
|
|
<span>
|
|
<a class="button" href="javascript:void(0);" onclick="document.getElementById('title-plant-qr-code').value = '#{{ $plant->get('id') }} ' + document.getElementById('plant-details-plant-name-{{ $plant->get('id') }}').innerText; window.vue.generateAndShowQRCode({{ $plant->get('id') }});">{{ __('app.show_qr_code') }}</a>
|
|
</span>
|
|
</div>
|
|
</div>
|