<script type="text/html" charset="utf-8" id="image-gallery-view-template">
<div class="image-gallery-view-template">
- <div class="image-gallery-panel-header">
+ <div class="image-gallery-header">
<p>
<button type="button" class="image-gallery-prev-button">Previous</button>
- <input type="input" class="image-gallery-current-page" />
+ <input type="input" class="image-gallery-current-page"
+ size="6"
+ value="<%= (currentPage + 1) %>" />
+ <button type="button" class="image-gallery-jump-button">Go</button>
<button type="button" class="image-gallery-next-button">Next</button>
+
+ <button type="button" class="image-gallery-zoom-in">+</button>
+ <select class="image-gallery-current-zoom">
+ <option>50%</option>
+ <option selected="selected">100%</option>
+ <option>150%</option>
+ <option>200%</option>
+ </select>
+ <button type="button" class="image-gallery-zoom-out">-</button>
</p>
</div>
- <div>
- <% for (page in model.pages) { %>
- <p>page.url</p>
+ <div class="image-gallery-page-list">
+ <% for(var i=0; i < model.data.length; i++) { %>
+ <div class="image-gallery-page-container" ui:model="<%= model.data[i] %>">
+ </div>
<% }; %>
</div>