{"remainingRequest":"/home/soeren/dev/keksaccountgui/node_modules/vue-loader/lib/index.js??vue-loader-options!/home/soeren/dev/keksaccountgui/src/views/AppDetails.vue?vue&type=script&lang=js&","dependencies":[{"path":"/home/soeren/dev/keksaccountgui/src/views/AppDetails.vue","mtime":1561108966420},{"path":"/home/soeren/dev/keksaccountgui/node_modules/cache-loader/dist/cjs.js","mtime":499162500000},{"path":"/home/soeren/dev/keksaccountgui/node_modules/babel-loader/lib/index.js","mtime":499162500000},{"path":"/home/soeren/dev/keksaccountgui/node_modules/vuetify-loader/lib/loader.js","mtime":1549812933000},{"path":"/home/soeren/dev/keksaccountgui/node_modules/cache-loader/dist/cjs.js","mtime":499162500000},{"path":"/home/soeren/dev/keksaccountgui/node_modules/vue-loader/lib/index.js","mtime":499162500000}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\nimport ServerService from '../services/Server'\nimport UserService from '../services/User'\nimport LoginComponent from '../components/Login'\nimport AppService from '../services/Apps'\n\nexport default {\n    data () {\n        return {\n            app: null,\n            imageUrl: '',\n            appUser: []\n        }\n    },\n    components: {\n        \"Login\": LoginComponent\n    },\n    methods: {\n        'updateSettings': function () {\n            AppService.updateApp(this.app).then((res) => {\n                if(res.data.success) {\n                    alert(\"Änderung erfolgreich gespeichert\");\n                } else {\n                    alert(\"FEHLER: \"+res.data.msg);\n                }\n                this.app = res.data.data;\n            }, (res) => {\n                alert(\"FEHLER: \"+res.response.data.msg);\n            })\n        }\n    },\n    mounted: function() {\n        AppService.getApp(this.$route.params.id).then((res) => {\n            this.app = res.data.data;\n        })\n        AppService.getUser(this.$route.params.id).then((res) => {\n            console.log(\"Users\", res.data.data)\n            this.appUser = res.data.data;\n        })\n        this.imageUrl = AppService.getAppImage(this.$route.params.id);\n    }\n}\n",{"version":3,"sources":["AppDetails.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2NA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"AppDetails.vue","sourceRoot":"src/views","sourcesContent":["<template>\n    <div style=\"\">\n\n        <v-container grid-list-md>\n            <v-layout row wrap>\n                <v-flex md12 v-if=\"app != null\">\n                    <h1>App {{ app.name }}</h1>\n                    <v-card class=\"mx-auto\" flat style=\"margin-top: 10px;\">\n                        <v-tabs\n                                background-color=\"white\"\n                                color=\"fff\"\n                                left\n\n                        >\n                            <v-tab>Overview</v-tab>\n                            <v-tab>API Access</v-tab>\n                            <v-tab>Settings</v-tab>\n                            <v-tab>Permissions</v-tab>\n                            <v-tab>Users</v-tab>\n\n                            <v-tab-item :key=\"1\" :transition=\"false\"  :reverse-transition=\"false\" >\n                                <v-container style=\"padding-right: 0px; padding-left:0px;\">\n                                    <img :src=\"imageUrl\" style=\"float: right;width: 100px;\">\n                                    <b>Description</b><br>\n                                    {{ app.description }}<br><br>\n                                    <a :href=\"app.url\">{{ app.url }}</a>\n                                </v-container>\n\n                            </v-tab-item>\n                            <v-tab-item :key=\"2\" :transition=\"false\"  :reverse-transition=\"false\">\n                                <v-container style=\"padding-right: 0px; padding-left:0px;\">\n                                    <h2>oAuth Token</h2>\n                                    <p>\n                                        Here are the oAuth API-Keys. You use this Keys to start the oAuth authorization work flow.\n                                    </p>\n                                    <v-text-field\n                                            label=\"API Key\"\n                                            :value=\"app.apiKey\"\n                                            hint=\"You can't edit this\"\n                                    ></v-text-field>\n                                    <v-text-field\n                                            label=\"API Secret\"\n                                            :value=\"app.apiSecret\"\n                                            hint=\"You can't edit this\"\n                                    ></v-text-field>\n                                    <br>\n                                    <!--<h2>API Access</h2>\n                                    <p>\n                                        You can access the API to get informations about this APP with the following API Credentials:\n                                        <v-text-field\n                                                label=\"API Token\"\n                                                value=\"\"\n                                                disabled\n                                        ></v-text-field>\n                                        <v-text-field\n                                                label=\"Refresh Token\"\n                                                value=\"\"\n                                                disabled\n                                        ></v-text-field>\n                                    <h2>Development Access</h2>\n                                    <p>\n                                        To test the App you can use the following Developer Access and Refresh token, they are connected to your user.\n                                        <v-text-field\n                                                label=\"Access Token\"\n                                                value=\"\"\n                                                disabled\n                                        ></v-text-field>\n                                        <v-text-field\n                                                label=\"Refresh Token\"\n                                                value=\"\"\n                                                disabled\n                                        ></v-text-field>\n                                    </p>!-->\n                                </v-container>\n                            </v-tab-item>\n                            <v-tab-item :key=\"3\" :transition=\"false\"  :reverse-transition=\"false\">\n                                <v-container style=\"padding-right: 0px; padding-left:0px;\">\n                                    <v-layout>\n                                        <v-flex md8>\n                                            <v-text-field\n                                                    label=\"App Name\"\n                                                    v-model=\"app.name\"\n                                            ></v-text-field>\n                                            <v-text-field\n                                                    label=\"URL\"\n                                                    v-model=\"app.url\"\n                                            ></v-text-field>\n                                            <v-textarea\n                                                    label=\"Description\"\n                                                    v-model=\"app.description\"\n\n                                            ></v-textarea>\n                                            <v-text-field\n                                                    label=\"Direct Login URL\"\n                                                    v-model=\"app.directUrl\"\n                                                    hint=\"URL to login with this oAuth Provider\"\n                                            ></v-text-field>\n                                            <v-checkbox\n                                                    v-model=\"app.properties.testingWarning\"\n                                                    label=\"Testing Warning\"\n                                                    disabled\n                                            ></v-checkbox>\n                                            <v-checkbox\n                                                    v-model=\"app.properties.untrustedWarning\"\n                                                    label=\"Untrusted Warning\"\n                                                    disabled\n                                            ></v-checkbox>\n                                            <v-checkbox\n                                                    v-model=\"app.properties.autoAccept\"\n                                                    label=\"Auto Accept\"\n                                                    disabled\n                                            ></v-checkbox>\n                                            <v-checkbox\n                                                    v-model=\"app.properties.showOnWebpage\"\n                                                    label=\"Show on Webpage\"\n                                                    disabled\n                                            ></v-checkbox>\n                                            <v-checkbox\n                                                    v-model=\"app.properties.stopAutoRedirect\"\n                                                    label=\"Stop Auto Redirect\"\n                                                    disabled\n                                            ></v-checkbox>\n                                            <v-checkbox\n                                                    v-model=\"app.properties.hideInAppList\"\n                                                    label=\"Hide in App List\"\n                                                    disabled\n                                            ></v-checkbox>\n                                            <v-checkbox\n                                                    v-model=\"app.properties.userCantRemoveApp\"\n                                                    label=\"Disabled user possible to remove App-Access\"\n                                                    disabled\n                                            ></v-checkbox>\n\n\n                                            <v-btn color=\"success\" @click=\"updateSettings()\" >Speichern</v-btn>\n                                        </v-flex>\n                                        <v-flex md4>\n                                            IMAGE\n                                        </v-flex>\n\n                                    </v-layout>\n                                </v-container>\n                            </v-tab-item>\n                            <v-tab-item :key=\"4\" :transition=\"false\"  :reverse-transition=\"false\">\n                                <v-container style=\"padding-right: 0px; padding-left:0px;\">\n                                    <p>\n                                        Beim ändern der Permissions müssen alle User den Zugriff erneut bestätigen.\n\n                                        <v-checkbox\n                                                v-model=\"app.access.oAuth\"\n                                                label=\"Use oAuth\"\n                                                disabled\n                                        ></v-checkbox>\n                                        <v-checkbox\n                                                v-model=\"app.access.api\"\n                                                label=\"Make API-Requests\"\n                                                disabled\n                                        ></v-checkbox>\n                                        <v-checkbox\n                                                v-model=\"app.access.update_apps\"\n                                                label=\"Update the Users App\"\n                                                disabled\n                                        ></v-checkbox>\n                                        <v-checkbox\n                                                v-model=\"app.access.update_profile\"\n                                                label=\"Update the User Profile\"\n                                                disabled\n                                        ></v-checkbox>\n                                        <v-checkbox\n                                                v-model=\"app.access.update_access\"\n                                                label=\"Update the User Access list (revoke Access)\"\"\n                                                disabled\n                                        ></v-checkbox>\n                                        <v-checkbox\n                                                v-model=\"app.access.read_access\"\n                                                label=\"Read all Access from the User\"\n                                                disabled\n                                        ></v-checkbox>\n                                        <v-checkbox\n                                                v-model=\"app.access.read_apps\"\n                                                label=\"Read all Apps from the User\"\n                                                disabled\n                                        ></v-checkbox>\n                                        <v-checkbox\n                                                v-model=\"app.access.read_profile\"\n                                                label=\"Read the User-Profil Information\"\n                                                disabled\n                                        ></v-checkbox>\n                                    </p>\n                                </v-container>\n                            </v-tab-item>\n                            <v-tab-item :key=\"4\" :transition=\"false\"  :reverse-transition=\"false\">\n                                <v-container style=\"padding-right: 0px; padding-left:0px;\">\n                                        <table>\n                                            <tr>\n                                                <th>Username</th>\n                                            </tr>\n                                            <tr v-for=\"user in appUser\">\n                                                <td>{{ user.username }}</td>\n                                            </tr>\n                                        </table>\n                                </v-container>\n                            </v-tab-item>\n\n                        </v-tabs>\n                    </v-card>\n                </v-flex>\n\n\n\n            </v-layout>\n        </v-container>\n\n\n    </div>\n\n</template>\n\n<script>\n    import ServerService from '../services/Server'\n    import UserService from '../services/User'\n    import LoginComponent from '../components/Login'\n    import AppService from '../services/Apps'\n\n    export default {\n        data () {\n            return {\n                app: null,\n                imageUrl: '',\n                appUser: []\n            }\n        },\n        components: {\n            \"Login\": LoginComponent\n        },\n        methods: {\n            'updateSettings': function () {\n                AppService.updateApp(this.app).then((res) => {\n                    if(res.data.success) {\n                        alert(\"Änderung erfolgreich gespeichert\");\n                    } else {\n                        alert(\"FEHLER: \"+res.data.msg);\n                    }\n                    this.app = res.data.data;\n                }, (res) => {\n                    alert(\"FEHLER: \"+res.response.data.msg);\n                })\n            }\n        },\n        mounted: function() {\n            AppService.getApp(this.$route.params.id).then((res) => {\n                this.app = res.data.data;\n            })\n            AppService.getUser(this.$route.params.id).then((res) => {\n                console.log(\"Users\", res.data.data)\n                this.appUser = res.data.data;\n            })\n            this.imageUrl = AppService.getAppImage(this.$route.params.id);\n        }\n    }\n</script>\n\n<style>\n\n</style>\n"]}]}