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

Unified Diff: tracing/tracing/ui/base/list_and_associated_view.html

Issue 3017523002: Fix uses of /deep/ in trace viewer. (Closed)
Patch Set: fix tests Created 3 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 side-by-side diff with in-line comments
Download patch
Index: tracing/tracing/ui/base/list_and_associated_view.html
diff --git a/tracing/tracing/ui/base/list_and_associated_view.html b/tracing/tracing/ui/base/list_and_associated_view.html
deleted file mode 100644
index 69e88924b8fa2638eafa87cb3596965668b1b798..0000000000000000000000000000000000000000
--- a/tracing/tracing/ui/base/list_and_associated_view.html
+++ /dev/null
@@ -1,139 +0,0 @@
-<!DOCTYPE html>
-<!--
-Copyright (c) 2014 The Chromium Authors. All rights reserved.
-Use of this source code is governed by a BSD-style license that can be
-found in the LICENSE file.
--->
-
-<link rel="stylesheet" href="/tracing/ui/base/list_and_associated_view.css">
-
-<link rel="import" href="/tracing/ui/base/list_view.html">
-<link rel="import" href="/tracing/ui/base/ui.html">
-
-<script>
-'use strict';
-
-/**
- * @fileoverview A list of things, and a viewer for the currently selected
- * thing.
- */
-tr.exportTo('tr.ui.b', function() {
- /**
- * @constructor
- */
- const ListAndAssociatedView = tr.ui.b.define('x-list-and-associated-view');
- ListAndAssociatedView.prototype = {
- __proto__: HTMLDivElement.prototype,
-
- decorate() {
- this.list_ = undefined;
- this.listProperty_ = undefined;
- this.view_ = undefined;
- this.viewProperty_ = undefined;
- this.listView_ = new tr.ui.b.ListView();
- this.listView_.addEventListener('selection-changed',
- this.onSelectionChanged_.bind(this));
- this.placeholder_ = document.createElement('div');
- Polymer.dom(this).appendChild(this.listView_);
- Polymer.dom(this).appendChild(this.placeholder_);
- },
-
- get listView() {
- return this.listView_;
- },
-
- get list() {
- return this.list_;
- },
-
- set list(list) {
- this.list_ = list;
- this.updateChildren_();
- },
-
- get listProperty() {
- return this.listProperty_;
- },
-
- set listProperty(listProperty) {
- this.listProperty_ = listProperty;
- this.updateChildren_();
- },
-
- get view() {
- return this.view_;
- },
-
- set view(view) {
- this.view_ = view;
- this.updateChildren_();
- },
-
- get viewProperty() {
- return this.viewProperty_;
- },
-
- set viewProperty(viewProperty) {
- this.viewProperty_ = viewProperty;
- this.updateChildren_();
- },
-
- updateChildren_() {
- const complete = this.list_ &&
- this.listProperty_ &&
- this.view_ &&
- this.viewProperty_;
- if (!complete) {
- this.replaceChild(this.placeholder_,
- this.children[1]);
- return;
- }
-
- for (let i = 0; i < this.list_.length; i++) {
- let itemEl;
- if (i >= this.listView_.children.length) {
- itemEl = document.createElement('div');
- Polymer.dom(this.listView_).appendChild(itemEl);
- } else {
- itemEl = this.listView_.children[i];
- }
- itemEl.item = this.list_[i];
- const getter = this.list_[i].__lookupGetter__(this.listProperty_);
- if (getter) {
- Polymer.dom(itemEl).textContent = getter.call(this.list_[i]);
- } else {
- Polymer.dom(itemEl).textContent = this.list_[i][this.listProperty_];
- }
- }
-
- if (this.children[1] === this.placeholder_) {
- this.replaceChild(this.view_,
- this.children[1]);
- }
- if (this.listView_.children.length &&
- !this.listView_.selectedElement) {
- this.listView_.selectedElement = this.listView_.children[0];
- }
- },
-
- onSelectionChanged_(e) {
- let setter = this.view_.__lookupSetter__(this.viewProperty_);
- if (!setter) {
- const prop = this.viewProperty_;
- setter = function(value) { this[prop] = value; };
- }
- if (this.listView_.selectedElement) {
- setter.call(this.view_,
- this.listView_.selectedElement.item);
- } else {
- setter.call(this.view_,
- undefined);
- }
- }
- };
-
- return {
- ListAndAssociatedView,
- };
-});
-</script>
« no previous file with comments | « tracing/tracing/ui/base/list_and_associated_view.css ('k') | tracing/tracing/ui/base/list_and_associated_view_test.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698