142 lines
5.2 KiB
Vue
142 lines
5.2 KiB
Vue
<template>
|
|
<!-- <div class="about">
|
|
|
|
<h1>About AyaNova</h1>-->
|
|
<v-layout row>
|
|
<v-flex xs12 sm6 offset-sm3>
|
|
<v-card>
|
|
<v-toolbar>
|
|
<v-toolbar-title>{{ lt("HelpAboutAyaNova")}}</v-toolbar-title>
|
|
<v-spacer></v-spacer>
|
|
<v-avatar size="64px" tile>
|
|
<img :src="require('../assets/bw-logo.svg')" alt="AyaNova">
|
|
</v-avatar>
|
|
</v-toolbar>
|
|
<!-- <v-img :src="require('../assets/bw-logo.svg')" class="my-3" contain height="100"></v-img> -->
|
|
<v-list two-line subheader>
|
|
<v-subheader>{{ lt("ClientApp")}}</v-subheader>
|
|
<v-list-tile avatar>
|
|
<v-list-tile-content>
|
|
<v-list-tile-title>{{ lt("Version")}}</v-list-tile-title>
|
|
<v-list-tile-sub-title>{{ clientInfo.version }}</v-list-tile-sub-title>
|
|
</v-list-tile-content>
|
|
</v-list-tile>
|
|
</v-list>
|
|
<v-divider></v-divider>
|
|
<v-list two-line subheader>
|
|
<v-subheader>{{ lt("Server")}}</v-subheader>
|
|
<v-list-tile avatar>
|
|
<v-list-tile-content>
|
|
<v-list-tile-title>{{ lt("Version")}}</v-list-tile-title>
|
|
<v-list-tile-sub-title>{{ serverInfo.serverVersion }}</v-list-tile-sub-title>
|
|
</v-list-tile-content>
|
|
</v-list-tile>
|
|
<v-list-tile avatar>
|
|
<v-list-tile-content>
|
|
<v-list-tile-title>{{ lt("SchemaVersion")}}</v-list-tile-title>
|
|
<v-list-tile-sub-title>{{ serverInfo.dbSchemaVersion }}</v-list-tile-sub-title>
|
|
</v-list-tile-content>
|
|
</v-list-tile>
|
|
<v-list-tile avatar>
|
|
<v-list-tile-content>
|
|
<v-list-tile-title>{{ lt("ServerTime")}}</v-list-tile-title>
|
|
<v-list-tile-sub-title>{{ serverInfo.serverLocalTime }}</v-list-tile-sub-title>
|
|
</v-list-tile-content>
|
|
</v-list-tile>
|
|
<v-list-tile avatar>
|
|
<v-list-tile-content>
|
|
<v-list-tile-title>{{ lt("TimeZone")}}</v-list-tile-title>
|
|
<v-list-tile-sub-title>{{ serverInfo.serverTimeZone }}</v-list-tile-sub-title>
|
|
</v-list-tile-content>
|
|
</v-list-tile>
|
|
</v-list>
|
|
<v-divider></v-divider>
|
|
<v-list two-line subheader>
|
|
<v-subheader>{{ lt("HelpLicense")}}</v-subheader>
|
|
<v-list-tile avatar>
|
|
<v-list-tile-content>
|
|
<v-list-tile-title>{{ lt("RegisteredUser")}}</v-list-tile-title>
|
|
<v-list-tile-sub-title>{{ serverInfo.license.license.licensedTo }}</v-list-tile-sub-title>
|
|
</v-list-tile-content>
|
|
</v-list-tile>
|
|
<v-list-tile avatar>
|
|
<v-list-tile-content>
|
|
<v-list-tile-title>{{ lt("DatabaseID")}}</v-list-tile-title>
|
|
<v-list-tile-sub-title>{{ serverInfo.license.license.dbId }}</v-list-tile-sub-title>
|
|
</v-list-tile-content>
|
|
</v-list-tile>
|
|
<v-list-tile avatar>
|
|
<v-list-tile-content>
|
|
<v-list-tile-title>{{ lt("LicenseSerial")}}</v-list-tile-title>
|
|
<v-list-tile-sub-title>{{ serverInfo.license.license.keySerial }}</v-list-tile-sub-title>
|
|
</v-list-tile-content>
|
|
</v-list-tile>
|
|
<v-list-tile avatar>
|
|
<v-list-tile-content>
|
|
<v-list-tile-title>License expiration</v-list-tile-title>
|
|
<v-list-tile-sub-title>{{ serverInfo.license.license.licenseExpiration }}</v-list-tile-sub-title>
|
|
</v-list-tile-content>
|
|
</v-list-tile>
|
|
<v-list-tile avatar>
|
|
<v-list-tile-content>
|
|
<v-list-tile-title>Maintenance expiration</v-list-tile-title>
|
|
<v-list-tile-sub-title>{{ serverInfo.license.license.maintenanceExpiration }}</v-list-tile-sub-title>
|
|
</v-list-tile-content>
|
|
</v-list-tile>
|
|
<v-list-tile avatar>
|
|
<v-list-tile-content>
|
|
<v-list-tile-title>Licensed features</v-list-tile-title>
|
|
<v-list-tile-sub-title
|
|
v-for="item in serverInfo.license.license.features"
|
|
:key="item.Feature"
|
|
>{{item.Feature}} {{item.Count ? item.Count : ""}}</v-list-tile-sub-title>
|
|
</v-list-tile-content>
|
|
</v-list-tile>
|
|
</v-list>
|
|
</v-card>
|
|
</v-flex>
|
|
</v-layout>
|
|
<!-- </div> -->
|
|
</template>
|
|
|
|
<script>
|
|
/* xeslint-disable */
|
|
import apiMeta from "../api/apimeta";
|
|
import aboutInfo from "../utils/aboutinfo";
|
|
import lt from "../api/locale";
|
|
export default {
|
|
data() {
|
|
return {
|
|
serverInfo: { license: { license: {} } },
|
|
clientInfo: {}
|
|
};
|
|
},
|
|
beforeMount() {
|
|
lt.fetch(["HelpAboutAyaNova"]);
|
|
},
|
|
mounted() {
|
|
this.clientInfo.version = aboutInfo.version;
|
|
apiMeta
|
|
.fetchAPIInfo()
|
|
.then(response => {
|
|
this.serverInfo = response.data;
|
|
})
|
|
.catch(function(error) {
|
|
/* xeslint-disable-next-line */
|
|
//console.log(error);
|
|
//TODO: turn this into a general error handling method for every form
|
|
//probablyo an error component with error message slot to fill in
|
|
alert(error);
|
|
});
|
|
},
|
|
methods: {
|
|
lt: function(key) {
|
|
return lt.get(key);
|
|
}
|
|
}
|
|
};
|
|
</script>
|
|
|
|
<style>
|
|
</style>
|