DeforaNetworks/corteza
DeforaNetworks/corteza
3
0
Fork 0
Code

Make vue-selects rounded

Browse Source
This commit is contained in:
Jože Fortun 2023-11-06 15:43:43 +01:00
parent cbcb27d188
commit c56b3cc989
41 changed files with 205 additions and 201 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,146 +1,139 @@
<template> <template>
<div> <div v-if="filter.params.length">
<b-form-group <b-form-group
v-if="filter.params.length" v-for="(param, index) in filter.params"
class="w-100 mb-0" :key="index"
class="text-primary"
> >
<template <template slot="label">
v-for="(param, index) in filter.params" {{ $t(`filters.labels.${param.label}`) }}
>
<b-form-group
:key="index"
>
<template slot="label">
{{ $t(`filters.labels.${param.label}`) }}
<template v-if="param.label === 'expr'"> <template v-if="param.label === 'expr'">
<a <a
v-if="param.label === 'expr'" v-if="param.label === 'expr'"
:href="documentationURL" :href="documentationURL"
target="_blank" target="_blank"
>
<font-awesome-icon
:icon="['far', 'question-circle']"
/>
</a>
</template>
</template>
<!-- TODO create multi field component-->
<b-form-checkbox
v-if="param.type === 'bool'"
v-model="param.value"
/>
<vue-select
v-else-if="param.label === 'workflow'"
v-model="param.value"
:options="workflows"
:get-option-key="getOptionKey"
:reduce="wf => wf.workflowID"
:placeholder="$t('filters.placeholders.workflow')"
:calculate-position="calculateDropdownPosition"
class="bg-white rounded"
/>
<b-form-select
v-else-if="param.label === 'status'"
v-model="param.value"
:options="httpStatusOptions"
>
<template #first>
<b-form-select-option
:value="undefined"
>
{{ $t('filters.httpStatus.none') }}
</b-form-select-option>
</template>
</b-form-select>
<template v-else-if="filter.ref === 'response'">
<template v-if="param.type === 'input'">
<b-form-select
v-model="param.value.type"
:options="inputTypeOptions"
class="mb-2"
/>
<b-input-group>
<b-input-group-prepend>
<b-button variant="dark">
ƒ
</b-button>
</b-input-group-prepend>
<b-form-input
v-model="param.value.expr"
:placeholder="$t('filters.help.expression.example')"
/>
</b-input-group>
</template>
<template v-else>
<b-input-group
v-for="(header, hIndex) in param.value"
:key="`header-${hIndex}`"
class="mb-2"
>
<b-form-input
v-model="header.name"
:placeholder="$t('filters.labels.name')"
/>
<b-form-input
v-model="header.expr"
:placeholder="$t('filters.labels.value')"
/>
<b-input-group-append>
<b-button
variant="danger"
@click="param.value.splice(hIndex, 1)"
> >
<font-awesome-icon <font-awesome-icon
:icon="['far', 'question-circle']" :icon="['far', 'trash-alt']"
/> />
</a>
</template>
</template>
<!-- TODO create multi field component-->
<b-form-checkbox
v-if="param.type === 'bool'"
v-model="param.value"
/>
<vue-select
v-else-if="param.label === 'workflow'"
v-model="param.value"
:options="workflows"
:get-option-key="getOptionKey"
:reduce="wf => wf.workflowID"
:placeholder="$t('filters.placeholders.workflow')"
:calculate-position="calculateDropdownPosition"
class="bg-white"
/>
<b-form-select
v-else-if="param.label === 'status'"
v-model="param.value"
:options="httpStatusOptions"
>
<template #first>
<b-form-select-option
:value="undefined"
>
{{ $t('filters.httpStatus.none') }}
</b-form-select-option>
</template>
</b-form-select>
<template v-else-if="filter.ref === 'response'">
<template v-if="param.type === 'input'">
<b-form-select
v-model="param.value.type"
:options="inputTypeOptions"
class="mb-2"
/>
<b-input-group>
<b-input-group-prepend>
<b-button variant="dark">
ƒ
</b-button>
</b-input-group-prepend>
<b-form-input
v-model="param.value.expr"
:placeholder="$t('filters.help.expression.example')"
/>
</b-input-group>
</template>
<template v-else>
<b-input-group
v-for="(header, hIndex) in param.value"
:key="`header-${hIndex}`"
class="mb-2"
>
<b-form-input
v-model="header.name"
:placeholder="$t('filters.labels.name')"
/>
<b-form-input
v-model="header.expr"
:placeholder="$t('filters.labels.value')"
/>
<b-input-group-append>
<b-button
variant="danger"
@click="param.value.splice(hIndex, 1)"
>
<font-awesome-icon
:icon="['far', 'trash-alt']"
/>
</b-button>
</b-input-group-append>
</b-input-group>
<b-button
variant="link"
class="text-decoration-none px-0"
@click="param.value.push({ name: '', expr: '' })"
>
+ {{ $t('filters.addHeader') }}
</b-button> </b-button>
</template> </b-input-group-append>
</template> </b-input-group>
<template v-else> <b-button
<b-form-textarea variant="link"
v-if="param.label === 'jsfunc'" class="text-decoration-none px-0"
v-model="param.value" @click="param.value.push({ name: '', expr: '' })"
max-rows="6" >
/> + {{ $t('filters.addHeader') }}
<b-input-group v-else> </b-button>
<b-input-group-prepend </template>
v-if="param.label === 'expr'" </template>
>
<b-button variant="dark"> <template v-else>
ƒ <b-form-textarea
</b-button> v-if="param.label === 'jsfunc'"
</b-input-group-prepend> v-model="param.value"
<b-form-input max-rows="6"
v-if="param.label === 'expr'" />
v-model="param.value" <b-input-group v-else>
:placeholder="$t('filters.help.expression.example')" <b-input-group-prepend
/> v-if="param.label === 'expr'"
<b-form-input >
v-else <b-button variant="dark">
v-model="param.value" ƒ
/> </b-button>
</b-input-group> </b-input-group-prepend>
</template> <b-form-input
</b-form-group> v-if="param.label === 'expr'"
v-model="param.value"
:placeholder="$t('filters.help.expression.example')"
/>
<b-form-input
v-else
v-model="param.value"
/>
</b-input-group>
</template> </template>
</b-form-group> </b-form-group>
</div> </div>

