Initial commit

codebykyle · codebykyle · commit f73fe3d3aa24 · 2019-08-12T16:34:05.000+07:00
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,10 @@
+/.idea
+/vendor
+/node_modules
+package-lock.json
+composer.phar
+composer.lock
+phpunit.xml
+.phpunit.result.cache
+.DS_Store
+Thumbs.db
diff --git a/composer.json b/composer.json
@@ -0,0 +1,29 @@
+{
+    "name": "codebykyle/calculated-field",
+    "description": "A Laravel Nova field.",
+    "keywords": [
+        "laravel",
+        "nova"
+    ],
+    "license": "MIT",
+    "require": {
+        "php": ">=7.1.0"
+    },
+    "autoload": {
+        "psr-4": {
+            "Codebykyle\\CalculatedField\\": "src/"
+        }
+    },
+    "extra": {
+        "laravel": {
+            "providers": [
+                "Codebykyle\\CalculatedField\\FieldServiceProvider"
+            ]
+        }
+    },
+    "config": {
+        "sort-packages": true
+    },
+    "minimum-stability": "dev",
+    "prefer-stable": true
+}
diff --git a/dist/css/field.css b/dist/css/field.css
diff --git a/dist/js/field.js b/dist/js/field.js
diff --git a/dist/mix-manifest.json b/dist/mix-manifest.json
@@ -0,0 +1,4 @@
+{
+    "/js/field.js": "/js/field.js",
+    "/css/field.css": "/css/field.css"
+}
diff --git a/package.json b/package.json
@@ -0,0 +1,20 @@
+{
+    "private": true,
+    "scripts": {
+        "dev": "npm run development",
+        "development": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
+        "watch": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --watch --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
+        "watch-poll": "npm run watch -- --watch-poll",
+        "hot": "cross-env NODE_ENV=development node_modules/webpack-dev-server/bin/webpack-dev-server.js --inline --hot --config=node_modules/laravel-mix/setup/webpack.config.js",
+        "prod": "npm run production",
+        "production": "cross-env NODE_ENV=production node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js"
+    },
+    "devDependencies": {
+        "cross-env": "^5.0.0",
+        "laravel-mix": "^1.0",
+        "laravel-nova": "^1.0"
+    },
+    "dependencies": {
+        "vue": "^2.5.0"
+    }
+}
diff --git a/resources/js/components/broadcaster-field/DetailField.vue b/resources/js/components/broadcaster-field/DetailField.vue
@@ -0,0 +1,9 @@
+<template>
+    <panel-item :field="field" />
+</template>
+
+<script>
+export default {
+    props: ['resource', 'resourceName', 'resourceId', 'field'],
+}
+</script>
diff --git a/resources/js/components/broadcaster-field/FormField.vue b/resources/js/components/broadcaster-field/FormField.vue
@@ -0,0 +1,64 @@
+<template>
+    <default-field :field="field" :errors="errors">
+        <template slot="field">
+            <input
+                :id="field.name"
+                :type="this.field.type"
+                class="w-full form-control form-input form-input-bordered"
+                :class="errorClasses"
+                :placeholder="field.name"
+                :value="value"
+                @input="setFieldAndMessage"
+            />
+        </template>
+    </default-field>
+</template>
+
+<script>
+import { FormField, HandlesValidationErrors } from 'laravel-nova'
+
+export default {
+    mixins: [FormField, HandlesValidationErrors],
+
+    props: ['resourceName', 'resourceId', 'field'],
+
+    methods: {
+        setFieldAndMessage(el) {
+            const rawValue = el.target.value;
+            let parsedValue = rawValue;
+
+            if (this.field.type === 'number') {
+                parsedValue = Number(rawValue)
+            }
+
+            Nova.$emit(this.field.broadcastTo, {
+                'field_name': this.field.attribute,
+                'value': parsedValue
+            });
+
+            this.value = parsedValue;
+        },
+
+        /*
+         * Set the initial, internal value for the field.
+         */
+        setInitialValue() {
+            this.value = this.field.value || ''
+        },
+
+        /**
+         * Fill the given FormData object with the field's internal value.
+         */
+        fill(formData) {
+            formData.append(this.field.attribute, this.value || '')
+        },
+
+        /**
+         * Update the field's internal value.
+         */
+        handleChange(value) {
+            this.value = value
+        },
+    },
+}
+</script>
diff --git a/resources/js/components/broadcaster-field/IndexField.vue b/resources/js/components/broadcaster-field/IndexField.vue
@@ -0,0 +1,9 @@
+<template>
+    <span>{{ field.value }}</span>
+</template>
+
+<script>
+export default {
+    props: ['resourceName', 'field'],
+}
+</script>
diff --git a/resources/js/components/listener-field/DetailField.vue b/resources/js/components/listener-field/DetailField.vue
@@ -0,0 +1,9 @@
+<template>
+    <panel-item :field="field" />
+</template>
+
+<script>
+export default {
+    props: ['resource', 'resourceName', 'resourceId', 'field'],
+}
+</script>
diff --git a/resources/js/components/listener-field/FormField.vue b/resources/js/components/listener-field/FormField.vue
@@ -0,0 +1,96 @@
+<template>
+    <default-field :field="field" :errors="errors">
+        <template slot="field">
+            <div class="relative flex items-stretch">
+                <input
+                    :id="field.name"
+                    type="text"
+                    class="w-full form-control form-input form-input-bordered"
+                    :class="errorClasses"
+                    :placeholder="field.name"
+                    v-model="value"
+                />
+
+                <div class="absolute rotating text-80 flex justify-center items-center pin-y pin-r mr-3" v-show="calculating">
+                    <svg class="w-4 h-4" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M457.373 9.387l-50.095 50.102C365.411 27.211 312.953 8 256 8 123.228 8 14.824 112.338 8.31 243.493 7.971 250.311 13.475 256 20.301 256h10.015c6.352 0 11.647-4.949 11.977-11.293C48.159 131.913 141.389 42 256 42c47.554 0 91.487 15.512 127.02 41.75l-53.615 53.622c-20.1 20.1-5.855 54.628 22.627 54.628H480c17.673 0 32-14.327 32-32V32.015c0-28.475-34.564-42.691-54.627-22.628zM480 160H352L480 32v128zm11.699 96h-10.014c-6.353 0-11.647 4.949-11.977 11.293C463.84 380.203 370.504 470 256 470c-47.525 0-91.468-15.509-127.016-41.757l53.612-53.616c20.099-20.1 5.855-54.627-22.627-54.627H32c-17.673 0-32 14.327-32 32v127.978c0 28.614 34.615 42.641 54.627 22.627l50.092-50.096C146.587 484.788 199.046 504 256 504c132.773 0 241.176-104.338 247.69-235.493.339-6.818-5.165-12.507-11.991-12.507zM32 480V352h128L32 480z" class=""></path></svg>
+                </div>
+            </div>
+        </template>
+    </default-field>
+</template>
+
+<style lang="scss">
+    @-webkit-keyframes rotating {
+        from{
+            transform: rotate(0deg);
+        }
+        to{
+            transform: rotate(360deg);
+        }
+    }
+    .rotating {
+        animation: rotating 2s linear infinite;
+    }
+</style>
+
+<script>
+import { FormField, HandlesValidationErrors } from 'laravel-nova'
+import _ from 'lodash'
+
+export default {
+    mixins: [FormField, HandlesValidationErrors],
+
+    props: ['resourceName', 'resourceId', 'field'],
+
+    created() {
+        Nova.$on(this.field.listensTo, this.messageReceived)
+    },
+
+    data: () => ({
+        calculating: false,
+        field_values: {}
+    }),
+
+    methods: {
+        messageReceived(message) {
+            this.field_values[message.field_name] = message.value;
+            this.calculateValue()
+        },
+
+        calculateValue: _.debounce(function () {
+            this.calculating = true;
+
+            Nova.request().post(
+                `/codebykyle/calculated-field/calculate/${this.resourceName}/${this.field.attribute}`,
+                this.field_values
+            ).then((response) => {
+                this.value = response.data.value;
+                this.calculating = false;
+            }).catch(() => {
+                this.calculating = false;
+            });
+        }, 500),
+
+        /*
+         * Set the initial, internal value for the field.
+         */
+        setInitialValue() {
+            this.value = this.field.value || ''
+        },
+
+        /**
+         * Fill the given FormData object with the field's internal value.
+         */
+        fill(formData) {
+            formData.append(this.field.attribute, this.value || '')
+        },
+
+        /**
+         * Update the field's internal value.
+         */
+        handleChange(value) {
+            this.value = value
+        },
+    },
+}
+</script>
diff --git a/resources/js/components/listener-field/IndexField.vue b/resources/js/components/listener-field/IndexField.vue
@@ -0,0 +1,9 @@
+<template>
+    <span>{{ field.value }}</span>
+</template>
+
+<script>
+export default {
+    props: ['resourceName', 'field'],
+}
+</script>
diff --git a/resources/js/field.js b/resources/js/field.js
@@ -0,0 +1,9 @@
+Nova.booting((Vue, router, store) => {
+    Vue.component('index-broadcaster-field', require('./components/broadcaster-field/IndexField'));
+    Vue.component('detail-broadcaster-field', require('./components/broadcaster-field/DetailField'));
+    Vue.component('form-broadcaster-field', require('./components/broadcaster-field/FormField'));
+
+    Vue.component('index-listener-field', require('./components/listener-field/IndexField'));
+    Vue.component('detail-listener-field', require('./components/listener-field/DetailField'));
+    Vue.component('form-listener-field', require('./components/listener-field/FormField'));
+})
diff --git a/resources/sass/field.scss b/resources/sass/field.scss
@@ -0,0 +1 @@
+// Nova Tool CSS
diff --git a/routes/api.php b/routes/api.php
@@ -0,0 +1,5 @@
+<?php
+
+use Illuminate\Support\Facades\Route;
+
+Route::post('/calculate/{resource}/{field}', 'CalculatedFieldController@calculate');
diff --git a/src/BroadcasterField.php b/src/BroadcasterField.php
@@ -0,0 +1,64 @@
+<?php
+
+namespace Codebykyle\CalculatedField;
+
+use Laravel\Nova\Element;
+use Laravel\Nova\Fields\Field;
+
+class BroadcasterField extends Field
+{
+    /**
+     * The field's component.
+     *
+     * @var string
+     */
+    public $component = 'broadcaster-field';
+
+    /**
+     * The type of the field to show on the form
+     * @var string
+     */
+    public $type = 'number';
+
+    /**
+     * BroadcasterField constructor.
+     *
+     * @param $name
+     * @param null $attribute
+     * @param callable|null $resolveCallback
+     */
+    public function __construct($name, $attribute = null, callable $resolveCallback = null)
+    {
+        parent::__construct($name, $attribute, $resolveCallback);
+
+        $this->withMeta([
+            'type' => 'number',
+            'broadcastTo' => 'broadcast-field-input'
+        ]);
+    }
+
+    /**
+     * Set the type of the field (string, number)
+     *
+     * @param $type
+     * @return Element
+     */
+    public function setType($type) : Element
+    {
+        return $this->withMeta([
+            'type' => $type
+        ]);
+    }
+
+    /**
+     * Tells the client side component which channel to broadcast on
+     * @param $broadcastChannel
+     * @return Element
+     */
+    public function broadcastTo($broadcastChannel):Element
+    {
+        return $this->withMeta([
+            'broadcastTo' => $broadcastChannel
+        ]);
+    }
+}
diff --git a/src/FieldServiceProvider.php b/src/FieldServiceProvider.php
@@ -0,0 +1,41 @@
+<?php
+
+namespace Codebykyle\CalculatedField;
+
+use Illuminate\Support\Facades\Route;
+use Laravel\Nova\Nova;
+use Laravel\Nova\Events\ServingNova;
+use Illuminate\Support\ServiceProvider;
+
+class FieldServiceProvider extends ServiceProvider
+{
+    /**
+     * Bootstrap any application services.
+     *
+     * @return void
+     */
+    public function boot()
+    {
+        Nova::serving(function (ServingNova $event) {
+            Nova::script('calculated-field', __DIR__.'/../dist/js/field.js');
+            Nova::style('calculated-field', __DIR__.'/../dist/css/field.css');
+        });
+    }
+
+    /**
+     * Register any application services.
+     *
+     * @return void
+     */
+    public function register()
+    {
+        if ($this->app->routesAreCached()) {
+            return;
+        }
+
+        Route::middleware(['nova'])
+            ->namespace('Codebykyle\CalculatedField\Http\Controllers')
+            ->prefix('codebykyle/calculated-field')
+            ->group(__DIR__.'/../routes/api.php');
+    }
+}
diff --git a/src/Http/Controllers/CalculatedFieldController.php b/src/Http/Controllers/CalculatedFieldController.php
diff --git a/src/ListenerField.php b/src/ListenerField.php
diff --git a/webpack.mix.js b/webpack.mix.js

-Original file line number
+Diff line change
@@ @@ -0,0 +1,4 @@ @@
 +{
 +    "/js/field.js": "/js/field.js",
 +    "/css/field.css": "/css/field.css"
 +}