add ui.Input types : password, search, color

Author: manatlan

htagui/basics/bases.py

@@ -35,7 +35,7 @@
     filter: brightness(0.95);
 }
 
-.input[type="text"] {
+.input[type="text"],.input[type="search"],.input[type="password"] {
     font-family: ubuntu,'Helvetica';
     font-size: 1em;
     padding:6px;

htagui/bulma/bases.py

@@ -24,7 +24,7 @@ def init(self,**a):
         if "type" not in self.attrs:
             self.attrs["type"]="text"
 
-        if self.attrs.get("type")=="text":
+        if self.attrs.get("type") in ["text","search","password"]:
             self["class"].add("input")
 
         self["placeholder"] = self.attrs.get("label")

htagui/fluent/bases.py

@@ -39,20 +39,22 @@
 """),
 ]
 
-
 class Input(Tag.input):
     statics= STATICS
     def init(self,*a,**k):
-        type=self.attrs.get("type")
-        if type is None or type=="text":
+        type=self.attrs.get("type") or "text"
+        if type in ["text","search","password"]:
             self.tag = "fluent-text-field"
+            self["type"]=type
         elif type=="checkbox":
             self.tag = "fluent-switch"
         elif type=="radio":
             self.tag = "fluent-radio"
         elif type=="range":
             self.tag = "fluent-slider"
 
+        self["placeholder"] = self.attrs.get("label")
+
 class Textarea(Tag.fluent_text_area):
     statics=STATICS
     def init(self,txt:str,**a):

htagui/md/bases.py

@@ -75,10 +75,11 @@ def init(self,**a):
 class Input(Tag.input):
     statics= STATICS
     def init(self,*a,**k):
-        type=self.attrs.get("type")
-        if type is None or type=="text":
+        type=self.attrs.get("type") or "text"
+        if type in ["text","search","password"]:
             self.tag = "md-filled-text-field"
             self["style"].set("width","calc(100% - 16px)")
+            self["type"]=type
         elif type=="checkbox":
             self.tag = "md-switch"
         elif type=="radio":

htagui/shoelace/bases.py

@@ -38,9 +38,10 @@
 class Input(Tag.input):
     statics= STATICS
     def init(self,*a,**k):
-        type=self.attrs.get("type")
-        if type is None or type=="text":
+        type=self.attrs.get("type") or "text"
+        if type in ["text","search","password"]:
             self.tag = "sl-input"
+            self["type"]=type
         elif type=="checkbox":
             self.tag = "sl-switch"
             # self.tag = "sl-checkbox"

manual_tests.py

@@ -44,13 +44,24 @@ def init(self, root, dynamic=False):
                     ui.IRadios(3,OPTS,          onchange=self.onchange_dynamic),
                 ]
             else:
-                self.objects=[ # _onchange can't work sith shoelace !!!!
+                self.objects=[
                     ui.Input(_value="input",                    _onchange=self.bind( self.onchange_static, b"this.value"),_name="myinput",_label="myinput"),
                     ui.Textarea("textarea",                     _onchange=self.bind( self.onchange_static, b"this.value"),_name="mytextarea" ,_label="mytextarea"),
                     ui.Input(_type="checkbox",_checked=True,    _onchange=self.bind( self.onchange_static, b"this.checked || this.selected"),_name="mycheckbox"),   # selected for "MD" !!!!
                     ui.Input(_type="range",_value=42,           _onchange=self.bind( self.onchange_static, b"this.value"),_name="myrange"),
                     ui.Select(OPTS,_value=2,                    _onchange=self.bind( self.onchange_static, b"this.value"),_name="myselect"),
                     ui.Radios(OPTS,_value=2,                    _onchange=self.bind( self.onchange_static, b"this.value"),_name="myradios"),
+
+
+                    # more Specialized input types
+                    ui.Input(_type="search",_onchange=self.bind( self.onchange_static, b"this.value"),_name="mysearch",_label="mysearch"),
+                    ui.Input(_type="password",_onchange=self.bind( self.onchange_static, b"this.value"),_name="mypassword",_label="mypassword"),
+                    ui.Input(_type="color",_onchange=self.bind( self.onchange_static, b"this.value"),_name="mycolor"),
+                    # ui.Input(_type="date",_name="mydate"),
+                    # ui.Input(_type="month",_name="mymonth"),
+                    # ui.Input(_type="time",_name="mytime"),
+                    # ui.Input(_type="week",_name="myweek"),
+
                 ]
 
             self.omain=Tag.div()