Show-page-dynamic

config/routes.js

@@ -0,0 +1,61 @@
+//require express in our app
+var express = require('express');
+// generate a new express app and call it 'app'
+var app = express();
+var router = express.Router();
+var mongoose = require('mongoose');
+mongoose.connect('mongodb://localhost/tunely');
+var path = require('path');
+var bodyParser = require('body-parser');
+var methodOverride = require('method-override');
+var logger = require('morgan');
+var albumsController = require('../controllers/albums');
+
+/*
+ * HTML Endpoints
+ */
+
+router.route('/')
+  // gets the homepage
+  .get(albumsController.renderHome);
+
+router.route('/albums')
+  // gets albums index
+  .get(albumsController.renderAlbums)
+  .post(albumsController.createAlbum);
+
+router.route('/albums/new')
+  .get(albumsController.newAlbum);
+
+router.route('/albums/:id')
+  // Show album
+  .get(albumsController.renderAlbum)
+  .patch(albumsController.updateAlbum)
+  .delete(albumsController.deleteAlbum);
+
+router.route('/albums/:id/edit')
+  .get(albumsController.editAlbum);
+
+// DeathMetal
+
+router.route('/deathmetal')
+  .get(albumsController.deathMetal);
+
+// Search
+router.route('/search')
+  .get(albumsController.search);
+/*
+ * JSON API Endpoints
+ */
+
+router.route('/api')
+  .get(albumsController.apiRoot);
+
+router.route('/api/albums')
+  .get(albumsController.apiAlbums);
+
+// router.route('/api/albums/:id')
+//   .get(albumsController.apiAlbum);
+
+
+module.exports = router;

controllers/albums.js

@@ -0,0 +1,146 @@
+/************
+ * DATABASE *
+ ************/
+var Album = require('../models/album');
+
+
+function renderHome (req, res) {
+  res.render('./partials/home');
+}
+
+function renderAlbums (req, res) {
+  Album.find({}, function(err, albums){
+    if (err) returnError(err);
+    res.render('./partials/index', {albums:albums});
+  });
+}
+
+function renderAlbum (req, res) {
+  var id = req.params.id;
+  console.log(id)
+  Album.find({_id: id}, function(err, album){
+    if (err) returnError(err);
+    console.log('album ', album);
+    res.render('./partials/show', {album: album[0]});
+  });
+}
+
+function newAlbum (req, res) {
+  res.render('./partials/new');
+}
+
+function createAlbum (req, res) {
+  var name = req.body.name;
+  var artistName = req.body.artistName;
+  var releaseDate = req.body.releaseDate;
+  var photoUrl = req.body.photoUrl;
+  Album.create({
+    name: name,
+    artistName: artistName,
+    releaseDate: releaseDate,
+    photoUrl: photoUrl
+  }, function(err, album){
+    if (err) return returnError(err);
+    res.redirect('/albums/:id', {album: album});
+  });
+}
+
+function editAlbum (req, res) {
+  var id = req.params.id;
+  Album.find({_id: id}, function(err, album){
+    if (err) returnError(err);
+    console.log('album ', album);
+    res.render('./partials/edit', {album: album[0]});
+  });
+} 
+
+function updateAlbum (req, res) {
+  var id = req.params.id;
+
+  Album.find({_id: id}, function(err, album){
+    if (err) returnError(err);
+    if (req.body.name) album.name = req.body.name;
+    if (req.body.artistName) album.artistName = req.body.artistName;
+    if (req.body.releaseDate) album.releaseDate = req.body.releaseDate;
+    if (req.body.photoUrl) album.photoUrl = req.body.photoUrl;
+    var obj = {
+      name: album.name,
+      artistName: album.artistName,
+      releaseDate: album.releaseDate,
+      photoUrl: album.photoUrl
+    }
+    //save 
+    Album.update({_id: id}, obj, function(err, album) {
+      if (err) returnError(err);
+      res.redirect('/albums/'+ id);
+    });
+  });
+}
+
+function deleteAlbum (req, res) {
+  var id = req.params.id;
+  // console.log(id)
+  Album.findOne({_id: id}, function(err, album){
+    if (err) returnError(err);
+    console.log(album)
+    album.remove(function(){
+    res.redirect('/albums');
+    });
+  });
+}
+
+function apiRoot (req, res) {
+    res.json({
+      message: "Welcome to tunely!",
+      documentation_url: "https://github.com/tgaff/tunely/api.md",
+      base_url: "http://tunely.herokuapp.com",
+      endpoints: [
+        {method: "GET", path: "/api", description: "Describes available endpoints"},
+        {method: "GET", path: "/api/albums", description: "Shows index of all albums"},
+        {method: "GET", path: "/api/albums/:id", description: "Shows specified album"}
+      ]
+    });
+}
+
+function apiAlbums (req, res){
+  Album.find({}, function(err, albums){
+    if (err) returnError(err);
+    res.json(albums);
+  });
+}
+
+function deathMetal (req, res){
+  res.render("deathmetal_layout");
+}
+
+function search (req, res) {
+  res.render("./partials/search");
+}
+
+// shows specific album -- NOT REALLY PRACTICAL UNLESS YOU KNOW THE GENERATED _ID
+// function apiAlbum (req, res){
+//   var id = req.params.id;
+//   Album.findById(id, function(err, album){
+//     if (err) return console.log(err);
+//     res.json(album);
+//   });
+// }
+
+function returnError (err) {
+  return console.log(err);
+}
+
+module.exports = {
+  renderHome: renderHome,
+  renderAlbums: renderAlbums,
+  renderAlbum: renderAlbum,
+  newAlbum: newAlbum,
+  createAlbum: createAlbum,
+  editAlbum: editAlbum,
+  updateAlbum: updateAlbum,
+  deleteAlbum: deleteAlbum,
+  apiRoot: apiRoot,
+  apiAlbums: apiAlbums,
+  deathMetal: deathMetal,
+  search: search
+};

