DeforaNetworks/corteza
3
0
Fork 0
Code Activity

Transform on delete button component to c-input-confirm

Browse Source
This commit is contained in:
Kelani Tolulope
2023-11-10 18:05:40 +01:00
parent 43e343a1f9
commit a26303c449
15 changed files with 66 additions and 128 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
client/web/admin/src/components/Apigw/CFilterParams.vue
View File

@@ -89,14 +89,10 @@
/>
<b-input-group-append>
<b-button
variant="danger"
@click="param.value.splice(hIndex, 1)"
>
<font-awesome-icon
:icon="['far', 'trash-alt']"
/>
</b-button>
<c-input-confirm
show-icon
@confirmed="param.value.splice(hIndex, 1)"
/>
</b-input-group-append>
</b-input-group>

4
client/web/admin/src/components/CRolePicker.vue
View File

@@ -34,7 +34,6 @@
<b-col class="text-right">
<c-input-confirm
data-test-id="button-remove-role"
no-prompt
show-icon
@confirmed="removeRole(role)"
/>
@@ -47,8 +46,6 @@
<script>
import { debounce } from 'lodash'
import { VueSelect } from 'vue-select'
import { components } from '@cortezaproject/corteza-vue/'
const { CInputConfirm } = components
function roleSorter (a, b) {
return `${a.name} ${a.handle} ${a.roleID}`.localeCompare(`${b.name} ${b.handle} ${b.roleID}`)
@@ -57,7 +54,6 @@ function roleSorter (a, b) {
export default {
components: {
VueSelect,
CInputConfirm,
},
props: {

4
client/web/admin/src/components/Role/CRoleEditorMembers.vue
View File

@@ -41,7 +41,6 @@
<c-input-confirm
data-test-id="button-remove-member"
show-icon
no-prompt
@confirmed="removeMember(user.userID)"
/>
</td>
@@ -72,8 +71,6 @@
<script>
import { debounce } from 'lodash'
import { VueSelect } from 'vue-select'
import { components } from '@cortezaproject/corteza-vue/'
const { CInputConfirm } = components
export default {
i18nOptions: {
@@ -83,7 +80,6 @@ export default {
components: {
VueSelect,
CInputConfirm,
},
props: {

14
client/web/admin/src/components/Settings/UI/CUILogoEditor.vue
View File

@@ -15,12 +15,9 @@
<c-input-confirm
v-if="uploadedFile('ui.main-logo')"
show-icon
@confirmed="resetAttachment('ui.main-logo')"
>
<font-awesome-icon
:icon="['far', 'trash-alt']"
/>
</c-input-confirm>
/>
</template>
<c-uploader-with-preview
@@ -48,12 +45,9 @@
<c-input-confirm
v-if="uploadedFile('ui.icon-logo')"
show-icon
@confirmed="resetAttachment('ui.icon-logo')"
>
<font-awesome-icon
:icon="['far', 'trash-alt']"
/>
</c-input-confirm>
/>
</template>
<c-uploader-with-preview

26
client/web/admin/src/components/Settings/UI/CUITopbarSettings.vue
View File

@@ -104,15 +104,10 @@
/>
</template>
<template #cell(actions)="data">
<b-button
variant="outline-danger"
class="border-0 px-1"
@click="topbarSettings.helpLinks.splice(data.index, 1)"
>
<font-awesome-icon
:icon="['far', 'trash-alt']"
/>
</b-button>
<c-input-confirm
show-icon
@confirmed="topbarSettings.helpLinks.splice(data.index, 1)"
/>
</template>
</b-table>
</b-form-group>
@@ -183,15 +178,10 @@
/>
</template>
<template #cell(actions)="data">
<b-button
variant="outline-danger"
class="border-0 px-1"
@click="topbarSettings.profileLinks.splice(data.index, 1)"
>
<font-awesome-icon
:icon="['far', 'trash-alt']"
/>
</b-button>
<c-input-confirm
show-icon
@confirmed="topbarSettings.profileLinks.splice(data.index, 1)"
/>
</template>
</b-table>
</b-form-group>

11
client/web/admin/src/components/User/CUserEditorExternalAuthProviders.vue
View File

@@ -10,14 +10,11 @@
:fields="fields"
>
<template #cell(editor)="{ item }">
<b-button
<c-input-confirm
data-test-id="button-remove-provider"
variant="link"
class="pr-0"
@click="$emit('delete', item.credentialsID)"
>
<font-awesome-icon :icon="['far', 'trash-alt']" />
</b-button>
show-icon
@confirmed="$emit('delete', item.credentialsID)"
/>
</template>
</b-table>
<template #header>

11
client/web/compose/src/components/Chart/Report/GaugeChart.vue
View File

@@ -39,13 +39,10 @@
/>
<b-input-group-append>
<b-button
variant="link"
class="border-0 text-danger"
@click.prevent="dimension.meta.steps.splice(i, 1)"
>
<font-awesome-icon :icon="['far', 'trash-alt']" />
</b-button>
<c-input-confirm
show-icon
@confirmed="dimension.meta.steps.splice(i, 1)"
/>
</b-input-group-append>
</b-input-group>

13
client/web/compose/src/components/Chart/ReportItem.vue
View File

@@ -21,13 +21,12 @@
>
<font-awesome-icon :icon="['far', 'edit']" />
</b-btn>
<b-btn
variant="link"
class="float-right text-danger p-0"
@click="$emit('remove', report)"
>
<font-awesome-icon :icon="['far', 'trash-alt']" />
</b-btn>
<c-input-confirm
show-icon
class="float-right"
@confirmed="$emit('remove', report)"
/>
</td>
</tr>
</template>

15
client/web/compose/src/components/ModuleFields/Configurator/Select.vue
View File

@@ -40,7 +40,7 @@
v-for="(option, index) in f.options.options"
:key="index"
>
<b-td class="d-flex align-items-center justify-content-center">
<b-td class="align-middle">
<font-awesome-icon
:icon="['fas', 'bars']"
class="grab text-light"
@@ -80,14 +80,11 @@
</b-input-group>
</b-td>
<b-td class="d-flex align-items-center justify-content-center">
<b-button
variant="outline-danger"
class="border-0"
@click.prevent="f.options.options.splice(index, 1)"
>
<font-awesome-icon :icon="['far', 'trash-alt']" />
</b-button>
<b-td class="align-middle text-right">
<c-input-confirm
show-icon
@confirmed="f.options.options.splice(index, 1)"
/>
</b-td>
</b-tr>

15
client/web/compose/src/components/Namespaces/Reminders/List.vue
View File

@@ -59,17 +59,12 @@
<font-awesome-icon :icon="['far', 'edit']" />
</b-button>
<b-button
<c-input-confirm
data-test-id="button-delete-reminder"
variant="outline-light"
:title="$t('reminder.delete')"
class="d-flex align-items-center py-2 text-danger border-0"
@click.prevent="$emit('delete', r)"
>
<font-awesome-icon
:icon="['far', 'trash-alt']"
/>
</b-button>
show-icon
:tooltip="$t('reminder.delete')"
@confirmed="$emit('delete', r)"
/>
</b-button-group>
</div>
</div>

12
client/web/compose/src/components/PageBlocks/CalendarConfigurator/FeedSource/index.vue
View File

@@ -31,13 +31,11 @@
v-if="feed.resource"
v-slot:append
>
<b-button
variant="outline-danger"
class="border-0"
@click="onRemoveFeed(i)"
>
<font-awesome-icon :icon="['far', 'trash-alt']" />
</b-button>
<c-input-confirm
show-icon
size="md"
@confirmed="onRemoveFeed(i)"
/>
</template>
</b-input-group>
</b-form-group>

12
client/web/compose/src/components/PageBlocks/GeometryConfigurator/FeedSource/index.vue
View File

@@ -14,13 +14,11 @@
<template
v-if="feed.resource"
>
<b-button
variant="outline-danger"
class="border-0"
@click="onRemoveFeed(i)"
>
<font-awesome-icon :icon="['far', 'trash-alt']" />
</b-button>
<c-input-confirm
show-icon
size="md"
@confirmed="onRemoveFeed(i)"
/>
</template>
</div>

3
client/web/compose/src/views/Admin/Charts/Edit.vue
View File

@@ -446,7 +446,7 @@ import { chartConstructor } from 'corteza-webapp-compose/src/lib/charts'
import VueSelect from 'vue-select'
import { evaluatePrefilter } from 'corteza-webapp-compose/src/lib/record-filter'
const { CInputConfirm, CInputCheckbox, CInputColorPicker } = components
const { CInputCheckbox, CInputColorPicker } = components
const { colorschemes } = shared
const defaultReport = {
@@ -469,7 +469,6 @@ export default {
VueSelect,
CInputCheckbox,
CInputColorPicker,
CInputConfirm,
},
props: {

28
client/web/workflow/src/components/Configurator/Trigger.vue
View File

@@ -124,16 +124,13 @@
<samp>{{ c.values.join(' or ') }}</samp>
</div>
<b-button
<c-input-confirm
v-if="c._showDetails"
variant="outline-danger"
class="position-absolute trash border-0"
@click="removeConstraint(index)"
>
<font-awesome-icon
:icon="['far', 'trash-alt']"
/>
</b-button>
show-icon
class="position-absolute trash"
size="md"
@confirmed="removeConstraint(index)"
/>
</template>
<template #row-details="{ item: c }">
@@ -202,15 +199,10 @@
@input="$root.$emit('change-detected')"
/>
<b-button
variant="outline-danger"
class="ml-1 border-0"
@click="c.values.splice(index, 1)"
>
<font-awesome-icon
:icon="['far', 'trash-alt']"
/>
</b-button>
<c-input-confirm
show-icon
@confirmed="c.values.splice(index, 1)"
/>
</b-input-group>
</b-form-group>
</b-card>

14
client/web/workflow/src/components/ExpressionTable.vue
View File

@@ -42,17 +42,11 @@
>
<samp class="text-truncate">{{ item[field.key] }}</samp>
<b-button
<c-input-confirm
v-if="item._showDetails"
variant="outline-danger"
size="sm"
class="border-0"
@click="$emit('remove', index)"
>
<font-awesome-icon
:icon="['far', 'trash-alt']"
/>
</b-button>
show-icon
@confirmed="$emit('remove', index)"
/>
</div>
<var