mirror of
https://github.com/ManchildProductions/UXP-Fixed.git
synced 2026-05-29 15:27:16 +00:00
Moonchild
a680bdc637
Since these are just interpreted comments, there's 0 impact on actual code. This removes all lines that match /* vim: set(.*)tw=80: */ with S&R -- there are a few others scattered around which will be removed manually in a second part.
89 lines
2.7 KiB
JavaScript
89 lines
2.7 KiB
JavaScript
/* -*- indent-tabs-mode: nil; js-indent-level: 2 -*- */
|
|
/* 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/components/reps/rep-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;
|
|
});
|