5
client/web/admin/src/components/Apigw/CFiltersDropdown.vue
View File

@ -2,8 +2,9 @@
<b-dropdown <b-dropdown
data-test-id="dropdown-add-filter" data-test-id="dropdown-add-filter"
:text="$t('filters.addFilter')" :text="$t('filters.addFilter')"
variant="light" variant="primary"
class="d-inline-flex min-content" size="lg"
class="d-inline-flex mt-3"
> >
<template v-if="filterList.length"> <template v-if="filterList.length">
<b-dropdown-item <b-dropdown-item

14
client/web/admin/src/components/Apigw/CFiltersStepper.vue
View File

@ -11,6 +11,14 @@
<h3 class="m-0"> <h3 class="m-0">
{{ $t('filters.title') }} {{ $t('filters.title') }}
</h3> </h3>
<div class="d-flex flex-wrap flex-fill-child gap-1">
<c-filters-dropdown
:available-filters="getAvailableFiltersByStep"
:filters="getSelectedFiltersByStep"
@addFilter="onAddFilter"
/>
</div>
</template> </template>
<b-tabs <b-tabs
@ -38,12 +46,6 @@
</b-tabs> </b-tabs>
<template #footer> <template #footer>
<c-filters-dropdown
:available-filters="getAvailableFiltersByStep"
:filters="getSelectedFiltersByStep"
@addFilter="onAddFilter"
/>
<c-button-submit <c-button-submit
:disabled="disabled" :disabled="disabled"
:processing="processing" :processing="processing"

2
client/web/admin/src/components/Authclient/CSelectUser.vue
View File

@ -6,7 +6,7 @@
:get-option-key="getOptionKey" :get-option-key="getOptionKey"
:value="user.value" :value="user.value"
:calculate-position="calculateDropdownPosition" :calculate-position="calculateDropdownPosition"
class="bg-white" class="bg-white rounded"
@search="search" @search="search"
@input="updateRunAs" @input="updateRunAs"
/> />

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

@ -10,7 +10,7 @@
:get-option-label="r => getRoleLabel(r)" :get-option-label="r => getRoleLabel(r)"
:calculate-position="calculateDropdownPosition" :calculate-position="calculateDropdownPosition"
:placeholder="$t('admin:picker.role.placeholder')" :placeholder="$t('admin:picker.role.placeholder')"
class="bg-white w-100" class="bg-white w-100 rounded"
multiple multiple
@search="search" @search="search"
@input="updateValue($event)" @input="updateValue($event)"

2
client/web/admin/src/components/Permissions/CPermissionClone.vue
View File

@ -37,7 +37,7 @@
multiple multiple
:placeholder="$t('ui.clone.pick-role')" :placeholder="$t('ui.clone.pick-role')"
:calculate-position="calculateDropdownPosition" :calculate-position="calculateDropdownPosition"
class="bg-white" class="bg-white rounded"
/> />
</b-form-group> </b-form-group>
</b-modal> </b-modal>

4
client/web/admin/src/components/Permissions/CPermissionList.vue
View File

