CAT-112 High Contrast wording change.
authorKyle Huckins <khuckins@catalyte.io>
Wed, 10 May 2017 18:08:18 +0000 (11:08 -0700)
committerBill Erickson <berickxx@gmail.com>
Thu, 21 Mar 2019 19:46:23 +0000 (15:46 -0400)
High contrast text to change between "Turn on High Contrast
Mode" and "Turn off High Contrast Mode" depending on current
stylesheet in use.

Signed-off-by: Kyle Huckins <khuckins@catalyte.io>
 Changes to be committed:
modified:   KCLS/openils/var/templates_kcls/circ/selfcheck/patron_login.tt2
modified:   Open-ILS/web/js/ui/kcls/circ/selfcheck/selfcheck.js

KCLS/openils/var/templates_kcls/circ/selfcheck/patron_login.tt2
Open-ILS/web/js/ui/kcls/circ/selfcheck/selfcheck.js

index e1861df..84e8d2f 100644 (file)
               </button>
             </div>
           </div>
-          <div class="col-md-offset-3 col-xs-6">
-            <button class="btn btn-default btn-high-contrast" 
+          <div class="col-md-offset-3 col-xs-6 pad-vert">
+            <button id="scko-contrast-toggle-button" class="btn btn-default btn-high-contrast"
             onclick="swapStyleSheet('[% ctx.media_prefix %]/css/skin/kcls/selfcheck-high-contrast.css',
-              '[% ctx.media_prefix %]/css/skin/kcls/selfcheck-default.css');">Toggle High Contrast Option</button>
+              '[% ctx.media_prefix %]/css/skin/kcls/selfcheck-default.css');"><span id="scko-contrast-toggle">Turn on High Contrast Mode</span></button>
           </div>
         </div>
       </div>
index b6d539a..dfe36e2 100644 (file)
@@ -199,7 +199,14 @@ SelfCheckManager.prototype.init = function() {
         'oils-selfck-nav-logout-print' : function() { self.logoutPatron(true); },
         'oils-selfck-nav-logout-email' : function() { self.logoutPatron(false, true); },
         'oils-selfck-items-out-details-link' : function() { self.drawItemsOutPage(); },
-        'oils-selfck-items-out-renew-details-link' : function() { self.drawItemsOutPage(); }
+        'oils-selfck-items-out-renew-details-link' : function() { self.drawItemsOutPage(); },
+        'scko-contrast-toggle-button' : function() {
+            if(dojo.byId('scko-contrast-toggle').innerHTML == "Turn off High Contrast Mode") {
+                dojo.byId('scko-contrast-toggle').innerHTML = "Turn on High Contrast Mode";
+            } else {
+                dojo.byId('scko-contrast-toggle').innerHTML = "Turn off High Contrast Mode";
+            }
+        }
     }
 
     for(var id in linkHandlers) {