This commit is contained in:
Kekskurse 2019-07-17 14:44:05 +02:00
parent 01c3ea3d32
commit 9b022502a7
10 changed files with 136 additions and 16 deletions

10
Dockerfile Normal file
View file

@ -0,0 +1,10 @@
FROM node:lts-alpine
RUN npm install -g http-server
WORKDIR /app
COPY package*.json ./
RUN npm install
COPY . .
RUN npm run build
EXPOSE 8080
CMD [ "http-server", "dist" ]

2
build.sh Normal file
View file

@ -0,0 +1,2 @@
docker build -t docker.keks.cloud/keksaccount/gui:latest .
docker push docker.keks.cloud/keksaccount/gui:latest

View file

@ -1,5 +1,5 @@
<template> <template>
<v-app > <v-app style="background-color:#ffffff">
<div v-if="$store.getters.getAllDataLoaded"> <div v-if="$store.getters.getAllDataLoaded">
<Menu></Menu> <Menu></Menu>
<MenuMobile></MenuMobile> <MenuMobile></MenuMobile>

View file

@ -12,13 +12,33 @@
flat flat
>Apps</v-btn> >Apps</v-btn>
<v-btn
v-if="this.$store.state.loggedIn && this.$store.getters.getMe.admin"
:to="{path: '/admin'}"
flat
>Admin</v-btn>
<v-menu offset-y v-if="this.$store.state.loggedIn && this.$store.getters.getMe.admin">
<template v-slot:activator="{ on }">
<v-btn
v-on="on"
flat
>
Admin
</v-btn>
</template>
<v-list>
<v-list-tile @click="">
<v-list-tile-title >Settings</v-list-tile-title>
</v-list-tile>
<v-list-tile @click="">
<v-list-tile-title >Users</v-list-tile-title>
</v-list-tile>
<v-list-tile @click="">
<v-list-tile-title >Invites</v-list-tile-title>
</v-list-tile>
<v-list-tile @click="">
<v-list-tile-title >Apps</v-list-tile-title>
</v-list-tile>
</v-list>
</v-menu>
<v-menu offset-y v-if="this.$store.state.loggedIn"> <v-menu offset-y v-if="this.$store.state.loggedIn">
<template v-slot:activator="{ on }"> <template v-slot:activator="{ on }">
<v-btn <v-btn
@ -29,8 +49,8 @@
</v-btn> </v-btn>
</template> </template>
<v-list> <v-list>
<v-list-tile> <v-list-tile @click="clickLoogut()">
<v-list-tile-title @click="clickLoogut()">Logout</v-list-tile-title> <v-list-tile-title >Logout</v-list-tile-title>
</v-list-tile> </v-list-tile>
</v-list> </v-list>
</v-menu> </v-menu>

View file

@ -13,6 +13,47 @@
<v-list-tile-title>Home</v-list-tile-title> <v-list-tile-title>Home</v-list-tile-title>
</v-list-tile> </v-list-tile>
<v-list-tile>
<v-list-tile-action>
<v-icon>home</v-icon>
</v-list-tile-action>
<v-list-tile-title>Apps</v-list-tile-title>
</v-list-tile>
<v-list-group
prepend-icon="account_circle"
value="true"
>
<template v-slot:activator>
<v-list-tile>
<v-list-tile-title>Admin</v-list-tile-title>
</v-list-tile>
</template>
<v-list-tile>
<v-list-tile-action>
</v-list-tile-action>
<v-list-tile-title>Settings</v-list-tile-title>
</v-list-tile>
<v-list-tile>
<v-list-tile-action>
</v-list-tile-action>
<v-list-tile-title>Users</v-list-tile-title>
</v-list-tile>
<v-list-tile>
<v-list-tile-action>
</v-list-tile-action>
<v-list-tile-title>Apps</v-list-tile-title>
</v-list-tile>
<v-list-tile>
<v-list-tile-action>
</v-list-tile-action>
<v-list-tile-title>Invites</v-list-tile-title>
</v-list-tile>
</v-list-group>
<v-list-group <v-list-group
prepend-icon="account_circle" prepend-icon="account_circle"
value="true" value="true"

