Add feedback message to user for sync videos

AhmedHelalAhmed · Sep 4, 2021 · 1d78c6f · 1d78c6f
1 parent 9d5e730
commit 1d78c6f
Show file tree

Hide file tree

Showing 6 changed files with 15 additions and 11 deletions.
diff --git a/app/Http/Controllers/SyncVideosController.php b/app/Http/Controllers/SyncVideosController.php
@@ -10,6 +10,6 @@ class SyncVideosController
     public function __invoke(Channel $channel)
     {
         dispatch(new SyncVideosForGivenChannelJob($channel));
-        return back();
+        return back()->with('message', 'Sync under processing please wait some minutes and try to refresh the page again. . .');
     }
 }
diff --git a/app/Http/Middleware/HandleInertiaRequests.php b/app/Http/Middleware/HandleInertiaRequests.php
@@ -37,7 +37,11 @@ public function version(Request $request)
     public function share(Request $request)
     {
         return array_merge(parent::share($request), [
-            //
+            'flash' => [
+                'message' => function()use($request){
+                    return $request->session()->get('message');
+                }
+            ],
         ]);
     }
 }
diff --git a/public/css/app.css b/public/css/app.css
diff --git a/public/js/app.js b/public/js/app.js
diff --git a/public/mix-manifest.json b/public/mix-manifest.json
@@ -1,4 +1,4 @@
 {
-    "/js/app.js": "/js/app.js?id=4c465d3b6a260335f189",
-    "/css/app.css": "/css/app.css?id=6cc2e88e64301f36a09f"
+    "/js/app.js": "/js/app.js?id=1b7720fdb6a840b2f98b",
+    "/css/app.css": "/css/app.css?id=496d7e001b40cf77901a"
 }
diff --git a/resources/js/Pages/Channels/Videos/index.vue b/resources/js/Pages/Channels/Videos/index.vue
@@ -69,12 +69,15 @@
                 </form>
             </div>
         </template>
-
         <div class="py-12">
+
             <div class="max-w-7xl mx-auto sm:px-6 lg:px-8">
                 <div class="bg-white overflow-hidden shadow-xl sm:rounded-lg">
                     <div class="text-center p-6 border-gray-200">
-
+                        <div v-if="$page.props.flash.message" class="text-blue-400 text-4xl mb-3">
+                            {{ $page.props.flash.message }}
+                        </div>
+                        <div v-if="!videos.data.length">No videos to show</div>
                         <div
                             v-for="video in videos.data"
                             :key="video.id"
@@ -181,7 +184,6 @@ export default defineComponent({
         });
 
         function filter() {
-            console.log(form);
             // form.page=this.videos.current_page;
             Inertia.get(route('channels.show', this.channel.id), form);
         }
@@ -196,7 +198,6 @@ export default defineComponent({
             form.is_seen = null;
             form.is_favorite = null;
             form.title = null;
-            console.log(form);
         }
 
         return {submit, filter, form, params, resetForm};
@@ -228,7 +229,6 @@ export default defineComponent({
         let parameterValidCount = 0;
         for (let parameterName in this.params) {
             if (this.params[parameterName] && parameterName != 'channel') {
-                console.log(this.params[parameterName]);
                 ++parameterValidCount;
             }
         }