{"remainingRequest":"/home/soeren/dev/keksaccountgui/node_modules/babel-loader/lib/index.js!/home/soeren/dev/keksaccountgui/node_modules/vuetify-loader/lib/loader.js!/home/soeren/dev/keksaccountgui/node_modules/cache-loader/dist/cjs.js??ref--0-0!/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//\nimport ServerService from \"../services/Server\";\nimport UserService from \"../services/User\";\nimport LoginComponent from \"../components/Login\";\nimport AppService from \"../services/Apps\";\nexport default {\n data: function data() {\n return {\n app: null,\n imageUrl: '',\n appUser: []\n };\n },\n components: {\n \"Login\": LoginComponent\n },\n methods: {\n 'updateSettings': function updateSettings() {\n var _this = this;\n\n AppService.updateApp(this.app).then(function (res) {\n if (res.data.success) {\n alert(\"Änderung erfolgreich gespeichert\");\n } else {\n alert(\"FEHLER: \" + res.data.msg);\n }\n\n _this.app = res.data.data;\n }, function (res) {\n alert(\"FEHLER: \" + res.response.data.msg);\n });\n }\n },\n mounted: function mounted() {\n var _this2 = this;\n\n AppService.getApp(this.$route.params.id).then(function (res) {\n _this2.app = res.data.data;\n });\n AppService.getUser(this.$route.params.id).then(function (res) {\n console.log(\"Users\", res.data.data);\n _this2.appUser = res.data.data;\n });\n this.imageUrl = AppService.getAppImage(this.$route.params.id);\n }\n};",{"version":3,"sources":["AppDetails.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2NA,OAAA,aAAA;AACA,OAAA,WAAA;AACA,OAAA,cAAA;AACA,OAAA,UAAA;AAEA,eAAA;AACA,EAAA,IADA,kBACA;AACA,WAAA;AACA,MAAA,GAAA,EAAA,IADA;AAEA,MAAA,QAAA,EAAA,EAFA;AAGA,MAAA,OAAA,EAAA;AAHA,KAAA;AAKA,GAPA;AAQA,EAAA,UAAA,EAAA;AACA,aAAA;AADA,GARA;AAWA,EAAA,OAAA,EAAA;AACA,sBAAA,0BAAA;AAAA;;AACA,MAAA,UAAA,CAAA,SAAA,CAAA,KAAA,GAAA,EAAA,IAAA,CAAA,UAAA,GAAA,EAAA;AACA,YAAA,GAAA,CAAA,IAAA,CAAA,OAAA,EAAA;AACA,UAAA,KAAA,CAAA,kCAAA,CAAA;AACA,SAFA,MAEA;AACA,UAAA,KAAA,CAAA,aAAA,GAAA,CAAA,IAAA,CAAA,GAAA,CAAA;AACA;;AACA,QAAA,KAAA,CAAA,GAAA,GAAA,GAAA,CAAA,IAAA,CAAA,IAAA;AACA,OAPA,EAOA,UAAA,GAAA,EAAA;AACA,QAAA,KAAA,CAAA,aAAA,GAAA,CAAA,QAAA,CAAA,IAAA,CAAA,GAAA,CAAA;AACA,OATA;AAUA;AAZA,GAXA;AAyBA,EAAA,OAAA,EAAA,mBAAA;AAAA;;AACA,IAAA,UAAA,CAAA,MAAA,CAAA,KAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAA,IAAA,CAAA,UAAA,GAAA,EAAA;AACA,MAAA,MAAA,CAAA,GAAA,GAAA,GAAA,CAAA,IAAA,CAAA,IAAA;AACA,KAFA;AAGA,IAAA,UAAA,CAAA,OAAA,CAAA,KAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAA,IAAA,CAAA,UAAA,GAAA,EAAA;AACA,MAAA,OAAA,CAAA,GAAA,CAAA,OAAA,EAAA,GAAA,CAAA,IAAA,CAAA,IAAA;AACA,MAAA,MAAA,CAAA,OAAA,GAAA,GAAA,CAAA,IAAA,CAAA,IAAA;AACA,KAHA;AAIA,SAAA,QAAA,GAAA,UAAA,CAAA,WAAA,CAAA,KAAA,MAAA,CAAA,MAAA,CAAA,EAAA,CAAA;AACA;AAlCA,CAAA","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"],"sourceRoot":"src/views"}]}