View file

@ -2,8 +2,8 @@ import axios from 'axios'
export default() => { export default() => {
return axios.create({ return axios.create({
baseURL: `http://127.0.0.1:8000/api/`, //baseURL: `http://127.0.0.1:8000/api/`,
//baseURL: `https://account.keks.cloud/api/`, baseURL: `https://account.keks.cloud/api/`,
withCredentials: false, withCredentials: false,
headers: { headers: {
'Accept': 'application/json', 'Accept': 'application/json',

View file

@ -5,7 +5,7 @@ export default {
return Api().get('/v1/app') return Api().get('/v1/app')
}, },
getAppImage(id) { getAppImage(id) {
return "https://account.keks.cloud/gui/apps/"+id+"/icon"; return "https://api.account.keks.cloud/gui/apps/"+id+"/icon";
}, },
getApp(id) { getApp(id) {
return Api().get('/v1/app/'+id) return Api().get('/v1/app/'+id)

View file

@ -44,7 +44,7 @@
hint="You can't edit this" hint="You can't edit this"
></v-text-field> ></v-text-field>
<br> <br>
<h2>API Access</h2> <!--<h2>API Access</h2>
<p> <p>
You can access the API to get informations about this APP with the following API Credentials: You can access the API to get informations about this APP with the following API Credentials:
<v-text-field <v-text-field
@ -70,7 +70,7 @@
value="" value=""
disabled disabled
></v-text-field> ></v-text-field>
</p> </p>!-->
</v-container> </v-container>
</v-tab-item> </v-tab-item>
<v-tab-item :key="3" :transition="false" :reverse-transition="false"> <v-tab-item :key="3" :transition="false" :reverse-transition="false">
@ -145,6 +145,47 @@
<v-container style="padding-right: 0px; padding-left:0px;"> <v-container style="padding-right: 0px; padding-left:0px;">
<p> <p>
Beim ändern der Permissions müssen alle User den Zugriff erneut bestätigen. Beim ändern der Permissions müssen alle User den Zugriff erneut bestätigen.
<v-checkbox
v-model="app.access.oAuth"
label="Use oAuth"
disabled
></v-checkbox>
<v-checkbox
v-model="app.access.api"
label="Make API-Requests"
disabled
></v-checkbox>
<v-checkbox
v-model="app.access.update_apps"
label="Update the Users App"
disabled
></v-checkbox>
<v-checkbox
v-model="app.access.update_profile"
label="Update the User Profile"
disabled
></v-checkbox>
<v-checkbox
v-model="app.access.update_access"
label="Update the User Access list (revoke Access)""
disabled
></v-checkbox>
<v-checkbox
v-model="app.access.read_access"
label="Read all Access from the User"
disabled
></v-checkbox>
<v-checkbox
v-model="app.access.read_apps"
label="Read all Apps from the User"
disabled
></v-checkbox>
<v-checkbox
v-model="app.access.read_profile"
label="Read the User-Profil Information"
disabled
></v-checkbox>
</p> </p>
</v-container> </v-container>
</v-tab-item> </v-tab-item>

View file

@ -9,7 +9,7 @@
</v-flex> </v-flex>
</v-layout> </v-layout>
<v-layout row wrap> <v-layout row wrap>
<v-flex md4 text-xs-center v-for="(item, index) in apps"> <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>

View file

@ -53,8 +53,14 @@
}, },
mounted: function() { mounted: function() {
console.log("REDIRECT: "+this.$store.state.redirectIfLoggedIn) console.log("REDIRECT: "+this.$store.state.redirectIfLoggedIn)
if(this.$store.state.loggedIn == true && this.$store.state.redirectIfLoggedIn != null) { if(this.$store.state.loggedIn == true) {
this.$router.push(this.$store.state.redirectIfLoggedIn); if(this.$store.state.redirectIfLoggedIn != null) {
this.$router.push(this.$store.state.redirectIfLoggedIn);
} else {
this.$router.push({name: 'Dashboard'});
}
} }
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");