DevTools: migrate smallicons from resourcesPanel.css to UI.Icon

third_party/WebKit/Source/devtools/front_end/resources/DatabaseQueryView.js

 /*
  * Copyright (C) 2008 Apple Inc. All Rights Reserved.
  *
  * Redistribution and use in source and binary forms, with or without
  * modification, are permitted provided that the following conditions
  * are met:
  * 1. Redistributions of source code must retain the above copyright
  *    notice, this list of conditions and the following disclaimer.
  * 2. Redistributions in binary form must reproduce the above copyright
  *    notice, this list of conditions and the following disclaimer in the
@@ skipping 17 matching lines @@
  */
 Resources.DatabaseQueryView = class extends UI.VBox {
   constructor(database) {
     super();
 
     this.database = database;
 
     this.element.classList.add('storage-view', 'query', 'monospace');
     this.element.addEventListener('selectstart', this._selectStart.bind(this), false);
 
+    this._promptIcon = UI.Icon.create('smallicon-text-prompt', 'prompt-icon');
     this._promptElement = createElement('div');
+    this._promptElement.appendChild(this._promptIcon);
     this._promptElement.className = 'database-query-prompt';
     this._promptElement.appendChild(createElement('br'));
     this._promptElement.addEventListener('keydown', this._promptKeyDown.bind(this), true);
     this.element.appendChild(this._promptElement);
 
     this._prompt = new UI.TextPrompt();
     this._prompt.initialize(this.completions.bind(this), ' ');
     this._proxyElement = this._prompt.attach(this._promptElement);
 
     this.element.addEventListener('click', this._messagesClicked.bind(this), true);
@@ skipping 73 matching lines @@
   _enterKeyPressed(event) {
     event.consume(true);
 
     this._prompt.clearAutocomplete();
 
     var query = this._prompt.text();
     if (!query.length)
       return;
 
     this._prompt.setText('');
+    this._promptElement.insertBefore(this._promptIcon, this._promptElement.firstChild);
 
     this.database.executeSql(query, this._queryFinished.bind(this, query), this._queryError.bind(this, query));
   }
 
   _queryFinished(query, columnNames, values) {
     var dataGrid = UI.SortableDataGrid.create(columnNames, values);
     var trimmedQuery = query.trim();
 
     if (dataGrid) {
       dataGrid.renderInline();
@@ skipping 19 matching lines @@
     this._promptElement.scrollIntoView(false);
   }
 
   /**
    * @param {string} query
    * @param {string} errorText
    */
   _appendErrorQueryResult(query, errorText) {
     var resultElement = this._appendQueryResult(query);
     resultElement.classList.add('error');
-    resultElement.textContent = errorText;
+    resultElement.appendChild(UI.Icon.create('smallicon-error', 'prompt-icon'));
+    resultElement.createTextChild(errorText);
 
     this._promptElement.scrollIntoView(false);
   }
 
+  /**
+   * @param {string} query
+   */
   _appendQueryResult(query) {
     var element = createElement('div');
     element.className = 'database-user-query';
+    element.appendChild(UI.Icon.create('smallicon-user-command', 'prompt-icon'));
     this.element.insertBefore(element, this._proxyElement);
 
     var commandTextElement = createElement('span');
     commandTextElement.className = 'database-query-text';
     commandTextElement.textContent = query;
     element.appendChild(commandTextElement);
 
     var resultElement = createElement('div');
     resultElement.className = 'database-query-result';
     element.appendChild(resultElement);
     return resultElement;
   }
 };
 
 /** @enum {symbol} */
 Resources.DatabaseQueryView.Events = {
   SchemaUpdated: Symbol('SchemaUpdated')
 };