fixes to the auto saving

Author: themsaid

public/app.js

@@ -1,6 +1,6 @@
 {
-    "/app.js": "/app.js?id=3261b2da6aeec1f70422",
-    "/light.css": "/light.css?id=30c0155cfd6fa7204a30",
-    "/dark.css": "/dark.css?id=d4a7c714f436c5fcccd6",
+    "/app.js": "/app.js?id=a1763873e1bd0b22663f",
+    "/light.css": "/light.css?id=00726a847dc6b2cb132a",
+    "/dark.css": "/dark.css?id=aa5f40a240d2b1df06e2",
     "/favicon.png": "/favicon.png?id=b0b34b4095fcdbb8942d"
 }

public/dark.css

@@ -68,7 +68,7 @@
                     },
                     theme: 'bubble',
                     scrollingContainer: 'html, body',
-                    placeholder: "Write to the world..."
+                    placeholder: "Starting writing now..."
                 });
             },
 

public/light.css

@@ -28,7 +28,7 @@
 
                 errors: [],
 
-                formWatcher: null,
+                postBodyWatcher: null,
 
                 form: {
                     id: '',
@@ -66,12 +66,12 @@
             },
 
             'form.published'(val) {
-                if (this.formWatcher) {
-                    this.formWatcher();
+                if (this.postBodyWatcher) {
+                    this.postBodyWatcher();
                 }
 
                 if (!val) {
-                    this.watchChangesAndSave();
+                    this.watchBodyChangesAndSave();
                 }
             },
 
@@ -156,17 +156,17 @@
                 }
 
                 if (!this.form.published) {
-                    this.watchChangesAndSave();
+                    this.watchBodyChangesAndSave();
                 }
             },
 
 
             /**
              * Watch changes and save the post.
              */
-            watchChangesAndSave() {
+            watchBodyChangesAndSave() {
                 setTimeout(() => {
-                    this.formWatcher = this.$watch('form', _.debounce(() => this.save(), 1000), {deep: true});
+                    this.postBodyWatcher = this.$watch('form.body', _.debounce(() => this.save(), 1000), {deep: true});
                 }, 1000);
             },
 
@@ -183,7 +183,7 @@
                     this.authors = response.data.data;
 
                     if (!this.form.author_id && this.authors) {
-                        this.form.author_id = _.first(this.authors).id;
+                        this.form.author_id = this.Wink.author.id;
                     }
                 });
             },
@@ -306,13 +306,19 @@
                 this.errors = [];
                 this.status = 'Saving...';
 
+                if (this.form.title != 'Draft' && (!this.form.slug || this.form.slug.startsWith('draft-'))) {
+                    this.form.slug = this.slugify(this.form.title);
+                }
+
                 this.http().post('/api/posts/' + this.id, this.form).then(response => {
                     this.status = '';
 
                     if (this.id == 'new') {
                         this.$router.push({name: 'post-edit', params: {id: this.form.id}})
                     }
                 }).catch(error => {
+                    this.status = '';
+                    
                     this.errors = error.response.data.errors;
 
                     this.settingsModalShown = true;

public/mix-manifest.json

@@ -139,6 +139,7 @@
 }
 
 .ql-editor.ql-blank::before {
+  color: config('colors.light');
   left: 0;
   font-style: normal;
 }

resources/js/components/Editor.vue

@@ -45,7 +45,7 @@ public function show($id = null)
     {
         if ($id === 'new') {
             return response()->json([
-                'entry' => WinkPost::make(['id' => Str::uuid(), 'publish_date' => now()->toDateTimeString()]),
+                'entry' => WinkPost::make(['id' => Str::uuid(), 'publish_date' => now()->format('Y-m-d H:i:00')]),
             ]);
         }