admin/raven-client
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

changed all v-layout and v-flex to v-row and v-col respectively, lot's of messed up grids now :(

Browse Source
This commit is contained in:
John Cardinal
2019-10-31 19:57:06 +00:00
parent b3be49ddaf
commit 482f228407
17 changed files with 117 additions and 121 deletions
Download Patch File Download Diff File Expand all files Collapse all files

70
ayanova/src/views/inventory-widget-edit.vue
View File

@@ -1,9 +1,9 @@
<template>
<v-layout v-if="this.formState.ready">
<v-flex>
<v-row v-if="this.formState.ready">
<v-col>
<v-form ref="form">
<v-layout align-center justify-left row wrap>
<v-flex xs12 mt-1 mb-2>
<v-row align-center justify-left row wrap>
<v-col xs12 mt-1 mb-2>
<v-alert
ref="errorbox"
v-show="formState.errorBoxMessage"
@@ -15,8 +15,8 @@
outline
>{{ formState.errorBoxMessage }}</v-alert
>
</v-flex>
<v-flex xs12 sm6 lg4 xl3 px-2>
</v-col>
<v-col xs12 sm6 lg4 xl3 px-2>
<v-text-field
v-model="obj.name"
:readonly="this.formState.readOnly"
@@ -32,8 +32,8 @@
ref="name"
@change="onChange('name')"
></v-text-field>
</v-flex>
<v-flex xs12 sm6 lg4 xl3 px-2>
</v-col>
<v-col xs12 sm6 lg4 xl3 px-2>
<v-text-field
v-model="obj.serial"
:readonly="this.formState.readOnly"
@@ -46,8 +46,8 @@
ref="serial"
@change="onChange('serial')"
></v-text-field>
</v-flex>
<v-flex xs12 sm6 lg4 xl3 px-2>
</v-col>
<v-col xs12 sm6 lg4 xl3 px-2>
<v-text-field
v-model="obj.count"
:readonly="this.formState.readOnly"
@@ -65,9 +65,9 @@
@change="onChange('count')"
type="number"
></v-text-field>
</v-flex>
</v-col>
<v-flex xs12 sm6 lg4 xl3 px-2>
<v-col xs12 sm6 lg4 xl3 px-2>
<v-text-field
v-model="obj.dollarAmount"
:readonly="this.formState.readOnly"
@@ -83,9 +83,9 @@
@change="onChange('dollarAmount')"
type="number"
></v-text-field>
</v-flex>
</v-col>
<v-flex xs12 sm6 lg4 xl3 px-2>
<v-col xs12 sm6 lg4 xl3 px-2>
<gz-date-time-picker
:label="lt('WidgetStartDate')"
v-model="obj.startDate"
@@ -94,9 +94,9 @@
:error-messages="form().serverErrors(this, 'startDate')"
@change="onChange('startDate')"
></gz-date-time-picker>
</v-flex>
</v-col>
<v-flex xs12 sm6 lg4 xl3 px-2>
<v-col xs12 sm6 lg4 xl3 px-2>
<gz-date-time-picker
:label="lt('WidgetEndDate')"
:rules="[form().datePrecedence(this, 'startDate', 'endDate')]"
@@ -106,8 +106,8 @@
ref="endDate"
@change="onChange('endDate')"
></gz-date-time-picker>
</v-flex>
<v-flex xs12 sm6 lg4 xl3 px-2>
</v-col>
<v-col xs12 sm6 lg4 xl3 px-2>
<v-checkbox
v-model="obj.active"
:readonly="this.formState.readOnly"
@@ -117,8 +117,8 @@
required
@change="onChange('active')"
></v-checkbox>
</v-flex>
<v-flex xs12 sm6 lg4 xl3 px-2>
</v-col>
<v-col xs12 sm6 lg4 xl3 px-2>
<v-select
v-model="obj.roles"
:items="pickLists.roles"
@@ -135,9 +135,9 @@
required
@change="onChange('roles')"
></v-select>
</v-flex>
</v-col>
<v-flex xs12 px-2>
<v-col xs12 px-2>
<v-textarea
v-model="obj.notes"
:readonly="this.formState.readOnly"
@@ -147,9 +147,9 @@
@change="onChange('notes')"
auto-grow
></v-textarea>
</v-flex>
</v-col>
<v-flex xs12 px-2>
<v-col xs12 px-2>
<gz-tag-picker
:label="lt('Tags')"
v-model="obj.tags"
@@ -158,9 +158,9 @@
:error-messages="form().serverErrors(this, 'tags')"
@change="onChange('tags')"
></gz-tag-picker>
</v-flex>
</v-col>
<v-flex xs12 px-2>
<v-col xs12 px-2>
<gz-custom-fields
:formKey="formCustomTemplateKey"
v-bind:value.sync="obj.customFields"
@@ -170,13 +170,13 @@
@change="onChange('customFields')"
></gz-custom-fields>
<!-- v-model="obj.customFields" -->
</v-flex>
</v-layout>
</v-col>
</v-row>
<!-- <v-layout align-left justify-center row wrap mt-12>
<v-flex xs6 sm4> FORMtags: {{ obj.tags }} </v-flex>
</v-layout> -->
<v-col xs6 sm4> FORMtags: {{ obj.tags }} </v-col>
</v-row> -->
<!-- <v-layout align-left justify-center row wrap mt-12>
<v-flex xs6 sm4>
<v-col xs6 sm4>
READY: {{ formState.ready }}
<br />
LOADING: {{ formState.loading }}
@@ -187,11 +187,11 @@
<br />
READONLY: {{ formState.readOnly }}
<br />
</v-flex>
</v-layout>-->
</v-col>
</v-row>-->
</v-form>
</v-flex>
</v-layout>
</v-col>
</v-row>
</template>
<script>