</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>
'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) {