Updated various changed layout items from 1.5vuetify to 2.x vuetify. Still more grid layout stuff but got sizing changed and some classes that were renamed. Seems nothing is more broken at this point and some things are fixed

This commit is contained in:
2019-10-31 19:48:46 +00:00
parent 71b2cad7c1
commit b3be49ddaf
12 changed files with 49 additions and 49 deletions

View File

@@ -17,117 +17,117 @@
<v-card id="aboutinfocard">
<v-subheader>{{ lt("ClientApp") }}</v-subheader>
<div>
<span class="ml-4 body-1">{{ lt("Version") }}:</span>
<span class="ml-6 body-1">{{ lt("Version") }}:</span>
<span class="body-2">{{ clientInfo.version }}</span>
</div>
<div>
<span class="ml-4 body-1">{{ lt("User") }}:</span>
<span class="ml-6 body-1">{{ lt("User") }}:</span>
<span class="body-2">{{ this.$store.state.userName }}</span>
</div>
<div>
<span class="ml-4 body-1">{{ lt("UserTimeZoneOffset") }}:</span>
<span class="ml-6 body-1">{{ lt("UserTimeZoneOffset") }}:</span>
<span class="body-2">
{{ ltFormat().timeZoneOffset }}
</span>
</div>
<div>
<span class="ml-4 body-1">{{ lt("DecimalSeparator") }}:</span>
<span class="ml-6 body-1">{{ lt("DecimalSeparator") }}:</span>
<span class="body-2">{{ ltFormat().decimalSeparator }}</span>
</div>
<div>
<span class="ml-4 body-1">{{ lt("CurrencySymbol") }}:</span>
<span class="ml-6 body-1">{{ lt("CurrencySymbol") }}:</span>
<span class="body-2">{{ ltFormat().currencySymbol }}</span>
</div>
<div>
<span class="ml-4 body-1">{{ lt("ShortDateFormat") }}:</span>
<span class="ml-6 body-1">{{ lt("ShortDateFormat") }}:</span>
<span class="body-2">{{ ltFormat().shortDate }}</span>
</div>
<div>
<span class="ml-4 body-1">{{ lt("ShortTimeFormat") }}:</span>
<span class="ml-6 body-1">{{ lt("ShortTimeFormat") }}:</span>
<span class="body-2">{{ ltFormat().shortTime }}</span>
</div>
<div>
<span class="ml-4 body-1">{{ lt("ShortDateAndTimeFormat") }}: </span>
<span class="ml-6 body-1">{{ lt("ShortDateAndTimeFormat") }}: </span>
<span class="body-2">{{ ltFormat().shortDateAndTime }}</span>
</div>
<v-divider class="mt-4"></v-divider>
<v-divider class="mt-6"></v-divider>
<v-subheader>{{ lt("Browser") }}</v-subheader>
<div v-for="(value, name) in clientInfo.browser" :key="name">
<span class="ml-4 body-1">{{ name }}:</span>
<span class="ml-6 body-1">{{ name }}:</span>
<span class="body-2">{{ value }}</span>
</div>
<v-divider class="mt-4"></v-divider>
<v-divider class="mt-6"></v-divider>
<v-subheader>{{ lt("Server") }}</v-subheader>
<div>
<span class="ml-4 body-1">{{ lt("ServerAddress") }}:</span>
<span class="ml-6 body-1">{{ lt("ServerAddress") }}:</span>
<span class="body-2">{{ this.$store.state.apiUrl }}</span>
</div>
<div>
<span class="ml-4 body-1">{{ lt("Version") }}:</span>
<span class="ml-6 body-1">{{ lt("Version") }}:</span>
<span class="body-2">{{ serverInfo.serverVersion }}</span>
</div>
<div>
<span class="ml-4 body-1">{{ lt("SchemaVersion") }}:</span>
<span class="ml-6 body-1">{{ lt("SchemaVersion") }}:</span>
<span class="body-2">{{ serverInfo.dbSchemaVersion }}</span>
</div>
<div>
<span class="ml-4 body-1">{{ lt("ServerTime") }}:</span>
<span class="ml-6 body-1">{{ lt("ServerTime") }}:</span>
<span class="body-2">{{ serverInfo.serverLocalTime }}</span>
</div>
<div>
<span class="ml-4 body-1">{{ lt("TimeZone") }}:</span>
<span class="ml-6 body-1">{{ lt("TimeZone") }}:</span>
<span class="body-2">{{ serverInfo.serverTimeZone }}</span>
</div>
<v-divider class="mt-4"></v-divider>
<v-divider class="mt-6"></v-divider>
<v-subheader>{{ lt("HelpLicense") }}</v-subheader>
<div>
<span class="ml-4 body-1">{{ lt("RegisteredUser") }}:</span>
<span class="ml-6 body-1">{{ lt("RegisteredUser") }}:</span>
<span class="body-2">{{
serverInfo.license.license.licensedTo
}}</span>
</div>
<div>
<span class="ml-4 body-1">{{ lt("DatabaseID") }}:</span>
<span class="ml-6 body-1">{{ lt("DatabaseID") }}:</span>
<span class="body-2">{{ serverInfo.license.license.dbId }}</span>
</div>
<div>
<span class="ml-4 body-1">{{ lt("LicenseSerial") }}:</span>
<span class="ml-6 body-1">{{ lt("LicenseSerial") }}:</span>
<span class="body-2">{{ serverInfo.license.license.keySerial }}</span>
</div>
<div>
<span class="ml-4 body-1">{{ lt("LicenseExpiration") }}:</span>
<span class="ml-6 body-1">{{ lt("LicenseExpiration") }}:</span>
<span class="body-2">{{
serverInfo.license.license.licenseExpiration
}}</span>
</div>
<div>
<span class="ml-4 body-1">{{ lt("SupportedUntil") }}:</span>
<span class="ml-6 body-1">{{ lt("SupportedUntil") }}:</span>
<span class="body-2">{{
serverInfo.license.license.maintenanceExpiration
}}</span>
</div>
<v-divider class="mt-4"></v-divider>
<v-divider class="mt-6"></v-divider>
<v-subheader>{{ lt("LicensedOptions") }}</v-subheader>
<div
v-for="item in serverInfo.license.license.features"
:key="item.Feature"
>
<span class="ml-4 body-1">{{ item.Feature }}</span>
<span class="ml-6 body-1">{{ item.Feature }}</span>
<span class="body-2">{{ item.Count ? ": " + item.Count : "" }}</span>
</div>
<v-divider class="mt-4"></v-divider>
<v-divider class="mt-6"></v-divider>
</v-card>
</v-flex>
</v-layout>

