Mock "Login with Microsoft" Button CORWEB-58

.gitignore

@@ -7,4 +7,5 @@ ncp-debug.log
 npm-debug.log
 .idea
 yarn.lock
-src/config.js
+src/config.js
+.DS_Store

src/components/LoginPage/LoginPage.js

@@ -25,6 +25,7 @@ import UserStore from '../../stores/UserStore';
 import NotificationActions from '../../actions/NotificationActions';
 import LoadingIcon from '../LoadingIcon';
 import withViewport from '../withViewport.js';
+import {loginButtons} from '../../config.js';
 
 const title = 'Log In';
 const coriolisTextSvg = `
@@ -74,13 +75,6 @@ const footerLogoSvg = `
     </g>
 </svg>`
 const origin = ""
-const loginButtons = [
-  {
-    name: "Google",
-    id: "google",
-    url: ``
-  }
-]
 
 export class LoginPage extends Reflux.Component {
 

src/components/LoginPage/LoginPage.scss

@@ -126,6 +126,18 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
       height: 18px;
     }
   }
+  
+  &:global(.microsoft) {
+    background-color: #0078D7;
+    border: none;
+    color: #fff;
+    .icon {
+      background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIxN3B4IiBoZWlnaHQ9IjE3cHgiIHZpZXdCb3g9IjAgMCAxNyAxNyIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5NUy1Mb2dvPC90aXRsZT4gICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+ICAgIDxkZWZzPjwvZGVmcz4gICAgPGcgaWQ9IkNvcmlvbGlzIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4gICAgICAgIDxnIGlkPSIwMS1Mb2dpbi1BIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNzM2LjAwMDAwMCwgLTUzNS4wMDAwMDApIj4gICAgICAgICAgICA8ZyBpZD0iR3JvdXAtNSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNDg4LjAwMDAwMCwgNDk2LjAwMDAwMCkiPiAgICAgICAgICAgICAgICA8ZyBpZD0iTVMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI0MC4wMDAwMDAsIDMyLjAwMDAwMCkiPiAgICAgICAgICAgICAgICAgICAgPGcgaWQ9Ik1TLUxvZ28iIHRyYW5zZm9ybT0idHJhbnNsYXRlKDguMDAwMDAwLCA3LjAwMDAwMCkiPiAgICAgICAgICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUiIGZpbGw9IiNFRjUwMjMiIHg9IjAiIHk9IjAiIHdpZHRoPSI4IiBoZWlnaHQ9IjgiPjwvcmVjdD4gICAgICAgICAgICAgICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLUNvcHkiIGZpbGw9IiM3RUI5MDUiIHg9IjkiIHk9IjAiIHdpZHRoPSI4IiBoZWlnaHQ9IjgiPjwvcmVjdD4gICAgICAgICAgICAgICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLUNvcHktMiIgZmlsbD0iI0ZBQjYwNiIgeD0iOSIgeT0iOSIgd2lkdGg9IjgiIGhlaWdodD0iOCI+PC9yZWN0PiAgICAgICAgICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtQ29weS0zIiBmaWxsPSIjMDNBNEVGIiB4PSIwIiB5PSI5IiB3aWR0aD0iOCIgaGVpZ2h0PSI4Ij48L3JlY3Q+ICAgICAgICAgICAgICAgICAgICA8L2c+ICAgICAgICAgICAgICAgIDwvZz4gICAgICAgICAgICA8L2c+ICAgICAgICA8L2c+ICAgIDwvZz48L3N2Zz4=);
+      width: 17px;
+      height: 17px;
+      top: 7px;
+    }
+  }
 }
 .forgotPassText {
   line-height: 32px;

src/config.sample.js

@@ -46,6 +46,14 @@ export const providerType = {
   endpoint: 16
 }
 
+export const loginButtons = [
+  {
+    name: "Microsoft",
+    id: "microsoft",
+    url: ``
+  }
+]
+
 export const useSecret = true; // flag to use secret_ref for endpoints
 
 export const tasksPollTimeout = 5000 // milliseconds