kekscloud/keksAccountGUI
Archived
1
0
Fork 0
Code Issues 2 Pull requests Releases Wiki Activity

Startpage

Browse source
This commit is contained in:
Kekskurse 2019-07-26 11:13:36 +02:00
parent 99aec34a45
commit 7fd8a13c85
1 changed files with 24 additions and 114 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

138
src/views/Startpage.vue
View file

@ -10,12 +10,15 @@
<h1>Services</h1> <h1>Services</h1>
<p>Mit deinem KeksAccount Username kannst du dich u.a. bei folgenden Servicen einloggen und diese nutzten. </p> <p>Mit deinem KeksAccount Username kannst du dich u.a. bei folgenden Servicen einloggen und diese nutzten. </p>
</v-flex> </v-flex>
<v-flex md4 text-xs-center>
</v-layout>
<v-layout row wrap>
<v-flex md4 xs12 text-xs-center v-for="(item, index) in apps">
<v-card> <v-card>
<v-layout> <v-layout>
<v-flex xs5> <v-flex xs5>
<v-img <v-img
src="https://api.account.keks.cloud/gui/apps/1/icon" :src="getImageUrl(item.id)"
height="125px" height="125px"
contain contain
></v-img> ></v-img>
@ -23,8 +26,8 @@
<v-flex xs7> <v-flex xs7>
<v-card-title primary-title> <v-card-title primary-title>
<div> <div>
<div class="headline">Git</div> <div class="headline">{{ item.name }}</div>
<div>Git-Server von keks.cloud</div> <div>{{ item.description }}</div>
</div> </div>
</v-card-title> </v-card-title>
</v-flex> </v-flex>
@ -33,115 +36,9 @@
<v-card-actions class="pa-3"> <v-card-actions class="pa-3">
<v-spacer></v-spacer> <v-spacer></v-spacer>
<v-icon>exit_to_app</v-icon> <v-btn icon>
</v-card-actions> <v-icon @click="navigateToApp(item)">input</v-icon>
</v-card> </v-btn>
</v-flex>
<v-flex md4 text-xs-center>
<v-card>
<v-layout>
<v-flex xs5>
<v-img
src="https://api.account.keks.cloud/gui/apps/3/icon"
height="125px"
contain
></v-img>
</v-flex>
<v-flex xs7>
<v-card-title primary-title>
<div>
<div class="headline">Chat</div>
<div>Mattermost Chat Server</div>
</div>
</v-card-title>
</v-flex>
</v-layout>
<v-divider light></v-divider>
<v-card-actions class="pa-3">
<v-spacer></v-spacer>
<v-icon>exit_to_app</v-icon>
</v-card-actions>
</v-card>
</v-flex>
<v-flex md4 text-xs-center>
<v-card>
<v-layout>
<v-flex xs5>
<v-img
src="https://api.account.keks.cloud/gui/apps/4/icon"
height="125px"
contain
></v-img>
</v-flex>
<v-flex xs7>
<v-card-title primary-title>
<div>
<div class="headline">Nextcloud</div>
<div>Share Files with other Users</div>
</div>
</v-card-title>
</v-flex>
</v-layout>
<v-divider light></v-divider>
<v-card-actions class="pa-3">
<v-spacer></v-spacer>
<v-icon>exit_to_app</v-icon>
</v-card-actions>
</v-card>
</v-flex>
<v-flex md4 text-xs-center>
<v-card>
<v-layout>
<v-flex xs5>
<v-img
src="https://api.account.keks.cloud/gui/apps/5/icon"
height="125px"
contain
></v-img>
</v-flex>
<v-flex xs7>
<v-card-title primary-title>
<div>
<div class="headline">Jenkins</div>
<div>Build pipelines for Developer</div>
</div>
</v-card-title>
</v-flex>
</v-layout>
<v-divider light></v-divider>
<v-card-actions class="pa-3">
<v-spacer></v-spacer>
<v-icon>exit_to_app</v-icon>
</v-card-actions>
</v-card>
</v-flex>
<v-flex md4 text-xs-center>
<v-card>
<v-layout>
<v-flex xs5>
<v-img
src="https://api.account.keks.cloud/gui/apps/7/icon"
height="125px"
contain
></v-img>
</v-flex>
<v-flex xs7>
<v-card-title primary-title>
<div>
<div class="headline">Wiki</div>
<div>Dokumentation von Servicen und Projekten</div>
</div>
</v-card-title>
</v-flex>
</v-layout>
<v-divider light></v-divider>
<v-card-actions class="pa-3">
<v-spacer></v-spacer>
<v-icon>exit_to_app</v-icon>
</v-card-actions> </v-card-actions>
</v-card> </v-card>
</v-flex> </v-flex>
@ -154,6 +51,7 @@
</template> </template>
<script> <script>
import AppService from '../services/Apps'
export default { export default {
data () { data () {
return { return {
@ -164,13 +62,25 @@
{ icon: 'home', title: 'Login' }, { icon: 'home', title: 'Login' },
{ icon: 'info', title: 'Invited' }, { icon: 'info', title: 'Invited' },
{ icon: 'warning', title: 'Register' } { icon: 'warning', title: 'Register' }
] ],
apps: []
} }
}, },
methods: {
'getStartpageApps': function () {
AppService.getStartPageApps().then((res) => {
this.apps = res.data.data;
});
},
'getImageUrl' : function (id) {
return AppService.getAppImage(id);
},
},
mounted: function() { mounted: function() {
this.nameBig = this.$store.getters.getSettingValue("name_big"); this.nameBig = this.$store.getters.getSettingValue("name_big");
this.nameSmall = this.$store.getters.getSettingValue("name_small"); this.nameSmall = this.$store.getters.getSettingValue("name_small");
this.slogen = this.$store.getters.getSettingValue("name_slogen"); this.slogen = this.$store.getters.getSettingValue("name_slogen");
this.getStartpageApps();
} }
} }
</script> </script>