Skip to content
  • timothy@apple.com's avatar
    Implements the majority of the Inspector UI refresh as shown at: · 96b6df6d
    timothy@apple.com authored
    http://trac.webkit.org/projects/webkit/wiki/ProposedWebInspectorUIRefresh
    
    http://bugs.webkit.org/show_bug.cgi?id=17773
    
    A few areas that have not been re-implemented with the new UI are:
    * Search and search results.
    * Request and response headers in the Resources panel.
    * Changing the sorting, grouping or toggling small rows in Resources.
    * Image and font previews in the icon of resources.
    
    Reviewed by Adam Roben.
    
    * English.lproj/InspectorLocalizedStrings.js: Updated to match actual strings.
    * WebCore.vcproj/WebCore.vcproj: Added new files.
    * page/InspectorController.cpp:
    (WebCore::InspectorController::setWindowVisible): Call resetScriptObjects()
    instead of individual clear functions.
    (WebCore::InspectorController::populateScriptObjects): Renamed from
    populateScriptResources.
    (WebCore::InspectorController::addDatabaseScriptResource): Call
    addDatabase instead of addResource.
    (WebCore::InspectorController::removeDatabaseScriptResource): Call
    removeDatabase instead of removeResource.
    (WebCore::InspectorController::resetScriptObjects): Renamed from
    clearScriptResources.
    (WebCore::InspectorController::didCommitLoad): Call resetScriptObjects()
    instead of individual clear functions.
    * page/InspectorController.h: Rename functions.
    * page/inspector/Console.js: Changed the object name to Console from
    ConsolePanel. Made it inherit the prototype from View. Added code
    to animate in and out.
    * page/inspector/Database.js: Removed title updating and Resource
    pseudo-subclassing. Made more of a Model object that just encapsulates
    data. Add a getter for table names.
    * page/inspector/DatabaseQueryView.js: Added. Implements the view seen
    when selecting a Database in the DatabasesPanel. Implemented as an
    interactive console-like area.
    * page/inspector/DatabaseTableView.js: Added. Implements the view seen
    when selecting a Database Table in the DatabasesPanel. Matches the old
    Browse view of Database panels.
    * page/inspector/DatabasesPanel.js: Changed the object name to DatabasesPanel
    from DatabasePanel. Implements a panel that shows a sidebar of Databases
    and Database Tables.
    * page/inspector/ElementsPanel.js:  Changed the object name to ElementsPanel
    from DocumentPanel. Implements the DOM tree that shows the DOM rooted at the
    main resource.
    * page/inspector/FontView.js: Use this.contentElement instead of this.element.
    * page/inspector/ImageView.js: Ditto.
    * page/inspector/Images/clearConsoleButtons.png: Added.
    * page/inspector/Images/consoleButtons.png: Added.
    * page/inspector/Images/darkShadow.png: Flipped.
    * page/inspector/Images/database.png: Modified to be 32x32.
    * page/inspector/Images/databaseTable.png: Added.
    * page/inspector/Images/databasesIcon.png: Added.
    * page/inspector/Images/disclosureTriangleSmallDown.png: Added.
    * page/inspector/Images/disclosureTriangleSmallDownBlack.png: Added.
    * page/inspector/Images/disclosureTriangleSmallDownWhite.png: Added.
    * page/inspector/Images/disclosureTriangleSmallRight.png: Added.
    * page/inspector/Images/disclosureTriangleSmallRightBlack.png: Added.
    * page/inspector/Images/disclosureTriangleSmallRightDown.png: Added.
    * page/inspector/Images/disclosureTriangleSmallRightDownBlack.png: Added.
    * page/inspector/Images/disclosureTriangleSmallRightDownWhite.png: Added.
    * page/inspector/Images/disclosureTriangleSmallRightWhite.png: Added.
    * page/inspector/Images/dockButtons.png: Added.
    * page/inspector/Images/elementsIcon.png: Added.
    * page/inspector/Images/gradientHighlightBottom.png:
    * page/inspector/Images/resourceCSSIcon.png: Added.
    * page/inspector/Images/resourceDocumentIcon.png: Added.
    * page/inspector/Images/resourcePlainIcon.png: Added.
    * page/inspector/Images/resourcesIcon.png: Added.
    * page/inspector/Images/resourcesSizeGraphIcon.png: Added.
    * page/inspector/Images/resourcesTimeGraphIcon.png: Added.
    * page/inspector/Images/scriptsIcon.png: Added.
    * page/inspector/Images/segment.png: Modified to fit the taller status bar.
    * page/inspector/Images/segmentEnd.png: Ditto.
    * page/inspector/Images/segmentHover.png: Ditto.
    * page/inspector/Images/segmentHoverEnd.png: Ditto.
    * page/inspector/Images/segmentSelected.png: Ditto.
    * page/inspector/Images/segmentSelectedEnd.png: Ditto.
    * page/inspector/Images/sidebarSelectionBackground.png: Added.
    * page/inspector/Images/sidebarSelectionBackgroundFocused.png: Added.
    * page/inspector/Images/sidebarSelectionBackgroundInactive.png: Added.
    * page/inspector/Images/sidebarSmallSelectionBackground.png: Added.
    * page/inspector/Images/sidebarSmallSelectionBackgroundFocused.png: Added.
    * page/inspector/Images/sidebarSmallSelectionBackgroundInactive.png: Added.
    * page/inspector/Images/statusbarBackground.png: Added.
    * page/inspector/Images/statusbarBottomBackground.png: Added.
    * page/inspector/Images/statusbarButtons.png: Added.
    * page/inspector/Images/statusbarResizerVertical.png: Added.
    * page/inspector/Images/toolbarItemSelected.png: Added.
    * page/inspector/Panel.js: Added support for toolbar items and status bar items.
    Inherits from the View prototype.
    * page/inspector/Resource.js: Removed title updating and the ResourceTreeElement.
    Made more of a Model object that just encapsulates data.
    * page/inspector/ResourceCategory.js: Removed the ResourceCategoryTreeElement.
    Made more of a Model object that just encapsulates data.
    * page/inspector/ResourceView.js: A simple base object for Resource views
    shown in ResourcesPanel. Inherits from the View prototype.
    * page/inspector/ResourcesPanel.js: Changed the object name to ResourcesPanel
    from NetworkPanel. Implements the timeline graph, size graph and resource
    viewing by using ResourceViews.
    * page/inspector/SidebarTreeElement.js: Added. Inherits from TreeElement and implements
    a section element and a regular element that has an icon, title and optional subtitle.
    * page/inspector/SourceView.js: Use this.contentElement instead of this.element.
    * page/inspector/StylesSidebarPane.js: Null check WebInspector.mainResource.
    * page/inspector/View.js: Added. A simple object to manage showing and hiding an element.
    * page/inspector/WebKit.qrc: Added new files.
    * page/inspector/inspector.css: New and changed style rules to support the new UI.
    * page/inspector/inspector.html: New and changed HTML for the UI. The search field
    is disabled until search is reimplemented.
    * page/inspector/inspector.js: Removed code related to the sidebar and back-forward lists.
    Also removed code related to navigation to panels. Added code to instantiate the new
    panels and setup the toolbar.
    
    
    git-svn-id: http://svn.webkit.org/repository/webkit/trunk@31736 268f45cc-cd09-0410-ab3c-d52691b4dbfc
    96b6df6d