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

nova/resources/js/components/ResourceTable.vue

@@ -0,0 +1,184 @@
+<template>
+  <table
+    v-if="resources.length > 0"
+    class="table w-full"
+    :class="[
+      `table-${resourceInformation.tableStyle}`,
+      resourceInformation.showColumnBorders ? 'table-grid' : '',
+    ]"
+    cellpadding="0"
+    cellspacing="0"
+    data-testid="resource-table"
+  >
+    <thead>
+      <tr>
+        <!-- Select Checkbox -->
+        <th class="w-16" v-if="shouldShowCheckboxes">&nbsp;</th>
+
+        <!-- Field Names -->
+        <th v-for="field in fields" :class="`text-${field.textAlign}`">
+          <sortable-icon
+            @sort="requestOrderByChange(field)"
+            @reset="resetOrderBy(field)"
+            :resource-name="resourceName"
+            :uri-key="field.sortableUriKey"
+            v-if="field.sortable"
+          >
+            {{ field.indexName }}
+          </sortable-icon>
+
+          <span v-else>{{ field.indexName }}</span>
+        </th>
+
+        <!-- Actions, View, Edit, Delete -->
+        <th>&nbsp;</th>
+      </tr>
+    </thead>
+    <tbody>
+      <tr
+        v-for="(resource, index) in resources"
+        @actionExecuted="$emit('actionExecuted')"
+        :testId="`${resourceName}-items-${index}`"
+        :key="resource.id.value"
+        :delete-resource="deleteResource"
+        :restore-resource="restoreResource"
+        is="resource-table-row"
+        :resource="resource"
+        :resource-name="resourceName"
+        :relationship-type="relationshipType"
+        :via-relationship="viaRelationship"
+        :via-resource="viaResource"
+        :via-resource-id="viaResourceId"
+        :via-many-to-many="viaManyToMany"
+        :checked="selectedResources.indexOf(resource) > -1"
+        :actions-are-available="actionsAreAvailable"
+        :actions-endpoint="actionsEndpoint"
+        :should-show-checkboxes="shouldShowCheckboxes"
+        :update-selection-status="updateSelectionStatus"
+      />
+    </tbody>
+  </table>
+</template>
+
+<script>
+import { InteractsWithResourceInformation } from 'laravel-nova'
+
+export default {
+  mixins: [InteractsWithResourceInformation],
+
+  props: {
+    authorizedToRelate: {
+      type: Boolean,
+      required: true,
+    },
+    resourceName: {
+      default: null,
+    },
+    resources: {
+      default: [],
+    },
+    singularName: {
+      type: String,
+      required: true,
+    },
+    selectedResources: {
+      default: [],
+    },
+    selectedResourceIds: {},
+    shouldShowCheckboxes: {
+      type: Boolean,
+      default: false,
+    },
+    actionsAreAvailable: {
+      type: Boolean,
+      default: false,
+    },
+    viaResource: {
+      default: null,
+    },
+    viaResourceId: {
+      default: null,
+    },
+    viaRelationship: {
+      default: null,
+    },
+    relationshipType: {
+      default: null,
+    },
+    updateSelectionStatus: {
+      type: Function,
+    },
+    actionsEndpoint: {
+      default: null,
+    },
+  },
+
+  data: () => ({
+    selectAllResources: false,
+    selectAllMatching: false,
+    resourceCount: null,
+  }),
+
+  methods: {
+    /**
+     * Delete the given resource.
+     */
+    deleteResource(resource) {
+      this.$emit('delete', [resource])
+      Nova.$emit('metric-refresh')
+    },
+
+    /**
+     * Restore the given resource.
+     */
+    restoreResource(resource) {
+      this.$emit('restore', [resource])
+      Nova.$emit('metric-refresh')
+    },
+
+    /**
+     * Broadcast that the ordering should be updated.
+     */
+    requestOrderByChange(field) {
+      this.$emit('order', field)
+    },
+
+    /**
+     * Broadcast that the ordering should be reset.
+     */
+    resetOrderBy(field) {
+      this.$emit('reset-order-by', field)
+    },
+  },
+
+  computed: {
+    /**
+     * Get all of the available fields for the resources.
+     */
+    fields() {
+      if (this.resources) {
+        return this.resources[0].fields
+      }
+    },
+
+    /**
+     * Determine if the current resource listing is via a many-to-many relationship.
+     */
+    viaManyToMany() {
+      return (
+        this.relationshipType == 'belongsToMany' ||
+        this.relationshipType == 'morphToMany'
+      )
+    },
+
+    /**
+     * Determine if the current resource listing is via a has-one relationship.
+     */
+    viaHasOne() {
+      return (
+        this.relationshipType == 'hasOne' || this.relationshipType == 'morphOne'
+      )
+    },
+  },
+}
+</script>