mirror of
https://github.com/classilla/tenfourfox.git
synced 2024-09-28 05:55:58 +00:00
69 lines
2.1 KiB
JavaScript
69 lines
2.1 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 React = require("react");
|
|
const { createFactories } = require("./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("./reps/tabs"));
|
|
|
|
/**
|
|
* This object represents the root application template
|
|
* responsible for rendering the basic tab layout.
|
|
*/
|
|
var MainTabbedArea = React.createClass({
|
|
displayName: "MainTabbedArea",
|
|
|
|
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,
|
|
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;
|
|
});
|