Dashboard basic ui tamamlandı. Modeller eklendi

server/app/Http/Livewire/Document/Create.php

@@ -24,7 +24,7 @@ public function createNewDocument()
             ]);
 
             $document->user()->attach(auth()->user());
-        } catch (\Exception $e) {
+        } catch (\Throwable $e) {
             $this->emitTo('dashboard', 'flashMessage', "Oluşturma işlemi başarısız oldu!");
         }        
         $this->emitTo('dashboard', 'flashMessage', $this->name . " isimli doküman başarıyla eklendi!");

server/app/Http/Livewire/Document/Edit.php

@@ -0,0 +1,13 @@
+<?php
+
+namespace App\Http\Livewire\Document;
+
+use Livewire\Component;
+
+class Edit extends Component
+{
+    public function render()
+    {
+        return view('livewire.document.edit');
+    }
+}

server/app/Http/Livewire/Folder/Create.php

@@ -0,0 +1,41 @@
+<?php
+
+namespace App\Http\Livewire\Folder;
+
+use Livewire\Component;
+use App\Models\Folder;
+
+class Create extends Component
+{
+    public $isCreatingFolder = false;
+    public $name = "";
+    public $message = "";
+
+    public function confirmCreatingFolder()
+    {
+        $this->isCreatingFolder = true;
+    }
+
+    public function createNewFolder()
+    {
+        try {
+            $folder = Folder::create([
+                'name' => $this->name
+            ]);
+
+            $folder->user()->attach(auth()->user());
+        } catch (\Throwable $e) {
+            $this->emitTo('dashboard', 'flashMessage', "Oluşturma işlemi başarısız oldu!");
+        }        
+        $this->emitTo('dashboard', 'flashMessage', $this->name . " isimli klasör başarıyla eklendi!");
+
+        $this->emitTo('folder.show', 'newFolderCreated');
+        $this->isCreatingFolder = false;
+        $this->name = "";
+    }
+
+    public function render()
+    {
+        return view('livewire.folder.create');
+    }
+}

server/app/Http/Livewire/Folder/ListContents.php

@@ -0,0 +1,13 @@
+<?php
+
+namespace App\Http\Livewire\Folder;
+
+use Livewire\Component;
+
+class ListContents extends Component
+{
+    public function render()
+    {
+        return view('livewire.folder.list-contents');
+    }
+}

server/app/Http/Livewire/Folder/Show.php

@@ -0,0 +1,27 @@
+<?php
+
+namespace App\Http\Livewire\Folder;
+
+use Livewire\Component;
+
+class Show extends Component
+{
+    public $folders;
+
+    protected $listeners = ['newFolderCreated'];
+
+    public function newFolderCreated()
+    {
+        $this->folders = auth()->user()->folder()->orderBy('updated_at', 'DESC')->get();
+    }
+
+    public function mount()
+    {
+        $this->folders = auth()->user()->folder()->orderBy('updated_at', 'DESC')->get();
+    }
+
+    public function render()
+    {
+        return view('livewire.folder.show');
+    }
+}

server/app/Models/Document.php

@@ -17,4 +17,9 @@ public function user()
     {
         return $this->belongsToMany(User::class);
     }
+
+    public function folder()
+    {
+        return $this->belongsTo(Folder::class);
+    }
 }

server/app/Models/Folder.php

@@ -0,0 +1,23 @@
+<?php
+
+namespace App\Models;
+
+use Illuminate\Database\Eloquent\Factories\HasFactory;
+use Illuminate\Database\Eloquent\Model;
+
+class Folder extends Model
+{
+    use HasFactory;
+
+    protected $fillable = ['name'];
+
+    public function user()
+    {
+        return $this->belongsToMany(User::class);
+    }
+
+    public function document()
+    {
+        return $this->hasMany(Document::class);
+    }
+}

server/app/Models/User.php

@@ -59,6 +59,11 @@ class User extends Authenticatable
         'profile_photo_url',
     ];
 