models/album.js

@@ -1,2 +1,11 @@
 var mongoose = require("mongoose");
-var Schema = mongoose.Schema;
+
+
+var albumSchema = mongoose.Schema({
+  artistName: String,
+  name: String,
+  releaseDate: String,
+  photoUrl: String
+});
+
+module.exports = mongoose.model('Album', albumSchema);

package.json

@@ -17,6 +17,13 @@
   },
   "homepage": "https://github.com/tgaff/tunely#readme",
   "dependencies": {
-    "express": "^4.13.3"
+    "body-parser": "^1.15.0",
+    "express": "^4.13.3",
+    "hbs": "^4.0.0",
+    "hbs-utils": "0.0.3",
+    "method-override": "^2.3.5",
+    "mongoose": "^4.4.6",
+    "morgan": "^1.7.0",
+    "path": "^0.12.7"
   }
 }

public/css/deathmetal_styles.css

@@ -0,0 +1,39 @@
+/*DEATH METAL CSS*/
+
+#death_metal_image {
+  /* Set rules to fill background */
+  min-height: 100%;
+  min-width: 1024px;
+
+  /* Set up proportionate scaling */
+  width: 100%;
+  height: auto;
+
+  /* Set up positioning */
+  position: fixed;
+  top: 52px;
+  left: 0;
+}
+
+/*NAVBAR CSS*/
+.navbar-default .navbar-nav>li>a:hover {
+    color: #00AD85;
+}
+.navbar-default .navbar-brand:hover {
+    color: #00AD85;
+}
+
+/*changes navbar font*/
+a.navbar-brand {
+  font-family: 'Asap', sans-serif;
+}
+
+ul.navbar-right {
+  font-family: 'Asap', sans-serif;
+}
+
+#death_metal_header {
+	font-family: 'Nosifer', cursive;
+	position: absolute;
+	top: ;
+}