91 lines
2.7 KiB
JavaScript
91 lines
2.7 KiB
JavaScript
/* -*- indent-tabs-mode: nil; js-indent-level: 2 -*- */
|
|
/* vim: set ft=javascript ts=2 et sw=2 tw=80: */
|
|
/* This Source Code Form is subject to the terms of the Mozilla Public
|
|
* License, v. 2.0. If a copy of the MPL was not distributed with this
|
|
* file, You can obtain one at http://mozilla.org/MPL/2.0/. */
|
|
|
|
"use strict";
|
|
|
|
define(function (require, exports, module) {
|
|
const { createClass, PropTypes } = require("devtools/client/shared/vendor/react");
|
|
|
|
const { createFactories } = require("devtools/client/shared/react-utils");
|
|
const { JsonPanel } = createFactories(require("./json-panel"));
|
|
const { TextPanel } = createFactories(require("./text-panel"));
|
|
const { HeadersPanel } = createFactories(require("./headers-panel"));
|
|
const { Tabs, TabPanel } = createFactories(require("devtools/client/shared/components/tabs/tabs"));
|
|
|
|
/**
|
|
* This object represents the root application template
|
|
* responsible for rendering the basic tab layout.
|
|
*/
|
|
let MainTabbedArea = createClass({
|
|
displayName: "MainTabbedArea",
|
|
|
|
propTypes: {
|
|
jsonText: PropTypes.string,
|
|
tabActive: PropTypes.number,
|
|
actions: PropTypes.object,
|
|
headers: PropTypes.object,
|
|
searchFilter: PropTypes.string,
|
|
json: PropTypes.oneOfType([
|
|
PropTypes.string,
|
|
PropTypes.object,
|
|
PropTypes.array
|
|
])
|
|
},
|
|
|
|
getInitialState: function () {
|
|
return {
|
|
json: {},
|
|
headers: {},
|
|
jsonText: this.props.jsonText,
|
|
tabActive: this.props.tabActive
|
|
};
|
|
},
|
|
|
|
onTabChanged: function (index) {
|
|
this.setState({tabActive: index});
|
|
},
|
|
|
|
render: function () {
|
|
return (
|
|
Tabs({
|
|
tabActive: this.state.tabActive,
|
|
onAfterChange: this.onTabChanged},
|
|
TabPanel({
|
|
className: "json",
|
|
title: Locale.$STR("jsonViewer.tab.JSON")},
|
|
JsonPanel({
|
|
data: this.props.json,
|
|
jsonTextLength: this.props.jsonText.length,
|
|
actions: this.props.actions,
|
|
searchFilter: this.state.searchFilter
|
|
})
|
|
),
|
|
TabPanel({
|
|
className: "rawdata",
|
|
title: Locale.$STR("jsonViewer.tab.RawData")},
|
|
TextPanel({
|
|
data: this.state.jsonText,
|
|
actions: this.props.actions
|
|
})
|
|
),
|
|
TabPanel({
|
|
className: "headers",
|
|
title: Locale.$STR("jsonViewer.tab.Headers")},
|
|
HeadersPanel({
|
|
data: this.props.headers,
|
|
actions: this.props.actions,
|
|
searchFilter: this.props.searchFilter
|
|
})
|
|
)
|
|
)
|
|
);
|
|
}
|
|
});
|
|
|
|
// Exports from this module
|
|
exports.MainTabbedArea = MainTabbedArea;
|
|
});
|