adminforth 1.1.37 → 1.1.39

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/spa/spa/src/components/ResourceListTable.vue +7 -9
  2. package/dist/spa/spa/src/components/ValueRenderer.vue +1 -1
  3. package/package.json +1 -1
  4. package/spa/src/components/ResourceListTable.vue +7 -9
  5. package/spa/src/components/ValueRenderer.vue +1 -1
package/dist/spa/spa/src/components/ResourceListTable.vue CHANGED
@@ -29,7 +29,7 @@
29
29
  <th scope="col" class="p-4">
30
30
  <div v-if="rows && rows.length" class="flex items-center">
31
31
  <input id="checkbox-all-search" type="checkbox" :checked="allFromThisPageChecked" @change="selectAll()"
32
- class="w-4 h-4 text-blue-600 bg-gray-100 border-gray-300 rounded focus:ring-blue-500 dark:focus:ring-blue-600 dark:ring-offset-gray-800 dark:focus:ring-offset-gray-800 focus:ring-2 dark:bg-gray-700 dark:border-gray-600">
32
+ class="w-4 h-4 cursor-pointer text-blue-600 bg-gray-100 border-gray-300 rounded focus:ring-blue-500 dark:focus:ring-blue-600 dark:ring-offset-gray-800 dark:focus:ring-offset-gray-800 focus:ring-2 dark:bg-gray-700 dark:border-gray-600">
33
33
  <label for="checkbox-all-search" class="sr-only">checkbox</label>
34
34
  </div>
35
35
  </th>
@@ -119,23 +119,22 @@
119
119
  </tr>
120
120
 
121
121
  <tr @click="onClick($event,row)" v-else v-for="(row, rowI) in rows" :key="row.id"
122
- class="bg-list-view-table-bg border-b dark:bg-gray-800 border-list-view-border-color dark:border-gray-700 hover:bg-list-view-table-row-hover dark:hover:bg-gray-600">
123
- <td class="w-4 p-4">
124
- <div class="flex items center">
122
+ class="bg-list-view-table-bg border-b dark:bg-gray-800 border-list-view-border-color dark:border-gray-700 hover:bg-list-view-table-row-hover dark:hover:bg-gray-600 cursor-pointer">
123
+ <td class="w-4 p-4 cursor-default" @click="(e)=>{e.stopPropagation()}">
124
+ <div class="flex items center ">
125
125
  <input
126
126
  @click="(e)=>{e.stopPropagation()}"
127
127
  id="checkbox-table-search-1"
128
128
  type="checkbox"
129
129
  :checked="checkboxesInternal.includes(row.id)"
130
130
  @change="(e)=>{addToCheckedValues(row.id)}"
131
- class="w-4 h-4 text-blue-600 bg-gray-100 border-gray-300 rounded focus:ring-blue-500 dark:focus:ring-blue-600 dark:ring-offset-gray-800 dark:focus:ring-offset-gray-800 focus:ring-2 dark:bg-gray-700 dark:border-gray-600">
131
+ class="w-4 h-4 text-blue-600 bg-gray-100 border-gray-300 rounded focus:ring-blue-500 dark:focus:ring-blue-600 dark:ring-offset-gray-800 dark:focus:ring-offset-gray-800 focus:ring-2 dark:bg-gray-700 dark:border-gray-600 cursor-pointer">
132
132
  <label for="checkbox-table-search-1" class="sr-only">checkbox</label>
133
133
  </div>
134
134
  </td>
135
135
  <td v-for="c in columnsListed" class="px-6 py-4">
136
136
  <!-- if c.name in listComponentsPerColumn, render it. If not, render ValueRenderer -->
137
137
  <component
138
- @click="(e)=>{e.stopPropagation()}"
139
138
  :is="c?.components?.list ? getCustomComponent(c.components.list) : ValueRenderer"
140
139
  :meta="c?.components?.list.meta"
141
140
  :column="c"
@@ -144,7 +143,7 @@
144
143
  :resource="resource"
145
144
  />
146
145
  </td>
147
- <td class=" items-center px-6 py-4" @click="(e)=>{e.stopPropagation()}">
146
+ <td class=" items-center px-6 py-4 cursor-default" @click="(e)=>{e.stopPropagation()}">
148
147
  <div class="flex">
149
148
  <RouterLink
150
149
  v-if="resource.options?.allowedActions.show"
