OLD | NEW |
---|---|
1 <link rel="import" href="chrome://resources/html/polymer.html"> | 1 <link rel="import" href="chrome://resources/html/polymer.html"> |
2 <link rel="import" href="/icons.html"> | 2 <link rel="import" href="/icons.html"> |
3 <link rel="import" href="/route.html"> | 3 <link rel="import" href="/route.html"> |
4 <link rel="import" href="/settings_shared_css.html"> | 4 <link rel="import" href="/settings_shared_css.html"> |
5 <link rel="import" href="/site_settings/constants.html"> | 5 <link rel="import" href="/site_settings/constants.html"> |
6 <link rel="import" href="/site_settings/site_settings_behavior.html"> | 6 <link rel="import" href="/site_settings/site_settings_behavior.html"> |
7 <link rel="import" href="/site_settings/site_settings_prefs_browser_proxy.html"> | 7 <link rel="import" href="/site_settings/site_settings_prefs_browser_proxy.html"> |
8 | 8 |
9 <dom-module id="settings-site-settings-page"> | 9 <dom-module id="settings-site-settings-page"> |
10 <template> | 10 <template> |
11 <style include="settings-shared"> | 11 <style include="settings-shared"> |
12 .settings-box[category] { | 12 .settings-box[category] { |
13 @apply(--settings-actionable); | 13 @apply(--settings-actionable); |
14 } | 14 } |
15 </style> | 15 </style> |
16 <div class="settings-box first" category$="[[ALL_SITES]]" | 16 <div class="settings-box first" category$="[[ALL_SITES]]" |
17 on-tap="onTapCategory"> | 17 on-tap="onTapCategory"> |
18 <iron-icon icon="settings:list"></iron-icon> | 18 <iron-icon icon="settings:list"></iron-icon> |
19 <div class="middle">$i18n{siteSettingsCategoryAllSites}</div> | 19 <div class="middle">$i18n{siteSettingsCategoryAllSites}</div> |
20 <iron-icon icon="settings:arrow-drop-up" class="settings-arrow-right"> | |
21 </iron-icon> | |
tommycli
2016/09/20 17:44:08
I hate to do this to you, but is it possible to do
dschuyler
2016/09/23 17:29:18
The control needs to do more than just be a pictur
| |
20 </div> | 22 </div> |
21 <div class="settings-box two-line" | 23 <div class="settings-box two-line" |
22 category$="[[ContentSettingsTypes.COOKIES]]" on-tap="onTapCategory"> | 24 category$="[[ContentSettingsTypes.COOKIES]]" on-tap="onTapCategory"> |
23 <iron-icon icon="[[computeIconForContentCategory( | 25 <iron-icon icon="[[computeIconForContentCategory( |
24 ContentSettingsTypes.COOKIES)]]"></iron-icon> | 26 ContentSettingsTypes.COOKIES)]]"></iron-icon> |
25 <div class="middle"> | 27 <div class="middle"> |
26 <div> | 28 <div> |
27 [[computeTitleForContentCategory(ContentSettingsTypes.COOKIES)]] | 29 [[computeTitleForContentCategory(ContentSettingsTypes.COOKIES)]] |
28 </div> | 30 </div> |
29 <div id="cookies" class="secondary"></div> | 31 <div id="cookies" class="secondary"></div> |
30 </div> | 32 </div> |
33 <iron-icon icon="settings:arrow-drop-up" class="settings-arrow-right"> | |
34 </iron-icon> | |
31 </div> | 35 </div> |
32 <div class="settings-box two-line" | 36 <div class="settings-box two-line" |
33 category$="[[ContentSettingsTypes.GEOLOCATION]]" on-tap="onTapCategory"> | 37 category$="[[ContentSettingsTypes.GEOLOCATION]]" on-tap="onTapCategory"> |
34 <iron-icon icon="[[computeIconForContentCategory( | 38 <iron-icon icon="[[computeIconForContentCategory( |
35 ContentSettingsTypes.GEOLOCATION)]]"></iron-icon> | 39 ContentSettingsTypes.GEOLOCATION)]]"></iron-icon> |
36 <div class="middle"> | 40 <div class="middle"> |
37 [[computeTitleForContentCategory(ContentSettingsTypes.GEOLOCATION)]] | 41 [[computeTitleForContentCategory(ContentSettingsTypes.GEOLOCATION)]] |
38 <div id="geolocation" class="secondary"></div> | 42 <div id="geolocation" class="secondary"></div> |
39 </div> | 43 </div> |
40 </div> | 44 <iron-icon icon="settings:arrow-drop-up" class="settings-arrow-right"> |
45 </iron-icon> | |
46 </div> | |
41 <div class="settings-box two-line" | 47 <div class="settings-box two-line" |
42 category$="[[ContentSettingsTypes.CAMERA]]" on-tap="onTapCategory"> | 48 category$="[[ContentSettingsTypes.CAMERA]]" on-tap="onTapCategory"> |
43 <iron-icon icon="[[computeIconForContentCategory( | 49 <iron-icon icon="[[computeIconForContentCategory( |
44 ContentSettingsTypes.CAMERA)]]"></iron-icon> | 50 ContentSettingsTypes.CAMERA)]]"></iron-icon> |
45 <div class="middle"> | 51 <div class="middle"> |
46 [[computeTitleForContentCategory(ContentSettingsTypes.CAMERA)]] | 52 [[computeTitleForContentCategory(ContentSettingsTypes.CAMERA)]] |
47 <div id="camera" class="secondary"></div> | 53 <div id="camera" class="secondary"></div> |
48 </div> | 54 </div> |
55 <iron-icon icon="settings:arrow-drop-up" class="settings-arrow-right"> | |
56 </iron-icon> | |
49 </div> | 57 </div> |
50 <div class="settings-box two-line" category$="[[ContentSettingsTypes.MIC]]" | 58 <div class="settings-box two-line" category$="[[ContentSettingsTypes.MIC]]" |
51 on-tap="onTapCategory"> | 59 on-tap="onTapCategory"> |
52 <iron-icon icon="[[computeIconForContentCategory( | 60 <iron-icon icon="[[computeIconForContentCategory( |
53 ContentSettingsTypes.MIC)]]"></iron-icon> | 61 ContentSettingsTypes.MIC)]]"></iron-icon> |
54 <div class="middle"> | 62 <div class="middle"> |
55 [[computeTitleForContentCategory(ContentSettingsTypes.MIC)]] | 63 [[computeTitleForContentCategory(ContentSettingsTypes.MIC)]] |
56 <div id="mic" class="secondary"></div> | 64 <div id="mic" class="secondary"></div> |
57 </div> | 65 </div> |
66 <iron-icon icon="settings:arrow-drop-up" class="settings-arrow-right"> | |
67 </iron-icon> | |
58 </div> | 68 </div> |
59 <div class="settings-box two-line" | 69 <div class="settings-box two-line" |
60 category$="[[ContentSettingsTypes.NOTIFICATIONS]]" | 70 category$="[[ContentSettingsTypes.NOTIFICATIONS]]" |
61 on-tap="onTapCategory"> | 71 on-tap="onTapCategory"> |
62 <iron-icon icon="[[computeIconForContentCategory( | 72 <iron-icon icon="[[computeIconForContentCategory( |
63 ContentSettingsTypes.NOTIFICATIONS)]]"></iron-icon> | 73 ContentSettingsTypes.NOTIFICATIONS)]]"></iron-icon> |
64 <div class="middle"> | 74 <div class="middle"> |
65 [[computeTitleForContentCategory(ContentSettingsTypes.NOTIFICATIONS)]] | 75 [[computeTitleForContentCategory(ContentSettingsTypes.NOTIFICATIONS)]] |
66 <div id="notifications" class="secondary"></div> | 76 <div id="notifications" class="secondary"></div> |
67 </div> | 77 </div> |
78 <iron-icon icon="settings:arrow-drop-up" class="settings-arrow-right"> | |
79 </iron-icon> | |
68 </div> | 80 </div> |
69 <div class="settings-box two-line" | 81 <div class="settings-box two-line" |
70 category$="[[ContentSettingsTypes.JAVASCRIPT]]" | 82 category$="[[ContentSettingsTypes.JAVASCRIPT]]" |
71 on-tap="onTapCategory"> | 83 on-tap="onTapCategory"> |
72 <iron-icon icon="[[computeIconForContentCategory( | 84 <iron-icon icon="[[computeIconForContentCategory( |
73 ContentSettingsTypes.JAVASCRIPT)]]"></iron-icon> | 85 ContentSettingsTypes.JAVASCRIPT)]]"></iron-icon> |
74 <div class="middle"> | 86 <div class="middle"> |
75 [[computeTitleForContentCategory(ContentSettingsTypes.JAVASCRIPT)]] | 87 [[computeTitleForContentCategory(ContentSettingsTypes.JAVASCRIPT)]] |
76 <div id="javascript" class="secondary"></div> | 88 <div id="javascript" class="secondary"></div> |
77 </div> | 89 </div> |
90 <iron-icon icon="settings:arrow-drop-up" class="settings-arrow-right"> | |
91 </iron-icon> | |
78 </div> | 92 </div> |
79 <div class="settings-box two-line" | 93 <div class="settings-box two-line" |
80 category$="[[ContentSettingsTypes.PLUGINS]]" | 94 category$="[[ContentSettingsTypes.PLUGINS]]" |
81 on-tap="onTapCategory"> | 95 on-tap="onTapCategory"> |
82 <iron-icon icon="[[computeIconForContentCategory( | 96 <iron-icon icon="[[computeIconForContentCategory( |
83 ContentSettingsTypes.PLUGINS)]]"></iron-icon> | 97 ContentSettingsTypes.PLUGINS)]]"></iron-icon> |
84 <div class="middle"> | 98 <div class="middle"> |
85 [[computeTitleForContentCategory(ContentSettingsTypes.PLUGINS)]] | 99 [[computeTitleForContentCategory(ContentSettingsTypes.PLUGINS)]] |
86 <div id="plugins" class="secondary"></div> | 100 <div id="plugins" class="secondary"></div> |
87 </div> | 101 </div> |
102 <iron-icon icon="settings:arrow-drop-up" class="settings-arrow-right"> | |
103 </iron-icon> | |
88 </div> | 104 </div> |
89 <div class="settings-box two-line" | 105 <div class="settings-box two-line" |
90 category$="[[ContentSettingsTypes.IMAGES]]" on-tap="onTapCategory"> | 106 category$="[[ContentSettingsTypes.IMAGES]]" on-tap="onTapCategory"> |
91 <iron-icon icon="[[computeIconForContentCategory( | 107 <iron-icon icon="[[computeIconForContentCategory( |
92 ContentSettingsTypes.IMAGES)]]"></iron-icon> | 108 ContentSettingsTypes.IMAGES)]]"></iron-icon> |
93 <div class="middle"> | 109 <div class="middle"> |
94 [[computeTitleForContentCategory(ContentSettingsTypes.IMAGES)]] | 110 [[computeTitleForContentCategory(ContentSettingsTypes.IMAGES)]] |
95 <div id="images" class="secondary"></div> | 111 <div id="images" class="secondary"></div> |
96 </div> | 112 </div> |
113 <iron-icon icon="settings:arrow-drop-up" class="settings-arrow-right"> | |
114 </iron-icon> | |
97 </div> | 115 </div> |
98 <div class="settings-box two-line" | 116 <div class="settings-box two-line" |
99 category$="[[ContentSettingsTypes.POPUPS]]" on-tap="onTapCategory"> | 117 category$="[[ContentSettingsTypes.POPUPS]]" on-tap="onTapCategory"> |
100 <iron-icon icon="[[computeIconForContentCategory( | 118 <iron-icon icon="[[computeIconForContentCategory( |
101 ContentSettingsTypes.POPUPS)]]"></iron-icon> | 119 ContentSettingsTypes.POPUPS)]]"></iron-icon> |
102 <div class="middle"> | 120 <div class="middle"> |
103 [[computeTitleForContentCategory(ContentSettingsTypes.POPUPS)]] | 121 [[computeTitleForContentCategory(ContentSettingsTypes.POPUPS)]] |
104 <div id="popups" class="secondary"></div> | 122 <div id="popups" class="secondary"></div> |
105 </div> | 123 </div> |
124 <iron-icon icon="settings:arrow-drop-up" class="settings-arrow-right"> | |
125 </iron-icon> | |
106 </div> | 126 </div> |
107 <div class="settings-box two-line" | 127 <div class="settings-box two-line" |
108 category$="[[ContentSettingsTypes.BACKGROUND_SYNC]]" | 128 category$="[[ContentSettingsTypes.BACKGROUND_SYNC]]" |
109 on-tap="onTapCategory"> | 129 on-tap="onTapCategory"> |
110 <iron-icon icon="[[computeIconForContentCategory( | 130 <iron-icon icon="[[computeIconForContentCategory( |
111 ContentSettingsTypes.BACKGROUND_SYNC)]]"></iron-icon> | 131 ContentSettingsTypes.BACKGROUND_SYNC)]]"></iron-icon> |
112 <div class="middle"> | 132 <div class="middle"> |
113 [[computeTitleForContentCategory( | 133 [[computeTitleForContentCategory( |
114 ContentSettingsTypes.BACKGROUND_SYNC)]] | 134 ContentSettingsTypes.BACKGROUND_SYNC)]] |
115 <div id="backgroundSync" class="secondary"></div> | 135 <div id="backgroundSync" class="secondary"></div> |
116 </div> | 136 </div> |
137 <iron-icon icon="settings:arrow-drop-up" class="settings-arrow-right"> | |
138 </iron-icon> | |
117 </div> | 139 </div> |
118 <div class="settings-box two-line" | 140 <div class="settings-box two-line" |
119 category$="[[ContentSettingsTypes.KEYGEN]]" | 141 category$="[[ContentSettingsTypes.KEYGEN]]" |
120 on-tap="onTapCategory"> | 142 on-tap="onTapCategory"> |
121 <iron-icon icon="[[computeIconForContentCategory( | 143 <iron-icon icon="[[computeIconForContentCategory( |
122 ContentSettingsTypes.KEYGEN)]]"></iron-icon> | 144 ContentSettingsTypes.KEYGEN)]]"></iron-icon> |
123 <div class="middle"> | 145 <div class="middle"> |
124 [[computeTitleForContentCategory( | 146 [[computeTitleForContentCategory( |
125 ContentSettingsTypes.KEYGEN)]] | 147 ContentSettingsTypes.KEYGEN)]] |
126 <div id="keygen" class="secondary"></div> | 148 <div id="keygen" class="secondary"></div> |
127 </div> | 149 </div> |
150 <iron-icon icon="settings:arrow-drop-up" class="settings-arrow-right"> | |
151 </iron-icon> | |
128 </div> | 152 </div> |
129 <div class="settings-box two-line" | 153 <div class="settings-box two-line" |
130 category$="[[ContentSettingsTypes.AUTOMATIC_DOWNLOADS]]" | 154 category$="[[ContentSettingsTypes.AUTOMATIC_DOWNLOADS]]" |
131 on-tap="onTapCategory"> | 155 on-tap="onTapCategory"> |
132 <iron-icon icon="[[computeIconForContentCategory( | 156 <iron-icon icon="[[computeIconForContentCategory( |
133 ContentSettingsTypes.AUTOMATIC_DOWNLOADS)]]"></iron-icon> | 157 ContentSettingsTypes.AUTOMATIC_DOWNLOADS)]]"></iron-icon> |
134 <div class="middle"> | 158 <div class="middle"> |
135 [[computeTitleForContentCategory( | 159 [[computeTitleForContentCategory( |
136 ContentSettingsTypes.AUTOMATIC_DOWNLOADS)]] | 160 ContentSettingsTypes.AUTOMATIC_DOWNLOADS)]] |
137 <div id="automaticDownloads" class="secondary"></div> | 161 <div id="automaticDownloads" class="secondary"></div> |
138 </div> | 162 </div> |
163 <iron-icon icon="settings:arrow-drop-up" class="settings-arrow-right"> | |
164 </iron-icon> | |
139 </div> | 165 </div> |
140 <div class="settings-box two-line" | 166 <div class="settings-box two-line" |
141 category$="[[ContentSettingsTypes.UNSANDBOXED_PLUGINS]]" | 167 category$="[[ContentSettingsTypes.UNSANDBOXED_PLUGINS]]" |
142 on-tap="onTapCategory"> | 168 on-tap="onTapCategory"> |
143 <iron-icon icon="[[computeIconForContentCategory( | 169 <iron-icon icon="[[computeIconForContentCategory( |
144 ContentSettingsTypes.UNSANDBOXED_PLUGINS)]]"></iron-icon> | 170 ContentSettingsTypes.UNSANDBOXED_PLUGINS)]]"></iron-icon> |
145 <div class="middle"> | 171 <div class="middle"> |
146 [[computeTitleForContentCategory( | 172 [[computeTitleForContentCategory( |
147 ContentSettingsTypes.UNSANDBOXED_PLUGINS)]] | 173 ContentSettingsTypes.UNSANDBOXED_PLUGINS)]] |
148 <div id="unsandboxedPlugins" class="secondary"></div> | 174 <div id="unsandboxedPlugins" class="secondary"></div> |
149 </div> | 175 </div> |
176 <iron-icon icon="settings:arrow-drop-up" class="settings-arrow-right"> | |
177 </iron-icon> | |
150 </div> | 178 </div> |
151 <div class="settings-box two-line" | 179 <div class="settings-box two-line" |
152 category$="[[ContentSettingsTypes.PROTOCOL_HANDLERS]]" | 180 category$="[[ContentSettingsTypes.PROTOCOL_HANDLERS]]" |
153 on-tap="onTapCategory"> | 181 on-tap="onTapCategory"> |
154 <iron-icon icon="[[computeIconForContentCategory( | 182 <iron-icon icon="[[computeIconForContentCategory( |
155 ContentSettingsTypes.PROTOCOL_HANDLERS)]]"></iron-icon> | 183 ContentSettingsTypes.PROTOCOL_HANDLERS)]]"></iron-icon> |
156 <div class="middle"> | 184 <div class="middle"> |
157 [[computeTitleForContentCategory( | 185 [[computeTitleForContentCategory( |
158 ContentSettingsTypes.PROTOCOL_HANDLERS)]] | 186 ContentSettingsTypes.PROTOCOL_HANDLERS)]] |
159 <div id="handlers" class="secondary"></div> | 187 <div id="handlers" class="secondary"></div> |
160 </div> | 188 </div> |
189 <iron-icon icon="settings:arrow-drop-up" class="settings-arrow-right"> | |
190 </iron-icon> | |
161 </div> | 191 </div> |
162 <div class="settings-box" category$="[[ContentSettingsTypes.ZOOM_LEVELS]]" | 192 <div class="settings-box" category$="[[ContentSettingsTypes.ZOOM_LEVELS]]" |
163 on-tap="onTapCategory"> | 193 on-tap="onTapCategory"> |
164 <iron-icon icon="[[computeIconForContentCategory( | 194 <iron-icon icon="[[computeIconForContentCategory( |
165 ContentSettingsTypes.ZOOM_LEVELS)]]"></iron-icon> | 195 ContentSettingsTypes.ZOOM_LEVELS)]]"></iron-icon> |
166 <div class="middle"> | 196 <div class="middle"> |
167 [[computeTitleForContentCategory(ContentSettingsTypes.ZOOM_LEVELS)]] | 197 [[computeTitleForContentCategory(ContentSettingsTypes.ZOOM_LEVELS)]] |
168 </div> | 198 </div> |
199 <iron-icon icon="settings:arrow-drop-up" class="settings-arrow-right"> | |
200 </iron-icon> | |
169 </div> | 201 </div> |
170 <div class="settings-box" category$="[[ContentSettingsTypes.USB_DEVICES]]" | 202 <div class="settings-box" category$="[[ContentSettingsTypes.USB_DEVICES]]" |
171 on-tap="onTapCategory"> | 203 on-tap="onTapCategory"> |
172 <iron-icon icon="[[computeIconForContentCategory( | 204 <iron-icon icon="[[computeIconForContentCategory( |
173 ContentSettingsTypes.USB_DEVICES)]]"></iron-icon> | 205 ContentSettingsTypes.USB_DEVICES)]]"></iron-icon> |
174 <div class="middle"> | 206 <div class="middle"> |
175 [[computeTitleForContentCategory(ContentSettingsTypes.USB_DEVICES)]] | 207 [[computeTitleForContentCategory(ContentSettingsTypes.USB_DEVICES)]] |
176 </div> | 208 </div> |
209 <iron-icon icon="settings:arrow-drop-up" class="settings-arrow-right"> | |
210 </iron-icon> | |
177 </div> | 211 </div> |
178 </template> | 212 </template> |
179 <script src="site_settings_page.js"></script> | 213 <script src="site_settings_page.js"></script> |
180 </dom-module> | 214 </dom-module> |
OLD | NEW |