[CORL-392] add settings config for story configuration on advanced panel (#2499)

* add settings config for story configuration on advanced panel

* include external link in proxy description

* update copy

* update copy

* fix lints

* update snap
This commit is contained in:
Tessa Thornton
2019-09-05 11:35:16 -04:00
committed by GitHub
parent 1550377f39
commit 5bf4f22931
7 changed files with 374 additions and 2 deletions
@@ -329,6 +329,214 @@ https://domain.com).
</div>
</div>
</div>
<div
className="Box-root HorizontalGutter-root HorizontalGutter-double"
>
<div
className="Box-root HorizontalGutter-root HorizontalGutter-full"
>
<h1
className="Box-root Typography-root Typography-heading1 Typography-colorTextPrimary Header-root"
>
Story creation
</h1>
<p
className="Box-root Typography-root Typography-detail Typography-colorTextPrimary"
>
Advanced settings for how stories are created within Coral.
</p>
</div>
<div
className="Box-root HorizontalGutter-root HorizontalGutter-double"
>
<div
className="Box-root HorizontalGutter-root FormField-root HorizontalGutter-half"
>
<div
className="Box-root HorizontalGutter-root HorizontalGutter-full"
>
<label
className="Box-root Typography-root Typography-inputLabel Typography-colorTextPrimary InputLabel-root"
>
Lazy story creation
</label>
<p
className="Box-root Typography-root Typography-detail Typography-colorTextPrimary"
>
Enable stories to be automatically created when they are published from your CMS.
</p>
<div>
<div
className="Box-root Flex-root RadioButton-root Flex-flex Flex-alignCenter"
>
<input
checked={true}
className="RadioButton-input"
disabled={false}
id="stories.disableLazy-true"
name="stories.disableLazy"
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
type="radio"
value={false}
/>
<label
className="RadioButton-label"
htmlFor="stories.disableLazy-true"
>
<span>
On
</span>
</label>
</div>
<div
className="Box-root Flex-root RadioButton-root Flex-flex Flex-alignCenter"
>
<input
checked={false}
className="RadioButton-input"
disabled={false}
id="stories.disableLazy-false"
name="stories.disableLazy"
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
type="radio"
value={true}
/>
<label
className="RadioButton-label"
htmlFor="stories.disableLazy-false"
>
<span>
Off
</span>
</label>
</div>
</div>
</div>
</div>
<div
className="Box-root HorizontalGutter-root FormField-root HorizontalGutter-half"
>
<div
className="Box-root HorizontalGutter-root HorizontalGutter-full"
>
<label
className="Box-root Typography-root Typography-inputLabel Typography-colorTextPrimary InputLabel-root"
>
Story scraping
</label>
<p
className="Box-root Typography-root Typography-detail Typography-colorTextPrimary"
>
Enable story metadata to be automatically scraped when they are published from your CMS.
</p>
<div>
<div
className="Box-root Flex-root RadioButton-root Flex-flex Flex-alignCenter"
>
<input
checked={true}
className="RadioButton-input"
disabled={false}
id="stories.scraping.enabled-true"
name="stories.scraping.enabled"
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
type="radio"
value={true}
/>
<label
className="RadioButton-label"
htmlFor="stories.scraping.enabled-true"
>
<span>
On
</span>
</label>
</div>
<div
className="Box-root Flex-root RadioButton-root Flex-flex Flex-alignCenter"
>
<input
checked={false}
className="RadioButton-input"
disabled={false}
id="stories.scraping.enabled-false"
name="stories.scraping.enabled"
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
type="radio"
value={false}
/>
<label
className="RadioButton-label"
htmlFor="stories.scraping.enabled-false"
>
<span>
Off
</span>
</label>
</div>
</div>
</div>
</div>
<div
className="Box-root HorizontalGutter-root FormField-root HorizontalGutter-half"
>
<div
className="Box-root HorizontalGutter-root HorizontalGutter-full"
>
<label
className="Box-root Typography-root Typography-inputLabel Typography-colorTextPrimary InputLabel-root"
htmlFor="configure-advanced-stories-proxy-url"
>
Scraper proxy url
</label>
<p
className="Box-root Typography-root Typography-detail Typography-colorTextPrimary"
>
When specified, allows scraping requests to use the provided
proxy. All requests will then be passed through the appropriote
proxy as parsed by the
<a
className="ExternalLink-root"
href="https://www.npmjs.com/package/proxy-agent"
rel="noopener noreferrer"
target="_blank"
>
npm proxy-agent
</a>
package.
</p>
<div
className="TextField-root"
>
<input
autoCapitalize="off"
autoComplete="off"
autoCorrect="off"
className="TextField-input TextField-colorRegular"
disabled={false}
id="configure-advanced-stories-proxy-url"
name="stories.scraping.proxyURL"
onBlur={[Function]}
onChange={[Function]}
onFocus={[Function]}
placeholder=""
spellCheck={false}
type="text"
value=""
/>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
+6
View File
@@ -141,6 +141,12 @@ export const settings = createFixture<GQLSettings>({
},
},
},
stories: {
scraping: {
enabled: true,
},
disableLazy: false,
},
accountFeatures: {
downloadComments: true,
changeUsername: true,