Skip to content

GitLab

T
tangled
Commit 2de5c134 authored by Tymofii Chudakov's avatar Tymofii Chudakov Committed by Commit Bot
Browse files
Options

WebUI Settings: exceptions section redesign 

Implemented exceptions section redesign of the content settings pages.
This CL includes redesign of the following content setting categories:
- ADS                              - MIDI_DEVICES
- AR                               - MIXEDSCRIPT
- AUTOMATIC_DOWNLOADS              - MOTION_SENSORS
- BACKGROUND_SYNC                  - PAYMENT_HANDLER
- CAMERA                           - PLUGINS
- CLIPBOARD                        - POPUPS
- FILE_SYSTEM_WRITE                - PROTECTED_CONTENT
- GEOLOCATION                      - SOUND
- IMAGES                           - UNSANDBOXED_PLUGINS
- JAVASCRIPT                       - VR
- MIC

Bug: 1113642
Change-Id: I843de142fa297323b795480cecc9ecaaafc18fe5
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/2403280
Commit-Queue: Tymofii Chudakov <tchudakov@chromium.org>
Reviewed-by: default avatarTheodore Olsauskas-Warren <sauski@google.com>
Reviewed-by: default avatardpapad <dpapad@chromium.org>
Reviewed-by: default avatarSean Harrison <harrisonsean@chromium.org>
Cr-Commit-Position: refs/heads/master@{#814639}
parent 937a7c66
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 686 additions and 118 deletions
chrome/app/settings_strings.grdp
View file @ 2de5c134
This diff is collapsed.
chrome/app/settings_strings_grdp/IDS_SETTINGS_SITE_SETTINGS_ADS_ALLOWED_EXCEPTIONS.png.sha1 0 → 100644
View file @ 2de5c134
193d685b80082e541b503afa0ed38a856379ec1c
\ No newline at end of file
chrome/app/settings_strings_grdp/IDS_SETTINGS_SITE_SETTINGS_ADS_BLOCKED_EXCEPTIONS.png.sha1 0 → 100644
View file @ 2de5c134
193d685b80082e541b503afa0ed38a856379ec1c
\ No newline at end of file
chrome/app/settings_strings_grdp/IDS_SETTINGS_SITE_SETTINGS_AR_ALLOWED_EXCEPTIONS.png.sha1 0 → 100644
View file @ 2de5c134
85f577f64a6ab589365606c8806128c739a3bcea
\ No newline at end of file
chrome/app/settings_strings_grdp/IDS_SETTINGS_SITE_SETTINGS_AR_BLOCKED_EXCEPTIONS.png.sha1 0 → 100644
View file @ 2de5c134
85f577f64a6ab589365606c8806128c739a3bcea
\ No newline at end of file
chrome/app/settings_strings_grdp/IDS_SETTINGS_SITE_SETTINGS_CAMERA_ALLOWED_EXCEPTIONS.png.sha1 0 → 100644
View file @ 2de5c134
1d65fa8ef567fb449b3500ad771859af40163ebd
\ No newline at end of file
chrome/app/settings_strings_grdp/IDS_SETTINGS_SITE_SETTINGS_CAMERA_BLOCKED_EXCEPTIONS.png.sha1 0 → 100644
View file @ 2de5c134
1d65fa8ef567fb449b3500ad771859af40163ebd
\ No newline at end of file
chrome/app/settings_strings_grdp/IDS_SETTINGS_SITE_SETTINGS_CLIPBOARD_ALLOWED_EXCEPTIONS.png.sha1 0 → 100644
View file @ 2de5c134
3220bd231c6f721c1f3ba5b6dafe42a2378205ea
\ No newline at end of file
chrome/app/settings_strings_grdp/IDS_SETTINGS_SITE_SETTINGS_CLIPBOARD_BLOCKED_EXCEPTIONS.png.sha1 0 → 100644
View file @ 2de5c134
3220bd231c6f721c1f3ba5b6dafe42a2378205ea
\ No newline at end of file
chrome/app/settings_strings_grdp/IDS_SETTINGS_SITE_SETTINGS_CUSTOMIZED_BEHAVIORS.png.sha1 0 → 100644
View file @ 2de5c134
870a67f6210d9924d8bb8419727e2e3696fe2f30
\ No newline at end of file
chrome/app/settings_strings_grdp/IDS_SETTINGS_SITE_SETTINGS_FLASH_ALLOWED_EXCEPTIONS.png.sha1 0 → 100644
View file @ 2de5c134
3b3ed455d5b4575a47a2b8320eed38d78f2585fd
\ No newline at end of file
chrome/app/settings_strings_grdp/IDS_SETTINGS_SITE_SETTINGS_FLASH_BLOCKED_EXCEPTIONS.png.sha1 0 → 100644
View file @ 2de5c134
3b3ed455d5b4575a47a2b8320eed38d78f2585fd
\ No newline at end of file
chrome/app/settings_strings_grdp/IDS_SETTINGS_SITE_SETTINGS_IMAGES_ALLOWED_EXCEPTIONS.png.sha1 0 → 100644
View file @ 2de5c134
229ccefd8d8e84d5fada4f21d65f53de794ae81f
\ No newline at end of file
chrome/app/settings_strings_grdp/IDS_SETTINGS_SITE_SETTINGS_IMAGES_BLOCKED_EXCEPTIONS.png.sha1 0 → 100644
View file @ 2de5c134
229ccefd8d8e84d5fada4f21d65f53de794ae81f
\ No newline at end of file
chrome/app/settings_strings_grdp/IDS_SETTINGS_SITE_SETTINGS_JAVASCRIPT_ALLOWED_EXCEPTIONS.png.sha1 0 → 100644
View file @ 2de5c134
b203f05e2c681401cc1a3e12ef5350c0f36a2cfb
\ No newline at end of file
chrome/app/settings_strings_grdp/IDS_SETTINGS_SITE_SETTINGS_JAVASCRIPT_BLOCKED_EXCEPTIONS.png.sha1 0 → 100644
View file @ 2de5c134
b203f05e2c681401cc1a3e12ef5350c0f36a2cfb
\ No newline at end of file
chrome/app/settings_strings_grdp/IDS_SETTINGS_SITE_SETTINGS_LOCATION_ALLOWED_EXCEPTIONS.png.sha1 0 → 100644
View file @ 2de5c134
21024716de448062c3499f0df53b4ee300dd7f2d
\ No newline at end of file
chrome/app/settings_strings_grdp/IDS_SETTINGS_SITE_SETTINGS_LOCATION_BLOCKED_EXCEPTIONS.png.sha1 0 → 100644
View file @ 2de5c134
21024716de448062c3499f0df53b4ee300dd7f2d
\ No newline at end of file
chrome/app/settings_strings_grdp/IDS_SETTINGS_SITE_SETTINGS_MIC_ALLOWED_EXCEPTIONS.png.sha1 0 → 100644
View file @ 2de5c134
b83854ecb12e1febc59de9bb2d65a5f205fb3223
\ No newline at end of file
chrome/app/settings_strings_grdp/IDS_SETTINGS_SITE_SETTINGS_MIC_BLOCKED_EXCEPTIONS.png.sha1 0 → 100644
View file @ 2de5c134
b83854ecb12e1febc59de9bb2d65a5f205fb3223
\ No newline at end of file
chrome/app/settings_strings_grdp/IDS_SETTINGS_SITE_SETTINGS_MIDI_ALLOWED_EXCEPTIONS.png.sha1 0 → 100644
View file @ 2de5c134
8fa010440ef4e5c899d944ff00ef5ac0ecfdfc98
\ No newline at end of file
chrome/app/settings_strings_grdp/IDS_SETTINGS_SITE_SETTINGS_MIDI_BLOCKED_EXCEPTIONS.png.sha1 0 → 100644
View file @ 2de5c134
8fa010440ef4e5c899d944ff00ef5ac0ecfdfc98
\ No newline at end of file
chrome/app/settings_strings_grdp/IDS_SETTINGS_SITE_SETTINGS_POPUPS_ALLOWED_EXCEPTIONS.png.sha1 0 → 100644
View file @ 2de5c134
22e77bf3527ceacfa58abc65ed89aafa0836d218
\ No newline at end of file
chrome/app/settings_strings_grdp/IDS_SETTINGS_SITE_SETTINGS_POPUPS_BLOCKED_EXCEPTIONS.png.sha1 0 → 100644
View file @ 2de5c134
22e77bf3527ceacfa58abc65ed89aafa0836d218
\ No newline at end of file
chrome/app/settings_strings_grdp/IDS_SETTINGS_SITE_SETTINGS_SOUND_ALLOWED_EXCEPTIONS.png.sha1 0 → 100644
View file @ 2de5c134
f71ba65aa5540bd4f45139dd77621181747a8c2f
\ No newline at end of file
chrome/app/settings_strings_grdp/IDS_SETTINGS_SITE_SETTINGS_SOUND_BLOCKED_EXCEPTIONS.png.sha1 0 → 100644
View file @ 2de5c134
f71ba65aa5540bd4f45139dd77621181747a8c2f
\ No newline at end of file
chrome/app/settings_strings_grdp/IDS_SETTINGS_SITE_SETTINGS_VR_ALLOWED_EXCEPTIONS.png.sha1 0 → 100644
View file @ 2de5c134
1dc8f04745d691c01bdd755ac38e33333cc26159
\ No newline at end of file
chrome/app/settings_strings_grdp/IDS_SETTINGS_SITE_SETTINGS_VR_BLOCKED_EXCEPTIONS.png.sha1 0 → 100644
View file @ 2de5c134
1dc8f04745d691c01bdd755ac38e33333cc26159
\ No newline at end of file
chrome/browser/resources/settings/privacy_page/cookies_page.html
View file @ 2de5c134
......@@ -32,6 +32,10 @@
settings-collapse-radio-button .bullet-line:last-child {
padding-bottom: 12px;
}
#exceptionHeader {
padding: 0 var(--cr-section-padding);
}
</style>
<picture>
<source
......@@ -136,6 +140,9 @@
<cr-link-row id="site-data-trigger" class="hr"
on-click="onSiteDataClick_" label="$i18n{siteSettingsCookieLink}">
</cr-link-row>
<div id="exceptionHeader" hidden="[[!enableContentSettingsRedesign_]]">
<h2>$i18n{siteSettingsCustomizedBehaviors}</h2>
</div>
<site-list id="allowExceptionsList"
category="[[cookiesContentSettingType_]]"
category-subtype="[[contentSetting_.ALLOW]]"
......
chrome/browser/resources/settings/privacy_page/cookies_page.js
View file @ 2de5c134
......@@ -90,6 +90,14 @@ Polymer({
value: CookiePrimarySetting,
},
/** @private */
enableContentSettingsRedesign_: {
type: Boolean,
value() {
return loadTimeData.getBoolean('enableContentSettingsRedesign');
}
},
/**
* Used for HTML bindings. This is defined as a property rather than
* within the ready callback, because the value needs to be available
......
chrome/browser/resources/settings/site_settings/category_setting_exceptions.html
View file @ 2de5c134
<style include="settings-shared">
#exceptionHeader {
padding: 0 var(--cr-section-padding);
}
</style>
<div id="exceptionHeader" hidden="[[!enableContentSettingsRedesign_]]">
<h2>$i18n{siteSettingsCustomizedBehaviors}</h2>
</div>
<site-list
has-discarded-exceptions="{{blockSiteListHasDiscardedExceptions_}}"
category="[[category]]"
......@@ -18,7 +26,7 @@
has-discarded-exceptions="{{allowSiteListHasDiscardedExceptions_}}"
category="[[category]]"
category-subtype="[[ContentSetting.ALLOW]]"
category-header="$i18n{siteSettingsAllow}"
category-header="[[allowHeader]]"
read-only-list="[[getReadOnlyList_(readOnlyList, defaultManaged_)]]"
search-filter="[[searchFilter]]"
hidden$="[[!showAllowSiteList_]]">
......
chrome/browser/resources/settings/site_settings/category_setting_exceptions.js
View file @ 2de5c134
......@@ -12,6 +12,7 @@ import './site_list.js';
import {WebUIListenerBehavior} from 'chrome://resources/js/web_ui_listener_behavior.m.js';
import {html, Polymer} from 'chrome://resources/polymer/v3_0/polymer/polymer_bundled.min.js';
import {loadTimeData} from '../i18n_setup.js';
import {ContentSetting, ContentSettingsTypes, SiteSettingSource} from './constants.js';
import {SiteSettingsBehavior} from './site_settings_behavior.js';
......@@ -52,6 +53,19 @@ Polymer({
*/
blockHeader: String,
/** @private */
enableContentSettingsRedesign_: {
type: Boolean,
value() {
return loadTimeData.getBoolean('enableContentSettingsRedesign');
}
},
/**
* The heading text for the allowed exception list.
*/
allowHeader: String,
searchFilter: String,
/**
......
chrome/browser/resources/settings/site_settings/site_list.html
View file @ 2de5c134
......@@ -2,7 +2,9 @@
</style>
<div id="category">
<div class="cr-row first">
<h2 class="flex">[[categoryHeader]]</h2>
<h2 class$="flex [[getCssClass_(enableContentSettingsRedesign_)]]">
[[categoryHeader]]
</h2>
<cr-button id="addSite" class="header-aligned-button"
hidden$="[[!showAddSiteButton_]]" on-click="onAddSiteTap_">
$i18n{add}
......
chrome/browser/resources/settings/site_settings/site_list.js
View file @ 2de5c134
......@@ -59,6 +59,14 @@ Polymer({
categoryHeader: String,
/** @private */
enableContentSettingsRedesign_: {
type: Boolean,
value() {
return loadTimeData.getBoolean('enableContentSettingsRedesign');
}
},
/**
* The site serving as the model for the currently open action menu.
* @private {?SiteException}
......@@ -538,4 +546,12 @@ Polymer({
computeHasDiscardedExceptions_() {
return this.sites.some(exception => exception.isDiscarded);
},
/**
* @return {string}
* @private
*/
getCssClass_() {
return this.enableContentSettingsRedesign_ ? 'secondary' : '';
}
});
chrome/test/data/webui/settings/category_setting_exceptions_tests.js
View file @ 2de5c134
......@@ -3,10 +3,12 @@
// found in the LICENSE file.
// clang-format off
import {loadTimeData} from 'chrome://resources/js/load_time_data.m.js';
import {flush} from 'chrome://resources/polymer/v3_0/polymer/polymer_bundled.min.js';
import {ContentSetting,ContentSettingProvider,ContentSettingsTypes,SiteSettingSource,SiteSettingsPrefsBrowserProxyImpl} from 'chrome://settings/lazy_load.js';
import {TestSiteSettingsPrefsBrowserProxy} from 'chrome://test/settings/test_site_settings_prefs_browser_proxy.js';
import {createContentSettingTypeToValuePair,createDefaultContentSetting,createSiteSettingsPrefs} from 'chrome://test/settings/test_util.js';
import {isChildVisible} from 'chrome://test/test_util.m.js';
// clang-format on
/** @fileoverview Suite of tests for category-setting-exceptions. */
......@@ -23,6 +25,12 @@ suite('CategorySettingExceptions', function() {
*/
let browserProxy = null;
suiteSetup(function() {
loadTimeData.overrideValues({
enableContentSettingsRedesign: false,
});
});
// Initialize a category-setting-exceptions before each test.
setup(function() {
browserProxy = new TestSiteSettingsPrefsBrowserProxy();
......@@ -38,6 +46,10 @@ suite('CategorySettingExceptions', function() {
assertTrue(!!testElement);
});
test('header visibility', function() {
assertFalse(isChildVisible(testElement, '#exceptionHeader'));
});
test(
'allow site list is hidden when showAllowSiteList_ is false', function() {
testElement.showAllowSiteList_ = false;
......@@ -182,3 +194,28 @@ suite('CategorySettingExceptions', function() {
return Promise.all([initializationTest, updateTest]);
});
});
suite('ContentSettingsRedesign', function() {
/**
* A site settings exceptions created before each test.
* @type {SiteSettingsExceptionsElement}
*/
let testElement;
suiteSetup(function() {
loadTimeData.overrideValues({
enableContentSettingsRedesign: true,
});
});
// Initialize a category-setting-exceptions before each test.
setup(function() {
PolymerTest.clearBody();
testElement = document.createElement('category-setting-exceptions');
document.body.appendChild(testElement);
});
test('header visibility', function() {
assertTrue(isChildVisible(testElement, '#exceptionHeader'));
});
});
chrome/test/data/webui/settings/cookies_page_test.js
View file @ 2de5c134
......@@ -27,6 +27,12 @@ suite('CrSettingsCookiesPageTest', function() {
/** @type {!SettingsCookiesPageElement} */
let page;
suiteSetup(function() {
loadTimeData.overrideValues({
enableContentSettingsRedesign: false,
});
});
setup(function() {
testMetricsBrowserProxy = new TestMetricsBrowserProxy();
MetricsBrowserProxyImpl.instance_ = testMetricsBrowserProxy;
......@@ -52,6 +58,7 @@ suite('CrSettingsCookiesPageTest', function() {
test('ElementVisibility', async function() {
await flushTasks();
assertFalse(isChildVisible(page, '#exceptionHeader'));
assertTrue(isChildVisible(page, '#clearOnExit'));
assertTrue(isChildVisible(page, '#doNotTrack'));
assertTrue(isChildVisible(page, '#networkPrediction'));
......@@ -193,3 +200,31 @@ suite('CrSettingsCookiesPageTest', function() {
});
});
suite('ContentSettingsRedesign', function() {
/** @type {!SettingsCookiesPageElement} */
let page;
suiteSetup(function() {
loadTimeData.overrideValues({
enableContentSettingsRedesign: true,
});
});
setup(function() {
document.body.innerHTML = '';
page = /** @type {!SettingsCookiesPageElement} */ (
document.createElement('settings-cookies-page'));
page.prefs = {
generated: {
cookie_session_only: {value: false},
cookie_primary_setting:
{type: chrome.settingsPrivate.PrefType.NUMBER, value: 0},
},
};
document.body.appendChild(page);
});
test('HeaderVisibility', async function() {
assertTrue(isChildVisible(page, '#exceptionHeader'));
});
});
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment