components/sync/driver/resources/search.js

// Copyright (c) 2011 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.

import {decorate} from 'chrome://resources/js/cr/ui.m.js';
import {ArrayDataModel} from 'chrome://resources/js/cr/ui/array_data_model.m.js';
import {List} from 'chrome://resources/js/cr/ui/list.m.js';
import {Splitter} from 'chrome://resources/js/cr/ui/splitter.m.js';
import {$, getRequiredElement} from 'chrome://resources/js/util.m.js';

import {decorateQuickQueryControls, decorateSearchControls} from './sync_search.js';

decorate('#sync-results-splitter', Splitter);

decorateQuickQueryControls(
    document.getElementsByClassName('sync-search-quicklink'),
    /** @type {!HTMLButtonElement} */ ($('sync-search-submit')),
    /** @type {!HTMLInputElement} */ ($('sync-search-query')));

decorateSearchControls(
    /** @type {!HTMLInputElement} */ ($('sync-search-query')),
    /** @type {!HTMLButtonElement} */ ($('sync-search-submit')),
    getRequiredElement('sync-search-status'),
    getRequiredElement('sync-results-list'),
    /** @type {!HTMLPreElement} */ ($('sync-result-details')));

// Add a way to override the data model for the sync results list for testing.
window.setupSyncResultsListForTest = function(data) {
  List.decorate($('sync-results-list'));
  $('sync-results-list').dataModel = new ArrayDataModel(data);
};