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