Resolves #330

danielbrendel · Feb 20, 2025 · d427364 · d427364
1 parent ba25ec0
commit d427364
Show file tree

Hide file tree

Showing 3 changed files with 22 additions and 11 deletions.
diff --git a/app/resources/sass/app.scss b/app/resources/sass/app.scss
@@ -621,11 +621,17 @@ fieldset .field {
     margin-bottom: 20px;
 }
 
+.location-notes-title {
+    margin-bottom: 20px;
+    font-size: 1.5em;
+    color: rgb(150, 150, 150);
+}
+
 .location-notes textarea {
     color: rgb(150, 150, 150);
     background-color: rgb(50, 50, 50);
     margin-top: 20px;
-    margin-bottom: 10px;
+    margin-bottom: 20px;
 }
 
 .location-notes span {

diff --git a/app/views/plants.php b/app/views/plants.php
@@ -21,20 +21,12 @@
 
 	<div class="action-strip action-strip-right">
 		<div class="is-inline-block is-action-button-margin float-right"><a class="is-gray-link" href="javascript:void(0);" onclick="document.querySelector('#location-log-anchor').scrollIntoView({behavior: 'smooth'});"><i class="far fa-file-alt fa-lg"></i></a></div>
+		<div class="is-inline-block is-action-button-margin float-right"><a class="is-gray-link" href="javascript:void(0);" onclick="document.querySelector('#location-notes-anchor').scrollIntoView({behavior: 'smooth'});"><i class="fa-solid fa-align-center fa-lg"></i></a></div>
 	</div>
 </div>
 
 @include('flashmsg.php')
 
-<div class="location-notes">
-	<a name="location-notes-anchor" class="is-default-link" href="javascript:void(0);" onclick="document.getElementById('location-notes-edit').classList.toggle('is-hidden')">{{ __('app.notes') }}</a>
-
-	<div id="location-notes-edit" class="is-hidden">
-		<div><textarea id="location-notes-content" class="textarea" oninput="document.getElementById('location-notes-result').innerHTML = '';">{{ $location_data->get('notes') ?? '' }}</textarea></div>
-		<div><a class="button is-success" href="javascript:void(0);" onclick="window.vue.saveLocationNotes('{{ $location_data->get('id') }}', 'location-notes-content', 'location-notes-result');">{{ __('app.save') }}</a>&nbsp;<span id="location-notes-result"></span></div>
-	</div>
-</div>
-
 <div class="sorting">
 	<div class="sorting-control sorting-mobile-only">
 		<a class="{{ (((!isset($_GET['show'])) || ($_GET['show'] === 'cards')) ? 'is-selected' : '') }}" href="{{ url('/plants/location/' . $location . '?show=cards' . url_query('sorting', '&') . url_query('direction', '&')) }}">
@@ -131,6 +123,19 @@
 
 <div class="is-dark-delimiter"><hr/></div>
 
+<div class="location-notes">
+	<div class="location-notes-title">{{ __('app.notes') }}</div>
+
+	<a name="location-notes-anchor" id="location-notes-anchor"></a>
+
+	<div id="location-notes-edit">
+		<div><textarea id="location-notes-content" class="textarea" oninput="document.getElementById('location-notes-result').innerHTML = '';">{{ $location_data->get('notes') ?? '' }}</textarea></div>
+		<div><a class="button is-success" href="javascript:void(0);" onclick="window.vue.saveLocationNotes('{{ $location_data->get('id') }}', 'location-notes-content', 'location-notes-result');">{{ __('app.save') }}</a>&nbsp;<span id="location-notes-result"></span></div>
+	</div>
+</div>
+
+<div class="is-dark-delimiter"><hr/></div>
+
 <div class="location-log">
 	<div class="location-log-title">{{ __('app.location_log') }}</div>
 

diff --git a/public/js/app.js b/public/js/app.js