Merge pull request #1 from SaffronCode/inputDebug

MESepehr · web-flow · commit 86f3c64f18bc · 2018-08-02T13:51:00.000+04:30
Patterns added to Saffron Input
diff --git a/ui/Input.js b/ui/Input.js
@@ -8,6 +8,9 @@ export default class Input extends Component {
         type:"text",
         value:"",
         name:'',
+        className:"",
+        placeholder:null,
+        pattern:"",
         /*defaultChecked:false,
         checked:false,*/
     }
@@ -25,6 +28,10 @@ export default class Input extends Component {
     onChange(item)
     {
         item.target.value = this.NumberChange(this.correctString(item.target.value));
+        if(this.props.pattern!=="")
+        {
+            item.target.value = String(item.target.value).match(this.props.pattern);
+        }
         this.state.onChange(item);
     }
 
@@ -61,7 +68,9 @@ export default class Input extends Component {
             type={currentType} 
             value={this.state.value} 
             inputmode={inputmode} 
+            className={this.state.className} 
             defaultChecked={this.state.defaultChecked} 
+            placeholder={this.state.placeholder} 
             checked={this.state.checked}/>
     )
   }

Original file line number	Diff line number	Diff line change
`@@ -8,6 +8,9 @@ export default class Input extends Component {`
`8`	`8`	`type:"text",`
`9`	`9`	`value:"",`
`10`	`10`	`name:'',`
	`11`	`+ className:"",`
	`12`	`+ placeholder:null,`
	`13`	`+ pattern:"",`
`11`	`14`	`/*defaultChecked:false,`
`12`	`15`	`checked:false,*/`
`13`	`16`	`}`
`@@ -25,6 +28,10 @@ export default class Input extends Component {`
`25`	`28`	`onChange(item)`
`26`	`29`	`{`
`27`	`30`	`item.target.value = this.NumberChange(this.correctString(item.target.value));`
	`31`	`+ if(this.props.pattern!=="")`
	`32`	`+ {`
	`33`	`+ item.target.value = String(item.target.value).match(this.props.pattern);`
	`34`	`+ }`
`28`	`35`	`this.state.onChange(item);`
`29`	`36`	`}`
`30`	`37`
`@@ -61,7 +68,9 @@ export default class Input extends Component {`
`61`	`68`	`type={currentType}`
`62`	`69`	`value={this.state.value}`
`63`	`70`	`inputmode={inputmode}`
	`71`	`+ className={this.state.className}`
`64`	`72`	`defaultChecked={this.state.defaultChecked}`
	`73`	`+ placeholder={this.state.placeholder}`
`65`	`74`	`checked={this.state.checked}/>`
`66`	`75`	`)`
`67`	`76`	`}`