4 * Copyright 2016 RIFT.IO Inc
6 * Licensed under the Apache License, Version 2.0 (the "License");
7 * you may not use this file except in compliance with the License.
8 * You may obtain a copy of the License at
10 * http://www.apache.org/licenses/LICENSE-2.0
12 * Unless required by applicable law or agreed to in writing, software
13 * distributed under the License is distributed on an "AS IS" BASIS,
14 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
15 * See the License for the specific language governing permissions and
16 * limitations under the License.
19 import React from 'react';
20 import LoadingIndicator from 'widgets/loading-indicator/loadingIndicator.jsx';
21 import DashboardCard from 'widgets/dashboard_card/dashboard_card.jsx';
22 import Prism from 'prismjs';
23 import 'prismjs/themes/prism.css';
24 export default class RecordDetails extends React.Component{
30 let text = JSON.stringify(this.props.data, undefined, 2);
31 // html = this.props.isLoading ? <LoadingIndicator size={10} show={true} /> : <pre className="json">{JSON.stringify(this.props.data, undefined, 2)}</pre>;
32 html = this.props.isLoading ? <LoadingIndicator size={10} show={true} /> : Prism.highlight(text, Prism.languages.javascript, 'javascript');
34 <DashboardCard showHeader={true} title="Record Details" className={this.props.isLoading ? 'loading' : 'recordDetails'}>
35 <pre className="language-js">
36 <code dangerouslySetInnerHTML={{__html: html}} />
42 RecordDetails.defaultProps = {