feat(datagrid-ui): add update tab notice for datagrid

Template, styles, and translations.
RAMP-PCAR · Apr 23, 2015 · d7d5345 · d7d5345
1 parent 91d7d19
commit d7d5345
Show file tree

Hide file tree

Showing 4 changed files with 23 additions and 8 deletions.
diff --git a/src/css/side-panel/base.less b/src/css/side-panel/base.less
@@ -108,6 +108,16 @@
                 }
             }
         }
+
+        .tab-notice {
+            position: absolute;
+            left: 12px;
+            top: 9px;
+            line-height: initial;
+
+            .update {
+            }
+        }
     }
 
     .tabpanels { // panel where the content of the tabs go
@@ -255,7 +265,6 @@
         .record-row .record-details,
         .record-row .record-controls,
         .sort-handle {
-
             color: #FFFFFF !important;
 
             button {
@@ -277,7 +286,7 @@
 
         td {
             color: #FFFFFF !important;
-            
+
             > button {
                 color: #FFFFFF !important;
                 outline-color: #fff !important;
@@ -372,7 +381,6 @@
 .checkbox-custom-inverted() {
     .checkbox-custom {
         &.checkbox-button button {
-
             color: @light-light-grey-color !important;
 
             &:hover {

diff --git a/src/js/RAMP/Modules/templates/datagrid_template.json b/src/js/RAMP/Modules/templates/datagrid_template.json
@@ -166,8 +166,13 @@
                                     </div>",
 
     // nested under datagrid_global_row_template; toggle button
-    "filter_button_Template":"<button class='btn button-none btn-xs small button-sort {%=o.classAddition%}' {%=o.someAttribute%}>{%=o.buttonLabel%}</button>"
-
+    "filter_button_Template":"<button class='btn button-none btn-xs small button-sort {%=o.classAddition%}' {%=o.someAttribute%}>{%=o.buttonLabel%}</button>",
 
+    "datagrid_notice_update":
+    "
+        <div class='tab-notice update _tooltip' title='{%= i18n.t('datagrid.notices.update') %}'>
+            <i class='fa fa-refresh fa-spin'></i>
+        </div>
+    "
 
 }
diff --git a/src/locales/en-CA/translation.json b/src/locales/en-CA/translation.json
@@ -280,7 +280,8 @@
         },
         "notices": {
             "offScaleFullData": "Data is not visible at this zoom level.",
-            "offScaleSummary": "Some data is not visible at this zoom level."
+            "offScaleSummary": "Some data is not visible at this zoom level.",
+            "update": "Updating"
         },
         "sort": "Sort",
         "zoomBack": "Zoom Back",

diff --git a/src/locales/fr-CA/translation.json b/src/locales/fr-CA/translation.json
@@ -350,8 +350,9 @@
         "zoomBack": "Zoom arrière", 
         "details": "Détails", 
         "notices": {
-            "offScaleFullData": "Les données ne sont pas visibles à ce niveau du Zoom", 
-            "offScaleSummary": "Quelques données ne sont pas visibles à ce niveau du Zoom"
+            "offScaleFullData": "Les données ne sont pas visibles à ce niveau du Zoom",
+            "offScaleSummary": "Quelques données ne sont pas visibles à ce niveau du Zoom",
+            "update": "Mise à jour"
         }, 
         "dataTabTitle": "Données", 
         "ex": {