Prepare for adding login

Added test button for trying out login.

Updated chrome extension id references to point to the originally
published extension.

Made first screen default screen

src/app/menu/menu.tpl.html

@@ -12,8 +12,8 @@
     Will only work when deployed as a chrome plugin
     more info: https://developer.chrome.com/extensions/overview#relative-urls
   -->
-  <link href="chrome-extension://lofaefnmemfjgcamajbjdoahbpoappik/material.css" rel="stylesheet">
-  <script src="chrome-extension://lofaefnmemfjgcamajbjdoahbpoappik/material.js"></script>
+  <link href="chrome-extension://edaikeockhhgpaphanebdpgdcihekchg/material.css" rel="stylesheet">
+  <script src="chrome-extension://edaikeockhhgpaphanebdpgdcihekchg/material.js"></script>
 
   <style>
     /*
@@ -54,14 +54,14 @@
 
     <header class="mdl-layout__header">
       <div class="mdl-layout__tab-bar mdl-js-ripple-effect">
-        <a href="#main-panel" class="mdl-layout__tab">Tag you're it</a>
-        <a href="#settings-panel" class="mdl-layout__tab is-active">Settings</a>
+        <a href="#main-panel" class="mdl-layout__tab is-active">Tag you're it</a>
+        <a href="#settings-panel" class="mdl-layout__tab">Settings</a>
       </div>
     </header>
 
     <div class="mdl-layout__content">
 
-      <div ng-controller="MenuCtrl" class="mdl-layout__tab-panel mdl-grid" id="main-panel">
+      <div ng-controller="MenuCtrl" class="mdl-layout__tab-panel mdl-grid is-active" id="main-panel">
 
         <br>
 
@@ -101,12 +101,10 @@
 
       </div>
 
-      <div ng-controller="SettingsCtrl" class="mdl-layout__tab-panel mdl-grid is-active" id="settings-panel">
+      <div ng-controller="SettingsCtrl" class="mdl-layout__tab-panel mdl-grid" id="settings-panel">
 
         <br>
 
-        <p>Changes will be automatically saved.</p>
-
         <form action="" novalidate>
 
           <p>
@@ -129,6 +127,8 @@
 
         <p><a href ng-click="vm.resetDefaults()">Reset to default settings</a></p>
 
+        <p><a href ng-click="vm.testLogin()">Do test login </a> (warning functionality currently being tested)</p>
+
       </div>
     </div>
   </div>

src/app/menu/settings.controller.ts

@@ -66,5 +66,12 @@ export class SettingsCtrl {
     this.SettingsService.resetSettings().then(() => this.loadSettings())
   }
 
+  testLogin() {
+    debugger;
+    chrome.identity.getAuthToken({'interactive': true}, 
+    (token) => {
+      debugger;
+    })
+  }
 
 }

src/plugin-specific/manifest.json

@@ -1,18 +1,24 @@
 {
   "name": "Tag you're it",
   "description": "A browser tool for tagging words with exact definitions.",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "manifest_version": 2,
   "icons": {
     "16": "icon16.png",
     "48": "icon48.png",
     "128": "icon128.png"
   },
+  "key": "edaikeockhhgpaphanebdpgdcihekchg",
   "permissions": [
     "storage",
     "activeTab",
+    "identity",
     "https://imdb.uib.no/"
   ],
+  "oauth2": {
+    "client_id": "324400631833-lvbvjm8ppis9qn92jvq42b5qoc3s7qu4.apps.googleusercontent.com",
+    "scopes": []
+  },
   "background": {
     "persistent": false,
     "scripts": ["background.js"]