{"remainingRequest":"/home/soeren/dev/keksaccountgui/node_modules/vue-loader/lib/index.js??vue-loader-options!/home/soeren/dev/keksaccountgui/src/views/OAuthPermission.vue?vue&type=style&index=0&lang=css&","dependencies":[{"path":"/home/soeren/dev/keksaccountgui/src/views/OAuthPermission.vue","mtime":1561046436563},{"path":"/home/soeren/dev/keksaccountgui/node_modules/css-loader/index.js","mtime":499162500000},{"path":"/home/soeren/dev/keksaccountgui/node_modules/vue-loader/lib/loaders/stylePostLoader.js","mtime":499162500000},{"path":"/home/soeren/dev/keksaccountgui/node_modules/postcss-loader/src/index.js","mtime":499162500000},{"path":"/home/soeren/dev/keksaccountgui/node_modules/vuetify-loader/lib/loader.js","mtime":1564062719000},{"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.header {\n    background-image: url('~@/assets/manhattan-407703_1920.jpg');\n    background-repeat: no-repeat;\n    margin-top: -100px;\n    height: 30vh;\n    text-align: center;\n}\n.header h1{\n    padding-top: 200px;\n    font-size: 56px !important;\n    font-weight: 400;\n    line-height: 32px !important;\n    letter-spacing: normal !important;\n}\n.header h1 .small{\n    font-weight: 300 !important;\n}\n.header h2{\n    padding-top: 30px;\n    font-size: 34px !important;\n    font-weight: 300;\n    line-height: 32px !important;\n    letter-spacing: normal !important;\n}\nh1{\n    font-weight: 300;\n    line-height: 32px !important;\n    letter-spacing: normal !important;\n}\nh2{\n    font-weight: 300;\n    line-height: 32px !important;\n    letter-spacing: normal !important;\n}\n",{"version":3,"sources":["OAuthPermission.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0GA;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":"OAuthPermission.vue","sourceRoot":"src/views","sourcesContent":["<template>\n    <div style=\"\">\n        <div class=\"header\">\n        </div>\n        <v-container grid-list-md>\n            <v-layout row wrap>\n                <v-flex md4></v-flex>\n                <v-flex md4 v-if=\"!$store.state.loggedIn\">\n                    <Login loginToService=\"true\" serviceName=\"Jenkins\" @loggedIn=\"getAppData();\"></Login>\n                </v-flex>\n                <v-flex md4 v-if=\"$store.state.loggedIn && app != null\">\n                    <h1>Login to {{ app.name }}</h1>\n                    <p>{{ app.description }}</p>\n                    <hr>\n                    <div style=\"margin-top:20px;margin-bottom:20px;\">\n                        This App get the following permissions:<br /><br />\n                        <ul>\n                            <li v-if=\"app.access.read_profile\">Read your Profile information</li>\n                            <li v-if=\"app.access.update_profile\">>Update your Profile information</li>\n\n                            <li v-if=\"app.access.read_apps\">>Read your App information</li>\n                            <li v-if=\"app.access.update_apps\">>Update your App information</li>\n\n                            <li v-if=\"app.access.read_access\">>Read your Access information</li>\n                            <li v-if=\"app.access.update_access\">>Update your Access information</li>\n                        </ul>\n                    </div>\n\n                    <v-btn color=\"success\" @click=\"allowAccess()\" :disabled=\"disabledLoginButton\" style=\"width: 100%;\">Login to {{ app.name }}</v-btn>\n                    <br><br>\n\n                    <a :href=\"app.url\">Go to App-Webpage</a>\n                </v-flex>\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 AppsService from '../services/Apps'\n\n    export default {\n        data () {\n            return {\n                nameBig: '',\n                nameSmall: '',\n                username: '',\n                password: '',\n                errorMessage: '',\n                app: null,\n                disabledLoginButton: true,\n                appId: null\n            }\n        },\n        components: {\n            'Login': LoginComponent\n        },\n        methods: {\n            getAppData: function () {\n                AppsService.getAppByKey(this.$route.query.client_id).then((res) => {\n                    this.appId = res.data.data[0].id\n                    AppsService.getAccess(res.data.data[0].id).then((access) => {\n                        if(access.data.data.status == \"allowed\") {\n                            if(res.data.data[0].properties.stopAutoRedirect) {\n                                this.disabledLoginButton = false;\n                                console.log(\"Disabled Auto redirect\");\n                            } else {\n                                this.allowAccess();\n                            }\n                            console.log(\"ALLOWED\");\n                        } else {\n                            this.disabledLoginButton = false;\n                        }\n                       console.log(\"Access Data\", res.data);\n                    });\n                    console.log(\"App Data\", res.data);\n                    this.app = res.data.data[0];\n                });\n            },\n            allowAccess: function () {\n                console.log(this.$route.query);\n                AppsService.allowAccess(this.appId, this.$route.query.redirect_uri, this.$route.query.scope).then((res) => {\n                   console.log(\"App Access\", res);\n                   location.href=res.data.data.redirectUrl\n                });\n            }\n\n        },\n        mounted: function() {\n\n            this.nameBig = this.$store.getters.getSettingValue(\"name_big\");\n            this.nameSmall = this.$store.getters.getSettingValue(\"name_small\");\n            this.getAppData();\n\n        }\n    }\n</script>\n\n<style>\n    .header {\n        background-image: url('~@/assets/manhattan-407703_1920.jpg');\n        background-repeat: no-repeat;\n        margin-top: -100px;\n        height: 30vh;\n        text-align: center;\n    }\n    .header h1{\n        padding-top: 200px;\n        font-size: 56px !important;\n        font-weight: 400;\n        line-height: 32px !important;\n        letter-spacing: normal !important;\n    }\n    .header h1 .small{\n        font-weight: 300 !important;\n    }\n    .header h2{\n        padding-top: 30px;\n        font-size: 34px !important;\n        font-weight: 300;\n        line-height: 32px !important;\n        letter-spacing: normal !important;\n    }\n    h1{\n        font-weight: 300;\n        line-height: 32px !important;\n        letter-spacing: normal !important;\n    }\n    h2{\n        font-weight: 300;\n        line-height: 32px !important;\n        letter-spacing: normal !important;\n    }\n</style>\n"]}]}