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

This commit is contained in:
2019-10-31 19:57:06 +00:00
parent b3be49ddaf
commit 482f228407
17 changed files with 117 additions and 121 deletions

View File

@@ -1,6 +1,6 @@
<template>
<v-layout row v-if="this.formState.ready">
<v-flex xs12 mt-1 mb-2 v-if="formState.errorBoxMessage">
<v-row row v-if="this.formState.ready">
<v-col xs12 mt-1 mb-2 v-if="formState.errorBoxMessage">
<v-alert
ref="errorbox"
v-show="formState.errorBoxMessage"
@@ -12,8 +12,8 @@
outline
>{{ formState.errorBoxMessage }}</v-alert
>
</v-flex>
<v-flex>
</v-col>
<v-col>
<v-card id="aboutinfocard">
<v-subheader>{{ lt("ClientApp") }}</v-subheader>
<div>
@@ -129,8 +129,8 @@
<v-divider class="mt-6"></v-divider>
</v-card>
</v-flex>
</v-layout>
</v-col>
</v-row>
</template>
<script>

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>

View File

@@ -1,8 +1,6 @@
<template>
<!-- <v-flex xs12>
<v-container grid-list-xl>-->
<v-layout row wrap align-top v-if="this.formState.ready">
<v-flex xs12 mt-1 mb-2 v-if="formState.errorBoxMessage">
<v-row row wrap align-top v-if="this.formState.ready">
<v-col xs12 mt-1 mb-2 v-if="formState.errorBoxMessage">
<v-alert
ref="errorbox"
v-show="formState.errorBoxMessage"
@@ -14,13 +12,13 @@
outline
>{{ formState.errorBoxMessage }}</v-alert
>
</v-flex>
</v-col>
<WidgetList />
<WarehouseTop />
<POTop />
<PartTop />
<PartAssemblyTop />
<v-flex xs12 md4>
<v-col xs12 md4>
<v-card class="elevation-0 transparent">
<v-card-text class="text-center">
<v-icon x-large color="accent">fa-lightbulb</v-icon>
@@ -35,10 +33,8 @@
Aliquam eu est vitae tellus bibendum tincidunt. Suspendisse potenti.
</v-card-text>
</v-card>
</v-flex>
</v-layout>
<!-- </v-container>
</v-flex>-->
</v-col>
</v-row>
</template>
<script>

View File

@@ -1,6 +1,6 @@
<template>
<v-layout row v-if="this.formState.ready">
<v-flex xs12 mt-1 mb-2 v-if="formState.errorBoxMessage">
<v-row row v-if="this.formState.ready">
<v-col xs12 mt-1 mb-2 v-if="formState.errorBoxMessage">
<v-alert
ref="errorbox"
v-show="formState.errorBoxMessage"
@@ -12,11 +12,11 @@
outline
>{{ formState.errorBoxMessage }}</v-alert
>
</v-flex>
<v-flex>
</v-col>
<v-col>
<v-textarea v-model="logText" full-width readonly auto-grow></v-textarea>
</v-flex>
</v-layout>
</v-col>
</v-row>
</template>
<script>

View File

@@ -1,21 +1,21 @@
<template>
<v-container container--fluid>
<v-layout row wrap>
<v-flex xs12 class="hidden-sm-and-down text-center" mt-12 ml-12 pl-12>
<v-row row wrap>
<v-col xs12 class="hidden-sm-and-down text-center" mt-12 ml-12 pl-12>
<v-img
:src="require('../assets/logo.svg')"
class="my-4"
contain
height="200"
></v-img>
</v-flex>
<v-flex xs12 class="hidden-md-and-up text-center">
</v-col>
<v-col xs12 class="hidden-md-and-up text-center">
<v-img :src="require('../assets/logo.svg')" contain height="64"></v-img>
</v-flex>
<v-flex xs12 sm6 offset-sm3 mt-4>
</v-col>
<v-col xs12 sm6 offset-sm3 mt-4>
<form>
<v-layout column>
<v-flex>
<v-row column>
<v-col>
<v-text-field
name="username"
v-model="input.username"
@@ -32,8 +32,8 @@
v-focus
v-on:keyup.enter="onEnterUserName"
></v-text-field>
</v-flex>
<v-flex>
</v-col>
<v-col>
<v-text-field
name="password"
v-model="input.password"
@@ -45,16 +45,16 @@
:error="errorBadCreds"
v-on:keyup.enter="login"
></v-text-field>
</v-flex>
<v-flex class="text-center" mt-1>
</v-col>
<v-col class="text-center" mt-1>
<v-btn color="primary" v-on:click="login()">
<v-icon>fa-sign-in-alt</v-icon>
</v-btn>
</v-flex>
</v-layout>
</v-col>
</v-row>
</form>
</v-flex>
</v-layout>
</v-col>
</v-row>
</v-container>
</template>

View File

@@ -1,15 +1,15 @@
<template>
<v-container>
<v-layout justify-center>
<v-flex xs12>
<v-row justify-center>
<v-col xs12>
<div class="text-center">
<v-icon color="red" size="100">fa-dragon</v-icon>
<div class="headline">
{{ "404 - " + window.$gz.locale.get("ErrorAPI2010") }}
</div>
</div>
</v-flex>
</v-layout>
</v-col>
</v-row>
</v-container>
</template>