kara-module-file-list
Version:
kara
157 lines (150 loc) • 7.22 kB
JavaScript
/* eslint-disable */
import React from 'react';
import {render} from 'react-dom';
import 'normalize.css';
import './frame/skins/default/skin.css'
import 'react-modal-plugin/lib/modal.css'
import httpAgent from './frame/httpAgent'
import KaraModuleFileList from '../src/index'
class Root extends React.Component {
constructor(props) {
super(props)
this.state = {
data: {
"count":26,
"millis":1,
"pageCount":7,
"pageNo":1,
"pageSize":4,
"result":[
{
"channelId":"G4B3665FE6174CC6838D3624EFB932A4",
"created":1529462474632,
"editable":false,
"externalType":"",
"fileType":"pptx",
"id":"F726DD2D4E994DC5963971E0E31E2B16",
"isExternal":false,
"isStared":false,
"isThumbed":false,
"messageId":"c8c70ec2e5a01a3e0000000000001048",
"mimeType":"application/zip",
"mode":"HOSTED",
"name":"第三章史纲.<span style=\"color:#ffcc00\">pptx</span>第三章<span style=\"color:#ffcc00\">史</span>纲第三章史纲第三章史纲第三章史纲第三章史纲第三章史纲第三章史纲第三章史纲第三章史纲第三章史纲第三章史纲",
"prettyType":"Pptx",
"preview":"https://xin-sandbox.asiainfo.com:16020/s3/file/v1/bfa219086df7408ebcdb556c7fec12f1/channel/55839dd3-2536-4d41-80a4-79827f322772.pdf",
"previewHighlight":"",
"size":662646,
"thumbNum":0,
"timestamp":1529462474632,
"title":"55839dd3-2536-4d41-80a4-79827f322772.pptx",
"urlPrivateDownload":"https://xin-sandbox.asiainfo.com:16020/s3/file/v1/bfa219086df7408ebcdb556c7fec12f1/channel/55839dd3-2536-4d41-80a4-79827f322772.pptx",
"user":"U3KM96QD6",
"username":"马子萌"
},
{
"channelId":"G4B3665FE6174CC6838D3624EFB932A4",
"created":1529574359515,
"editable":false,
"externalType":"",
"fileType":"txt",
"id":"FC4537D67E264EB2BC67D04F2F749885",
"isExternal":false,
"isStared":false,
"isThumbed":false,
"messageId":"c8c70ec2e5a01a3e0000000000001025",
"mimeType":"text/plain",
"mode":"HOSTED",
"name":"f1697411.<span style=\"color:#ffcc00\">txt</span>",
"prettyType":"Plain Text",
"preview":"https://xin-sandbox.asiainfo.com:16020/s3/file/v1/bfa219086df7408ebcdb556c7fec12f1/channel/f1697411-45c5-4016-8333-ddd03ebcc0ec.pdf",
"previewHighlight":"",
"size":1313,
"thumbNum":0,
"timestamp":1529574359515,
"title":"f1697411-45c5-4016-8333-ddd03ebcc0ec.txt",
"urlPrivateDownload":"https://xin-sandbox.asiainfo.com:16020/s3/file/v1/bfa219086df7408ebcdb556c7fec12f1/channel/f1697411-45c5-4016-8333-ddd03ebcc0ec.txt",
"user":"U3KM96QD6",
"username":"马子萌"
},
{
"channelId":"ROC71B85293D437195BF51D36258DE09",
"created":1526286593411,
"editable":false,
"externalType":"",
"fileType":"gif",
"id":"F0F3B177B0EC4D0C808E59AB2F414F20",
"isExternal":false,
"isStared":false,
"isThumbed":false,
"messageId":"fbf9df5cc11a5fe40000000000018404",
"mimeType":"image/gif",
"mode":"HOSTED",
"name":"<span style=\"color:#ffcc00\">kara_tab.gif</span>",
"originalH":"168",
"originalW":"172",
"prettyType":"GIF",
"previewHighlight":"",
"size":369361,
"thumb160":"https://xin-sandbox.asiainfo.com:14253/scale/channel/e8ae9b4c-82e1-4138-990f-1bb80d0054fd.gif@160w",
"thumb360":"https://xin-sandbox.asiainfo.com:14253/scale/channel/e8ae9b4c-82e1-4138-990f-1bb80d0054fd.gif@360w",
"thumb480":"https://xin-sandbox.asiainfo.com:14253/scale/channel/e8ae9b4c-82e1-4138-990f-1bb80d0054fd.gif@480w",
"thumb64":"https://xin-sandbox.asiainfo.com:14253/scale/channel/e8ae9b4c-82e1-4138-990f-1bb80d0054fd.gif@64w",
"thumb80":"https://xin-sandbox.asiainfo.com:14253/scale/channel/e8ae9b4c-82e1-4138-990f-1bb80d0054fd.gif@80w",
"thumbNum":0,
"timestamp":1526286593411,
"title":"e8ae9b4c-82e1-4138-990f-1bb80d0054fd.gif",
"urlPrivate":"https://xin-sandbox.asiainfo.com:14253/scale/channel/e8ae9b4c-82e1-4138-990f-1bb80d0054fd.gif",
"urlPrivateDownload":"https://xin-sandbox.asiainfo.com:14253/scale/channel/e8ae9b4c-82e1-4138-990f-1bb80d0054fd.gif",
"user":"U9LDWZRGA",
"username":"周亮"
},
{
"channelId":"ROC71B85293D437195BF51D36258DE09",
"created":1526286450813,
"editable":false,
"externalType":"",
"fileType":"gif",
"id":"F3607D20810A46FD8148306900786605",
"isExternal":false,
"isStared":false,
"isThumbed":false,
"messageId":"fbf9df5cc11a5fe40000000000018404",
"mimeType":"image/gif",
"mode":"HOSTED",
"name":"<span style=\"color:#ffcc00\">kara_tab.gif</span>",
"originalH":"168",
"originalW":"172",
"prettyType":"GIF",
"previewHighlight":"",
"size":369361,
"thumb160":"https://xin-sandbox.asiainfo.com:14253/scale/channel/90662151-9fcf-4985-9ae3-aa392fc4a60a.gif@160w",
"thumb360":"https://xin-sandbox.asiainfo.com:14253/scale/channel/90662151-9fcf-4985-9ae3-aa392fc4a60a.gif@360w",
"thumb480":"https://xin-sandbox.asiainfo.com:14253/scale/channel/90662151-9fcf-4985-9ae3-aa392fc4a60a.gif@480w",
"thumb64":"https://xin-sandbox.asiainfo.com:14253/scale/channel/90662151-9fcf-4985-9ae3-aa392fc4a60a.gif@64w",
"thumb80":"https://xin-sandbox.asiainfo.com:14253/scale/channel/90662151-9fcf-4985-9ae3-aa392fc4a60a.gif@80w",
"thumbNum":0,
"timestamp":1526286450813,
"title":"90662151-9fcf-4985-9ae3-aa392fc4a60a.gif",
"urlPrivate":"https://xin-sandbox.asiainfo.com:14253/scale/channel/90662151-9fcf-4985-9ae3-aa392fc4a60a.gif",
"urlPrivateDownload":"https://xin-sandbox.asiainfo.com:14253/scale/channel/90662151-9fcf-4985-9ae3-aa392fc4a60a.gif",
"user":"U9LDWZRGA",
"username":"周亮"
}
]
},// data
}// state
}
render() {
const { data } = this.state
const httpAgentOK = httpAgent(sessionStorage.token,'https://xin-sandbox.asiainfo.com:16020/api','v1.0.0')
return <div>
<KaraModuleFileList data={data} modalParent={document.querySelector('body')} httpAgent={httpAgentOK} />
</div>
}
}
const props = {};
render(
<Root {...props} />,
document.getElementById('root')
);