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:
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
|
||||
@@ -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>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user