Removed extraneous container element

This commit is contained in:
2020-04-13 23:03:12 +00:00
parent 8dfd5e213a
commit b25af47cdd
11 changed files with 879 additions and 1114 deletions

View File

@@ -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>
/////////////////////////////////////////////////////////////////////////////////////////////////////////////