lingdocs
/
pashto-inflector
mirror of https://github.com/lingdocs/pashto-inflector.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

fixed options

This commit is contained in:
adueck 2022-10-24 13:26:40 +05:00
parent bdcb069208
commit 32631de371
1 changed files with 40 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

53
src/demo-components/SpellingDemo.tsx
View File

@ -1,5 +1,4 @@
import Examples from "../components/src/Examples"; import Examples from "../components/src/Examples";
import ButtonSelect from "../components/src/ButtonSelect";
import * as T from "../types"; import * as T from "../types";
const spellingOptions: { const spellingOptions: {
@ -58,7 +57,7 @@ function SpellingDemo({ opts, onChange }: {
<input <input
className="form-check-input" className="form-check-input"
type="radio" type="radio"
name="verb-type" name="spelling-type"
checked={opts.spelling === value} checked={opts.spelling === value}
value={value} value={value}
onChange={() => { onChange={() => {
@ -83,7 +82,7 @@ function SpellingDemo({ opts, onChange }: {
<input <input
className="form-check-input" className="form-check-input"
type="radio" type="radio"
name="verb-type" name="phonetics-type"
checked={opts.phonetics === value} checked={opts.phonetics === value}
value={value} value={value}
onChange={() => { onChange={() => {
@ -100,16 +99,44 @@ function SpellingDemo({ opts, onChange }: {
))} ))}
</div> </div>
</div> </div>
<div className="col-sm-6"> <div className="col-sm-6 mb-2">
<h6>Diacritics</h6> <h6>Diacritics Engine:</h6>
<ButtonSelect <div>
options={[ <div className="form-check">
{ label: "On", value: "true" }, <input
{ label: "Off", value: "false" }, className="form-check-input"
]} type="radio"
value={opts.diacritics.toString()} name="diacritics-engine"
handleChange={(p) => onChange({ ...opts, diacritics: p === "true" })} checked={opts.diacritics}
/> onChange={() => {
onChange({
...opts,
diacritics: true,
});
}}
/>
<label className="form-check-label">
On
</label>
</div>
<div className="form-check">
<input
className="form-check-input"
type="radio"
name="diacritics-engine"
checked={!opts.diacritics}
onChange={() => {
onChange({
...opts,
diacritics: false,
});
}}
/>
<label className="form-check-label">
Off
</label>
</div>
</div>
</div> </div>
</div> </div>
</div> </div>