| 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-item/paper-item.h
tml"> | 2 <link rel="import" href="chrome://resources/polymer/v1_0/paper-item/paper-item.h
tml"> |
| 3 <link rel="import" href="chrome://md-settings/icons.html"> | 3 <link rel="import" href="chrome://md-settings/icons.html"> |
| 4 <link rel="import" href="chrome://md-settings/settings_shared_css.html"> |
| 4 <link rel="import" href="chrome://md-settings/site_settings/constants.html"> | 5 <link rel="import" href="chrome://md-settings/site_settings/constants.html"> |
| 5 <link rel="import" href="chrome://md-settings/site_settings/site_settings_behavi
or.html"> | 6 <link rel="import" href="chrome://md-settings/site_settings/site_settings_behavi
or.html"> |
| 6 <link rel="import" href="chrome://md-settings/site_settings/site_settings_prefs_
browser_proxy.html"> | 7 <link rel="import" href="chrome://md-settings/site_settings/site_settings_prefs_
browser_proxy.html"> |
| 7 | 8 |
| 8 <dom-module id="settings-site-settings-page"> | 9 <dom-module id="settings-site-settings-page"> |
| 9 <link rel="import" type="css" href="site_settings_page.css"> | |
| 10 <template> | 10 <template> |
| 11 <div class="settings-box"> | 11 <style include="settings-shared"> |
| 12 <div id="list" class="settings-list"> | 12 </style> |
| 13 <paper-icon-item category$="[[ALL_SITES]]" | 13 <div class="settings-box first" category$="[[ALL_SITES]]" |
| 14 on-tap="onTapCategory"> | 14 on-tap="onTapCategory"> |
| 15 <iron-icon icon="settings:list" item-icon></iron-icon> | 15 <iron-icon icon="settings:list"></iron-icon> |
| 16 <div class="flex category-header"> | 16 <div class="middle">$i18n{siteSettingsCategoryAllSites}</div> |
| 17 $i18n{siteSettingsCategoryAllSites} | 17 </div> |
| 18 </div> | 18 <div class="settings-box two-line" |
| 19 </paper-icon-item> | 19 category$="[[ContentSettingsTypes.COOKIES]]" on-tap="onTapCategory"> |
| 20 | 20 <iron-icon icon="[[computeIconForContentCategory( |
| 21 <paper-icon-item category$="[[ContentSettingsTypes.COOKIES]]" | 21 ContentSettingsTypes.COOKIES)]]"></iron-icon> |
| 22 on-tap="onTapCategory"> | 22 <div class="middle"> |
| 23 <iron-icon icon="[[computeIconForContentCategory( | 23 <div> |
| 24 ContentSettingsTypes.COOKIES)]]" item-icon></iron-icon> | 24 [[computeTitleForContentCategory(ContentSettingsTypes.COOKIES)]] |
| 25 <div class="flex category-header"> | 25 </div> |
| 26 [[computeTitleForContentCategory(ContentSettingsTypes.COOKIES)]] | 26 <div id="cookies" class="secondary"></div> |
| 27 </div> | 27 </div> |
| 28 <div id="cookies" class="option-value"></div> | 28 </div> |
| 29 </paper-icon-item> | 29 <div class="settings-box two-line" |
| 30 | 30 category$="[[ContentSettingsTypes.GEOLOCATION]]" on-tap="onTapCategory"> |
| 31 <paper-icon-item category$="[[ContentSettingsTypes.GEOLOCATION]]" | 31 <iron-icon icon="[[computeIconForContentCategory( |
| 32 on-tap="onTapCategory"> | 32 ContentSettingsTypes.GEOLOCATION)]]" item-icon=""></iron-icon> |
| 33 <iron-icon icon="[[computeIconForContentCategory( | 33 <div class="middle"> |
| 34 ContentSettingsTypes.GEOLOCATION)]]" item-icon></iron-icon> | 34 [[computeTitleForContentCategory(ContentSettingsTypes.GEOLOCATION)]] |
| 35 <div class="flex category-header"> | 35 <div id="geolocation" class="secondary"></div> |
| 36 [[computeTitleForContentCategory(ContentSettingsTypes.GEOLOCATION)]] | 36 </div> |
| 37 </div> | 37 </div> |
| 38 <div id="geolocation" class="option-value"></div> | 38 <div class="settings-box two-line" |
| 39 </paper-icon-item> | 39 category$="[[ContentSettingsTypes.CAMERA]]" on-tap="onTapCategory"> |
| 40 | 40 <iron-icon icon="[[computeIconForContentCategory( |
| 41 <paper-icon-item category$="[[ContentSettingsTypes.CAMERA]]" | 41 ContentSettingsTypes.CAMERA)]]" item-icon=""></iron-icon> |
| 42 on-tap="onTapCategory"> | 42 <div class="middle"> |
| 43 <iron-icon icon="[[computeIconForContentCategory( | 43 [[computeTitleForContentCategory(ContentSettingsTypes.CAMERA)]] |
| 44 ContentSettingsTypes.CAMERA)]]" item-icon></iron-icon> | 44 <div id="camera" class="secondary"></div> |
| 45 <div class="flex category-header"> | 45 </div> |
| 46 [[computeTitleForContentCategory(ContentSettingsTypes.CAMERA)]] | 46 </div> |
| 47 </div> | 47 <div class="settings-box two-line" category$="[[ContentSettingsTypes.MIC]]" |
| 48 <div id="camera" class="option-value"></div> | 48 on-tap="onTapCategory"> |
| 49 </paper-icon-item> | 49 <iron-icon icon="[[computeIconForContentCategory( |
| 50 | 50 ContentSettingsTypes.MIC)]]" item-icon=""></iron-icon> |
| 51 <paper-icon-item category$="[[ContentSettingsTypes.MIC]]" | 51 <div class="middle"> |
| 52 on-tap="onTapCategory"> | 52 [[computeTitleForContentCategory(ContentSettingsTypes.MIC)]] |
| 53 <iron-icon icon="[[computeIconForContentCategory( | 53 <div id="mic" class="secondary"></div> |
| 54 ContentSettingsTypes.MIC)]]" item-icon></iron-icon> | 54 </div> |
| 55 <div class="flex category-header"> | 55 </div> |
| 56 [[computeTitleForContentCategory(ContentSettingsTypes.MIC)]] | 56 <div class="settings-box two-line" |
| 57 </div> | 57 category$="[[ContentSettingsTypes.JAVASCRIPT]]" |
| 58 <div id="mic" class="option-value"></div> | 58 on-tap="onTapCategory"> |
| 59 </paper-icon-item> | 59 <iron-icon icon="[[computeIconForContentCategory( |
| 60 | 60 ContentSettingsTypes.JAVASCRIPT)]]" item-icon=""></iron-icon> |
| 61 <paper-icon-item category$="[[ContentSettingsTypes.JAVASCRIPT]]" | 61 <div class="middle"> |
| 62 on-tap="onTapCategory"> | 62 [[computeTitleForContentCategory(ContentSettingsTypes.JAVASCRIPT)]] |
| 63 <iron-icon icon="[[computeIconForContentCategory( | 63 <div id="javascript" class="secondary"></div> |
| 64 ContentSettingsTypes.JAVASCRIPT)]]" item-icon></iron-icon> | 64 </div> |
| 65 <div class="flex category-header"> | 65 </div> |
| 66 [[computeTitleForContentCategory(ContentSettingsTypes.JAVASCRIPT)]] | 66 <div class="settings-box two-line" |
| 67 </div> | 67 category$="[[ContentSettingsTypes.POPUPS]]" on-tap="onTapCategory"> |
| 68 <div id="javascript" class="option-value"></div> | 68 <iron-icon icon="[[computeIconForContentCategory( |
| 69 </paper-icon-item> | 69 ContentSettingsTypes.POPUPS)]]" item-icon=""></iron-icon> |
| 70 | 70 <div class="middle"> |
| 71 <paper-icon-item category$="[[ContentSettingsTypes.POPUPS]]" | 71 [[computeTitleForContentCategory(ContentSettingsTypes.POPUPS)]] |
| 72 on-tap="onTapCategory"> | 72 <div id="popups" class="secondary"></div> |
| 73 <iron-icon icon="[[computeIconForContentCategory( | 73 </div> |
| 74 ContentSettingsTypes.POPUPS)]]" item-icon></iron-icon> | 74 </div> |
| 75 <div class="flex category-header"> | 75 <div class="settings-box two-line" |
| 76 [[computeTitleForContentCategory(ContentSettingsTypes.POPUPS)]] | 76 category$="[[ContentSettingsTypes.NOTIFICATIONS]]" |
| 77 </div> | 77 on-tap="onTapCategory"> |
| 78 <div id="popups" class="option-value"></div> | 78 <iron-icon icon="[[computeIconForContentCategory( |
| 79 </paper-icon-item> | 79 ContentSettingsTypes.NOTIFICATIONS)]]" item-icon=""></iron-icon> |
| 80 | 80 <div class="middle"> |
| 81 <paper-icon-item category$="[[ContentSettingsTypes.NOTIFICATIONS]]" | 81 [[computeTitleForContentCategory(ContentSettingsTypes.NOTIFICATIONS)]] |
| 82 on-tap="onTapCategory"> | 82 <div id="notifications" class="secondary"></div> |
| 83 <iron-icon icon="[[computeIconForContentCategory( | 83 </div> |
| 84 ContentSettingsTypes.NOTIFICATIONS)]]" item-icon></iron-icon> | 84 </div> |
| 85 <div class="flex category-header"> | 85 <div class="settings-box two-line" |
| 86 [[computeTitleForContentCategory( | 86 category$="[[ContentSettingsTypes.IMAGES]]" on-tap="onTapCategory"> |
| 87 ContentSettingsTypes.NOTIFICATIONS)]] | 87 <iron-icon icon="[[computeIconForContentCategory( |
| 88 </div> | 88 ContentSettingsTypes.IMAGES)]]" item-icon=""></iron-icon> |
| 89 <div id="notifications" class="option-value"></div> | 89 <div class="middle"> |
| 90 </paper-icon-item> | 90 [[computeTitleForContentCategory(ContentSettingsTypes.IMAGES)]] |
| 91 | 91 <div id="images" class="secondary"></div> |
| 92 <paper-icon-item category$="[[ContentSettingsTypes.IMAGES]]" | |
| 93 on-tap="onTapCategory"> | |
| 94 <iron-icon icon="[[computeIconForContentCategory( | |
| 95 ContentSettingsTypes.IMAGES)]]" item-icon></iron-icon> | |
| 96 <div class="flex category-header"> | |
| 97 [[computeTitleForContentCategory(ContentSettingsTypes.IMAGES)]] | |
| 98 </div> | |
| 99 <div id="images" class="option-value"></div> | |
| 100 </paper-icon-item> | |
| 101 </div> | 92 </div> |
| 102 </div> | 93 </div> |
| 103 </template> | 94 </template> |
| 104 <script src="site_settings_page.js"></script> | 95 <script src="site_settings_page.js"></script> |
| 105 </dom-module> | 96 </dom-module> |
| OLD | NEW |