Bug Fix: addData.errors.has not a function: StatePersistence plugin removed from root state, I made module Settings and stored localStorage.setItem('locale')

Author: samayun

README.md

@@ -8,7 +8,7 @@
     npm run watch 
 ```
 
-> ## <h2 style="color:green;background:#eee;padding-left:13px;"> How to Sorting , Paginating and Filtering </h2>
+> ### <h2 style="color:green;background:#eee;padding-left:13px;"> How to Sorting , Paginating and Filtering </h2>
 </br> 
 
 ### Step-1: Pagination.vue
@@ -406,11 +406,142 @@ export default {
 > OUTPUT
 [![ GET FILTER RESULT](docs/images/filter_result.png)](docs/images/filter_result.png)
 
-> <p style="color:yellow;font-size:20px;">Now Preparing project for Localization & Translating</p>
+> ## <p style="color:green;font-size:20px;">Now Preparing project for Localization & Translating</p>
+
 
 Run this npm command
 
     npm install vue-i18n vuex-persistedstate
 
-# Here is final output of categories.vue
-[![Categories OUTPUT](docs/images/categories.vue.png)](docs/images/categories.vue.png)
+### Create i18n.js ( It acts like plugin)
+
+``` javascript
+import Vue from'vue'
+import VueI18n from 'vue-i18n'
+
+Vue.use(VueI18n);
+function checkDefaultLanguage() {
+    let matched = null
+    let languages = Object.getOwnPropertyNames(loadLocaleMessages())
+    languages.forEach(lang => {
+      if (lang === navigator.language) {
+        matched = lang
+      }
+    })
+    if (!matched) {
+      languages.forEach(lang => {
+        let languagePartials = navigator.language.split('-')[0]
+        if (lang === languagePartials) {
+          matched = lang
+        }
+      })
+    }
+    return matched
+  }
+function loadLocaleMessages() {
+    const locales = require.context(
+      "./locales",
+      true,
+      /[A-Za-z0-9-_,\s]+\.json$/i
+    );
+    const messages = {};
+    locales.keys().forEach(key => {
+      const matched = key.match(/([A-Za-z0-9-_]+)\./i);
+      if (matched && matched.length > 1) {
+        const locale = matched[1];
+        messages[locale] = locales(key);
+      }
+    });
+    return messages;
+  }
+  export const selectedLocale = checkDefaultLanguage() || process.env.VUE_APP_I18N_LOCALE || 'en'
+  export const languages = Object.getOwnPropertyNames(loadLocaleMessages())
+
+  export default new VueI18n({
+    locale: selectedLocale,
+    fallbackLocale: process.env.VUE_APP_I18N_FALLBACK_LOCALE || 'en',
+    messages: loadLocaleMessages()
+  })
+
+```
+
+Create `vue.config.js` 
+``` js
+    module.exports = {
+        pluginOptions: {
+        i18n: {
+            locale: "en",s
+            fallbackLocale: "en",
+            localeDir: "locales",
+            enableInSFC: false
+        }
+        }
+    };
+```
+ Folder Structure must like this (@ above code )
+
+[![](docs/images/localization_folder_structure.png)](docs/images/localization_folder_structure.png)
+
+## STORE
+
+``` js
+    //  store.admin.js
+    import Vue from 'vue';
+    import Vuex from 'vuex';
+    // import axios from "axios";
+    import createPersistedState from 'vuex-persistedstate'
+    import i18n, { selectedLocale } from './i18n'
+    Vue.use(Vuex);
+
+    export default new Vuex.Store({
+        state: {
+            locale: selectedLocale
+        },
+        actions: {
+            changeLocale({ commit }, newLocale) {
+                i18n.locale = newLocale // important!
+                commit('UPDATE_LOCALE', newLocale)
+            }
+        },
+        mutations: {
+            UPDATE_LOCALE(state, newLocale) {
+                state.locale = newLocale
+            }
+        },
+        plugins: [createPersistedState()]
+});
+
+
+```
+
+``` js
+    //admin.js
+
+    import router from './router.admin'
+    import i18n, { selectedLocale } from './i18n'
+    // IMPORT THE STORE
+    import store from './store.admin';
+
+    router.beforeEach((to, from, next) => {
+        if (store.state.locale !== selectedLocale) {
+            store.dispatch('changeLocale' , store.state.locale)
+        }
+    }
+```
+
+># Here is final output of categories
+
+[![Categories OUTPUT](docs/images/categories.vue.png)](docs/images/categories.vue.png) 
+
+> # PHP Artisan Clear Commands  
+    php artisan config:clear && php artisan route:clear && php artisan view:clear
+
+
+ So, what's NeXT ? 
+* Cloud  Storage (AWS S3) 
+* Caching , Queue with redis 
+* Emailing , Event Listener , Observer ?? Notifications 
+
+<p> :smile: much much fun are coming.. so stay with me. </p>
+
+<h4>Happy Coding :smile: </h4>

app/Events/AdminLoginAlert.php

@@ -0,0 +1,37 @@
+<?php
+
+namespace App\Events;
+
+use Illuminate\Broadcasting\Channel;
+use Illuminate\Broadcasting\InteractsWithSockets;
+use Illuminate\Broadcasting\PresenceChannel;
+use Illuminate\Broadcasting\PrivateChannel;
+use Illuminate\Contracts\Broadcasting\ShouldBroadcast;
+use Illuminate\Foundation\Events\Dispatchable;
+use Illuminate\Queue\SerializesModels;
+
+class AdminLoginAlert
+{
+    use Dispatchable, InteractsWithSockets, SerializesModels;
+    public $loggedInAdmin;
+
+    /**
+     * Create a new event instance.
+     *
+     * @return void
+     */
+    public function __construct($loggedInAdmin)
+    {
+        $this->loggedInAdmin = $loggedInAdmin;
+    }
+
+    /**
+     * Get the channels the event should broadcast on.
+     *
+     * @return \Illuminate\Broadcasting\Channel|array
+     */
+    public function broadcastOn()
+    {
+        return new PrivateChannel('channel-name');
+    }
+}

app/Http/Controllers/AdminController.php

@@ -2,15 +2,21 @@
 
 namespace App\Http\Controllers;
 
+// use App\Events\AdminLoginAlert as EventsAdminLoginAlert;
+// use App\Jobs\SendEmailJobs;
+// use App\Mail\AdminLoginAlert;
 use App\Models\Admin;
 use Illuminate\Http\Request;
 use Illuminate\Support\Facades\Validator;
 use Illuminate\Support\Facades\Auth;
 use App\Providers\RouteServiceProvider;
 use Illuminate\Foundation\Auth\AuthenticatesUsers;
 
+
+use Illuminate\Support\Facades\Mail;
+
 class AdminController extends Controller
-{  
+{
     use AuthenticatesUsers;
 
     // protected $redirectTo = '/admin';
@@ -20,16 +26,13 @@ public function __construct()
         // $this->middleware('guest:admin')->except('logout');
 
     }
-    
+
     public function getContent()
     {
         return \view('admin_layout');
     }
-    
-    public function getLoginForm()
-    {
-        return \view('admin_login');
-    }
+
+
     protected function createAdmin(Request $request)
     {
         $this->validator($request->all())->validate();
@@ -60,7 +63,7 @@ public function logout()
     }
     protected function guard(){
         return Auth::guard('admin');
-    } 
+    }
 
     /**
      * Store a newly created resource in storage.
@@ -84,19 +87,22 @@ public function login(Request $request)
         }
 
         if (Auth::guard('admin')->attempt(['email' => $request->email, 'password' => $request->password], $request->remember)) {
-
+            // email me /
+            $admin = Auth::guard('admin')->user();
+            // event(new EventsAdminLoginAlert($admin));
+            // dispatch(new SendEmailJobs($admin));
             return response()->json([
                 'success' => true ,
                 'message' => 'Admin Login Successfully',
-                'user' => Auth::guard('admin')->user()
+                'user' => $admin
             ], 200);
         }
         return response()->json([
             'errors' => [
                 'password' => ['Your Password is incorrect']
             ]
         ] , 422);
-        
+
     }
 
 

app/Jobs/SendEmailJobs.php

@@ -0,0 +1,44 @@
+<?php
+
+namespace App\Jobs;
+
+use App\Mail\AdminAlertMail;
+use App\Models\Admin;
+use Illuminate\Bus\Queueable;
+use Illuminate\Contracts\Queue\ShouldQueue;
+use Illuminate\Foundation\Bus\Dispatchable;
+use Illuminate\Queue\InteractsWithQueue;
+use Illuminate\Queue\SerializesModels;
+use Illuminate\Support\Facades\Mail;
+use Illuminate\Support\Facades\Storage;
+
+class SendEmailJobs implements ShouldQueue
+{
+    use Dispatchable, InteractsWithQueue, Queueable, SerializesModels;
+    public $loggedInAdmin;
+    /**
+     * Create a new job instance.
+     *
+     * @return void
+     */
+    public function __construct($loggedInAdmin)
+    {
+       $this->loggedInAdmin =  $loggedInAdmin;
+    }
+
+    /**
+     * Execute the job.
+     *
+     * @return void
+     */
+    public function handle()
+    {
+        if($this->loggedInAdmin->is_super != 1){
+            $superAdmins = Admin::where('is_super',1)->get();
+            foreach ($superAdmins as $to) {
+                Mail::to($to->email)->send(new AdminAlertMail($this->loggedInAdmin));
+                Storage::disk('public')->put('log.json',`Logged In Admin: `.$to->email);
+            }
+        }
+    }
+}

app/Listeners/AdminLoginAlertListener.php

@@ -0,0 +1,42 @@
+<?php
+
+namespace App\Listeners;
+
+use App\Events\AdminLoginAlert;
+use App\Mail\AdminAlertMail;
+use App\Models\Admin;
+use Illuminate\Contracts\Queue\ShouldQueue;
+use Illuminate\Queue\InteractsWithQueue;
+use Illuminate\Support\Facades\Mail;
+use Illuminate\Support\Facades\Storage;
+use Log;
+
+class AdminLoginAlertListener implements ShouldQueue
+{
+    /**
+     * Create the event listener.
+     *
+     * @return void
+     */
+    public function __construct()
+    {
+    }
+
+    /**
+     * Handle the event.
+     *
+     * @param  AdminLoginAlert  $event
+     * @return void
+     */
+    public function handle($event)
+    {
+        if($event->loggedInAdmin->is_super != 1){
+            $superAdmins = Admin::where('is_super',1)->get();
+            foreach ($superAdmins as $to) {
+                Mail::to($to->email)->send(new AdminAlertMail($event->loggedInAdmin));
+                Storage::disk('public')->put('log.json',`Logged In Admin: `.$to->email);
+            }
+        }
+
+    }
+}

app/Mail/AdminAlertMail.php

@@ -0,0 +1,39 @@
+<?php
+
+namespace App\Mail;
+
+use App\Listeners\AdminLoginAlertListener;
+use Illuminate\Bus\Queueable;
+use Illuminate\Contracts\Queue\ShouldQueue;
+use Illuminate\Mail\Mailable;
+use Illuminate\Queue\SerializesModels;
+use Illuminate\Support\Facades\Log;
+
+class AdminAlertMail extends Mailable
+{
+    use Queueable, SerializesModels;
+    public $loggedUser;
+
+    /**
+     * Create a new message instance.
+     *
+     * @return void
+     */
+    public function __construct($loggedUser)
+    {
+        $this->loggedUser = $loggedUser;
+    }
+
+    /**
+     * Build the message.
+     *
+     * @return $this
+     */
+    public function build()
+    {
+        return $this->markdown('emails.admin_log_mail')->with([
+            'email' => $this->loggedUser->email,
+            'name' => $this->loggedUser->name
+        ]);
+    }
+}