Fixes #15, by adding api call (#33)

* Fixes #15, by adding api call

* Update status text

* Using this.$parent.resource.id.value now.

readme.md

@@ -68,3 +68,11 @@ Toggle::make('Active')
     ->speed(500)
 ```
 The default is 300ms
+
+
+### Toggle on index
+You can activate the toggle on index as well with
+```php
+Toggle::make('Active')
+    ->editableIndex()
+```

resources/js/components/IndexField.vue

@@ -16,7 +16,7 @@
         </div>
         <span v-else
             class="inline-block rounded-full w-4 h-4"
-            :style="bgColor" 
+            :style="bgColor"
             />
         <span class="pl-2" v-if="label != null" >{{ label }}</span>
     </div>
@@ -32,19 +32,28 @@ export default {
 
     mounted() {
         this.value = this.field.value || false
-
-        this.field.fill = formData => {
-            formData.append(this.field.attribute, this.trueValue)
-        }
     },
 
     methods: {
         toggle() {
             this.value = !this.value
+            Nova.request().post('/nova-vendor/nova-toggle/toggle/' + this.resourceName, {
+              value: this.value,
+              fieldName: this.field.attribute,
+              resourceId: this.resourceId
+            }).then((res) => {
+              if(res.data.success)
+                this.$toasted.show(this.field.indexName + ' changed', {type: 'success'});
+              else
+                this.$toasted.show(this.field.indexName + ' change error', {type: 'error'});
+            })
         },
     },
 
     computed: {
+        resourceId() {
+          return this.$parent.resource.id.value;
+        },
         editableIndex(){
             return this.field.editable_index != undefined
         },
@@ -58,7 +67,7 @@ export default {
 
         label() {
             if(! this.field.hide_label_on_index) {
-                return this.field.value == true ? this.trueLabel : this.falseLabel
+                return this.value == true ? this.trueLabel : this.falseLabel
             }else {
                 return null;
             }
@@ -73,7 +82,7 @@ export default {
         },
 
         bgColor(){
-            return  'background-color:' + (this.field.value == true ? this.trueColor : this.falseColor) + ';'
+            return  'background-color:' + (this.value == true ? this.trueColor : this.falseColor) + ';'
         },
 
         colors(){

src/ApiController.php

@@ -0,0 +1,28 @@
+<?php
+
+namespace Davidpiesse\NovaToggle;
+
+use Illuminate\Http\Request;
+
+class ApiController
+{
+    public function index(\Laravel\Nova\Http\Requests\ResourceDetailRequest $request)
+    {
+        $resourceClass = $request->resource();
+        $modelClass = $resourceClass::$model;
+        $model = $modelClass::find($request->post('resourceId'));
+
+        if($model) {
+            $model->{$request->post('fieldName')} = $request->post('value');
+            $model->save();
+
+            return [
+                'success' => true
+            ];
+        }
+
+        return [
+            'success' => false
+        ];
+    }
+}

src/FieldServiceProvider.php

@@ -5,6 +5,8 @@
 use Laravel\Nova\Nova;
 use Laravel\Nova\Events\ServingNova;
 use Illuminate\Support\ServiceProvider;
+use Illuminate\Support\Facades\Route;
+
 
 class FieldServiceProvider extends ServiceProvider
 {
@@ -19,15 +21,25 @@ public function boot()
             Nova::script('nova-toggle', __DIR__.'/../dist/js/field.js');
             Nova::style('nova-toggle', __DIR__.'/../dist/css/field.css');
         });
+
+        $this->app->booted(function () {
+            $this->routes();
+        });
     }
-
+
+
     /**
-     * Register any application services.
+     * Register the tool's routes.
      *
      * @return void
      */
-    public function register()
+    protected function routes()
     {
-        //
+        if ($this->app->routesAreCached()) {
+            return;
+        }
+
+        Route::middleware('nova')
+            ->post('nova-vendor/nova-toggle/toggle/{resource}', [ApiController::class, 'index']);
     }
 }

src/Toggle.php

@@ -7,7 +7,7 @@
 class Toggle extends Boolean
 {
     public $component = 'nova-toggle';
-    
+
     public function trueLabel($label){
         return $this->withMeta([
             'true_label' => $label,
@@ -90,5 +90,5 @@ public function speed($ms){
             'speed' => $ms,
         ]);
     }
-    
+
 }