not too much added

Author: aleckslu

src-electron/main-process/electron-main.js

@@ -1,4 +1,4 @@
-import { app, BrowserWindow } from 'electron'
+import { app, BrowserWindow, shell, ipcMain } from 'electron'
 
 /**
  * Set `__statics` path to static files in production;
@@ -12,10 +12,22 @@ if (process.env.PROD) {
 
 let mainWindow
 
+ipcMain.handle('slackAuth', slackAuth)
+
+function slackAuth () {
+  shell.openExternal()
+  app.listen(443, () => {
+    console.log('Listening on port 443')
+  })
+  app.listen()
+}
+
 function createWindow () {
   /**
    * Initial window options
    */
+
+  
   mainWindow = new BrowserWindow({
     width: 1000,
     height: 600,
@@ -25,16 +37,23 @@ function createWindow () {
       webSecurity: false
     }
   })
-
+  
   mainWindow.loadURL(process.env.APP_URL)
-
+  
   mainWindow.on('closed', () => {
     mainWindow = null
   })
+  // shell.openExternal('http://google.com/')
 }
 
 app.on('ready', createWindow)
 
+// listener for OAuth response with URL encoded auth token
+// ipcMain.once('slackAuth', )
+// app.listen(443, () => {
+
+// })
+
 app.on('window-all-closed', () => {
   if (process.platform !== 'darwin') {
     app.quit()

src/components/slack_login/SlackLoginWindow.vue

@@ -3,24 +3,77 @@
 <!--
 Slack Login Button:
 -->
-<a href='https://slack.com/openid/connect/authorize?scope=openid%20profile&amp;response_type=code&amp;redirect_uri=https%3A%2F%2Flocalhost&amp;client_id=2696943977700.2696948669268' style="align-items:center;color:#fff;background-color:#4A154B;border:0;border-radius:48px;display:inline-flex;font-family:Lato, sans-serif;font-size:16px;font-weight:600;height:48px;justify-content:center;text-decoration:none;width:256px"><svg xmlns="http://www.w3.org/2000/svg" style="height:20px;width:20px;margin-right:12px" viewBox="0 0 122.8 122.8"><path d="M25.8 77.6c0 7.1-5.8 12.9-12.9 12.9S0 84.7 0 77.6s5.8-12.9 12.9-12.9h12.9v12.9zm6.5 0c0-7.1 5.8-12.9 12.9-12.9s12.9 5.8 12.9 12.9v32.3c0 7.1-5.8 12.9-12.9 12.9s-12.9-5.8-12.9-12.9V77.6z" fill="#e01e5a"></path><path d="M45.2 25.8c-7.1 0-12.9-5.8-12.9-12.9S38.1 0 45.2 0s12.9 5.8 12.9 12.9v12.9H45.2zm0 6.5c7.1 0 12.9 5.8 12.9 12.9s-5.8 12.9-12.9 12.9H12.9C5.8 58.1 0 52.3 0 45.2s5.8-12.9 12.9-12.9h32.3z" fill="#36c5f0"></path><path d="M97 45.2c0-7.1 5.8-12.9 12.9-12.9s12.9 5.8 12.9 12.9-5.8 12.9-12.9 12.9H97V45.2zm-6.5 0c0 7.1-5.8 12.9-12.9 12.9s-12.9-5.8-12.9-12.9V12.9C64.7 5.8 70.5 0 77.6 0s12.9 5.8 12.9 12.9v32.3z" fill="#2eb67d"></path><path d="M77.6 97c7.1 0 12.9 5.8 12.9 12.9s-5.8 12.9-12.9 12.9-12.9-5.8-12.9-12.9V97h12.9zm0-6.5c-7.1 0-12.9-5.8-12.9-12.9s5.8-12.9 12.9-12.9h32.3c7.1 0 12.9 5.8 12.9 12.9s-5.8 12.9-12.9 12.9H77.6z" fill="#ecb22e"></path></svg>Sign in with Slack</a>
+<q-btn @click="slackOauth" class="slackBtn" >
+
+  <svg xmlns="http://www.w3.org/2000/svg" style="height:20px;width:20px;margin-right:12px" viewBox="0 0 122.8 122.8">
+    <path d="M25.8 77.6c0 7.1-5.8 12.9-12.9 12.9S0 84.7 0 77.6s5.8-12.9 12.9-12.9h12.9v12.9zm6.5 0c0-7.1 5.8-12.9 12.9-12.9s12.9 5.8 12.9 12.9v32.3c0 7.1-5.8 12.9-12.9 12.9s-12.9-5.8-12.9-12.9V77.6z" fill="#e01e5a"></path>
+    <path d="M45.2 25.8c-7.1 0-12.9-5.8-12.9-12.9S38.1 0 45.2 0s12.9 5.8 12.9 12.9v12.9H45.2zm0 6.5c7.1 0 12.9 5.8 12.9 12.9s-5.8 12.9-12.9 12.9H12.9C5.8 58.1 0 52.3 0 45.2s5.8-12.9 12.9-12.9h32.3z" fill="#36c5f0"></path>
+    <path d="M97 45.2c0-7.1 5.8-12.9 12.9-12.9s12.9 5.8 12.9 12.9-5.8 12.9-12.9 12.9H97V45.2zm-6.5 0c0 7.1-5.8 12.9-12.9 12.9s-12.9-5.8-12.9-12.9V12.9C64.7 5.8 70.5 0 77.6 0s12.9 5.8 12.9 12.9v32.3z" fill="#2eb67d"></path>
+    <path d="M77.6 97c7.1 0 12.9 5.8 12.9 12.9s-5.8 12.9-12.9 12.9-12.9-5.8-12.9-12.9V97h12.9zm0-6.5c-7.1 0-12.9-5.8-12.9-12.9s5.8-12.9 12.9-12.9h32.3c7.1 0 12.9 5.8 12.9 12.9s-5.8 12.9-12.9 12.9H77.6z" fill="#ecb22e"></path>
+  </svg>Sign in with Slack
+</q-btn>
 <!--
 Skip button:
 -->
 <br/>
-<a href='/' style="align-items:center;display:inline-flex;font-family:Lato, sans-serif;font-size:14px;font-weight:600;height:36px;width:128px;text-decoration:none;justify-content:center">Skip</a>
+<q-btn @click="" class="skipBtn" >Skip</q-btn>
 </div>
 
 </template>
 
 <script>
-import { mapState, mapActions } from 'vuex'
+// import { mapState, mapActions } from 'vuex'
+import localforage from 'localforage'
+import { shell } from 'electron'
+import slackApiStuff from '../../../secretStuff/slackApiStuff.js'
+// const oauthURL = 
 
 export default {
-
+  name: 'SlackLoginWindow',
+  data () {
+    return {
+      oauthURL: slackApiStuff.oauthURL
+    }
+  },
+  methods: {
+    slackOauth: function () {
+      console.log('clicked')
+      // shell.openExternal(this.oauthURL)
+      window.open(this.oauthURL, '_blank')
+    }
+  }
 }
 </script>
 
 <style>
 
+.slackBtn {
+  align-items:center;
+  color:#fff;
+  background-color:#4A154B;
+  border:0;
+  border-radius:48px;
+  display:inline-flex;
+  font-family:Lato, sans-serif;
+  font-size:16px;
+  font-weight:600;
+  height:48px;
+  justify-content:center;
+  text-decoration:none;
+  width:256px;
+}
+
+.skipBtn {
+  align-items:center;
+  color:#000;
+  display:inline-flex;
+  font-family:Lato, sans-serif;
+  font-size:14px;
+  font-weight:600;
+  height:36px;
+  width:128px;
+  text-decoration:none;
+  justify-content:center;
+}
+
 </style>

src/router/routes.js

@@ -2,12 +2,12 @@
 const routes = [
   {
     path: '/',
-    // redirect: 'https://slack.com/openid/connect/authorize?scope=openid%20profile&response_type=code&redirect_uri=https%3A%2F%2Flocalhost/slacklogin&client_id=2696943977700.2696948669268'
+    // redirect: ''
     component: () => import('components/slack_login/SlackLoginWindow.vue')
   },
   {
     path: '/slacklogin',
-    // redirect: 'https://slack.com/openid/connect/authorize?scope=openid%20profile&response_type=code&redirect_uri=https%3A%2F%2Flocalhost/slacklogin&client_id=2696943977700.2696948669268'
+    // redirect: ''
     redirect: '/pow'
   },
   {