View File

@@ -172,10 +172,10 @@
<!-- v-model="obj.customFields" -->
</v-flex>
</v-layout>
<!-- <v-layout align-left justify-center row wrap mt-5>
<!-- <v-layout align-left justify-center row wrap mt-12>
<v-flex xs6 sm4> FORMtags: {{ obj.tags }} </v-flex>
</v-layout> -->
<!-- <v-layout align-left justify-center row wrap mt-5>
<!-- <v-layout align-left justify-center row wrap mt-12>
<v-flex xs6 sm4>
READY: {{ formState.ready }}
<br />

View File

@@ -22,11 +22,11 @@
<PartAssemblyTop />
<v-flex xs12 md4>
<v-card class="elevation-0 transparent">
<v-card-text class="text-xs-center">
<v-card-text class="text-center">
<v-icon x-large color="accent">fa-lightbulb</v-icon>
</v-card-text>
<v-card-title primary-title class="layout justify-center">
<div class="headline text-xs-center">Material Design</div>
<div class="headline text-center">Material Design</div>
</v-card-title>
<v-card-text>
Cras facilisis mi vitae nunc lobortis pharetra. Nulla volutpat

View File

@@ -1,18 +1,18 @@
<template>
<v-container fluid>
<v-container container--fluid>
<v-layout row wrap>
<v-flex xs12 class="hidden-sm-and-down text-xs-center" mt-5 ml-5 pl-5>
<v-flex xs12 class="hidden-sm-and-down text-center" mt-12 ml-12 pl-12>
<v-img
:src="require('../assets/logo.svg')"
class="my-3"
class="my-4"
contain
height="200"
></v-img>
</v-flex>
<v-flex xs12 class="hidden-md-and-up text-xs-center">
<v-flex 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-3>
<v-flex xs12 sm6 offset-sm3 mt-4>
<form>
<v-layout column>
<v-flex>
@@ -46,7 +46,7 @@
v-on:keyup.enter="login"
></v-text-field>
</v-flex>
<v-flex class="text-xs-center" mt-1>
<v-flex class="text-center" mt-1>
<v-btn color="primary" v-on:click="login()">
<v-icon>fa-sign-in-alt</v-icon>
</v-btn>

View File

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