← All changes | classes/Visualizer/Gutenberg/src/Components/Import/RemoteImport.js +49 -28 3.10.12 → 3.11.10 View file →

		@@ -28,43 +28,64 @@
28	28	<PanelBody
29	29	title={ __( 'Import data from URL' ) }
30	30	initialOpen={ false }
31	31	className="visualizer-advanced-panel"
	32	+ icon={ ( 'community' === visualizerLocalize.isPro ) ? 'lock' : '' }
32	33	>
	34	+ { ( 'community' !== visualizerLocalize.isPro ) ? (
	35	+ <PanelBody
	36	+ title={ __( 'One Time Import' ) }
	37	+ className="visualizer-inner-sections"
	38	+ initialOpen={ false }
	39	+ >
33	40
34		- <PanelBody
35		- title={ __( 'One Time Import' ) }
36		- className="visualizer-inner-sections"
37		- initialOpen={ false }
38		- >
	41	+ <p>{ __( 'You can use this to import data from a remote CSV file. The first row of the CSV file should contain the column headings. The second one should contain series type (string, number, boolean, date, datetime, timeofday).' ) }</p>
	42	+ <p>
	43	+ { __( 'If you are unsure about how to format your data CSV then please take a look at this sample: ' ) }
	44	+ <ExternalLink href={ `${visualizerLocalize.absurl}samples/${this.props.chart['visualizer-chart-type']}.csv` }>
	45	+ { `${this.props.chart['visualizer-chart-type']}.csv` }
	46	+ </ExternalLink>
	47	+ </p>
	48	+ <p>{ __( 'You can also import data from Google Spreadsheet.' ) }</p>
39	49
40		- <p>{ __( 'You can use this to import data from a remote CSV file. The first row of the CSV file should contain the column headings. The second one should contain series type (string, number, boolean, date, datetime, timeofday).' ) }</p>
41		- <p>
42		- { __( 'If you are unsure about how to format your data CSV then please take a look at this sample: ' ) }
43		- <ExternalLink href={ `${visualizerLocalize.absurl}samples/${this.props.chart['visualizer-chart-type']}.csv` }>
44		- { `${this.props.chart['visualizer-chart-type']}.csv` }
45		- </ExternalLink>
46		- </p>
47		- <p>{ __( 'You can also import data from Google Spreadsheet.' ) }</p>
	50	+ <TextControl
	51	+ placeholder={ __( 'Please enter the URL of your CSV file' ) }
	52	+ value={ this.props.chart['visualizer-chart-url'] ? this.props.chart['visualizer-chart-url'] : '' }
	53	+ onChange={ this.props.editURL }
	54	+ />
48	55
49		- <TextControl
50		- placeholder={ __( 'Please enter the URL of your CSV file' ) }
51		- value={ this.props.chart['visualizer-chart-url'] ? this.props.chart['visualizer-chart-url'] : '' }
52		- onChange={ this.props.editURL }
53		- />
	56	+ <Button
	57	+ isPrimary
	58	+ isLarge
	59	+ isBusy={ 'uploadData' === this.props.isLoading }
	60	+ disabled={ 'uploadData' === this.props.isLoading }
	61	+ onClick={ () => this.props.uploadData( false ) }
	62	+ >
	63	+ { __( 'Import Data' ) }
	64	+ </Button>
54	65
55		- <Button
56		- isPrimary
57		- isLarge
58		- isBusy={ 'uploadData' === this.props.isLoading }
59		- disabled={ 'uploadData' === this.props.isLoading }
60		- onClick={ () => this.props.uploadData( false ) }
	66	+ </PanelBody>
	67	+ ) : (
	68	+ <PanelBody
	69	+ title={ __( 'One Time Import' ) }
	70	+ icon="lock"
	71	+ className="visualizer-inner-sections"
	72	+ initialOpen={ false }
61	73	>
62		- { __( 'Import Data' ) }
63		- </Button>
64	74
65		- </PanelBody>
	75	+ <p>{ __( 'Enable this feature in PRO version!' ) }</p>
66	76
	77	+ <Button
	78	+ isPrimary
	79	+ href={ visualizerLocalize.proTeaser }
	80	+ target="_blank"
	81	+ >
	82	+ { __( 'Upgrade Now' ) }
	83	+ </Button>
	84	+
	85	+ </PanelBody>
	86	+ ) }
	87	+
67	88	{ ( 'business' === visualizerLocalize.isPro ) ?
68	89	<PanelBody
69	90	title={ __( 'Schedule Import' ) }
70	91	className="visualizer-inner-sections"
		@@ -84,10 +105,10 @@
84	105	<SelectControl
85	106	label={ __( 'How often do you want to check the url?' ) }
86	107	value={ this.props.chart['visualizer-chart-schedule'] ? this.props.chart['visualizer-chart-schedule'] : 1 }
87	108	options={ [
	109	+ { label: __( '10 minutes' ), value: '0.16' },
88	110	{ label: __( 'Each hour' ), value: '1' },
89		- { label: __( 'Live' ), value: '0' },
90	111	{ label: __( 'Each 12 hours' ), value: '12' },
91	112	{ label: __( 'Each day' ), value: '24' },
92	113	{ label: __( 'Each 3 days' ), value: '72' }
93	114	] }