sea-401d5-javascript · dstineback · Jun 21, 2016 · Jun 21, 2016 · Jun 21, 2016 · Jun 21, 2016
diff --git a/dan-stineback/.eslintignore b/dan-stineback/.eslintignore
@@ -0,0 +1,8 @@
+**/node_modules/*
+**/vendor/*
+**/*.min.js
+/*.md
+/package.json
+/npm-debug.log
+/procfile
+/build/*
diff --git a/dan-stineback/.eslintrc b/dan-stineback/.eslintrc
@@ -0,0 +1,42 @@
+{
+"rules": {
+"no-console": 0,
+"indent": [
+2,
+2
+],
+"quotes": [
+2,
+"single"
+],
+"linebreak-style": [
+2,
+"unix"
+],
+"semi": [
+2,
+"always"
+]
+},
+"env": {
+"es6": true,
+"node": true,
+"browser": true,
+"mocha": true,
+"jasmine": true
+},
+"globals": {
+"describe": false,
+"it": false,
+"beforeEach": false,
+"afterEach": false,
+"before": false,
+"after": false
+},
+"ecmaFeatures": {
+"modules": true,
+"experimentalObjectRestSpread": true,
+"impliedStrict": true
+},
+"extends": "eslint:recommended"
+}
diff --git a/dan-stineback/.gitignore b/dan-stineback/.gitignore
@@ -0,0 +1,86 @@
+# application specific
+build/*
+db/
+
+# Created by https://www.gitignore.io/api/node,osx,vim
+
+### Node ###
+# Logs
+logs
+*.log
+npm-debug.log*
+
+# Runtime data
+pids
+*.pid
+*.seed
+
+# Directory for instrumented libs generated by jscoverage/JSCover
+lib-cov
+
+# Coverage directory used by tools like istanbul
+coverage
+
+# nyc test coverage
+.nyc_output
+
+# Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
+.grunt
+
+# node-waf configuration
+.lock-wscript
+
+# Compiled binary addons (http://nodejs.org/api/addons.html)
+build/Release
+
+# Dependency directories
+node_modules
+jspm_packages
+
+# Optional npm cache directory
+.npm
+
+# Optional REPL history
+.node_repl_history
+
+
+### OSX ###
+*.DS_Store
+.AppleDouble
+.LSOverride
+
+# Icon must end with two \r
+Icon
+
+
+# Thumbnails
+._*
+
+# Files that might appear in the root of a volume
+.DocumentRevisions-V100
+.fseventsd
+.Spotlight-V100
+.TemporaryItems
+.Trashes
+.VolumeIcon.icns
+.com.apple.timemachine.donotpresent
+
+# Directories potentially created on remote AFP share
+.AppleDB
+.AppleDesktop
+Network Trash Folder
+Temporary Items
+.apdisk
+
+
+### Vim ###
+# swap
+[._]*.s[a-w][a-z]
+[._]s[a-w][a-z]
+# session
+Session.vim
+# temporary
+.netrwhist
+*~
+# auto-generated tag files
+tags
diff --git a/dan-stineback/app/app.css b/dan-stineback/app/app.css
@@ -0,0 +1,10 @@
+body {
+  background-color: #fff;
+}
+div {
+  float: left;
+}
+
+.toggle {
+  float: none;
+}
diff --git a/dan-stineback/app/index.html b/dan-stineback/app/index.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Bunny App</title>
+    <link rel="stylesheet" href="app.css">
+  </head>
+  <body data-ng-app="BunnyApp">
+    <main ng-cloak ng-controller="PhotosController as albums">
+      <!-- <div>
+
+        <title-directive title="{{settings.title}}" url="{{settings.url}}" description="{{settings.description}}"></title-directive>
+
+        <thumbnail-display url="{{settings.url}}"></thumbnail-display>
+
+        <image-display url="{{settings.url}}" height="{{settings.height}}" width="{{settings.width}}" title="{{settings.title}}" big="{{settings.big}}"></image-display>
+      </div> -->
+
+
+      <h1>{{albums.dragonPhotos.title}}</h1>
+      <h3>{{albums.dragonPhotos.description}}</h1>
+      <photo-album photos="albums.dragonPhotos.photos"></photo-album><br>
+      <h1>{{albums.cowPhotos.title}}</h1>
+      <h3>{{albums.cowPhotos.description}}</h1>
+      <photo-album photos="albums.cowPhotos.photos"></photo-album><br>
+      <h1>{{albums.pupPhotos.title}}</h1>
+      <h3>{{albums.pupPhotos.description}}</h1>
+      <photo-album photos="albums.pupPhotos.photos"></photo-album><br>
+
+    </main>
+    <script src="bundle.js"></script>
+  </body>
+</html>
diff --git a/dan-stineback/app/js/client.js b/dan-stineback/app/js/client.js
@@ -0,0 +1,6 @@
+'use strict';
+
+const angular = require('angular');
+
+var BunnyApp = angular.module('BunnyApp', []);
+require('./first')(BunnyApp);
diff --git a/dan-stineback/app/js/first/controllers/imageController.js b/dan-stineback/app/js/first/controllers/imageController.js
@@ -0,0 +1,12 @@
+'use strict';
+module.exports = function(app) {
+  app.controller('imageController', ['$scope', function() {
+    this.url = 'http://f.cl.ly/items/3g3J1G0w122M360w380O/3726490195_f7cc75d377_o.jpg';
+    this.height = 400;
+    this.width = 400;
+    this.title = 'Bunny Picture';
+    this.description = 'A Cute picture of a bunny.';
+    this.big = 'A BIG Cute Bunny Picture';
+
+  }]);
+};
diff --git a/dan-stineback/app/js/first/controllers/index.js b/dan-stineback/app/js/first/controllers/index.js
@@ -0,0 +1,6 @@
+'use strict';
+
+module.exports = function(app) {
+  require('./imageController')(app);
+  require('./photoController')(app);
+};
diff --git a/dan-stineback/app/js/first/controllers/photoController.js b/dan-stineback/app/js/first/controllers/photoController.js
@@ -0,0 +1,77 @@
+'use strict';
+module.exports = function(app) {
+  app.controller('PhotosController', PhotosController);
+
+  function PhotosController() {
+    this.height = '400',
+    this.width = '400',
+    this.dragonPhotos = {
+      title:'Dragon photos',
+      description:'Pictures of Daragons',
+      photos:[
+        {
+          url: 'http://vignette2.wikia.nocookie.net/dragonhandbook/images/e/e5/Chaos_breathing_fire.jpeg/revision/latest?cb=20130815032055',
+          title: 'Dragon one',
+          description:  'Firebreathing'
+        },
+        {
+          url: 'http://images2.fanpop.com/image/photos/8700000/Red-dragon-dragons-8714488-688-868.jpg',
+          title: 'Dragon two',
+          description: 'lighting'
+
+        },
+        {
+          url: 'http://static.tvtropes.org/pmwiki/pub/images/How-to-Train-Your-Dragon-2_3414.jpg',
+          title: 'Dragon three',
+          description: 'Sharptooth'
+
+        }
+      ]
+    };
+
+    this.cowPhotos  = {
+      title:'Cow Photos',
+      description:'Pictures of Cows',
+      photos:[
+        {
+          url: 'http://resources3.news.com.au/images/2012/03/27/1226311/607271-cow.jpg',
+          title: 'Cow one',
+          description: 'Silly Cow'
+        },
+        {
+          url: 'http://i.telegraph.co.uk/multimedia/archive/02532/Cows_2532445b.jpg',
+          title: 'Cow two',
+          description: 'many silly cows'
+        },
+        {
+          url: 'http://fillyourplate.org/blog/wp-content/uploads/2015/07/bigstock-Head-of-funny-cow-looking-to-a-48484160-418x512.jpg',
+          title: 'Cow three',
+          description: 'Horn cow'
+        }
+      ]
+    };
+
+    this.pupPhotos  = {
+      title:'Pup Photos',
+      description:'Pictures of puppies',
+      photos:[
+        {
+          url: 'http://theilovedogssite.com/wp-content/uploads/2015/01/4577137586_5f4cf7fbd3_z.jpg',
+          title: 'Pup one',
+          description: 'Brown pup'
+        },
+        {
+          url: 'http://barkingroyalty.com/wp-content/uploads/2015/12/cutest-puppies.jpg',
+          title: 'Pup two',
+          description: 'red collar pup'
+        },
+        {
+          url: 'http://www.pluspets.net/wp-content/uploads/2010/07/Cutest-Puppies1.jpg',
+          title: 'Pup three',
+          description: 'lab pup'
+        }
+      ]
+    };
+
+  }
+};
diff --git a/dan-stineback/app/js/first/directives/imageDirective.js b/dan-stineback/app/js/first/directives/imageDirective.js
@@ -0,0 +1,17 @@
+'use strict';
+module.exports = function(app){
+  app.directive('imageDisplay', function(){
+    return{
+      restrict: 'AEC',
+      templateUrl: './templates/firstApp/image.html',
+      scope: {
+        url: '=',
+        height: '=',
+        width: '=',
+        title: '=',
+        description: '=',
+        big: '='
+      }
+    };
+  });
+};
diff --git a/dan-stineback/app/js/first/directives/index.js b/dan-stineback/app/js/first/directives/index.js
@@ -0,0 +1,7 @@
+'use strict';
+module.exports =function(app) {
+  require('./thumbnailDirective')(app);
+  require('./imageDirective')(app);
+  require('./titleDirective')(app);
+  require('./photo_directive')(app);
+};
diff --git a/dan-stineback/app/js/first/directives/photo_directive.js b/dan-stineback/app/js/first/directives/photo_directive.js
@@ -0,0 +1,39 @@
+'use strict';
+module.exports = function(app){
+  app.directive('photoAlbum', function(){
+    return{
+      restrict: 'AEC',
+      templateUrl: './templates/firstApp/photo.html',
+      scope: {
+        photos: '=',
+        url: '=',
+        title: '=',
+        description: '=',
+        photo: '='
+
+
+      },
+      controller: function($scope) {
+        $scope.photoText = false;
+        $scope.photoTextAgain = true;
+
+        $scope.changeView = function() {
+          console.log($scope.mode);
+        };
+        // $scope.currentPhoto = $scope.photos;
+        $scope.toggle = function(photo) {
+          console.log(photo);
+
+          $scope.currentPhoto = photo;
+          let photoArray = [];
+          photoArray.push(photo);
+          console.log(photoArray);
+
+          $scope.photoText = !$scope.photoText;
+          $scope.photoTextAgain = !$scope.photoTextAgain;
+        };
+
+      }
+    };
+  });
+};
diff --git a/dan-stineback/app/js/first/directives/thumbnailDirective.js b/dan-stineback/app/js/first/directives/thumbnailDirective.js
@@ -0,0 +1,16 @@
+'use strict';
+module.exports = function(app){
+  app.directive('thumbnailDisplay', function(){
+    return{
+      restrict: 'AEC',
+      templateUrl: './templates/firstApp/thumbnail.html',
+      scope: {
+        url: '=',
+        height: '=',
+        width: '=',
+        title: '=',
+        description: '='
+      }
+    };
+  });
+};
diff --git a/dan-stineback/app/js/first/directives/titleDirective.js b/dan-stineback/app/js/first/directives/titleDirective.js
@@ -0,0 +1,15 @@
+'use strict';
+module.exports = function(app) {
+  app.directive('titleDirective', function() {
+    return {
+      templateUrl: './templates/firstApp/bunnyApp.html',
+      restrict: 'AEC',
+      scope: {
+        title: '=',
+        description: '=',
+        url: '='
+      }
+    };
+
+  });
+};
diff --git a/dan-stineback/app/js/first/index.js b/dan-stineback/app/js/first/index.js
@@ -0,0 +1,4 @@
+module.exports = function(app) {
+  require('./controllers')(app);
+  require('./directives')(app);
+};
diff --git a/dan-stineback/app/templates/firstApp/bunnyApp.html b/dan-stineback/app/templates/firstApp/bunnyApp.html
@@ -0,0 +1,5 @@
+<div>
+  <h2>Title: {{title}}</h2><br>
+  <h3>url: {{url}}</h3><br>
+  <p>description: {{description}}</p>
+</div>