@ -231,7 +231,7 @@
:disabled="add.mode === 'eval' && !!add.userID" :disabled="add.mode === 'eval' && !!add.userID"
:placeholder="$t('ui.add.role.placeholder')" :placeholder="$t('ui.add.role.placeholder')"
:calculate-position="calculateDropdownPosition" :calculate-position="calculateDropdownPosition"
class="bg-white" class="bg-white rounded"
/> />
</b-form-group> </b-form-group>
@ -253,7 +253,7 @@
clearable clearable
:placeholder="$t('ui.add.user.placeholder')" :placeholder="$t('ui.add.user.placeholder')"
:calculate-position="calculateDropdownPosition" :calculate-position="calculateDropdownPosition"
class="bg-white" class="bg-white rounded"
@search="searchUsers" @search="searchUsers"
/> />
</b-form-group> </b-form-group>

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

@ -22,7 +22,7 @@
:get-option-label="u => getUserLabel(u)" :get-option-label="u => getUserLabel(u)"
:calculate-position="calculateDropdownPosition" :calculate-position="calculateDropdownPosition"
:placeholder="$t('admin:picker.member.placeholder')" :placeholder="$t('admin:picker.member.placeholder')"
class="bg-white w-100" class="bg-white w-100 rounded"
multiple multiple
@search="search" @search="search"
@input="updateValue($event)" @input="updateValue($event)"

2
client/web/compose/src/components/Admin/Module/DalSettings.vue
View File

@ -17,7 +17,7 @@
:placeholder="$t('connection.placeholder')" :placeholder="$t('connection.placeholder')"
:get-option-label="getConnectionLabel" :get-option-label="getConnectionLabel"
:calculate-position="calculateDropdownPosition" :calculate-position="calculateDropdownPosition"
class="bg-white" class="bg-white rounded"
/> />
</b-form-group> </b-form-group>

2
client/web/compose/src/components/Admin/Module/UniqueValues.vue
View File

@ -31,7 +31,7 @@
:get-option-key="getOptionKey" :get-option-key="getOptionKey"
:options="filterFieldOptions(rule)" :options="filterFieldOptions(rule)"
:calculate-position="calculateDropdownPosition" :calculate-position="calculateDropdownPosition"
class="bg-white" class="bg-white rounded"
style="min-width: 300px;" style="min-width: 300px;"
/> />

2
client/web/compose/src/components/Admin/Page/Builder/Selector.vue
View File

@ -50,7 +50,7 @@
:calculate-position="calculateDropdownPosition" :calculate-position="calculateDropdownPosition"
:placeholder="$t('selector.selectableBlocks.placeholder')" :placeholder="$t('selector.selectableBlocks.placeholder')"
append-to-body append-to-body
class="bg-white" class="bg-white rounded"
/> />
<b-input-group-append> <b-input-group-append>

2
client/web/compose/src/components/Common/RecordListFilter.vue
View File

@ -79,7 +79,7 @@
append-to-body append-to-body
:calculate-position="calculateDropdownPosition" :calculate-position="calculateDropdownPosition"
:class="{ 'filter-field-picker': !!filter.name }" :class="{ 'filter-field-picker': !!filter.name }"
class="field-selector bg-white" class="field-selector bg-white rounded"
@input="onChange($event, groupIndex, index)" @input="onChange($event, groupIndex, index)"
/> />
</b-td> </b-td>

2
client/web/compose/src/components/ModuleFields/Configurator/User.vue
View File

@ -24,7 +24,7 @@
:calculate-position="calculateDropdownPosition" :calculate-position="calculateDropdownPosition"
multiple multiple
label="name" label="name"
class="bg-white" class="bg-white rounded"
/> />
</b-form-group> </b-form-group>

8
client/web/compose/src/components/ModuleFields/Editor/Record.vue
View File

@ -55,7 +55,7 @@
:filterable="false" :filterable="false"
:searchable="searchable" :searchable="searchable"
:selectable="option => option.selectable" :selectable="option => option.selectable"
class="bg-white w-100" class="bg-white w-100 rounded"
:placeholder="placeholder" :placeholder="placeholder"
multiple multiple
@search="search" @search="search"
@ -84,7 +84,7 @@
:filterable="false" :filterable="false"
:searchable="searchable" :searchable="searchable"
:selectable="option => option.selectable" :selectable="option => option.selectable"
class="bg-white w-100" class="bg-white w-100 rounded"
:placeholder="placeholder" :placeholder="placeholder"
@input="selectChange($event)" @input="selectChange($event)"
@search="search" @search="search"
@ -114,7 +114,7 @@
:filterable="false" :filterable="false"
:searchable="searchable" :searchable="searchable"
:selectable="option => option.selectable" :selectable="option => option.selectable"
class="bg-white w-100" class="bg-white w-100 rounded"
:placeholder="placeholder" :placeholder="placeholder"
:value="getRecord(ctx.index)" :value="getRecord(ctx.index)"
@input="setRecord($event, ctx.index)" @input="setRecord($event, ctx.index)"
@ -156,7 +156,7 @@
:filterable="false" :filterable="false"
:searchable="searchable" :searchable="searchable"
:selectable="option => option.selectable" :selectable="option => option.selectable"
class="bg-white w-100" class="bg-white w-100 rounded"
@search="search" @search="search"
> >
<pagination <pagination

