public override ReactElement Render()
{
// Margin : marge externe, Padding : marge interne
var lblAtt = new LabelAttributes
{
Style = Style.Margin(20).Padding(5)
}; //.FontSize(12)
var iAtt = new InputAttributes {
Type = InputType.Checkbox,
ClassName = props.ClassName.Value,
Checked = props.Checked,
Disabled = props.Disabled,
OnChange = e => props.OnChange(e.CurrentTarget.Value)
};
return
(DOM.Span(
new Attributes {
ClassName = props.ClassName.Value
},
DOM.Label(lblAtt, props.Title.Value),
DOM.Input(iAtt)
));
}
public override bool Equals(Object o)
{
if (this == o)
{
return(true);
}
if (o == null || GetType() != o.GetType())
{
return(false);
}
LabelAttributes that = (LabelAttributes)o;
if (this.abbreviationTableId != that.abbreviationTableId)
{
return(false);
}
if (Double.compare(this.offset, that.offset) != 0)
{
return(false);
}
if (this.append != null ? !this.append.Equals(that.append) : that.append != null)
{
return(false);
}
if (this.attributeName != null ? !this.attributeName.Equals(that.attributeName)
: that.attributeName != null)
{
return(false);
}
if (this.backgroundColor != null ? !this.backgroundColor.Equals(that.backgroundColor)
: that.backgroundColor != null)
{
return(false);
}
if (this.color != null ? !this.color.Equals(that.color) : that.color != null)
{
return(false);
}
if (this.font != null ? !this.font.Equals(that.font) : that.font != null)
{
return(false);
}
if (this.offsetAngle != null ? !this.offsetAngle.Equals(that.offsetAngle) : that.offsetAngle != null)
{
return(false);
}
if (this.prepend != null ? !this.prepend.Equals(that.prepend) : that.prepend != null)
{
return(false);
}
return(true);
}
protected virtual void RenderLabel(HtmlTextWriter writer, string text, string clientID)
{
writer.AddAttribute(HtmlTextWriterAttribute.For, clientID);
if ((LabelAttributes != null) && (LabelAttributes.Count != 0))
{
LabelAttributes.AddAttributes(writer);
}
writer.RenderBeginTag(HtmlTextWriterTag.Label);
writer.Write(text);
writer.RenderEndTag();
}
public override ReactElement Render()
{
var iAtt = new InputAttributes {
Type = InputType.Checkbox,
ClassName = props.ClassName.Value,
Checked = props.Checked,
Disabled = props.Disabled,
OnChange = e => props.OnChange(e.CurrentTarget.Value)
};
if (!string.IsNullOrEmpty(props.Tip))
{
var tooltipAtt = new Attributes {
ClassName = "tooltip"
};
var tooltiptextAtt = new Attributes {
ClassName = "tooltiptext"
};
return
(DOM.Span(
new Attributes {
ClassName = props.ClassName.Value
},
DOM.Div(tooltipAtt,
props.Title,
DOM.Span(tooltiptextAtt, props.Tip)
),
DOM.Input(iAtt)
));
}
else
{
// Margin : marge externe, Padding : marge interne
var lblAtt = new LabelAttributes
{
Style = Style.Margin(20).Padding(5)
}; //.FontSize(12)
return
(DOM.Span(
new Attributes {
ClassName = props.ClassName.Value
},
DOM.Label(lblAtt, props.Title),
DOM.Input(iAtt)
));
}
}
private void RenderLabel(HtmlTextWriter writer, string text, string clientID)
{
writer.AddAttribute(HtmlTextWriterAttribute.For, clientID);
if (BinaryCompatibility.Current.TargetsAtLeastFramework48 && _labelAttributesState != null && _labelAttributesState.Count != 0)
{
LabelAttributes.AddAttributes(writer);
}
else if (_labelAttributes != null && _labelAttributes.Count != 0)
{
_labelAttributes.AddAttributes(writer);
}
writer.RenderBeginTag(HtmlTextWriterTag.Label);
writer.Write(text);
writer.RenderEndTag();
}
public override ReactElement Render()
{
// Span : Horizontal
var itemsElements = props.ItemAPI.GetItems()
.Select(
idAndString => DOM.Span(
new Attributes {
Key = idAndString.Item1,
ClassName = props.ClassName.Value
},
DOM.Label(new LabelAttributes {
}, idAndString.Item2),
GetInputX(idAndString.Item1, idAndString.Item2)
)
);
if (string.IsNullOrEmpty(props.Title))
{
return
(DOM.Span(
new Attributes {
ClassName = props.ClassName.Value
},
DOM.Span(null, itemsElements)
));
}
else
{
// Margin : marge externe, Padding : marge interne
var lblAtt = new LabelAttributes
{
Style = Style.Margin(20).Padding(5)
}; //.FontSize(12)
return
(DOM.Span(
new Attributes {
ClassName = props.ClassName.Value
},
DOM.Label(lblAtt, props.Title),
DOM.Span(null, itemsElements)
));
}
}
public LabelAttributes(LabelAttributes attributes)
{
if (attributes == null)
{
String message = Logging.getMessage("nullValue.AttributesIsNull");
Logging.logger().severe(message);
throw new ArgumentException(message);
}
this.font = attributes.getFont();
this.color = attributes.getColor();
this.backgroundColor = attributes.getBackgroundColor();
this.offset = attributes.getOffset();
this.offsetAngle = attributes.getOffsetAngle();
this.prepend = attributes.getPrepend();
this.append = attributes.getAppend();
this.attributeName = attributes.getAttributeName();
this.abbreviationTableId = attributes.getAbbreviationTableId();
}
public override ReactElement Render()
{
// Div : Vertical : ToDo : faire une option facultative
//var itemsElements = props.ItemApi.GetItems()
// .Select(
// idAndString => DOM.Div(
// new Attributes { Key = idAndString.Item1, ClassName = "ItemCBLG" },
// DOM.Label(new LabelAttributes { }, idAndString.Item2),
// GetInputX(idAndString.Item1, idAndString.Item2)
// )
// );
// Span : Horizontal
var itemsElements = props.ItemAPI.GetItems()
.Select(
idAndString => DOM.Span(
new Attributes {
Key = idAndString.Item1,
ClassName = props.ClassName.Value
},
DOM.Label(new LabelAttributes {
}, idAndString.Item2),
GetInputX(idAndString.Item1, idAndString.Item2)
)
);
// Margin : marge externe, Padding : marge interne
var lblAtt = new LabelAttributes
{
Style = Style.Margin(20).Padding(5)
}; //.FontSize(12)
return
(DOM.Span(
new Attributes {
ClassName = props.Titre.Value
},
DOM.Label(lblAtt, props.Titre.Value),
DOM.Span(null, itemsElements)
));
}
public override ReactElement Render()
{
var itemsElements = props.ItemApi.GetItems().Select(idAndString =>
GetOptionX(idAndString.Item1, idAndString.Item2));
// Margin : marge externe, Padding : marge interne
var lblAtt = new LabelAttributes
{
Style = Style.Margin(20).Padding(5)
}; //.FontSize(12)
var tooltipAtt = new Attributes {
ClassName = "tooltip"
};
var tooltiptextAtt = new Attributes {
ClassName = "tooltiptext"
};
if (props.Multiple.Value)
{
var selAttMultiple = new SelectAttributes
{
ClassName = props.ClassName.Value,
Name = props.Title.ToString(),
Values = SetItems(props.CheckBoxArray),
Multiple = props.Multiple.Value,
Size = itemsElements.Count(),
Disabled = props.Disabled.Value,
// Pour cacher le scroll vertical, il faudrait appliquer un ReactStyle :
// OverFlow = Hidden, : appartient à ReactStyle
//Padding = 10,
//ReadOnly = true,
OnChange = e => props.OnChange(e.CurrentTarget.Value),
};
if (props.OneListPerLine.Value)
{
if (string.IsNullOrEmpty(props.Tip))
{
return
(DOM.FieldSet(
new FieldSetAttributes {
ClassName = props.ClassName.Value
},
DOM.Legend(null, props.Title.ToString()),
DOM.Select(selAttMultiple, itemsElements)
));
}
else
{
return
(DOM.FieldSet(
new FieldSetAttributes {
ClassName = props.ClassName.Value
},
DOM.Div(tooltipAtt, props.Title,
DOM.Span(tooltiptextAtt, props.Tip)),
DOM.Select(selAttMultiple, itemsElements)
));
}
}
if (string.IsNullOrEmpty(props.Tip))
{
return
(DOM.Span(
new Attributes {
ClassName = props.ClassName.Value
},
DOM.Label(lblAtt, props.Title.ToString()),
DOM.Select(selAttMultiple, itemsElements)
));
}
else
{
return
(DOM.Span(
new Attributes {
ClassName = props.ClassName.Value
},
DOM.Div(tooltipAtt, props.Title,
DOM.Span(tooltiptextAtt, props.Tip)),
DOM.Select(selAttMultiple, itemsElements)
));
}
}
var selAttSimple = new SelectAttributes
{
ClassName = props.ClassName.Value,
Name = props.Title.ToString(),
Value = props.ItemSelected.Value,
Multiple = props.Multiple.Value,
Size = itemsElements.Count(),
Disabled = props.Disabled.Value,
OnChange = e => props.OnChange(e.CurrentTarget.Value)
};
if (props.OneListPerLine.Value)
{
// Saut de ligne, un seul SelectList sur une ligne
// The <fieldset> tag is used to group related elements in a form.
// The <fieldset> tag draws a box around the related elements.
// https://www.w3schools.com/tags/tag_fieldset.asp
if (string.IsNullOrEmpty(props.Tip))
{
return
(DOM.FieldSet(
new FieldSetAttributes {
ClassName = props.ClassName.Value
},
DOM.Legend(null, props.Title.ToString()),
DOM.Select(selAttSimple, itemsElements)
));
}
else
{
return
(DOM.FieldSet(
new FieldSetAttributes {
ClassName = props.ClassName.Value
},
DOM.Div(tooltipAtt, props.Title,
DOM.Span(tooltiptextAtt, props.Tip)),
DOM.Select(selAttSimple, itemsElements)
));
}
}
// Pas de saut de ligne, on peut avoir plusieurs SelectList sur une ligne
if (string.IsNullOrEmpty(props.Tip))
{
return
(DOM.Span(
new Attributes {
ClassName = props.ClassName.Value
},
DOM.Label(lblAtt, props.Title.ToString()),
DOM.Select(selAttSimple, itemsElements)
));
}
else
{
return
(DOM.Span(
new Attributes {
ClassName = props.ClassName.Value
},
DOM.Div(tooltipAtt, props.Title,
DOM.Span(tooltiptextAtt, props.Tip)),
DOM.Select(selAttSimple, itemsElements)
));
}
}
public extern static ReactElement Label(LabelAttributes properties, params ReactElementOrText[] children);
