Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(424)

Side by Side Diff: chrome/browser/resources/md_history/app.vulcanized.html

Issue 2352293002: MD History: Replace app-route with a custom router (Closed)
Patch Set: Rebase Created 4 years, 2 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
1 <html><head><!-- 1 <html><head><!--
2 @license 2 @license
3 Copyright (c) 2014 The Polymer Project Authors. All rights reserved. 3 Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
4 This code may only be used under the BSD style license found at http://polymer.g ithub.io/LICENSE.txt 4 This code may only be used under the BSD style license found at http://polymer.g ithub.io/LICENSE.txt
5 The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt 5 The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
6 The complete set of contributors may be found at http://polymer.github.io/CONTRI BUTORS.txt 6 The complete set of contributors may be found at http://polymer.github.io/CONTRI BUTORS.txt
7 Code distributed by Google as part of the polymer project is also 7 Code distributed by Google as part of the polymer project is also
8 subject to an additional IP rights grant found at http://polymer.github.io/PATEN TS.txt 8 subject to an additional IP rights grant found at http://polymer.github.io/PATEN TS.txt
9 --><!-- 9 --><!--
10 @license 10 @license
(...skipping 23 matching lines...) Expand all
34 --md-background-color: rgb(241, 241, 241); 34 --md-background-color: rgb(241, 241, 241);
35 /* This is --google-blue-700, rewritten as a native custom property for speed. 35 /* This is --google-blue-700, rewritten as a native custom property for speed.
36 */ 36 */
37 --md-toolbar-color: rgb(51, 103, 214); 37 --md-toolbar-color: rgb(51, 103, 214);
38 } 38 }
39 39
40 </style> 40 </style>
41 41
42 42
43 43
44 </head><body><div hidden="" by-vulcanize=""><dom-module id="app-location" assetp ath="chrome://resources/polymer/v1_0/app-route/" css-build="shadow"> 44 </head><body><div hidden="" by-vulcanize=""><dom-module id="iron-pages" assetpat h="chrome://resources/polymer/v1_0/iron-pages/" css-build="shadow">
45 <template>
46 <iron-location path="{{__path}}" query="{{__query}}" hash="{{__hash}}" url-s pace-regex="{{urlSpaceRegex}}">
47 </iron-location>
48 <iron-query-params params-string="{{__query}}" params-object="{{queryParams} }">
49 </iron-query-params>
50 </template>
51 </dom-module>
52 <dom-module id="iron-pages" assetpath="chrome://resources/polymer/v1_0/iron-page s/" css-build="shadow">
53 45
54 <template> 46 <template>
55 <style scope="iron-pages">:host { 47 <style scope="iron-pages">:host {
56 display: block; 48 display: block;
57 } 49 }
58 50
59 :host > ::content > :not(.iron-selected) { 51 :host > ::content > :not(.iron-selected) {
60 display: none !important; 52 display: none !important;
61 } 53 }
62 54
(...skipping 3503 matching lines...) Expand 10 before | Expand all | Expand 10 after
3566 <paper-item id="menuMoreButton" class="menu-item" on-tap="onMoreFromSite Tap_"> 3558 <paper-item id="menuMoreButton" class="menu-item" on-tap="onMoreFromSite Tap_">
3567 $i18n{moreFromSite} 3559 $i18n{moreFromSite}
3568 </paper-item> 3560 </paper-item>
3569 <paper-item id="menuRemoveButton" class="menu-item" on-tap="onRemoveFrom HistoryTap_"> 3561 <paper-item id="menuRemoveButton" class="menu-item" on-tap="onRemoveFrom HistoryTap_">
3570 $i18n{removeFromHistory} 3562 $i18n{removeFromHistory}
3571 </paper-item> 3563 </paper-item>
3572 </cr-shared-menu> 3564 </cr-shared-menu>
3573 </template> 3565 </template>
3574 </template> 3566 </template>
3575 </dom-module> 3567 </dom-module>
3568
3569 <dom-module id="history-router" assetpath="chrome://history/" css-build="shadow" >
3570 <template>
3571 <iron-location path="{{path_}}" query="{{query_}}"></iron-location>
3572 <iron-query-params params-string="{{query_}}" params-object="{{queryParams_} }">
3573 </iron-query-params>
3574 </template>
3575 </dom-module>
3576 <dom-module id="history-side-bar" assetpath="chrome://history/" css-build="shado w"> 3576 <dom-module id="history-side-bar" assetpath="chrome://history/" css-build="shado w">
3577 <template> 3577 <template>
3578 <style scope="history-side-bar">[hidden] { 3578 <style scope="history-side-bar">[hidden] {
3579 display: none !important; 3579 display: none !important;
3580 } 3580 }
3581 3581
3582 .card-title { 3582 .card-title {
3583 align-items: center; 3583 align-items: center;
3584 border-bottom: 1px solid var(--card-border-color); 3584 border-bottom: 1px solid var(--card-border-color);
3585 border-radius: 2px 2px 0 0; 3585 border-radius: 2px 2px 0 0;
(...skipping 132 matching lines...) Expand 10 before | Expand all | Expand 10 after
3718 margin: 24px 0; 3718 margin: 24px 0;
3719 } 3719 }
3720 3720
3721 #footer a { 3721 #footer a {
3722 color: var(--google-blue-700); 3722 color: var(--google-blue-700);
3723 text-decoration: none; 3723 text-decoration: none;
3724 } 3724 }
3725 3725
3726 </style> 3726 </style>
3727 3727
3728 <iron-selector id="menu" selected="[[selectedPage]]" selectable=".page-item" attr-for-selected="path" fallback-selection="history" on-iron-activate="onSelec torActivate_"> 3728 <iron-selector id="menu" selected="{{selectedPage}}" selectable=".page-item" attr-for-selected="path" fallback-selection="history" on-iron-activate="onSelec torActivate_">
3729 <a href="/[[getQueryString_(route)]]" class="page-item" path="history"> 3729 <a href="/" class="page-item" path="history" on-click="onItemClick_">
3730 $i18n{historyMenuItem} 3730 $i18n{historyMenuItem}
3731 <paper-ripple></paper-ripple> 3731 <paper-ripple></paper-ripple>
3732 </a> 3732 </a>
3733 <a href="/syncedTabs[[getQueryString_(route)]]" class="page-item" path="sy ncedTabs"> 3733 <a href="/syncedTabs" class="page-item" path="syncedTabs" on-click="onItem Click_">
3734 $i18n{openTabsMenuItem} 3734 $i18n{openTabsMenuItem}
3735 <paper-ripple></paper-ripple> 3735 <paper-ripple></paper-ripple>
3736 </a> 3736 </a>
3737 <div class="separator"></div> 3737 <div class="separator"></div>
3738 <a href="chrome://settings/clearBrowserData" on-tap="onClearBrowsingDataTa p_" id="clear-browsing-data"> 3738 <a href="chrome://settings/clearBrowserData" on-tap="onClearBrowsingDataTa p_" id="clear-browsing-data">
3739 $i18n{clearBrowsingData} 3739 $i18n{clearBrowsingData}
3740 <paper-ripple id="cbd-ripple"></paper-ripple> 3740 <paper-ripple id="cbd-ripple"></paper-ripple>
3741 </a> 3741 </a>
3742 <div id="footer" hidden="[[!showFooter]]"> 3742 <div id="footer" hidden="[[!showFooter]]">
3743 <div class="separator"></div> 3743 <div class="separator"></div>
(...skipping 147 matching lines...) Expand 10 before | Expand all | Expand 10 after
3891 right: 0; 3891 right: 0;
3892 top: 0; 3892 top: 0;
3893 transition: opacity 500ms; 3893 transition: opacity 500ms;
3894 } 3894 }
3895 3895
3896 :host([toolbar-shadow_]) #drop-shadow { 3896 :host([toolbar-shadow_]) #drop-shadow {
3897 opacity: 1; 3897 opacity: 1;
3898 } 3898 }
3899 3899
3900 </style> 3900 </style>
3901 <app-location route="{{route_}}"></app-location> 3901 <history-router selected-page="{{selectedPage_}}" query-state="{{queryState_ }}">
3902 <app-route route="{{route_}}" pattern="/:page" data="{{routeData_}}" query-p arams="{{queryParams_}}"> 3902 </history-router>
3903 </app-route>
3904 <history-toolbar id="toolbar" spinner-active="[[shouldShowSpinner_(queryStat e_.querying, 3903 <history-toolbar id="toolbar" spinner-active="[[shouldShowSpinner_(queryStat e_.querying,
3905 queryState_.incremental, 3904 queryState_.incremental,
3906 queryState_.searchTerm)]]" is-group ed-mode="{{grouped_}}" grouped-range="{{queryState_.range}}" search-term="{{quer yState_.searchTerm}}" query-start-time="[[queryResult_.info.queryStartTime]]" qu ery-end-time="[[queryResult_.info.queryEndTime]]" has-drawer="[[hasDrawer_]]" sh ow-sync-notice="[[showSyncNotice_(hasSyncedResults, selectedPage_)]]"> 3905 queryState_.searchTerm)]]" is-group ed-mode="{{grouped_}}" grouped-range="{{queryState_.range}}" search-term="{{quer yState_.searchTerm}}" query-start-time="[[queryResult_.info.queryStartTime]]" qu ery-end-time="[[queryResult_.info.queryEndTime]]" has-drawer="[[hasDrawer_]]" sh ow-sync-notice="[[showSyncNotice_(hasSyncedResults, selectedPage_)]]">
3907 </history-toolbar> 3906 </history-toolbar>
3908 3907
3909 <div id="main-container"> 3908 <div id="main-container">
3910 <history-side-bar id="content-side-bar" selected-page="[[selectedPage_]]" route="[[route_]]" show-footer="[[showSidebarFooter]]" hidden$="[[hasDrawer_]]"> 3909 <history-side-bar id="content-side-bar" selected-page="{{selectedPage_}}" show-footer="[[showSidebarFooter]]" hidden$="[[hasDrawer_]]">
3911 </history-side-bar> 3910 </history-side-bar>
3912 <iron-pages id="content" attr-for-selected="path" fallback-selection="hist ory" selected="[[getSelectedPage_(selectedPage_, items)]]" items="{{items}}"> 3911 <iron-pages id="content" attr-for-selected="path" fallback-selection="hist ory" selected="[[getSelectedPage_(selectedPage_, items)]]" items="{{items}}">
3913 <history-list-container id="history" query-state="{{queryState_}}" query -result="[[queryResult_]]" grouped="[[grouped_]]" grouped-range="{{queryState_.r ange}}" path="history"> 3912 <history-list-container id="history" query-state="{{queryState_}}" query -result="[[queryResult_]]" grouped="[[grouped_]]" grouped-range="{{queryState_.r ange}}" path="history">
3914 </history-list-container> 3913 </history-list-container>
3915 <template is="dom-if" if="[[syncedTabsSelected_(selectedPage_)]]"> 3914 <template is="dom-if" if="[[syncedTabsSelected_(selectedPage_)]]">
3916 <history-synced-device-manager id="synced-devices" session-list="[[que ryResult_.sessionList]]" search-term="[[queryState_.searchTerm]]" sign-in-state= "[[isUserSignedIn_]]" path="syncedTabs"> 3915 <history-synced-device-manager id="synced-devices" session-list="[[que ryResult_.sessionList]]" search-term="[[queryState_.searchTerm]]" sign-in-state= "[[isUserSignedIn_]]" path="syncedTabs">
3917 </history-synced-device-manager> 3916 </history-synced-device-manager>
3918 </template> 3917 </template>
3919 </iron-pages> 3918 </iron-pages>
3920 <div id="drop-shadow"></div> 3919 <div id="drop-shadow"></div>
3921 </div> 3920 </div>
3922 3921
3923 <template is="dom-if" if="[[hasDrawer_]]"> 3922 <template is="dom-if" if="[[hasDrawer_]]">
3924 <app-drawer id="drawer" swipe-open="" align="start" tabindex="0"> 3923 <app-drawer id="drawer" swipe-open="" align="start" tabindex="0">
3925 <div id="drawer-header"> 3924 <div id="drawer-header">
3926 <h1>$i18n{title}</h1> 3925 <h1>$i18n{title}</h1>
3927 </div> 3926 </div>
3928 <history-side-bar id="drawer-side-bar" selected-page="[[selectedPage_]]" route="[[route_]]" show-footer="[[showSidebarFooter]]" drawer=""> 3927 <history-side-bar id="drawer-side-bar" selected-page="{{selectedPage_}}" show-footer="[[showSidebarFooter]]" drawer="">
3929 </history-side-bar> 3928 </history-side-bar>
3930 </app-drawer> 3929 </app-drawer>
3931 </template> 3930 </template>
3932 3931
3933 <iron-media-query query="(max-width: 1023px)" query-matches="{{hasDrawer_}}" > 3932 <iron-media-query query="(max-width: 1023px)" query-matches="{{hasDrawer_}}" >
3934 </iron-media-query> 3933 </iron-media-query>
3935 </template> 3934 </template>
3936 </dom-module> 3935 </dom-module>
3937 <script src="app.crisper.js"></script></body></html> 3936 <script src="app.crisper.js"></script></body></html>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698