Index: chrome/browser/resources/shared/js/chromeos/ui_account_tweaks.js |
diff --git a/chrome/browser/resources/shared/js/chromeos/ui_account_tweaks.js b/chrome/browser/resources/shared/js/chromeos/ui_account_tweaks.js |
new file mode 100644 |
index 0000000000000000000000000000000000000000..40b51578423c6168fa64e6c7b4053b68c248641e |
--- /dev/null |
+++ b/chrome/browser/resources/shared/js/chromeos/ui_account_tweaks.js |
@@ -0,0 +1,117 @@ |
+// Copyright (c) 2012 The Chromium Authors. All rights reserved. |
Nikita (slow)
2012/04/06 12:36:09
Please do a git cp chrome/browser/resources/option
Denis Kuznetsov (DE-MUC)
2012/04/09 11:21:30
Done.
Nikita (slow)
2012/04/09 12:18:49
Ok, so it won't treat this as edit. Nm.
|
+// Use of this source code is governed by a BSD-style license that can be |
+// found in the LICENSE file. |
+ |
+/** |
+ * @fileoverview This file contains methods that allow to tweak |
+ * internal page UI based on the status of current user (owner/user/guest). |
+ * It is assumed that required data is passed via i18n strings |
+ * (using templateData variable) that are filled with call to |
+ * AddAccountUITweaksLocalizedValues in ui_account_tweaks.cc. |
+ * It is also assumed that tweaked page has chrome://resources/css/widgets.css |
+ * included. |
+ */ |
+ |
+cr.define('uiAccountTweaks', function() { |
+ |
+ ///////////////////////////////////////////////////////////////////////////// |
+ // UIAccountTweaks class: |
+ |
+ /** |
+ * Encapsulated handling of ChromeOS accounts options page. |
+ * @constructor |
+ */ |
+ function UIAccountTweaks() { |
+ } |
+ |
+ /** |
+ * Returns whether the current user is owner or not. |
+ */ |
+ UIAccountTweaks.currentUserIsOwner = function() { |
+ return templateData['currentUserIsOwner'] == 'true'; |
+ }; |
+ |
+ /** |
+ * Returns whether we're currently in guest mode. |
+ */ |
+ UIAccountTweaks.loggedInAsGuest = function() { |
+ return templateData['loggedInAsGuest'] == 'true'; |
+ }; |
+ |
+ /** |
+ * Disable or hide some elements in Guest mode in ChromeOS. |
+ * All elements within given document with guest-visibility |
+ * attribute are either hidden (for guest-visibility="hidden") |
+ * or disabled (for guest-visibility="disabled"). |
+ * |
+ * @param {Document} document Document that should processed. |
+ */ |
+ UIAccountTweaks.applyGuestModeVisibility = function(document) { |
+ if (!cr.isChromeOS || !UIAccountTweaks.loggedInAsGuest()) |
+ return; |
+ var elements = document.querySelectorAll('[guest-visibility]'); |
+ for (var i = 0; i < elements.length; i++) { |
+ var element = elements[i]; |
+ var visibility = element.getAttribute('guest-visibility'); |
+ if (visibility == 'hidden') { |
+ element.hidden = true; |
+ } else if (visibility == 'disabled') { |
+ UIAccountTweaks.disableElementsForGuest(element); |
+ } |
+ } |
+ } |
+ |
+ /** |
+ * Disables and marks page elements for Guest mode. |
+ * Adds guest-disabled css class to all elements within given subtree, |
+ * disables interactive elements (input/select/button), and removes href |
+ * attribute from <a> elements. |
+ * |
+ * @param {Element} element Root element of DOM subtree that should be |
+ * disabled. |
+ */ |
+ UIAccountTweaks.disableElementsForGuest = function(element) { |
+ UIAccountTweaks.disableElementForGuest_(element); |
+ |
+ // Walk the tree, searching each ELEMENT node. |
+ var walker = document.createTreeWalker(element, |
+ NodeFilter.SHOW_ELEMENT, |
+ null, |
+ false); |
+ |
+ var node = walker.nextNode(); |
+ while (node) { |
+ UIAccountTweaks.disableElementForGuest_(node); |
+ node = walker.nextNode(); |
+ } |
+ }; |
+ |
+ /** |
+ * Disables single element for Guest mode. |
+ * Adds guest-disabled css class, adds disabled attribute for appropriate |
+ * elements (input/select/button), and removes href attribute from |
+ * <a> element. |
+ * |
+ * @private |
+ * @param {Element} element Element that should be disabled. |
+ */ |
+ UIAccountTweaks.disableElementForGuest_ = function(element) { |
+ element.classList.add('guest-disabled'); |
+ if (element.nodeName == 'INPUT' || |
+ element.nodeName == 'SELECT' || |
+ element.nodeName == 'BUTTON') |
+ element.disabled = true; |
+ if (element.nodeName == 'A') { |
+ console.log(element); |
+ element.onclick = function() { |
+ return false; |
+ }; |
+ } |
+ }; |
+ |
+ // Export |
+ return { |
+ UIAccountTweaks: UIAccountTweaks |
+ }; |
+ |
+}); |