fixed profile table

laravel/app/Http/Controllers/ShortlinkController.php

@@ -14,6 +14,12 @@ class ShortlinkController extends Controller
             return response()->json(['error' => 'Unauthorized'], 401);
         }
 
+        if (strlen($request->url) > 5000) {
+            return back()->withErrors([
+                'error' => 'The URL provided is too long'
+            ]);
+        }
+
         try {
             $request->validate([
                 'url' => 'required|url'
@@ -41,7 +47,7 @@ class ShortlinkController extends Controller
             return redirect("/l/{$shortlink->shortid}");
         } catch (\Exception $e) {
             return back()->withErrors([
-                'error' => $e->getMessage()
+                'error' => 'An error occurred while creating the shortlink'
             ]);
         }
     }

laravel/database/migrations/2024_06_10_010339_create_shortlinks_table.php

@@ -14,7 +14,7 @@ return new class extends Migration
         Schema::create('shortlinks', function (Blueprint $table) {
             $table->id();
             $table->string('shortid')->unique();
-            $table->string('destination');
+            $table->string('destination', 5000);
             $table->foreignId('user_id')->references('id')->on('users');
             $table->integer('max_clicks')->default(0);
             $table->boolean('deleted')->default(false);

laravel/public/css/default.css

@@ -383,7 +383,7 @@ button {
     justify-content: space-between;
 }
 
-#graphs h2, #stats h2 {
+#graphs h2, #stats h2, #table-container h2 {
     margin-bottom: 20px;
 }
 
@@ -407,6 +407,14 @@ table td, table th {
 
 table td {
     border-top: 1px solid #888;
+    white-space: nowrap;
+}
+
+table td.table-truncate {
+    white-space: normal;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    word-break: break-all;
 }
 
 table th, table td {
@@ -421,6 +429,11 @@ table th:last-child, table td:last-child {
     border-right: none;
 }
 
+.destination {
+    height: 1.2em;
+    overflow: hidden;
+}
+
 footer {
     margin-top: auto;
     height: 50px;

laravel/resources/views/details.blade.php

@@ -36,6 +36,8 @@
                 <input id="expiry-date" name="expiry-date" type="date" 
                     @if ($shortlink->expires_at != null)
                         value="{{ Carbon\Carbon::parse($shortlink->expires_at)->format('Y-m-d') }}"
+                    @else
+                        value="{{ Carbon\Carbon::now()->format('Y-m-d') }}"
                     @endif
                 >
                 <label id="time-label" for="expiry-hour">Time</label>

laravel/resources/views/profile.blade.php

@@ -14,19 +14,27 @@
         <p>Created at: <em>{{ Auth::user()->created_at }}</em></p>
     </div>
     <div id="table-container" class="container">
+        <h2>My Short URLs</h2>
         <table>
-            <tr>
+            <tbody>
-                <th>Link</th>
-                <th>Destination</th>
-                <th>Created at</th>
-            </tr>
-            @foreach ($shortlinks as $shortlink)
                 <tr>
-                    <td><a href="{{ url()->to("l/" . $shortlink->shortid) }}">{{ $shortlink['shortid'] }}</a></td>
+                    <th>Link</th>
-                    <td>{{ $shortlink['destination'] }}</td>
+                    <th>Destination</th>
-                    <td>{{ Carbon\Carbon::parse($shortlink->created_at)->format('M jS Y') }}</td>
+                    <th>Created at</th>
                 </tr>
-            @endforeach
+                @foreach ($shortlinks as $shortlink)
+                    <tr>
+                        <td><a href="{{ url()->to("l/" . $shortlink->shortid) }}">{{ $shortlink['shortid'] }}</a></td>
+                        <td class="table-truncate"><div class="destination">{{ $shortlink['destination'] }}</div></td>
+                        <td>{{ Carbon\Carbon::parse($shortlink->created_at)->format('M jS Y') }}</td>
+                    </tr>
+                @endforeach
+            </tbody>
+            <tfoot>
+                <tr>
+                    <td colspan="3"><a href="/home">Shorten a new link</a></td>
+                </tr>
+            </tfoot>
         </table>
     </div>
 @endsection