Add Work Projects

client/templates/admin/projects/list_projects.html

@@ -16,7 +16,7 @@ <h2>Projects</h2>
  {{#each projects}}
  <tr>
  <td>{{name}}</td>
- <td>{{projectDate}}</td>
+ <td>{{formatDate projectDate}}</td>
  <td>{{type}}</td>
  <td><a href="/admin/projects/{{_id}}/edit" class="btn btn-default btn-tiny">Edit</a> <button class="btn btn-default delete_project">Delete</button></td>
  </tr>

client/templates/project.html

@@ -1,21 +1,17 @@
 <template name="project">
-
  <div class="container pt">
  <div class="row mt">
  <div class="col-lg-6 col-lg-offset-3 centered">
- <h3>PROJECT NAME</h3>
+ <h3>{{name}}</h3>
  <hr>
- <p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English.</p>
+ <p>{{description}}</p>
  </div>
  </div>
  <div class="row mt centered">
  <div class="col-lg-8 col-lg-offset-2">
- <p><img class="img-responsive" src="assets/img/portfolio/1.jpg" alt=""></p>
- <p><img class="img-responsive" src="assets/img/portfolio/2.jpg" alt=""></p>
- <p><img class="img-responsive" src="assets/img/portfolio/3.jpg" alt=""></p>
- <p><bt>Client: <a href="#">BlackTie.co</a></bt> - <bt>Type: <a href="#">Illustration</a></bt> - <bt>Date: <a href="#">January 2014</a></bt></p>
+ <p><img class="img-responsive" src="{{projectImage}}" alt="{{name}}"></p>
+ <p><bt>Client: {{client}}</bt> - <bt>Type: {{type}}</bt> - <bt>Date: {{formatDate projectDate}}</bt></p>
  </div>
  </div><!-- /row -->
  </div><!-- /container -->
-
 </template>

client/templates/work.html

@@ -1,36 +1,14 @@
 <template name="work">
- <!-- +++++ Projects Section +++++ -->
-
  <div class="container pt">
  <div class="row mt centered">
- <div class="col-lg-4">
- <a class="zoom green" href="work01.html"><img class="img-responsive" src="assets/img/portfolio/port01.jpg" alt="" /></a>
- <p>APE</p>
- </div>
- <div class="col-lg-4">
- <a class="zoom green" href="work01.html"><img class="img-responsive" src="assets/img/portfolio/port02.jpg" alt="" /></a>
- <p>RAIDERS</p>
- </div>
- <div class="col-lg-4">
- <a class="zoom green" href="work01.html"><img class="img-responsive" src="assets/img/portfolio/port03.jpg" alt="" /></a>
- <p>VIKINGS</p>
- </div>
- </div><!-- /row -->
- <div class="row mt centered">
- <div class="col-lg-4">
- <a class="zoom green" href="work01.html"><img class="img-responsive" src="assets/img/portfolio/port04.jpg" alt="" /></a>
- <p>YODA</p>
- </div>
- <div class="col-lg-4">
- <a class="zoom green" href="work01.html"><img class="img-responsive" src="assets/img/portfolio/port05.jpg" alt="" /></a>
- <p>EMPERORS</p>
- </div>
- <div class="col-lg-4">
- <a class="zoom green" href="work01.html"><img class="img-responsive" src="assets/img/portfolio/port06.jpg" alt="" /></a>
- <p>CHIEFS</p>
- </div>
+ {{#each projects}}
+ <div class="col-lg-4">
+ <a class="zoom green" href="/project/{{_id}}"><img class="img-responsive" src="{{projectImage}}" alt="{{name}}" /></a>
+ <p>{{name}}</p>
+ </div>
+ {{else}}
+ <p>No Projects found.</p>
+ {{/each}}
  </div><!-- /row -->
  </div><!-- /container -->
-
- {{> work}}
 </template>