@@ -391,10 +390,9 @@ function onSortButtonClick(field) {
391
390
 
392
391
  const clickTarget = ref(null);
393
392
  async function onClick(e,row) {
394
- console.log(e,row)
395
393
  if(clickTarget.value === e.target) return;
396
394
  clickTarget.value = e.target;
397
- await new Promise((resolve) => setTimeout(resolve, 500));
395
+ await new Promise((resolve) => setTimeout(resolve, 300));
398
396
  if (window.getSelection().toString()) return;
399
397
  else {router.push({
400
398
  name: 'resource-show',
package/dist/spa/spa/src/components/ValueRenderer.vue CHANGED
@@ -1,7 +1,7 @@
1
1
  <template>
2
2
  <div>
3
3
 
4
- <span v-if="column.foreignResource">
4
+ <span @click="(e)=>{e.stopPropagation()}" v-if="column.foreignResource">
5
5
  <RouterLink v-if="record[column.name]" class="font-medium text-blue-600 dark:text-blue-500 hover:brightness-110"
6
6
  :to="{ name: 'resource-show', params: { resourceId: column.foreignResource.resourceId, primaryKey: record[column.name].pk } }">
7
7
  {{ record[column.name].label }}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "adminforth",
3
- "version": "1.1.37",
3
+ "version": "1.1.39",
4
4
  "description": "OpenSource Vue3 powered forth-generation admin panel",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",
package/spa/src/components/ResourceListTable.vue CHANGED
@@ -29,7 +29,7 @@
29
29
  <th scope="col" class="p-4">
30
30
  <div v-if="rows && rows.length" class="flex items-center">
31
31
  <input id="checkbox-all-search" type="checkbox" :checked="allFromThisPageChecked" @change="selectAll()"
32
- class="w-4 h-4 text-blue-600 bg-gray-100 border-gray-300 rounded focus:ring-blue-500 dark:focus:ring-blue-600 dark:ring-offset-gray-800 dark:focus:ring-offset-gray-800 focus:ring-2 dark:bg-gray-700 dark:border-gray-600">
32
+ class="w-4 h-4 cursor-pointer text-blue-600 bg-gray-100 border-gray-300 rounded focus:ring-blue-500 dark:focus:ring-blue-600 dark:ring-offset-gray-800 dark:focus:ring-offset-gray-800 focus:ring-2 dark:bg-gray-700 dark:border-gray-600">
33
33
  <label for="checkbox-all-search" class="sr-only">checkbox</label>
34
34
  </div>
35
35
  </th>
@@ -119,23 +119,22 @@
119
119
  </tr>
120
120
 
121
121
  <tr @click="onClick($event,row)" v-else v-for="(row, rowI) in rows" :key="row.id"
122
- class="bg-list-view-table-bg border-b dark:bg-gray-800 border-list-view-border-color dark:border-gray-700 hover:bg-list-view-table-row-hover dark:hover:bg-gray-600">
123
- <td class="w-4 p-4">
124
- <div class="flex items center">
122
+ class="bg-list-view-table-bg border-b dark:bg-gray-800 border-list-view-border-color dark:border-gray-700 hover:bg-list-view-table-row-hover dark:hover:bg-gray-600 cursor-pointer">
123
+ <td class="w-4 p-4 cursor-default" @click="(e)=>{e.stopPropagation()}">
124
+ <div class="flex items center ">
125
125
  <input
126
126
  @click="(e)=>{e.stopPropagation()}"
127
127
  id="checkbox-table-search-1"
128
128
  type="checkbox"
129
129
  :checked="checkboxesInternal.includes(row.id)"
130
130
  @change="(e)=>{addToCheckedValues(row.id)}"
131
- class="w-4 h-4 text-blue-600 bg-gray-100 border-gray-300 rounded focus:ring-blue-500 dark:focus:ring-blue-600 dark:ring-offset-gray-800 dark:focus:ring-offset-gray-800 focus:ring-2 dark:bg-gray-700 dark:border-gray-600">
131
+ class="w-4 h-4 text-blue-600 bg-gray-100 border-gray-300 rounded focus:ring-blue-500 dark:focus:ring-blue-600 dark:ring-offset-gray-800 dark:focus:ring-offset-gray-800 focus:ring-2 dark:bg-gray-700 dark:border-gray-600 cursor-pointer">
132
132
  <label for="checkbox-table-search-1" class="sr-only">checkbox</label>
133
133
  </div>
134
134
  </td>
135
135
  <td v-for="c in columnsListed" class="px-6 py-4">
136
136
  <!-- if c.name in listComponentsPerColumn, render it. If not, render ValueRenderer -->
137
137
  <component
138
- @click="(e)=>{e.stopPropagation()}"
139
138
  :is="c?.components?.list ? getCustomComponent(c.components.list) : ValueRenderer"
140
139
  :meta="c?.components?.list.meta"
141
140
  :column="c"
@@ -144,7 +143,7 @@
144
143
  :resource="resource"
145
144
  />
146
145
  </td>
147
- <td class=" items-center px-6 py-4" @click="(e)=>{e.stopPropagation()}">
146
+ <td class=" items-center px-6 py-4 cursor-default" @click="(e)=>{e.stopPropagation()}">
148
147
  <div class="flex">
149
148
  <RouterLink
150
149
  v-if="resource.options?.allowedActions.show"
@@ -391,10 +390,9 @@ function onSortButtonClick(field) {
391
390
 
392
391
  const clickTarget = ref(null);
393
392
  async function onClick(e,row) {
394
- console.log(e,row)
395
393
  if(clickTarget.value === e.target) return;
396
394
  clickTarget.value = e.target;
397
- await new Promise((resolve) => setTimeout(resolve, 500));
395
+ await new Promise((resolve) => setTimeout(resolve, 300));
398
396
  if (window.getSelection().toString()) return;
399
397
  else {router.push({
400
398
  name: 'resource-show',
package/spa/src/components/ValueRenderer.vue CHANGED
@@ -1,7 +1,7 @@
1
1
  <template>
2
2
  <div>
3
3
 
4
- <span v-if="column.foreignResource">
4
+ <span @click="(e)=>{e.stopPropagation()}" v-if="column.foreignResource">
5
5
  <RouterLink v-if="record[column.name]" class="font-medium text-blue-600 dark:text-blue-500 hover:brightness-110"
6
6
  :to="{ name: 'resource-show', params: { resourceId: column.foreignResource.resourceId, primaryKey: record[column.name].pk } }">
7
7
  {{ record[column.name].label }}