Gadgets/Pagination: renamed browser gadget

673e359d · Sven Franck · 72011fb6 · 673e359d · 673e359d · 673e359d
Commit 673e359d authored Jul 31, 2013 by Sven Franck
5 changed files
--- a/js/main.js
+++ b/js/main.js
@@ -43,7 +43,7 @@
      // page gadgets
      , address:          '../modules/ui/address/address'
      , basket:           '../modules/ui/basket/basket'
-      , browser:          '../modules/ui/browser/browser'
+      , pagination:       '../modules/ui/pagination/pagination'
      , confirm:          '../modules/ui/confirm/confirm'
      , description:      '../modules/ui/description/description'
      , details:          '../modules/ui/details/details'

--- a/modules/ui/details/details.html
+++ b/modules/ui/details/details.html
@@ -28,14 +28,14 @@
    <!-- content -->
    <div data-role="content" class="ui-content">
-      <!-- browse items -->
+      <!--  pagination -->
-      <div id="browser"
+      <div id="pagination"
-        data-gadget="modules/browser/browser.html"
+        data-gadget="modules/pagination/pagination.html"
-        data-gadget-module="browser"
+        data-gadget-module="pagination"
        data-gadget-property='{
          "state": [
              {
-                "browser": {
+                "pagination": {
                  "_config": {
                    "datasource": {"module": "storage"}
                  },

--- a/modules/ui/browser/browser.css
+++ b/modules/ui/browser/browser.css
-.browser_bar {
+.pagination_bar {
  width: 100%;
  display: inline-block;
  text-align: center;

--- a/modules/ui/browser/browser.html
+++ b/modules/ui/browser/browser.html
@@ -5,12 +5,11 @@
    <title>Browser Module</title>
  </head>
  <body>
-    <!-- TODO: rename to "pagination" gadget -->
+    <div class="pagination_bar">
-    <div class="browser_bar">
      <div data-role="controlgroup" data-type="horizontal">
-        <a href="details.html?item_id=prev" data-icon="arrow-l" data-transition="slide" data-direction="reverse" data-role="button" data-iconpos="notext" class="translate prev" data-i18n="browser.previous">Previous</a>
+        <a href="details.html?item_id=prev" data-icon="arrow-l" data-transition="slide" data-direction="reverse" data-role="button" data-iconpos="notext" class="translate prev" data-i18n="pagination.previous">Previous</a>
-        <a href="products.html" data-role="button" class="translate" data-i18n="browser.back">Back</a>
+        <a href="products.html" data-role="button" class="translate" data-i18n="pagination.back">Back</a>
-        <a href="details.html?item_id=next" data-icon="arrow-r" data-transition="slide" data-role="button" data-iconpos="notext" class="translate next" data-i18n="browser.next">Next</a>
+        <a href="details.html?item_id=next" data-icon="arrow-r" data-transition="slide" data-role="button" data-iconpos="notext" class="translate next" data-i18n="pagination.next">Next</a>
      </div>
    </div>
  </body>

--- a/modules/ui/browser/browser.js
+++ b/modules/ui/browser/browser.js
 define([
    'app'
-  , 'text!browser.html!strip'
+  , 'text!pagination.html!strip'
-  , 'css!browser'
+  , 'css!pagination'
  ],
  function (App, source) {
    var priv = {};