|
|
@@ -3,20 +3,19 @@
|
|
|
</head>
|
|
|
|
|
|
<body>
|
|
|
- {{> image_add_form }}
|
|
|
+</body>
|
|
|
+
|
|
|
+<template name="welcome">
|
|
|
+ <h1>Welcome to image share {{ username }} !</h1>
|
|
|
+</template>
|
|
|
|
|
|
+<template name="navbar">
|
|
|
<nav class="navbar navbar-default navbar-fixed-top">
|
|
|
<div class="container">
|
|
|
{{> loginButtons }}
|
|
|
</div>
|
|
|
</nav>
|
|
|
-
|
|
|
- <div class="container">
|
|
|
- <h1>Welcome to image share {{ username }} !</h1>
|
|
|
-
|
|
|
- {{> images}}
|
|
|
- </div>
|
|
|
-</body>
|
|
|
+</template>
|
|
|
|
|
|
<template name="image_add_form">
|
|
|
<div class="modal fade" id="image_add_form">
|
|
|
@@ -41,30 +40,32 @@
|
|
|
</template>
|
|
|
|
|
|
<template name="images">
|
|
|
- {{#if currentUser }}
|
|
|
- <button class="btn btn-success js-show-image-form">add image</button>
|
|
|
- {{/if}}
|
|
|
+ <div class="container">
|
|
|
+ {{#if currentUser }}
|
|
|
+ <button class="btn btn-success js-show-image-form">add image</button>
|
|
|
+ {{/if}}
|
|
|
|
|
|
- {{#if filtering_images }}
|
|
|
- <h2>Showing images by user {{ getFilterUser }}. <a href="#" class="js-unset-image-filter">Show all images</a></h2>
|
|
|
- {{/if}}
|
|
|
+ {{#if filtering_images }}
|
|
|
+ <h2>Showing images by user {{ getFilterUser }}. <a href="#" class="js-unset-image-filter">Show all images</a></h2>
|
|
|
+ {{/if}}
|
|
|
|
|
|
- <div class="row">
|
|
|
- {{#each images}}
|
|
|
- <div class="col-xs-12 col-md-3" id="{{_id}}">
|
|
|
- <div class="thumbnail">
|
|
|
+ <div class="row">
|
|
|
+ {{#each images}}
|
|
|
+ <div class="col-xs-12 col-md-3" id="{{_id}}">
|
|
|
+ <div class="thumbnail">
|
|
|
|
|
|
- <img class="thumbnail-img js-image" src="{{img_src}}" alt="{{img_alt}}" />
|
|
|
+ <img class="thumbnail-img js-image" src="{{img_src}}" alt="{{img_alt}}" />
|
|
|
|
|
|
- <div class="caption">
|
|
|
- <h3>Rating: {{ rating }}</h3>
|
|
|
- <p>{{ img_alt }}</p>
|
|
|
- <p>User: <a href="#" class="js-set-image-filter">{{ getUser createdBy }}</a></p>
|
|
|
- <p>{{> starsRating mutable=true class="js-rate-image" id=image_id }}</p>
|
|
|
- <button class="js-del-image btn btn-warning">delete</button>
|
|
|
+ <div class="caption">
|
|
|
+ <h3>Rating: {{ rating }}</h3>
|
|
|
+ <p>{{ img_alt }}</p>
|
|
|
+ <p>User: <a href="#" class="js-set-image-filter">{{ getUser createdBy }}</a></p>
|
|
|
+ <p>{{> starsRating mutable=true class="js-rate-image" id=image_id }}</p>
|
|
|
+ <button class="js-del-image btn btn-warning">delete</button>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- </div> <!-- / col -->
|
|
|
- {{/each}}
|
|
|
- </div> <!-- / row -->
|
|
|
+ </div> <!-- / col -->
|
|
|
+ {{/each}}
|
|
|
+ </div> <!-- / row -->
|
|
|
+ </div><!-- / div.container -->
|
|
|
</template>
|
