grav-svelte 0.0.70 → 0.0.72
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.
- package/dist/CRUD/CrudTableButtons.svelte +2 -1
- package/dist/CRUD/CrudTableButtons.svelte.d.ts +1 -0
- package/dist/CRUD/CrudWrapper.svelte +24 -16
- package/dist/CRUD/CrudWrapper.svelte.d.ts +2 -0
- package/dist/CRUD/cells/CellRenderer.svelte +1 -0
- package/dist/CRUD/interfaces.d.ts +3 -1
- package/package.json +1 -1
|
@@ -5,6 +5,7 @@
|
|
|
5
5
|
export let id = 1;
|
|
6
6
|
export let buttonsConfig: ButtonConfig[];
|
|
7
7
|
export let align: "left" | "right" | "center" = "center";
|
|
8
|
+
export let row: any = undefined;
|
|
8
9
|
|
|
9
10
|
$: visibleButtons = buttonsConfig.filter((btn) => btn.show ?? true);
|
|
10
11
|
</script>
|
|
@@ -15,7 +16,7 @@
|
|
|
15
16
|
<Tooltip text={button.tooltip}>
|
|
16
17
|
<button
|
|
17
18
|
aria-label={button.tooltip}
|
|
18
|
-
on:click={() => button.action(id)}
|
|
19
|
+
on:click={() => button.action(id, row)}
|
|
19
20
|
type="button"
|
|
20
21
|
class="action-buttons-group {visibleButtons.length === 1
|
|
21
22
|
? 'rounded-left rounded-right'
|
|
@@ -19,6 +19,8 @@
|
|
|
19
19
|
export let loading: boolean = false;
|
|
20
20
|
export let showAddButton: boolean = true;
|
|
21
21
|
export let showImportButton: boolean = true;
|
|
22
|
+
export let showExcelButton: boolean = true;
|
|
23
|
+
export let showPdfButton: boolean = true;
|
|
22
24
|
export let Titulo_Crud: string;
|
|
23
25
|
export let dragEnabled: boolean = false;
|
|
24
26
|
export let orderField: string = "inOrden";
|
|
@@ -145,22 +147,28 @@
|
|
|
145
147
|
/>
|
|
146
148
|
</div>
|
|
147
149
|
|
|
148
|
-
|
|
149
|
-
<
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
150
|
+
{#if showExcelButton || showPdfButton}
|
|
151
|
+
<div class="export-buttons">
|
|
152
|
+
{#if showExcelButton}
|
|
153
|
+
<button
|
|
154
|
+
type="button"
|
|
155
|
+
on:click={() => handleExport("excel")}
|
|
156
|
+
class="export-button excel-button"
|
|
157
|
+
>
|
|
158
|
+
<i class="fas fa-file-excel"></i> EXCEL
|
|
159
|
+
</button>
|
|
160
|
+
{/if}
|
|
161
|
+
{#if showPdfButton}
|
|
162
|
+
<button
|
|
163
|
+
type="button"
|
|
164
|
+
on:click={() => handleExport("pdf")}
|
|
165
|
+
class="export-button pdf-button"
|
|
166
|
+
>
|
|
167
|
+
<i class="far fa-file-pdf"></i> PDF
|
|
168
|
+
</button>
|
|
169
|
+
{/if}
|
|
170
|
+
</div>
|
|
171
|
+
{/if}
|
|
164
172
|
</div>
|
|
165
173
|
|
|
166
174
|
<style>
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
export interface ButtonConfig {
|
|
2
2
|
icon: string;
|
|
3
3
|
color: string;
|
|
4
|
-
action: (id: number) => void;
|
|
4
|
+
action: (id: number, row?: any) => void;
|
|
5
5
|
tooltip: string;
|
|
6
6
|
/**
|
|
7
7
|
* When set to false the button will not be rendered. Defaults to true.
|
|
@@ -177,6 +177,8 @@ export interface CrudWrapperProps {
|
|
|
177
177
|
loading?: boolean;
|
|
178
178
|
showAddButton?: boolean;
|
|
179
179
|
showImportButton?: boolean;
|
|
180
|
+
showExcelButton?: boolean;
|
|
181
|
+
showPdfButton?: boolean;
|
|
180
182
|
/**
|
|
181
183
|
* Field name that contains the unique ID for each row.
|
|
182
184
|
* Defaults to 'id' if not specified.
|