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

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

Issue 2270993003: MD History: Add icon in top right of page when showing synced results (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@downloads_wide_toolbar
Patch Set: IWYU and vulcaniz--whoops Created 4 years, 3 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 291 matching lines...) Expand 10 before | Expand all | Expand 10 after
302 :host > ::content > :not(.iron-selected) { 302 :host > ::content > :not(.iron-selected) {
303 display: none !important; 303 display: none !important;
304 } 304 }
305 305
306 </style> 306 </style>
307 307
308 <content></content> 308 <content></content>
309 </template> 309 </template>
310 310
311 </dom-module> 311 </dom-module>
312 <dom-module id="iron-overlay-backdrop" assetpath="chrome://resources/polymer/v1_ 0/iron-overlay-behavior/" css-build="shadow">
313
314 <template>
315 <style scope="iron-overlay-backdrop">:host {
316 position: fixed;
317 top: 0;
318 left: 0;
319 width: 100%;
320 height: 100%;
321 background-color: var(--iron-overlay-backdrop-background-color, #000);
322 opacity: 0;
323 transition: opacity 0.2s;
324 pointer-events: none;
325 ;
326 }
327
328 :host(.opened) {
329 opacity: var(--iron-overlay-backdrop-opacity, 0.6);
330 pointer-events: auto;
331 ;
332 }
333
334 </style>
335
336 <content></content>
337 </template>
338
339 </dom-module>
340
341 <script src="chrome://resources/polymer/v1_0/web-animations-js/web-animations-ne xt-lite.min.js"></script>
342
343
344 <dom-module id="iron-dropdown" assetpath="chrome://resources/polymer/v1_0/iron-d ropdown/" css-build="shadow">
345 <template>
346 <style scope="iron-dropdown">:host {
347 position: fixed;
348 }
349
350 #contentWrapper ::content > * {
351 overflow: auto;
352 }
353
354 #contentWrapper.animating ::content > * {
355 overflow: hidden;
356 }
357
358 </style>
359
360 <div id="contentWrapper">
361 <content id="content" select=".dropdown-content"></content>
362 </div>
363 </template>
364
365 </dom-module>
366 <dom-module id="iron-icon" assetpath="chrome://resources/polymer/v1_0/iron-icon/ " css-build="shadow">
367 <template>
368 <style scope="iron-icon">:host {
369 display: var(--layout-inline_-_display);
370 -ms-flex-align: var(--layout-center-center_-_-ms-flex-align); -webkit-al ign-items: var(--layout-center-center_-_-webkit-align-items); align-items: var(- -layout-center-center_-_align-items); -ms-flex-pack: var(--layout-center-center_ -_-ms-flex-pack); -webkit-justify-content: var(--layout-center-center_-_-webkit- justify-content); justify-content: var(--layout-center-center_-_justify-content) ;
371 position: relative;
372
373 vertical-align: middle;
374
375 fill: var(--iron-icon-fill-color, currentcolor);
376 stroke: var(--iron-icon-stroke-color, none);
377
378 width: var(--iron-icon-width, 24px);
379 height: var(--iron-icon-height, 24px);
380 }
381
382 </style>
383 </template>
384
385 </dom-module>
312 <dom-module id="paper-ripple" assetpath="chrome://resources/polymer/v1_0/paper-r ipple/" css-build="shadow"> 386 <dom-module id="paper-ripple" assetpath="chrome://resources/polymer/v1_0/paper-r ipple/" css-build="shadow">
313 387
314 <template> 388 <template>
315 <style scope="paper-ripple">:host { 389 <style scope="paper-ripple">:host {
316 display: block; 390 display: block;
317 position: absolute; 391 position: absolute;
318 border-radius: inherit; 392 border-radius: inherit;
319 overflow: hidden; 393 overflow: hidden;
320 top: 0; 394 top: 0;
321 left: 0; 395 left: 0;
(...skipping 196 matching lines...) Expand 10 before | Expand all | Expand 10 after
518 paper-ripple { 592 paper-ripple {
519 color: var(--paper-button-ink-color); 593 color: var(--paper-button-ink-color);
520 } 594 }
521 595
522 </style> 596 </style>
523 597
524 <content></content> 598 <content></content>
525 </template> 599 </template>
526 600
527 </dom-module> 601 </dom-module>
528 <dom-module id="iron-icon" assetpath="chrome://resources/polymer/v1_0/iron-icon/ " css-build="shadow"> 602 <dom-module id="paper-icon-button-light" assetpath="chrome://resources/polymer/v 1_0/paper-icon-button/" css-build="shadow">
529 <template> 603 <template strip-whitespace="">
530 <style scope="iron-icon">:host { 604 <style scope="paper-icon-button-light">:host {
531 display: var(--layout-inline_-_display); 605 vertical-align: middle;
532 -ms-flex-align: var(--layout-center-center_-_-ms-flex-align); -webkit-al ign-items: var(--layout-center-center_-_-webkit-align-items); align-items: var(- -layout-center-center_-_align-items); -ms-flex-pack: var(--layout-center-center_ -_-ms-flex-pack); -webkit-justify-content: var(--layout-center-center_-_-webkit- justify-content); justify-content: var(--layout-center-center_-_justify-content) ; 606 color: inherit;
607 outline: none;
608 width: 24px;
609 height: 24px;
610 background: none;
611 margin: 0;
612 border: none;
613 padding: 0;
614
533 position: relative; 615 position: relative;
616 cursor: pointer;
534 617
535 vertical-align: middle; 618
619 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
620 -webkit-tap-highlight-color: transparent;
621 }
536 622
537 fill: var(--iron-icon-fill-color, currentcolor); 623 :host([disabled]) {
538 stroke: var(--iron-icon-stroke-color, none); 624 color: #9b9b9b;
625 pointer-events: none;
626 cursor: auto;
627 }
539 628
540 width: var(--iron-icon-width, 24px); 629 paper-ripple {
541 height: var(--iron-icon-height, 24px); 630 opacity: 0.6;
631 color: currentColor;
542 } 632 }
543 633
544 </style> 634 </style>
635 <content></content>
545 </template> 636 </template>
546
547 </dom-module> 637 </dom-module>
548 <style is="custom-style" css-build="shadow">html { 638 <style is="custom-style" css-build="shadow">html {
549 --google-red-100: #f4c7c3; 639 --google-red-100: #f4c7c3;
550 --google-red-300: #e67c73; 640 --google-red-300: #e67c73;
551 --google-red-500: #db4437; 641 --google-red-500: #db4437;
552 --google-red-700: #c53929; 642 --google-red-700: #c53929;
553 643
554 --google-blue-100: #c6dafc; 644 --google-blue-100: #c6dafc;
555 --google-blue-300: #7baaf7; 645 --google-blue-300: #7baaf7;
556 --google-blue-500: #4285f4; 646 --google-blue-500: #4285f4;
(...skipping 2190 matching lines...) Expand 10 before | Expand all | Expand 10 after
2747 :host(:not([narrow_])) h1 { 2837 :host(:not([narrow_])) h1 {
2748 ; 2838 ;
2749 } 2839 }
2750 2840
2751 :host(:not([narrow_])) #leftContent { 2841 :host(:not([narrow_])) #leftContent {
2752 max-width: calc((100% - var(--cr-toolbar-field-width) - 18px) / 2); 2842 max-width: calc((100% - var(--cr-toolbar-field-width) - 18px) / 2);
2753 ; 2843 ;
2754 } 2844 }
2755 2845
2756 :host(:not([narrow_])) #rightContent { 2846 :host(:not([narrow_])) #rightContent {
2757 ; 2847 position: var(--cr-toolbar-right-content-wide_-_position); right: var(--cr-too lbar-right-content-wide_-_right);
2758 } 2848 }
2759 2849
2760 :host([narrow_]) #centeredContent { 2850 :host([narrow_]) #centeredContent {
2761 justify-content: flex-end; 2851 justify-content: flex-end;
2762 } 2852 }
2763 2853
2764 :host([narrow_][showing-search_]) #leftContent { 2854 :host([narrow_][showing-search_]) #leftContent {
2765 opacity: 0; 2855 opacity: 0;
2766 } 2856 }
2767 2857
(...skipping 16 matching lines...) Expand all
2784 <div id="rightContent"> 2874 <div id="rightContent">
2785 <content select=".more-actions"></content> 2875 <content select=".more-actions"></content>
2786 </div> 2876 </div>
2787 </template> 2877 </template>
2788 </dom-module> 2878 </dom-module>
2789 <iron-iconset-svg size="24" name="history"> 2879 <iron-iconset-svg size="24" name="history">
2790 <svg> 2880 <svg>
2791 <defs> 2881 <defs>
2792 2882
2793 <g id="chevron-left"><path d="M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12 z"></path></g> 2883 <g id="chevron-left"><path d="M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12 z"></path></g>
2884 <g id="info-outline"><path d="M11 17h2v-6h-2v6zm1-15C6.48 2 2 6.48 2 12s4. 48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.5 9 8 8-3.59 8-8 8zM11 9h2V7h-2v2z"></path></g>
2794 <g id="today"><path d="M19 3h-1V1h-2v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 1 9c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V8h14v11zM7 10h5v5H7z "></path></g> 2885 <g id="today"><path d="M19 3h-1V1h-2v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 1 9c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V8h14v11zM7 10h5v5H7z "></path></g>
2795 </defs> 2886 </defs>
2796 </svg> 2887 </svg>
2797 </iron-iconset-svg> 2888 </iron-iconset-svg>
2798 <style is="custom-style" css-build="shadow">html { 2889 <style is="custom-style" css-build="shadow">html {
2799 --card-border-color: rgba(0, 0, 0, 0.14); 2890 --card-border-color: rgba(0, 0, 0, 0.14);
2800 --card-box-shadow_-_box-shadow: 0 2px 2px rgba(0, 0, 0, .05), 2891 --card-box-shadow_-_box-shadow: 0 2px 2px rgba(0, 0, 0, .05),
2801 0 1px 4px rgba(0, 0, 0, .08), 2892 0 1px 4px rgba(0, 0, 0, .08),
2802 0 1px 1px rgba(0, 0, 0, .2);; 2893 0 1px 1px rgba(0, 0, 0, .2);;
2803 --card-container-filter_-_filter: drop-shadow(0 2px 1px rgba(0, 0, 0, .05)) 2894 --card-container-filter_-_filter: drop-shadow(0 2px 1px rgba(0, 0, 0, .05))
(...skipping 187 matching lines...) Expand 10 before | Expand all | Expand 10 after
2991 3082
2992 :host([items-selected_]) { 3083 :host([items-selected_]) {
2993 background: rgb(68, 136, 255); 3084 background: rgb(68, 136, 255);
2994 } 3085 }
2995 3086
2996 #toolbar-container { 3087 #toolbar-container {
2997 height: var(--toolbar-height); 3088 height: var(--toolbar-height);
2998 } 3089 }
2999 3090
3000 cr-toolbar { 3091 cr-toolbar {
3001 --cr-toolbar-field-margin: var(--side-bar-width); 3092 --cr-toolbar-field-end-padding: 0;
3093 --cr-toolbar-field-margin: var(--side-bar-width);
3094 --cr-toolbar-right-content-wide_-_position: absolute; --cr-toolbar-righ t-content-wide_-_right: 0;;
3002 } 3095 }
3003 3096
3004 :host([has-drawer]) cr-toolbar { 3097 :host([has-drawer]) cr-toolbar {
3005 --cr-toolbar-field-margin: 0; 3098 --cr-toolbar-field-margin: 0;
3006 } 3099 }
3007 3100
3101 cr-toolbar .more-actions {
3102 -webkit-margin-end: 12px;
3103 }
3104
3105 #info-button {
3106 height: 32px;
3107 margin: 6px;
3108 width: 32px;
3109 }
3110
3111 #info-button-icon {
3112 height: 20px;
3113 width: 20px;
3114 }
3115
3116 iron-dropdown {
3117 margin-top: 28px;
3118 }
3119
3120 .dropdown-content {
3121 box-shadow: var(--shadow-elevation-2dp_-_box-shadow);
3122 background-color: white;
3123 border-radius: 2px;
3124 color: var(--paper-grey-800);
3125 overflow: hidden;
3126 padding: 12px 20px;
3127 }
3128
3008 :host(:not([has-drawer])) #overlay-wrapper { 3129 :host(:not([has-drawer])) #overlay-wrapper {
3009 -webkit-margin-start: var(--side-bar-width); 3130 -webkit-margin-start: var(--side-bar-width);
3010 } 3131 }
3011 3132
3012 #overlay-buttons { 3133 #overlay-buttons {
3013 margin: 0 auto; 3134 margin: 0 auto;
3014 max-width: var(--card-max-width); 3135 max-width: var(--card-max-width);
3015 padding: 0 var(--card-padding-side); 3136 padding: 0 var(--card-padding-side);
3016 } 3137 }
3017 3138
(...skipping 64 matching lines...) Expand 10 before | Expand all | Expand 10 after
3082 white-space: nowrap; 3203 white-space: nowrap;
3083 } 3204 }
3084 3205
3085 :host-context([dir=rtl]) .rtl-reversible { 3206 :host-context([dir=rtl]) .rtl-reversible {
3086 transform: rotate(180deg); 3207 transform: rotate(180deg);
3087 } 3208 }
3088 3209
3089 </style> 3210 </style>
3090 <div id="toolbar-container"> 3211 <div id="toolbar-container">
3091 <cr-toolbar id="main-toolbar" page-name="$i18n{title}" clear-label="$i18n{ clearSearch}" search-prompt="$i18n{searchPrompt}" hidden$="[[itemsSelected_]]" s pinner-active="[[spinnerActive]]" show-menu="[[hasDrawer]]" menu-label="$i18n{hi storyMenuButton}" on-search-changed="onSearchChanged_"> 3212 <cr-toolbar id="main-toolbar" page-name="$i18n{title}" clear-label="$i18n{ clearSearch}" search-prompt="$i18n{searchPrompt}" hidden$="[[itemsSelected_]]" s pinner-active="[[spinnerActive]]" show-menu="[[hasDrawer]]" menu-label="$i18n{hi storyMenuButton}" on-search-changed="onSearchChanged_">
3213 <div class="more-actions">
3214 <template is="dom-if" if="[[showSyncNotice]]">
3215 <button is="paper-icon-button-light" id="info-button" on-tap="onInfo ButtonTap_" aria-label="$i18n{hasSyncedResultsDescription}">
3216 <iron-icon icon="history:info-outline" id="info-button-icon">
3217 </iron-icon>
3218 </button>
3219 </template>
3220 </div>
3092 </cr-toolbar> 3221 </cr-toolbar>
3222 <template is="history-lazy-render" id="syncNotice">
3223 <iron-dropdown vertical-align="top" horizontal-align="right" allow-outsi de-scroll="">
3224 <div class="dropdown-content">
3225 $i18nRaw{hasSyncedResults}
3226 </div>
3227 </iron-dropdown>
3228 </template>
3093 <template is="dom-if" if="[[itemsSelected_]]"> 3229 <template is="dom-if" if="[[itemsSelected_]]">
3094 <div id="overlay-wrapper" hidden$="[[!itemsSelected_]]"> 3230 <div id="overlay-wrapper" hidden$="[[!itemsSelected_]]">
3095 <div id="overlay-buttons"> 3231 <div id="overlay-buttons">
3096 <paper-icon-button icon="cr:clear" id="cancel-icon-button" on-tap="o nClearSelectionTap_" title="$i18n{cancel}"> 3232 <paper-icon-button icon="cr:clear" id="cancel-icon-button" on-tap="o nClearSelectionTap_" title="$i18n{cancel}">
3097 </paper-icon-button> 3233 </paper-icon-button>
3098 <div id="number-selected">[[numberOfItemsSelected_(count)]]</div> 3234 <div id="number-selected">[[numberOfItemsSelected_(count)]]</div>
3099 <paper-button id="cancel-button" on-tap="onClearSelectionTap_"> 3235 <paper-button id="cancel-button" on-tap="onClearSelectionTap_">
3100 $i18n{cancel} 3236 $i18n{cancel}
3101 </paper-button> 3237 </paper-button>
3102 <paper-button id="delete-button" on-tap="onDeleteTap_"> 3238 <paper-button id="delete-button" on-tap="onDeleteTap_">
(...skipping 108 matching lines...) Expand 10 before | Expand all | Expand 10 after
3211 <paper-icon-button icon="cr:clear" on-tap="cancel" id="close"> 3347 <paper-icon-button icon="cr:clear" on-tap="cancel" id="close">
3212 </paper-icon-button> 3348 </paper-icon-button>
3213 </div> 3349 </div>
3214 <div class="body-container"> 3350 <div class="body-container">
3215 <content select=".body"></content> 3351 <content select=".body"></content>
3216 </div> 3352 </div>
3217 <content select=".button-container"></content> 3353 <content select=".button-container"></content>
3218 <content select=".footer"></content> 3354 <content select=".footer"></content>
3219 </template> 3355 </template>
3220 </dom-module> 3356 </dom-module>
3221 <dom-module id="iron-overlay-backdrop" assetpath="chrome://resources/polymer/v1_ 0/iron-overlay-behavior/" css-build="shadow">
3222
3223 <template>
3224 <style scope="iron-overlay-backdrop">:host {
3225 position: fixed;
3226 top: 0;
3227 left: 0;
3228 width: 100%;
3229 height: 100%;
3230 background-color: var(--iron-overlay-backdrop-background-color, #000);
3231 opacity: 0;
3232 transition: opacity 0.2s;
3233 pointer-events: none;
3234 ;
3235 }
3236
3237 :host(.opened) {
3238 opacity: var(--iron-overlay-backdrop-opacity, 0.6);
3239 pointer-events: auto;
3240 ;
3241 }
3242
3243 </style>
3244
3245 <content></content>
3246 </template>
3247
3248 </dom-module>
3249
3250 <script src="chrome://resources/polymer/v1_0/web-animations-js/web-animations-ne xt-lite.min.js"></script>
3251 3357
3252 3358
3253 <dom-module id="iron-dropdown" assetpath="chrome://resources/polymer/v1_0/iron-d ropdown/" css-build="shadow">
3254 <template>
3255 <style scope="iron-dropdown">:host {
3256 position: fixed;
3257 }
3258
3259 #contentWrapper ::content > * {
3260 overflow: auto;
3261 }
3262
3263 #contentWrapper.animating ::content > * {
3264 overflow: hidden;
3265 }
3266
3267 </style>
3268
3269 <div id="contentWrapper">
3270 <content id="content" select=".dropdown-content"></content>
3271 </div>
3272 </template>
3273
3274 </dom-module>
3275 <link rel="import" href="chrome://resources/html/util.html"> 3359 <link rel="import" href="chrome://resources/html/util.html">
3276 <dom-module id="cr-shared-menu" assetpath="chrome://resources/cr_elements/cr_sha red_menu/" css-build="shadow"> 3360 <dom-module id="cr-shared-menu" assetpath="chrome://resources/cr_elements/cr_sha red_menu/" css-build="shadow">
3277 <template> 3361 <template>
3278 <style scope="cr-shared-menu">#menu { 3362 <style scope="cr-shared-menu">#menu {
3279 box-shadow: var(--shadow-elevation-2dp_-_box-shadow); 3363 box-shadow: var(--shadow-elevation-2dp_-_box-shadow);
3280 background-color: white; 3364 background-color: white;
3281 overflow: hidden; 3365 overflow: hidden;
3282 padding: 8px 0; 3366 padding: 8px 0;
3283 position: relative; 3367 position: relative;
3284 } 3368 }
(...skipping 404 matching lines...) Expand 10 before | Expand all | Expand 10 after
3689 <div id="checkboxContainer"> 3773 <div id="checkboxContainer">
3690 <div id="checkbox" class$="[[_computeCheckboxClass(checked, invalid)]]"> 3774 <div id="checkbox" class$="[[_computeCheckboxClass(checked, invalid)]]">
3691 <div id="checkmark" class$="[[_computeCheckmarkClass(checked)]]"></div> 3775 <div id="checkmark" class$="[[_computeCheckmarkClass(checked)]]"></div>
3692 </div> 3776 </div>
3693 </div> 3777 </div>
3694 3778
3695 <div id="checkboxLabel"><content></content></div> 3779 <div id="checkboxLabel"><content></content></div>
3696 </template> 3780 </template>
3697 3781
3698 </dom-module> 3782 </dom-module>
3699 <dom-module id="paper-icon-button-light" assetpath="chrome://resources/polymer/v 1_0/paper-icon-button/" css-build="shadow">
3700 <template strip-whitespace="">
3701 <style scope="paper-icon-button-light">:host {
3702 vertical-align: middle;
3703 color: inherit;
3704 outline: none;
3705 width: 24px;
3706 height: 24px;
3707 background: none;
3708 margin: 0;
3709 border: none;
3710 padding: 0;
3711
3712 position: relative;
3713 cursor: pointer;
3714
3715
3716 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
3717 -webkit-tap-highlight-color: transparent;
3718 }
3719
3720 :host([disabled]) {
3721 color: #9b9b9b;
3722 pointer-events: none;
3723 cursor: auto;
3724 }
3725
3726 paper-ripple {
3727 opacity: 0.6;
3728 color: currentColor;
3729 }
3730
3731 </style>
3732 <content></content>
3733 </template>
3734 </dom-module>
3735 <dom-module id="history-searched-label" assetpath="chrome://history/" css-build= "shadow"> 3783 <dom-module id="history-searched-label" assetpath="chrome://history/" css-build= "shadow">
3736 <template> 3784 <template>
3737 <span id="container"></span> 3785 <span id="container"></span>
3738 </template> 3786 </template>
3739 </dom-module> 3787 </dom-module>
3740 <dom-module id="history-item" assetpath="chrome://history/" css-build="shadow"> 3788 <dom-module id="history-item" assetpath="chrome://history/" css-build="shadow">
3741 <template> 3789 <template>
3742 <style scope="history-item">[hidden] { 3790 <style scope="history-item">[hidden] {
3743 display: none !important; 3791 display: none !important;
3744 } 3792 }
(...skipping 1442 matching lines...) Expand 10 before | Expand all | Expand 10 after
5187 :host([toolbar-shadow_]) #drop-shadow { 5235 :host([toolbar-shadow_]) #drop-shadow {
5188 opacity: 1; 5236 opacity: 1;
5189 } 5237 }
5190 5238
5191 </style> 5239 </style>
5192 <app-location route="{{route_}}"></app-location> 5240 <app-location route="{{route_}}"></app-location>
5193 <app-route route="{{route_}}" pattern="/:page" data="{{routeData_}}" query-p arams="{{queryParams_}}"> 5241 <app-route route="{{route_}}" pattern="/:page" data="{{routeData_}}" query-p arams="{{queryParams_}}">
5194 </app-route> 5242 </app-route>
5195 <history-toolbar id="toolbar" spinner-active="[[shouldShowSpinner_(queryStat e_.querying, 5243 <history-toolbar id="toolbar" spinner-active="[[shouldShowSpinner_(queryStat e_.querying,
5196 queryState_.incremental, 5244 queryState_.incremental,
5197 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_]]"> 5245 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_)]]">
5198 </history-toolbar> 5246 </history-toolbar>
5199 5247
5200 <div id="main-container"> 5248 <div id="main-container">
5201 <history-side-bar id="content-side-bar" selected-page="[[selectedPage_]]" route="[[route_]]" show-footer="[[showSidebarFooter]]" hidden$="[[hasDrawer_]]"> 5249 <history-side-bar id="content-side-bar" selected-page="[[selectedPage_]]" route="[[route_]]" show-footer="[[showSidebarFooter]]" hidden$="[[hasDrawer_]]">
5202 </history-side-bar> 5250 </history-side-bar>
5203 <iron-pages id="content" attr-for-selected="path" fallback-selection="hist ory" selected="[[getSelectedPage_(selectedPage_, items)]]" items="{{items}}"> 5251 <iron-pages id="content" attr-for-selected="path" fallback-selection="hist ory" selected="[[getSelectedPage_(selectedPage_, items)]]" items="{{items}}">
5204 <history-list-container id="history" query-state="{{queryState_}}" query -result="[[queryResult_]]" grouped="[[grouped_]]" grouped-range="{{queryState_.r ange}}" path="history"> 5252 <history-list-container id="history" query-state="{{queryState_}}" query -result="[[queryResult_]]" grouped="[[grouped_]]" grouped-range="{{queryState_.r ange}}" path="history">
5205 </history-list-container> 5253 </history-list-container>
5206 <template is="dom-if" if="[[syncedTabsSelected_(selectedPage_)]]"> 5254 <template is="dom-if" if="[[syncedTabsSelected_(selectedPage_)]]">
5207 <history-synced-device-manager id="synced-devices" session-list="[[que ryResult_.sessionList]]" search-term="[[queryState_.searchTerm]]" sign-in-state= "[[isUserSignedIn_]]" path="syncedTabs"> 5255 <history-synced-device-manager id="synced-devices" session-list="[[que ryResult_.sessionList]]" search-term="[[queryState_.searchTerm]]" sign-in-state= "[[isUserSignedIn_]]" path="syncedTabs">
(...skipping 11 matching lines...) Expand all
5219 <history-side-bar id="drawer-side-bar" selected-page="[[selectedPage_]]" route="[[route_]]" show-footer="[[showSidebarFooter]]" drawer=""> 5267 <history-side-bar id="drawer-side-bar" selected-page="[[selectedPage_]]" route="[[route_]]" show-footer="[[showSidebarFooter]]" drawer="">
5220 </history-side-bar> 5268 </history-side-bar>
5221 </app-drawer> 5269 </app-drawer>
5222 </template> 5270 </template>
5223 5271
5224 <iron-media-query query="(max-width: 1023px)" query-matches="{{hasDrawer_}}" > 5272 <iron-media-query query="(max-width: 1023px)" query-matches="{{hasDrawer_}}" >
5225 </iron-media-query> 5273 </iron-media-query>
5226 </template> 5274 </template>
5227 </dom-module> 5275 </dom-module>
5228 <script src="app.crisper.js"></script></body></html> 5276 <script src="app.crisper.js"></script></body></html>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698