Simple clean: UI + Db link

Author: Dassi Orleando

package.json

@@ -36,7 +36,8 @@
     "socket.io-client": "^1.7.4",
     "zone.js": "^0.8.4",
     "@angular/cli": "1.0.1",
-    "@angular/compiler-cli": "^4.0.0"
+    "@angular/compiler-cli": "^4.0.0",
+    "@types/socket.io-client": "^1.4.29"
   },
   "devDependencies": {
     "@types/jasmine": "2.5.38",

server/routes/api.js

@@ -1,8 +1,12 @@
+var uristring =
+    process.env.MONGODB_URI ||
+    'mongodb://localhost/gistology';
+
 const express = require('express');
 const router = express.Router();
 var status = require('http-status');
 var mongoose = require('mongoose');
-mongoose.connect('mongodb://localhost/gistology');
+mongoose.connect(uristring);
 var Gist = require('../models/gist');
 
 

src/app/app.component.html

@@ -2,7 +2,7 @@
 
 <div fxLayout="column" fxFlex>
   <md-toolbar color="primary">
-      <span class="middle">{{title}}</span>
+      <span class="middle" routerLink="/" style="cursor: pointer;">{{title}}</span>
       <span class="spacer"></span>
       <button md-icon-button [mdMenuTriggerFor]="menu">
         <md-icon>more_vert</md-icon>
@@ -19,7 +19,7 @@
 
   <!-- intro words -->
   <div class="content" fxFlex>
-    <div [fxLayout]="row">
+    <div fxLayout="row">
       <div fxFlex="20"> </div>
       <div fxFlex="60">
         <md-card fxFlex="100">
@@ -41,19 +41,9 @@
   <router-outlet></router-outlet>
 
   <!-- The footer -->
-  <div class="footer" [fxLayout]="row">
-    <div fxFlex="35"> </div>
-    <div fxFlex="30">
-      <div fxFlex="100">
-        <div fxFlex="25"> </div>
-        <div fxFlex="10">
-          <md-icon>favorite</md-icon>
-        </div>
-        <div fxFlex="40">
-          By <a href="https://www.linkedin.com/in/dassi-orleando-257b04ab/">Dassi Orleando</a>
-        </div>
+  <div class="footer" fxLayout="row" fxLayoutAlign="center center">
+      <div fxFlex="100"  style="text-align: center !important;">
+         <md-icon style="position: relative !important; top: 8px;">favorite</md-icon> By <a href="https://www.linkedin.com/in/dassi-orleando-257b04ab/">Dassi Orleando</a>
       </div>
-    </div>
-    <div fxFlex="35"> </div>
   </div>
 </div>

src/app/gist/gist.component.html

@@ -15,7 +15,7 @@ <h3 md-line> <b>{{gist.title}}</b> </h3>
     <div fxFlex="30"> </div>
   </div>
 
-  <div [fxLayout]="direction" fxLayoutAlign="center center">
+  <div fxLayout="row" fxLayoutAlign="center center">
     <a md-raised-button routerLink="gists">See Gist List</a>
   </div>
 </div>

src/app/gist/list/gist.list.component.html

@@ -19,7 +19,7 @@ <h3 md-line> <b>{{gist.title}}</b> </h3>
     <div fxFlex="30"> </div>
   </div>
 
-  <div [fxLayout]="direction" fxLayoutAlign="center center">
+  <div fxLayout="row" fxLayoutAlign="center center">
       <button md-fab (click)="addGist()"><md-icon>add</md-icon></button>
   </div>
 </div>

src/styles.css

@@ -10,4 +10,8 @@ body{
     -webkit-box-flex: 1;
     -ms-flex: 1 1 auto;
     flex: 1 1 auto;
+}
+.toast-top-right{
+    top: 65px !important;
+    right: 0 !important;
 }