@drax/crud-vue 3.26.0 → 3.29.0

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "3.26.0",
+  "version": "3.29.0",
   "type": "module",
   "main": "./src/index.ts",
   "module": "./src/index.ts",
@@ -24,10 +24,10 @@
     "format": "prettier --write src/"
   },
   "dependencies": {
-    "@drax/common-front": "^3.25.1",
+    "@drax/common-front": "^3.29.0",
     "@drax/crud-front": "^3.21.0",
-    "@drax/crud-share": "^3.26.0",
-    "@drax/media-vue": "^3.26.0"
+    "@drax/crud-share": "^3.29.0",
+    "@drax/media-vue": "^3.29.0"
   },
   "peerDependencies": {
     "pinia": "^3.0.4",
@@ -50,5 +50,5 @@
     "vue-tsc": "^3.2.4",
     "vuetify": "^3.11.8"
   },
-  "gitHead": "482f91f51a9e783ac9131f557ace113f3b3404fa"
+  "gitHead": "4f97968e53b812a348aec9f09e59bff69e71ca9e"
 }

package/src/components/CrudListGallery.vue

@@ -22,6 +22,7 @@ import CrudFiltersDynamic from "./CrudFiltersDynamic.vue";
 import CrudFiltersAction from "./CrudFiltersAction.vue";
 import CrudFilterButton from "./buttons/CrudFilterButton.vue";
 import CrudSavedQueriesButton from "./buttons/CrudSavedQueriesButton.vue";
+import CrudRefreshButton from "./buttons/CrudRefreshButton.vue";
 
 const {t, te} = useI18n()
 const {hasPermission} = useAuth()
@@ -98,6 +99,11 @@ onMounted(() => {
           <slot name="toolbar">
           </slot>
 
+          <crud-refresh-button
+              v-if="entity.isRefreshable !== false"
+              @click="doPaginate"
+          />
+
           <crud-create-button
               v-if="entity.isCreatable"
               :entity="entity"

package/src/components/CrudListTable.vue

@@ -22,6 +22,7 @@ import CrudFiltersAction from "./CrudFiltersAction.vue";
 import CrudFilterButton from "./buttons/CrudFilterButton.vue";
 import CrudSavedQueriesButton from "./buttons/CrudSavedQueriesButton.vue";
 import CrudRowValue from "./CrudRowValue.vue";
+import CrudRefreshButton from "./buttons/CrudRefreshButton.vue";
 
 const {t, te} = useI18n()
 const {hasPermission} = useAuth()
@@ -131,6 +132,11 @@ defineEmits(['import', 'export', 'create', 'update', 'delete', 'view', 'edit'])
 
         </slot>
 
+        <crud-refresh-button
+            v-if="entity.isRefreshable !== false"
+            @click="doPaginate"
+        />
+
         <crud-create-button
             v-if="entity.isCreatable"
             :entity="entity"

package/src/components/buttons/CrudRefreshButton.vue

@@ -0,0 +1,24 @@
+<script setup lang="ts">
+import {useI18n} from "vue-i18n";
+
+const {t} = useI18n()
+</script>
+
+<template>
+  <v-tooltip location="top">
+    <template v-slot:activator="{ props }">
+      <v-btn
+          v-bind="{ ...$attrs, ...props }"
+          icon="mdi-refresh"
+          class="mr-1"
+          variant="text"
+      >
+      </v-btn>
+    </template>
+    {{ t('action.refresh')}}
+  </v-tooltip>
+</template>
+
+<style scoped>
+
+</style>

package/src/cruds/EntityCrud.ts

@@ -225,6 +225,10 @@ class EntityCrud implements IEntityCrud {
     return true
   }
 
+  get isRefreshable() {
+    return true
+  }
+
   get isSavedQueriesEnabled(){
     return false
   }

package/src/index.ts

@@ -14,6 +14,7 @@ import CrudNotify from "./components/CrudNotify.vue";
 import CrudSearch from "./components/CrudSearch.vue";
 import CrudAutocomplete from "./components/CrudAutocomplete.vue";
 import CrudSavedQueriesButton from "./components/buttons/CrudSavedQueriesButton.vue";
+import CrudRefreshButton from "./components/buttons/CrudRefreshButton.vue";
 import EntityCombobox from "./components/combobox/EntityCombobox.vue";
 import {useCrudStore} from "./stores/UseCrudStore";
 import {useEntityStore} from "./stores/UseEntityStore";
@@ -39,6 +40,7 @@ export {
     CrudSearch,
     CrudAutocomplete,
     CrudSavedQueriesButton,
+    CrudRefreshButton,
     CrudFilters,
     CrudFiltersAction,
     useCrud,