+    public function folder()
+    {
+        return $this->belongsToMany(Folder::class);
+    }
+
     public function document()
     {
         return $this->belongsToMany(Document::class);

server/database/migrations/2020_11_08_162644_create_folders_table.php

@@ -0,0 +1,34 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+class CreateFoldersTable extends Migration
+{
+    /**
+     * Run the migrations.
+     *
+     * @return void
+     */
+    public function up()
+    {
+        Schema::create('folders', function (Blueprint $table) {
+            $table->id();
+            $table->string('name');
+            $table->foreignId('parent_folder_id')->nullable();
+            $table->foreign('parent_folder_id')->references('id')->on('folders')->cascadeOnDelete();
+            $table->timestamps();
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     *
+     * @return void
+     */
+    public function down()
+    {
+        Schema::dropIfExists('folders');
+    }
+}

server/database/migrations/2020_11_08_214254_create_folder_user_table.php

@@ -0,0 +1,34 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+class CreateFolderUserTable extends Migration
+{
+    /**
+     * Run the migrations.
+     *
+     * @return void
+     */
+    public function up()
+    {
+        Schema::create('folder_user', function (Blueprint $table) {
+            $table->id();
+            $table->foreignId('folder_id');
+            $table->foreignId('user_id');
+            $table->foreign('folder_id')->on('folders')->references('id')->cascadeOnDelete();
+            $table->foreign('user_id')->on('users')->references('id')->cascadeOnDelete();
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     *
+     * @return void
+     */
+    public function down()
+    {
+        Schema::dropIfExists('folder_user');
+    }
+}

server/database/migrations/2020_11_08_002528_create_documents_table.php → server/database/migrations/2020_11_08_255555_create_documents_table.php

@@ -16,7 +16,9 @@ public function up()
         Schema::create('documents', function (Blueprint $table) {
             $table->id();
             $table->string('name');
-            $table->longText('content');
+            $table->longText('content')->nullable();
+            $table->foreignId('folder_id')->nullable();
+            $table->foreign('folder_id')->references('id')->on('folders')->cascadeOnDelete();
             $table->timestamps();
         });
     }

server/database/seeders/DatabaseSeeder.php

@@ -13,6 +13,7 @@ class DatabaseSeeder extends Seeder
      */
     public function run()
     {
+        $this->call(UserSeeder::class);
         // \App\Models\User::factory(10)->create();
     }
 }

server/database/seeders/UserSeeder.php

@@ -0,0 +1,24 @@
+<?php
+
+namespace Database\Seeders;
+
+use Illuminate\Database\Seeder;
+use Illuminate\Support\Facades\Hash;
+use App\Models\User;
+
+class UserSeeder extends Seeder
+{
+    /**
+     * Run the database seeds.
+     *
+     * @return void
+     */
+    public function run()
+    {
+        User::create([
+            'name' => 'Doğukan Öksüz',
+            'email' => '[email protected]',
+            'password' => Hash::make('divergent')
+        ]);
+    }
+}

server/resources/views/layouts/app.blade.php

@@ -1,35 +1,38 @@
 <!DOCTYPE html>
 <html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
-    <head>
-        <meta charset="utf-8">
-        <meta name="viewport" content="width=device-width, initial-scale=1">
-        <meta name="csrf-token" content="{{ csrf_token() }}">
 
-        <title>{{ config('app.name', 'Laravel') }}</title>
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="csrf-token" content="{{ csrf_token() }}">
 
-        <!-- Google Font -->
-        <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet">
+    <title>{{ config('app.name', 'Laravel') }}</title>
 
-        <!-- Styles -->
-        <link rel="stylesheet" href="{{ asset('css/app.css') }}">
+    <!-- Google Font -->
+    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet">
 
-        @livewireStyles
+    <!-- Styles -->
+    <link rel="stylesheet" href="{{ asset('css/app.css') }}">
 
-        <!-- Scripts -->
-        <script src="https://cdn.jsdelivr.net/gh/alpinejs/[email protected]/dist/alpine.js" defer></script>
-    </head>
-    <body class="font-sans antialiased">
-        <div class="min-h-screen bg-gray-100">
-            @livewire('navigation-dropdown')
+    @livewireStyles
 
-            <!-- Page Content -->
-            <main>
-                {{ $slot }}
-            </main>
-        </div>
+    <!-- Scripts -->
+    <script src="https://cdn.jsdelivr.net/gh/alpinejs/[email protected]/dist/alpine.js" defer></script>
+</head>
 
-        @stack('modals')
+<body class="font-sans antialiased">
+    <div class="min-h-screen bg-gray-100">
+        @livewire('navigation-dropdown')
+
+        <!-- Page Content -->
+        <main>
+            {{ $slot }}
+        </main>
+    </div>
+
+    @stack('modals')
+
+    @livewireScripts
+</body>
 
-        @livewireScripts
-    </body>
 </html>

server/resources/views/livewire/dashboard.blade.php

@@ -2,12 +2,49 @@
     <div class="max-w-7xl mx-auto sm:px-6 lg:px-8">
         <div>
             @if ($message)
-            <div class="alert alert-success">
-                {{ $message }}
+            <div class="mb-5 bg-teal-100 border-t-4 border-teal-500 rounded text-teal-900 px-4 py-3 shadow-md"
+                role="alert">
+                <div class="flex">
+                    <div class="py-1"><svg class="fill-current h-6 w-6 text-teal-500 mr-4"
+                            xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
+                            <path
+                                d="M2.93 17.07A10 10 0 1 1 17.07 2.93 10 10 0 0 1 2.93 17.07zm12.73-1.41A8 8 0 1 0 4.34 4.34a8 8 0 0 0 11.32 11.32zM9 11V9h2v6H9v-4zm0-6h2v2H9V5z" />
+                        </svg></div>
+                    <div>
+                        <p class="font-bold mt-1">{{ $message }}</p>
+                    </div>
+                </div>
             </div>
             @endif
         </div>
+        <div class="float-left">
+            <nav class="text-black font-bold my-3" aria-label="Breadcrumb">
+                <ol class="list-none p-0 inline-flex">
+                    <li class="flex items-center">
+                        <a href="{{ route('dashboard') }}">Pano</a>
+                        <!--<svg class="fill-current w-3 h-3 mx-3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512">
+                            <path
+                                d="M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z" />
+                            </svg>-->
+                    </li>
+                    <!--
+                    <li class="flex items-center">
+                        <a href="#">Second Level</a>
+                        <svg class="fill-current w-3 h-3 mx-3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512">
+                            <path
+                                d="M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z" />
+                            </svg>
+                    </li>
+                    <li>
+                        <a href="#" class="text-gray-500" aria-current="page">Third Level</a>
+                    </li> -->
+                </ol>
+            </nav>
+        </div>
         <livewire:document.create />
+        <livewire:folder.create />
+
+        <livewire:folder.show />
         <livewire:document.show />
     </div>
 </div>

server/resources/views/livewire/document/create.blade.php

@@ -1,5 +1,6 @@
-<div>
+<div class="mb-5 float-right ml-5">
     <x-jet-button wire:click="confirmCreating">
+        <svg class="w-6 h-6 mr-2 -ml-1" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 13h6m-3-3v6m5 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"></path></svg>
         Yeni Doküman Oluştur
     </x-jet-button>
 

server/resources/views/livewire/document/edit.blade.php

@@ -0,0 +1,3 @@
+<div>
+    {{-- Stop trying to control. --}}
+</div>