Commit8d5702a

committed

setup tutorial file json loader

1 parent82973bc commit8d5702aCopy full SHA for 8d5702a

File tree

+44

-2

lines changed

+44

-2

lines changed

Lines changed: 3 additions & 1 deletion

Original file line number	Diff line number	Diff line change
`@@ -2,6 +2,7 @@ import * as React from 'react'`
`2`	`2`	`import{Radio}from'@alifd/next'`
`3`	`3`	`importTutorialSelectfrom'./forms/TutorialSelect'`
`4`	`4`	`importTutorialUrlfrom'./forms/TutorialUrl'`
	`5`	`+importTutorialFilefrom'./forms/TutorialFile'`
`5`	`6`
`6`	`7`	`conststyles={`
`7`	`8`	`formWrapper:{`
`@@ -30,12 +31,13 @@ const SelectTutorialForm = (props: Props) => {`
`30`	`31`	`>`
`31`	`32`	`<Radiovalue="list">List</Radio>`
`32`	`33`	`<Radiovalue="url">URL</Radio>`
`33`		`-{/<Radio value="file">File</Radio> /}`
	`34`	`+<Radiovalue="file">File</Radio>`
`34`	`35`	`</Radio.Group>`
`35`	`36`	`<br/>`
`36`	`37`	`<br/>`
`37`	`38`	`{props.tab==='list'&&<TutorialSelectonTutorialLoad={props.onTutorialLoad}/>}`
`38`	`39`	`{props.tab==='url'&&<TutorialUrlonTutorialLoad={props.onTutorialLoad}defaultUrl={props.url\|\|''}/>}`
	`40`	`+{props.tab==='file'&&<TutorialFileonTutorialLoad={props.onTutorialLoad}/>}`
`39`	`41`	`</div>`
`40`	`42`	`)`
`41`	`43`	`}`

Lines changed: 40 additions & 0 deletions

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,40 @@`
	`1`	`+import*asReactfrom'react'`
	`2`	`+import{Form}from'@alifd/next'`
	`3`	`+`
	`4`	`+constFormItem=Form.Item`
	`5`	`+`
	`6`	`+interfaceProps{`
	`7`	`+onTutorialLoad(url:string):void`
	`8`	`+}`
	`9`	`+`
	`10`	`+constTutorialFile=(props:Props)=>{`
	`11`	`+const[json,setJson]=React.useState<JSON\|null>(null)`
	`12`	`+`
	`13`	`+constonChange=(evt:any)=>{`
	`14`	`+constfiles=evt.target.files`
	`15`	`+`
	`16`	`+if(!files.length){`
	`17`	`+alert('No file select')`
	`18`	`+return`
	`19`	`+}`
	`20`	`+constuploadedFile=files[0]`
	`21`	`+constreader=newFileReader()`
	`22`	`+reader.onload=(e:any)=>{`
	`23`	`+// TODO: handle errors from bad JSON`
	`24`	`+constfileJson:JSON=JSON.parse(e.target.result)`
	`25`	`+setJson(fileJson)`
	`26`	`+}`
	`27`	`+reader.readAsText(uploadedFile)`
	`28`	`+}`
	`29`	`+`
	`30`	`+return(`
	`31`	`+<Formstyle={{maxWidth:'600px'}}>`
	`32`	`+<FormItemlabel="Load coderoad config.json">`
	`33`	`+<inputtype="file"accept="application/json"onChange={onChange}/>`
	`34`	`+</FormItem>`
	`35`	`+   `
	`36`	`+</Form>`
	`37`	`+)`
	`38`	`+}`
	`39`	`+`
	`40`	`+exportdefaultTutorialFile`

Lines changed: 1 addition & 1 deletion

Original file line number	Diff line number	Diff line change
`@@ -1,5 +1,5 @@`
`1`	`1`	`import*asReactfrom'react'`
`2`		`-import{Button,Form,Radio,Input}from'@alifd/next'`
	`2`	`+import{Button,Form,Input}from'@alifd/next'`
`3`	`3`
`4`	`4`	`constFormItem=Form.Item`
`5`	`5`

Comments

(0)