8
client/web/compose/src/components/ModuleFields/Editor/User.vue
View File

@ -53,7 +53,7 @@
:filterable="false" :filterable="false"
:selectable="option => option.selectable" :selectable="option => option.selectable"
:loading="processing" :loading="processing"
class="bg-white w-100" class="bg-white w-100 rounded"
@search="search" @search="search"
@input="updateValue($event)" @input="updateValue($event)"
> >
@ -79,7 +79,7 @@
:selectable="option => option.selectable" :selectable="option => option.selectable"
:loading="processing" :loading="processing"
multiple multiple
class="bg-white w-100" class="bg-white w-100 rounded"
@search="search" @search="search"
> >
<pagination <pagination
@ -106,7 +106,7 @@
:filterable="false" :filterable="false"
:selectable="option => option.selectable" :selectable="option => option.selectable"
:loading="processing" :loading="processing"
class="bg-white w-100" class="bg-white w-100 rounded"
@search="search" @search="search"
@input="updateValue($event, ctx.index)" @input="updateValue($event, ctx.index)"
> >
@ -136,7 +136,7 @@
:filterable="false" :filterable="false"
:selectable="option => option.selectable" :selectable="option => option.selectable"
:loading="processing" :loading="processing"
class="bg-white w-100" class="bg-white w-100 rounded"
@input="updateValue($event)" @input="updateValue($event)"
@search="search" @search="search"
> >

2
client/web/compose/src/components/Namespaces/NamespaceSidebar.vue
View File

@ -17,7 +17,7 @@
:placeholder="$t('pickNamespace')" :placeholder="$t('pickNamespace')"
:calculate-position="calculateDropdownPosition" :calculate-position="calculateDropdownPosition"
:autoscroll="false" :autoscroll="false"
class="bg-white" class="bg-white rounded"
@option:selected="namespaceSelected" @option:selected="namespaceSelected"
> >
<template #list-header> <template #list-header>

2
client/web/compose/src/components/Namespaces/Reminders/Edit.vue
View File

@ -76,7 +76,7 @@
:calculate-position="calculateDropdownPosition" :calculate-position="calculateDropdownPosition"
:reduce="user => user.userID" :reduce="user => user.userID"
option-value="userID" option-value="userID"
class="bg-white" class="bg-white rounded"
@search="searchUsers" @search="searchUsers"
/> />
</b-form-group> </b-form-group>

4
client/web/compose/src/components/PageBlocks/ChartConfigurator.vue
View File

@ -15,7 +15,7 @@
label="name" label="name"
append-to-body append-to-body
:selectable="c => !c.deletedAt" :selectable="c => !c.deletedAt"
class="bg-white" class="bg-white rounded"
@input="chartSelected" @input="chartSelected"
/> />
<b-input-group-append> <b-input-group-append>
@ -58,7 +58,7 @@
:clearable="true" :clearable="true"
:placeholder="$t('chart.drillDown.openInModal')" :placeholder="$t('chart.drillDown.openInModal')"
append-to-body append-to-body
class="bg-white w-100" class="bg-white w-100 rounded"
/> />
</b-form-group> </b-form-group>
</template> </template>

6
client/web/compose/src/components/PageBlocks/MetricConfigurator/index.vue
View File

@ -191,7 +191,7 @@
:get-option-key="getOptionMetricFieldKey" :get-option-key="getOptionMetricFieldKey"
:reduce="f => f.name" :reduce="f => f.name"
:calculate-position="calculateDropdownPosition" :calculate-position="calculateDropdownPosition"
class="bg-white" class="bg-white rounded"
@input="onMetricFieldChange" @input="onMetricFieldChange"
/> />
</b-form-group> </b-form-group>
@ -208,7 +208,7 @@
:get-option-key="getOptionAggregationOperationKey" :get-option-key="getOptionAggregationOperationKey"
:reduce="a => a.operation" :reduce="a => a.operation"
:calculate-position="calculateDropdownPosition" :calculate-position="calculateDropdownPosition"
class="bg-white" class="bg-white rounded"
/> />
</b-form-group> </b-form-group>
@ -280,7 +280,7 @@
:clearable="true" :clearable="true"
:placeholder="$t('metric.drillDown.openInModal')" :placeholder="$t('metric.drillDown.openInModal')"
append-to-body append-to-body
class="block-selector bg-white w-100" class="block-selector bg-white w-100 rounded"
/> />
</b-form-group> </b-form-group>
</fieldset> </fieldset>

