Merge pull request #9 from andreazorzi/development

Add url modal

Author: andreazorzi

app/Http/Controllers/UrlController.php

@@ -0,0 +1,30 @@
+<?php
+
+namespace App\Http\Controllers;
+
+use App\Models\Url;
+use Illuminate\Http\Request;
+use Illuminate\Support\Facades\Validator;
+
+class UrlController extends Controller
+{
+    public function modal(Request $request, Url $url){
+        return view('components.backoffice.modals.url-update', ["url" => $url]);
+    }
+    
+    public function update(Request $request, Url $url){
+        $validator = Validator::make($request->all(), [
+            'url' => ['required', 'url:http,https'],
+        ]);
+        
+        if($validator->fails()){
+            return view("components.alert", ["status" => "danger", "message" => implode('\\n', $validator->errors()->all())]);
+        }
+        
+        $url->update([
+            'url' => $request->url,
+        ]);
+        
+        return view("components.alert", ["status" => "success", "message" => __('app.pages.short.updated'), 'beforeshow' => 'modal.hide(); $(".language[data-lang='.($url->language ?? 'default').'] .url").text("'.$request->url.'");']);
+    }
+}

lang/it/app.php

@@ -56,6 +56,9 @@
             'map' => 'Mappa',
             'language_urls' => 'Url in lingua',
             'add_language' => 'Aggiungi Lingua',
+            'update_language' => 'Modifica Lingua',
+            'update' => 'Aggiorna',
+            'updated' => 'Aggiornato',
         ],
         'tags' => [
             'meta_title' => 'Tags',

resources/views/backoffice/short.blade.php

@@ -65,14 +65,16 @@
                                             @php
                                                 $language = !is_null($url->language) ?__("languages.{$url->language}") : "Default";
                                             @endphp
-                                            <div class="col-12">
+                                            <div class="language col-12" data-lang="{{$url->language ?? "default"}}">
                                                 <div class="{{!$loop->last ? 'border-bottom' : ''}}">
                                                     <div class="row g-3 {{!$loop->last ? 'pb-2' : ''}}">
                                                         <div class="col-auto">
                                                             <img class="url-flag" title="{{$language}}" alt="{{$language}}" src="{{asset("images/lang/".($url->language ?? 'default').".svg")}}">
                                                         </div>
                                                         <div class="col text-break align-self-center">
-                                                            {{$url->url}}
+                                                            <span class="url">{{$url->url}}</span>
+                                                            <i class="fa-solid fa-pen ms-2" role="button"
+                                                                hx-post="{{route("url.modal", [$url])}}" hx-target="#modal .modal-content"></i>
                                                         </div>
                                                         <div class="col-auto align-self-center">
                                                             {{$url->visits()->count()}}

resources/views/components/backoffice/modals/url-update.blade.php

@@ -0,0 +1,27 @@
+<div class="modal-header">
+	<h1 class="modal-title fs-5" id="modalLabel">{{__('app.pages.short.update_language')}}</h1>
+	<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+</div>
+<div class="modal-body">
+	<div class="row g-3">
+		<div class="col-12">
+			<label>{{Str::upper($short->language ?? "default")}}</label>
+			<input type="text" class="form-control" name="url" value="{{$url->url}}">
+		</div>
+	</div>
+</div>
+<div class="modal-footer">
+	<div class="row w-100 justify-content-end">
+		<div class="col-md-6 p-0 text-end">
+			@csrf
+			<button id="url-save" type="button" class="btn btn-primary"
+				hx-put="{{route("url.update", [$url])}}" hx-target="#request-response">
+				{{__('app.pages.short.update')}}
+			</button>
+		</div>
+	</div>
+</div>
+
+<script>
+	modal.show();
+</script>

routes/requests.php

@@ -5,6 +5,7 @@
 use Illuminate\Support\Facades\Hash;
 use Illuminate\Support\Facades\Route;
 use App\Http\Controllers\TagController;
+use App\Http\Controllers\UrlController;
 use App\Http\Controllers\UserController;
 use App\Http\Controllers\ShortController;
 use Illuminate\Support\Facades\Validator;
@@ -36,6 +37,14 @@
 			});
 		});
 
+		// Urls
+		Route::prefix("urls")->group(function(){
+			Route::prefix("{url}")->group(function(){
+				Route::post('modal', [UrlController::class, 'modal'])->name('url.modal');
+				Route::put('update', [UrlController::class, 'update'])->name('url.update');
+			});
+		});
+		
 		// Tags
 		Route::prefix("tags")->group(function(){
 			Route::put('create', [TagController::class, 'create'])->name('tag.create');