10 년 전 · 9ab307314a
--- a/gulpfile.js
+++ b/gulpfile.js
@@ -15,9 +15,10 @@ gulp.task('connect', function(){
 
				 gulp.task('html', function(){
			
 
				   var html_path = 'www/*.html';
			
 
				   var js_path = 'www/js/**/*.js';
			
 
				+  var css_path = 'www/css/**/*.css';
			
 
				 
			
 
				   gulp
			
 
				     .src(html_path)
			
 
				-    .pipe(watch([html_path, js_path]))
			
 
				+    .pipe(watch([html_path, js_path, css_path]))
			
 
				     .pipe(connect.reload());
			
 
				 });
			
--- a/www/css/app.css
+++ b/www/css/app.css
@@ -0,0 +1,21 @@
 
				+.note {
			
 
				+  margin: 10px;
			
 
				+  padding: 5px;
			
 
				+  background-color: lightgrey;
			
 
				+  color: navy;
			
 
				+  border-color: black;
			
 
				+  border: 1px solid;
			
 
				+  width: 200px;
			
 
				+}
			
 
				+
			
 
				+.note .date {
			
 
				+  font-size: small;
			
 
				+}
			
 
				+
			
 
				+.note .body {
			
 
				+  background-color: grey;
			
 
				+}
			
 
				+
			
 
				+.note h3 {
			
 
				+  margin-top: 0px;
			
 
				+}
			
--- a/www/index.html
+++ b/www/index.html
@@ -1,10 +1,15 @@
 
				 <html ng-app="bootcampApp">
			
 
				+  <head>
			
 
				+    <title>Notes App</title>
			
 
				+    <link href="css/app.css" rel="stylesheet" type="text/css" media="all">
			
 
				+  </head>
			
 
				   <body>
			
 
				     <div ng-controller="NoteCtrl">
			
 
				       <h1>Notes</h1>
			
 
				       <div class="note" ng-repeat="note in notes">
			
 
				-        <h4>{{note.title}}</h4>
			
 
				-        <p>{{note.body}}</p>
			
 
				+        <h3>{{note.title}}</h3>
			
 
				+        <p class="date" ng-if="note.createdDate">Created: {{note.createdDate | date:'medium'}}</p>
			
 
				+        <p class="body">{{note.body}}</p>
			
 
				       </div>
			
 
				       <div class="new_note_form">
			
 
				         <h2>New note </h2>
			
--- a/www/js/controllers/noteCtrl.js
+++ b/www/js/controllers/noteCtrl.js
@@ -10,6 +10,7 @@ angular.module('bootcampApp')
 
				     $scope.newNote = Notes.cloneNote(defaultNote);
			
 
				 
			
 
				     $scope.createNote = function(newNote){
			
 
				+      newNote.createdDate = new Date();
			
 
				       $scope.notes.push(Notes.cloneNote(newNote));
			
 
				       $scope.newNote = Notes.cloneNote(defaultNote);
			
 
				     };
			
--- a/www/js/services/notes.js
+++ b/www/js/services/notes.js
@@ -4,8 +4,10 @@ angular.module('bootcampApp')
 
				       var my_note = {};
			
 
				       my_note.body = note.body;
			
 
				       my_note.title = note.title;
			
 
				+      my_note.createdDate = note.createdDate;
			
 
				       return my_note;
			
 
				     }
			
 
				+
			
 
				     return {
			
 
				       cloneNote: cloneNote
			
 
				     };