2
client/web/compose/src/components/PageBlocks/Navigation/NavTypes/ComposePage.vue
View File

@ -29,7 +29,7 @@
:reduce="f => f.pageID" :reduce="f => f.pageID"
option-value="pageID" option-value="pageID"
option-text="title" option-text="title"
class="bg-white" class="bg-white rounded"
@input="updateLabelValue" @input="updateLabelValue"
/> />
</b-form-group> </b-form-group>

8
client/web/compose/src/components/PageBlocks/Nylas/NylasConfigurator.vue
View File

@ -74,7 +74,7 @@
:reduce="getOptionKey" :reduce="getOptionKey"
:calculate-position="calculateDropdownPosition" :calculate-position="calculateDropdownPosition"
append-to-body append-to-body
class="bg-white" class="bg-white rounded"
/> />
</b-form-group> </b-form-group>
</b-col> </b-col>
@ -95,7 +95,7 @@
:reduce="getOptionKey" :reduce="getOptionKey"
:calculate-position="calculateDropdownPosition" :calculate-position="calculateDropdownPosition"
append-to-body append-to-body
class="bg-white" class="bg-white rounded"
/> />
</b-form-group> </b-form-group>
</b-col> </b-col>
@ -116,7 +116,7 @@
:reduce="getOptionKey" :reduce="getOptionKey"
:calculate-position="calculateDropdownPosition" :calculate-position="calculateDropdownPosition"
append-to-body append-to-body
class="bg-white" class="bg-white rounded"
/> />
</b-form-group> </b-form-group>
</b-col> </b-col>
@ -140,7 +140,7 @@
:reduce="getOptionKey" :reduce="getOptionKey"
:calculate-position="calculateDropdownPosition" :calculate-position="calculateDropdownPosition"
append-to-body append-to-body
class="bg-white" class="bg-white rounded"
/> />
</b-form-group> </b-form-group>
</b-col> </b-col>

18
client/web/compose/src/components/PageBlocks/ProgressConfigurator.vue
View File

@ -41,7 +41,7 @@
:get-option-key="getOptionModuleKey" :get-option-key="getOptionModuleKey"
:reduce="m => m.moduleID" :reduce="m => m.moduleID"
:calculate-position="calculateDropdownPosition" :calculate-position="calculateDropdownPosition"
class="bg-white" class="bg-white rounded"
/> />
</b-form-group> </b-form-group>
</b-col> </b-col>
@ -88,7 +88,7 @@
:get-option-key="getOptionModuleFieldKey" :get-option-key="getOptionModuleFieldKey"
:reduce="f => f.name" :reduce="f => f.name"
:calculate-position="calculateDropdownPosition" :calculate-position="calculateDropdownPosition"
class="bg-white" class="bg-white rounded"
@input="fieldChanged($event, options.value)" @input="fieldChanged($event, options.value)"
/> />
</b-form-group> </b-form-group>
@ -111,7 +111,7 @@
:get-option-key="getOptionAggregationOperationKey" :get-option-key="getOptionAggregationOperationKey"
:reduce="a => a.operation" :reduce="a => a.operation"
:calculate-position="calculateDropdownPosition" :calculate-position="calculateDropdownPosition"
class="bg-white" class="bg-white rounded"
/> />
</b-form-group> </b-form-group>
</b-col> </b-col>
@ -159,7 +159,7 @@
:get-option-key="getOptionModuleKey" :get-option-key="getOptionModuleKey"
:reduce="m => m.moduleID" :reduce="m => m.moduleID"
:calculate-position="calculateDropdownPosition" :calculate-position="calculateDropdownPosition"
class="bg-white" class="bg-white rounded"
/> />
</b-form-group> </b-form-group>
</b-col> </b-col>
@ -206,7 +206,7 @@
:get-option-key="getOptionModuleFieldKey" :get-option-key="getOptionModuleFieldKey"
:reduce="f => f.name" :reduce="f => f.name"
:calculate-position="calculateDropdownPosition" :calculate-position="calculateDropdownPosition"
class="bg-white" class="bg-white rounded"
@input="fieldChanged($event, options.minValue)" @input="fieldChanged($event, options.minValue)"
/> />
</b-form-group> </b-form-group>
@ -229,7 +229,7 @@
:get-option-key="getOptionAggregationOperationKey" :get-option-key="getOptionAggregationOperationKey"
:reduce="a => a.operation" :reduce="a => a.operation"
:calculate-position="calculateDropdownPosition" :calculate-position="calculateDropdownPosition"
class="bg-white" class="bg-white rounded"
/> />
</b-form-group> </b-form-group>
</b-col> </b-col>
@ -277,7 +277,7 @@
:get-option-key="getOptionModuleKey" :get-option-key="getOptionModuleKey"
:reduce="m => m.moduleID" :reduce="m => m.moduleID"
:calculate-position="calculateDropdownPosition" :calculate-position="calculateDropdownPosition"
class="bg-white" class="bg-white rounded"
/> />
</b-form-group> </b-form-group>
</b-col> </b-col>
@ -324,7 +324,7 @@
:get-option-key="getOptionModuleFieldKey" :get-option-key="getOptionModuleFieldKey"
:reduce="f => f.name" :reduce="f => f.name"
:calculate-position="calculateDropdownPosition" :calculate-position="calculateDropdownPosition"
class="bg-white" class="bg-white rounded"
@input="fieldChanged($event, options.maxValue)" @input="fieldChanged($event, options.maxValue)"
/> />
</b-form-group> </b-form-group>
@ -347,7 +347,7 @@
:get-option-key="getOptionAggregationOperationKey" :get-option-key="getOptionAggregationOperationKey"
:reduce="a => a.operation" :reduce="a => a.operation"
:calculate-position="calculateDropdownPosition" :calculate-position="calculateDropdownPosition"
class="bg-white" class="bg-white rounded"
/> />
</b-form-group> </b-form-group>
</b-col> </b-col>

