Removed extraneous container element
This commit is contained in:
@@ -1,33 +1,32 @@
|
||||
<template>
|
||||
<v-container fluid>
|
||||
<v-row v-if="formState.ready">
|
||||
<v-col>
|
||||
<v-form ref="form">
|
||||
<!-- Prevent implicit submission of the form on enter key, this is not necessary on a form with a text area which is why I never noticed it with the other forms -->
|
||||
<button
|
||||
type="submit"
|
||||
disabled
|
||||
style="display: none"
|
||||
aria-hidden="true"
|
||||
></button>
|
||||
<v-row>
|
||||
<gz-error :errorBoxMessage="formState.errorBoxMessage"></gz-error>
|
||||
<v-col cols="12">
|
||||
<v-select
|
||||
v-model="templateId"
|
||||
:items="selectLists.pickListTemplates"
|
||||
item-text="name"
|
||||
item-value="id"
|
||||
:label="$ay.t('PickListTemplates')"
|
||||
@input="templateSelected"
|
||||
:data-cy="!!$ay.dev ? 'SelectTemplate' : false"
|
||||
:disabled="formState.dirty"
|
||||
>
|
||||
</v-select>
|
||||
</v-col>
|
||||
<!-- <div>WORKING ARRAY: {{ workingArray }}</div> -->
|
||||
<v-row v-if="formState.ready">
|
||||
<v-col>
|
||||
<v-form ref="form">
|
||||
<!-- Prevent implicit submission of the form on enter key, this is not necessary on a form with a text area which is why I never noticed it with the other forms -->
|
||||
<button
|
||||
type="submit"
|
||||
disabled
|
||||
style="display: none"
|
||||
aria-hidden="true"
|
||||
></button>
|
||||
<v-row>
|
||||
<gz-error :errorBoxMessage="formState.errorBoxMessage"></gz-error>
|
||||
<v-col cols="12">
|
||||
<v-select
|
||||
v-model="templateId"
|
||||
:items="selectLists.pickListTemplates"
|
||||
item-text="name"
|
||||
item-value="id"
|
||||
:label="$ay.t('PickListTemplates')"
|
||||
@input="templateSelected"
|
||||
:data-cy="!!$ay.dev ? 'SelectTemplate' : false"
|
||||
:disabled="formState.dirty"
|
||||
>
|
||||
</v-select>
|
||||
</v-col>
|
||||
<!-- <div>WORKING ARRAY: {{ workingArray }}</div> -->
|
||||
|
||||
<!-- <div>
|
||||
<!-- <div>
|
||||
TEMPLATE:
|
||||
{{ obj }}
|
||||
</div>
|
||||
@@ -36,49 +35,48 @@
|
||||
available fields:
|
||||
{{ availableFields }}
|
||||
</div> -->
|
||||
<template v-for="(item, index) in workingArray">
|
||||
<v-col :key="item.key" cols="12" sm="6" lg="4" xl="3" px-2>
|
||||
<v-card>
|
||||
<v-card-title>
|
||||
{{ item.title }}
|
||||
</v-card-title>
|
||||
<v-card-subtitle>
|
||||
{{ item.key }}
|
||||
</v-card-subtitle>
|
||||
<v-card-text>
|
||||
<v-checkbox
|
||||
v-model="item.include"
|
||||
:readOnly="formState.readOnly"
|
||||
:label="$ay.t('Include')"
|
||||
:ref="item.key"
|
||||
:disabled="item.required"
|
||||
@change="includeChanged(item)"
|
||||
:data-cy="!!$ay.dev ? item.key + 'Include' : false"
|
||||
></v-checkbox>
|
||||
<!-- RE-ORDER CONTROL -->
|
||||
<div class="d-flex justify-space-between">
|
||||
<v-btn large icon @click="move('start', index)"
|
||||
><v-icon large>fa-step-backward</v-icon></v-btn
|
||||
>
|
||||
<v-btn large icon @click="move('left', index)"
|
||||
><v-icon large>fa-backward</v-icon></v-btn
|
||||
>
|
||||
<v-btn large icon @click="move('right', index)"
|
||||
><v-icon large>fa-forward</v-icon></v-btn
|
||||
>
|
||||
<v-btn large icon @click="move('end', index)"
|
||||
><v-icon large>fa-step-forward</v-icon></v-btn
|
||||
>
|
||||
</div>
|
||||
</v-card-text>
|
||||
</v-card>
|
||||
</v-col>
|
||||
</template>
|
||||
</v-row>
|
||||
</v-form>
|
||||
</v-col>
|
||||
</v-row>
|
||||
</v-container>
|
||||
<template v-for="(item, index) in workingArray">
|
||||
<v-col :key="item.key" cols="12" sm="6" lg="4" xl="3" px-2>
|
||||
<v-card>
|
||||
<v-card-title>
|
||||
{{ item.title }}
|
||||
</v-card-title>
|
||||
<v-card-subtitle>
|
||||
{{ item.key }}
|
||||
</v-card-subtitle>
|
||||
<v-card-text>
|
||||
<v-checkbox
|
||||
v-model="item.include"
|
||||
:readOnly="formState.readOnly"
|
||||
:label="$ay.t('Include')"
|
||||
:ref="item.key"
|
||||
:disabled="item.required"
|
||||
@change="includeChanged(item)"
|
||||
:data-cy="!!$ay.dev ? item.key + 'Include' : false"
|
||||
></v-checkbox>
|
||||
<!-- RE-ORDER CONTROL -->
|
||||
<div class="d-flex justify-space-between">
|
||||
<v-btn large icon @click="move('start', index)"
|
||||
><v-icon large>fa-step-backward</v-icon></v-btn
|
||||
>
|
||||
<v-btn large icon @click="move('left', index)"
|
||||
><v-icon large>fa-backward</v-icon></v-btn
|
||||
>
|
||||
<v-btn large icon @click="move('right', index)"
|
||||
><v-icon large>fa-forward</v-icon></v-btn
|
||||
>
|
||||
<v-btn large icon @click="move('end', index)"
|
||||
><v-icon large>fa-step-forward</v-icon></v-btn
|
||||
>
|
||||
</div>
|
||||
</v-card-text>
|
||||
</v-card>
|
||||
</v-col>
|
||||
</template>
|
||||
</v-row>
|
||||
</v-form>
|
||||
</v-col>
|
||||
</v-row>
|
||||
</template>
|
||||
<script>
|
||||
/////////////////////////////////////////////////////////////////////////////////////////////////////////////
|
||||
|
||||
Reference in New Issue
Block a user