Последняя версия с сервера прошлого разработчика

nova/resources/js/components/Form/TrixField.vue

@@ -0,0 +1,166 @@
+<template>
+  <default-field
+    :field="field"
+    :errors="errors"
+    :full-width-content="true"
+    :key="index"
+    :show-help-text="showHelpText"
+  >
+    <template slot="field">
+      <div class="rounded-lg" :class="{ disabled: isReadonly }">
+        <trix
+          name="trixman"
+          :value="value"
+          @change="handleChange"
+          @file-add="handleFileAdd"
+          @file-remove="handleFileRemove"
+          :class="{ 'border-danger': hasError }"
+          :with-files="field.withFiles"
+          v-bind="extraAttributes"
+          :disabled="isReadonly"
+          class="rounded-lg"
+        />
+      </div>
+    </template>
+  </default-field>
+</template>
+
+<script>
+import Trix from '../Trix'
+import { FormField, HandlesValidationErrors } from 'laravel-nova'
+
+export default {
+  mixins: [HandlesValidationErrors, FormField],
+  components: { Trix },
+
+  data: () => ({ draftId: uuidv4(), index: 0 }),
+
+  beforeDestroy() {
+    this.cleanUp()
+  },
+
+  mounted() {
+    Nova.$on(this.field.attribute + '-value', value => {
+      this.value = value
+      this.index++
+    })
+  },
+
+  methods: {
+    /**
+     * Update the field's internal value when it's value changes
+     */
+    handleChange(value) {
+      this.value = value
+
+      this.$emit('field-changed')
+    },
+
+    fill(formData) {
+      formData.append(this.field.attribute, this.value || '')
+      formData.append(this.field.attribute + 'DraftId', this.draftId)
+    },
+
+    /**
+     * Initiate an attachement upload
+     */
+    handleFileAdd({ attachment }) {
+      if (attachment.file) {
+        this.uploadAttachment(attachment)
+      }
+    },
+
+    /**
+     * Upload an attachment
+     */
+    uploadAttachment(attachment) {
+      const data = new FormData()
+      data.append('Content-Type', attachment.file.type)
+      data.append('attachment', attachment.file)
+      data.append('draftId', this.draftId)
+
+      Nova.request()
+        .post(
+          `/nova-api/${this.resourceName}/trix-attachment/${this.field.attribute}`,
+          data,
+          {
+            onUploadProgress: function (progressEvent) {
+              attachment.setUploadProgress(
+                Math.round((progressEvent.loaded * 100) / progressEvent.total)
+              )
+            },
+          }
+        )
+        .then(({ data: { url } }) => {
+          return attachment.setAttributes({
+            url: url,
+            href: url,
+          })
+        })
+        .catch(error => {
+          this.$toasted.show(
+            __('An error occured while uploading your file.'),
+            { type: 'error' }
+          )
+        })
+    },
+
+    /**
+     * Remove an attachment from the server
+     */
+    handleFileRemove({ attachment: { attachment } }) {
+      Nova.request()
+        .delete(
+          `/nova-api/${this.resourceName}/trix-attachment/${this.field.attribute}`,
+          {
+            params: {
+              attachmentUrl: attachment.attributes.values.url,
+            },
+          }
+        )
+        .then(response => {})
+        .catch(error => {})
+    },
+
+    /**
+     * Purge pending attachments for the draft
+     */
+    cleanUp() {
+      if (this.field.withFiles) {
+        Nova.request()
+          .delete(
+            `/nova-api/${this.resourceName}/trix-attachment/${this.field.attribute}/${this.draftId}`
+          )
+          .then(response => {})
+          .catch(error => {})
+      }
+    },
+  },
+
+  computed: {
+    defaultAttributes() {
+      return {
+        placeholder: this.field.placeholder || this.field.name,
+      }
+    },
+
+    extraAttributes() {
+      const attrs = this.field.extraAttributes
+
+      return {
+        ...this.defaultAttributes,
+        ...attrs,
+      }
+    },
+  },
+}
+
+function uuidv4() {
+  return ([1e7] + -1e3 + -4e3 + -8e3 + -1e11).replace(/[018]/g, c =>
+    (
+      c ^
+      (crypto.getRandomValues(new Uint8Array(1))[0] & (15 >> (c / 4)))
+    ).toString(16)
+  )
+}
+</script>