4
client/web/compose/src/components/PageBlocks/RecordConfigurator.vue
View File

@ -58,7 +58,7 @@
:reduce="getOptionKey" :reduce="getOptionKey"
:calculate-position="calculateDropdownPosition" :calculate-position="calculateDropdownPosition"
append-to-body append-to-body
class="bg-white" class="bg-white rounded"
@input="updateReferenceModule($event, [])" @input="updateReferenceModule($event, [])"
/> />
</b-form-group> </b-form-group>
@ -184,7 +184,7 @@
:get-option-key="getOptionKey" :get-option-key="getOptionKey"
:reduce="option => option.isSystem ? option.name : option.fieldID" :reduce="option => option.isSystem ? option.name : option.fieldID"
:calculate-position="calculateDropdownPosition" :calculate-position="calculateDropdownPosition"
class="bg-white" class="bg-white rounded"
/> />
</b-td> </b-td>

2
client/web/compose/src/components/PageBlocks/RecordListConfigurator.vue
View File

@ -369,7 +369,7 @@
:calculate-position="calculateDropdownPosition" :calculate-position="calculateDropdownPosition"
append-to-body append-to-body
multiple multiple
class="bg-white" class="bg-white rounded"
/> />
</b-td> </b-td>

2
client/web/compose/src/components/PageBlocks/TabsConfigurator.vue
View File

@ -175,7 +175,7 @@
:reduce="option => option.value" :reduce="option => option.value"
:calculate-position="calculateDropdownPosition" :calculate-position="calculateDropdownPosition"
append-to-body append-to-body
class="bg-white" class="bg-white rounded"
/> />
<b-input-group-append> <b-input-group-append>

2
client/web/compose/src/components/Public/Record/BulkEdit/index.vue
View File

@ -61,7 +61,7 @@
:calculate-position="calculateDropdownPosition" :calculate-position="calculateDropdownPosition"
:selectable="option => !fields.includes(option.name)" :selectable="option => !fields.includes(option.name)"
:reduce="f => f.name" :reduce="f => f.name"
class="bg-white position-relative" class="bg-white position-relative rounded"
@input="addField" @input="addField"
/> />

2
client/web/compose/src/components/Public/Record/Exporter/index.vue
View File

@ -154,7 +154,7 @@
:get-option-key="getOptionKey" :get-option-key="getOptionKey"
:calculate-position="calculateDropdownPosition" :calculate-position="calculateDropdownPosition"
:placeholder="$t('recordList.export.timezonePlaceholder')" :placeholder="$t('recordList.export.timezonePlaceholder')"
class="bg-white" class="bg-white rounded"
/> />
</b-form-group> </b-form-group>
</template> </template>

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

@ -104,7 +104,7 @@
:get-option-key="o => o.id" :get-option-key="o => o.id"
:placeholder="$t('colorScheme.placeholder')" :placeholder="$t('colorScheme.placeholder')"
:calculate-position="calculateDropdownPosition" :calculate-position="calculateDropdownPosition"
class="bg-white" class="bg-white rounded"
> >
<template #option="option"> <template #option="option">
<p <p

