nss-day-cohort-15 · flawavi · Sep 12, 2016 · Sep 13, 2016 · Sep 13, 2016 · Sep 13, 2016
diff --git a/.gitignore b/.gitignore
@@ -1 +1,4 @@
 flowers.json
+FBCreds.js
+lib/node_modules
+lib/bower_components
diff --git a/css/main.css b/css/main.css
@@ -0,0 +1,9 @@
+h3 {
+  text-align: center;
+}
+.arrangements {
+  height: 250px;
+  border: 1px dotted grey;
+  overflow-x: scroll;
+  margin: 2px;
+}
diff --git a/index.html b/index.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <link rel="stylesheet" type="text/css" href="./css/main.css">
+  <link rel="stylesheet" type="text/css" href="lib/bower_components/bootstrap/dist/css/bootstrap.min.css">
+  <title>Flower-Power</title>
+</head>
+<body ng-app="FlowerPower">
+  <h1>Flower Power</h1>
+  <div ng-view>
+
+  </div>
+
+<script type="text/javascript" src="./lib/bower_components/angular/angular.min.js"></script>
+<script type="text/javascript" src="./lib/bower_components/angular-route/angular-route.min.js"></script>
+<script type="text/javascript" src="./lib/bower_components/firebase/firebase.js"></script>
+<script type="text/javascript" src="./lib/bower_components/jquery/dist/jquery.min.js"></script>
+
+<script type="text/javascript" src="./scripts/app.js"></script>
+<script type="text/javascript" src="./scripts/controllers/MainViewCtrl.js"></script>
+<script type="text/javascript" src="./scripts/Factory/FlowerFactory.js"></script>
+<!-- <script type="text/javascript" src="values/FBCreds.js"></script> -->
+</body>
+</html>
diff --git a/lib/bower.json b/lib/bower.json
@@ -0,0 +1,26 @@
+{
+  "name": "lib",
+  "authors": [
+    "Fletcher Watson <[email protected]>"
+  ],
+  "description": "",
+  "main": "",
+  "moduleType": [],
+  "license": "MIT",
+  "homepage": "",
+  "ignore": [
+    "**/.*",
+    "node_modules",
+    "bower_components",
+    "test",
+    "tests"
+  ],
+  "dependencies": {
+    "angular": "^1.5.7",
+    "angular-route": "^1.5.7",
+    "angularfire": "^2.0.1",
+    "bootstrap": "^3.3.7",
+    "firebase": "^3.2.0",
+    "jquery": "^3.1.0"
+  }
+}
diff --git a/partials/mainView.html b/partials/mainView.html
@@ -0,0 +1,11 @@
+<div>
+  <div ng-repeat="flower in flowers">
+    <div class="col-md-3 arrangements">
+      <h3>{{flower.category}}</h3>
+      <h6>"{{flower.title}}"</h6>
+      <p>{{flower.description}}</p>
+      <span>${{flower.price}}</span>
+      <br>
+    </div>
+  </div>
+</div>
diff --git a/scripts/Factory/FlowerFactory.js b/scripts/Factory/FlowerFactory.js
@@ -0,0 +1,18 @@
+"use strict"
+
+app.factory("FlowerFactory", function ($q, $http, FirebaseURL){
+  console.log("are we there yet")
+
+  let getFlowersFromFirebase = () => {
+    return $q((resolve, reject) => {
+      $http.get(`${FirebaseURL}`)
+      .success((data) => {
+        resolve(data)
+      })
+      .error((error) => {
+        reject(error)
+      })
+    })
+  }
+  return {getFlowersFromFirebase}
+})
diff --git a/scripts/app.js b/scripts/app.js
@@ -0,0 +1,23 @@
+"use strict"
+
+var app = angular.module("FlowerPower", ["ngRoute"])
+.constant("FirebaseURL", "https://flower-power-angular.firebaseio.com/arrangements.json")
+
+app.config(function($routeProvider){
+  $routeProvider
+    //when arrived at site for first time, go to login
+  .when("/", {
+    templateUrl: "partials/mainView.html",
+    controller: "MainViewCtrl"
+  })
+  .otherwise("/");
+});
+
+// app.run(($location, FBCreds) => {
+//   let creds = FBCreds;
+//   let authConfig = {
+//       apiKey: creds.key,
+//       authDomain: creds.authDomain
+//     };
+//   firebase.initializeApp(authConfig);
+// });
diff --git a/scripts/controllers/MainViewCtrl.js b/scripts/controllers/MainViewCtrl.js
@@ -0,0 +1,16 @@
+"use strict"
+
+app.controller("MainViewCtrl", function($scope, FlowerFactory){
+
+  $scope.getFlowers = function(){
+    FlowerFactory.getFlowersFromFirebase()
+    .then(function(data){
+
+      $scope.flowers = data
+      console.log($scope.flowers, "flowers data")
+      console.log($scope.flowers.category)
+    })
+  }
+  $scope.getFlowers();
+})
+