2
client/web/compose/src/views/Admin/Pages/Edit.vue
View File

@ -547,7 +547,7 @@
:selectable="role => !currentLayoutRoles.includes(role.roleID)" :selectable="role => !currentLayoutRoles.includes(role.roleID)"
append-to-body append-to-body
multiple multiple
class="bg-white" class="bg-white rounded"
/> />
</b-form-group> </b-form-group>

2
client/web/privacy/src/components/Requests/Editor/Correct.vue
View File

@ -19,7 +19,7 @@
:get-option-key="getOptionKey" :get-option-key="getOptionKey"
:placeholder="$t('connection.placeholder')" :placeholder="$t('connection.placeholder')"
:calculate-position="calculateDropdownPosition" :calculate-position="calculateDropdownPosition"
class="h-100 bg-white" class="h-100 bg-white rounded"
/> />
</b-form-group> </b-form-group>
</b-card> </b-card>

2
client/web/privacy/src/components/Requests/Editor/Delete.vue
View File

@ -19,7 +19,7 @@
:get-option-key="getOptionKey" :get-option-key="getOptionKey"
:placeholder="$t('connection.placeholder')" :placeholder="$t('connection.placeholder')"
:calculate-position="calculateDropdownPosition" :calculate-position="calculateDropdownPosition"
class="h-100 bg-white" class="h-100 bg-white rounded"
/> />
</b-form-group> </b-form-group>
</b-card> </b-card>

2
client/web/privacy/src/views/Privacy/DataOverview/Application.vue
View File

@ -23,7 +23,7 @@
:calculate-position="calculateDropdownPosition" :calculate-position="calculateDropdownPosition"
:get-option-label="({ handle, meta }) => meta.name || handle" :get-option-label="({ handle, meta }) => meta.name || handle"
:get-option-key="getOptionKey" :get-option-key="getOptionKey"
class="h-100 bg-white" class="h-100 bg-white rounded"
/> />
</b-form-group> </b-form-group>
</b-card> </b-card>

2
client/web/reporter/src/components/Common/ColumnSelector.vue
View File

@ -9,7 +9,7 @@
:reduce="r => r.name" :reduce="r => r.name"
append-to-body append-to-body
:calculate-position="calculateDropdownPosition" :calculate-position="calculateDropdownPosition"
class="column-selector bg-white" class="column-selector bg-white rounded"
v-on="$listeners" v-on="$listeners"
/> />
</template> </template>

2
client/web/reporter/src/components/Report/Blocks/DisplayElements/Configurators/Chart.vue
View File

@ -60,7 +60,7 @@
option-value="value" option-value="value"
clearable clearable
:calculate-position="calculateDropdownPosition" :calculate-position="calculateDropdownPosition"
class="mw-100" class="mw-100 rounded"
style="min-width: 100%;" style="min-width: 100%;"
> >
<template #option="option"> <template #option="option">

3
client/web/workflow/src/components/Configurator/Function.vue
View File

@ -35,6 +35,7 @@
:filter="functionFilter" :filter="functionFilter"
:placeholder="$t('steps:function.configurator.select-function')" :placeholder="$t('steps:function.configurator.select-function')"
:calculate-position="calculateDropdownPosition" :calculate-position="calculateDropdownPosition"
class="bg-white rounded"
@input="functionChanged" @input="functionChanged"
/> />
</b-form-group> </b-form-group>
@ -111,6 +112,7 @@
:filter="argTypeFilter" :filter="argTypeFilter"
:clearable="false" :clearable="false"
:calculate-position="calculateDropdownPosition" :calculate-position="calculateDropdownPosition"
class="bg-white rounded"
@input="$root.$emit('change-detected')" @input="$root.$emit('change-detected')"
/> />
</b-form-group> </b-form-group>
@ -148,6 +150,7 @@
:reduce="a => a.value" :reduce="a => a.value"
:placeholder="$t('steps:function.configurator.option-select')" :placeholder="$t('steps:function.configurator.option-select')"
:calculate-position="calculateDropdownPosition" :calculate-position="calculateDropdownPosition"
class="bg-white rounded"
@input="$root.$emit('change-detected')" @input="$root.$emit('change-detected')"
/> />

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

@ -29,6 +29,7 @@
:filter="resTypeFilter" :filter="resTypeFilter"
:placeholder="$t('steps:trigger.configurator.select-resource-type')" :placeholder="$t('steps:trigger.configurator.select-resource-type')"
:calculate-position="calculateDropdownPosition" :calculate-position="calculateDropdownPosition"
class="bg-white rounded"
@input="resourceChanged" @input="resourceChanged"
/> />
</b-form-group> </b-form-group>
@ -47,6 +48,7 @@
:filter="evtTypeFilter" :filter="evtTypeFilter"
:placeholder="$t('steps:trigger.configurator.select-event-type')" :placeholder="$t('steps:trigger.configurator.select-event-type')"
:calculate-position="calculateDropdownPosition" :calculate-position="calculateDropdownPosition"
class="bg-white rounded"
@input="eventChanged" @input="eventChanged"
/> />
</b-form-group> </b-form-group>
@ -152,6 +154,7 @@
:filter="constrFilter" :filter="constrFilter"
:placeholder="$t('steps:trigger.configurator.select-constraint-type')" :placeholder="$t('steps:trigger.configurator.select-constraint-type')"
:calculate-position="calculateDropdownPosition" :calculate-position="calculateDropdownPosition"
class="bg-white rounded"
@input="$root.$emit('change-detected')" @input="$root.$emit('change-detected')"
/> />
</b-form-group> </b-form-group>
@ -168,6 +171,7 @@
:reduce="c => c.value" :reduce="c => c.value"
:placeholder="$t('steps:trigger.configurator.select-operator')" :placeholder="$t('steps:trigger.configurator.select-operator')"
:calculate-position="calculateDropdownPosition" :calculate-position="calculateDropdownPosition"
class="bg-white rounded"
@input="$root.$emit('change-detected')" @input="$root.$emit('change-detected')"
/> />
</b-form-group> </b-form-group>

1
client/web/workflow/src/components/Configurator/Workflow.vue
View File

@ -54,6 +54,7 @@
:get-option-key="getOptionKey" :get-option-key="getOptionKey"
:value="user.value" :value="user.value"
:calculate-position="calculateDropdownPosition" :calculate-position="calculateDropdownPosition"
class="bg-white rounded"
@search="search" @search="search"
@input="updateRunAs" @input="updateRunAs"
/> />

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

@ -97,6 +97,7 @@
:filter="varFilter" :filter="varFilter"
append-to-body append-to-body
:calculate-position="calculateDropdownPosition" :calculate-position="calculateDropdownPosition"
class="bg-white rounded"
@input="$root.$emit('change-detected')" @input="$root.$emit('change-detected')"
/> />
</b-form-group> </b-form-group>

7
lib/vue/src/components/permissions/CPermissionsModal.vue
View File

@ -53,7 +53,7 @@
:get-option-key="getOptionRoleKey" :get-option-key="getOptionRoleKey"
append-to-body append-to-body
:calculate-position="calculateDropdownPosition" :calculate-position="calculateDropdownPosition"
class="h-100 bg-white" class="h-100 bg-white rounded"
@input="onRoleChange" @input="onRoleChange"
/> />
</b-form-group> </b-form-group>
@ -207,7 +207,7 @@
:disabled="!!add.userID" :disabled="!!add.userID"
:placeholder="labels.add.role.placeholder" :placeholder="labels.add.role.placeholder"
:calculate-position="calculateDropdownPosition" :calculate-position="calculateDropdownPosition"
class="bg-white" class="bg-white rounded"
/> />
</b-form-group> </b-form-group>
@ -228,7 +228,7 @@
clearable clearable
:placeholder="labels.add.user.placeholder" :placeholder="labels.add.user.placeholder"
:calculate-position="calculateDropdownPosition" :calculate-position="calculateDropdownPosition"
class="bg-white" class="bg-white rounded"
@search="searchUsers" @search="searchUsers"
/> />
</b-form-group> </b-form-group>
@ -242,7 +242,6 @@
</b-button> </b-button>
<c-button-submit <c-button-submit
v-if="false"
data-test-id="button-save" data-test-id="button-save"
:disabled="submitDisabled" :disabled="submitDisabled"
:processing="processing" :processing="processing"

2
lib/vue/src/components/privacy/CSensitivityLevelPicker.vue
View File

@ -11,7 +11,7 @@
:reduce="l => l.sensitivityLevelID" :reduce="l => l.sensitivityLevelID"
append-to-body append-to-body
:calculate-position="calculateDropdownPosition" :calculate-position="calculateDropdownPosition"
class="bg-white" class="bg-white rounded"
@input="onInput" @input="onInput"
/> />
</template> </template>

2
lib/vue/src/components/prompts/kinds/CPromptComposeRecordPicker.vue
View File

@ -17,7 +17,7 @@
option-text="label" option-text="label"
placeholder="Select record" placeholder="Select record"
:filterable="false" :filterable="false"
class="bg-white w-100 mb-3" class="bg-white w-100 mb-3 rounded"
@search="search" @search="search"
> >
<c-pagination <c-pagination