public QrScannerForm(
QrScannerFormView view,
string title, string label,
Func <string, Task <T> > getItemByCode,
int scannerPopupMmFromTop = 15,
int scannerPopupHeightMm = 40)
{
_view = view;
_view.Label = label;
_view.PadMmFromTop = scannerPopupMmFromTop;
_scannerPopupMmFromTop = scannerPopupMmFromTop;
_view.HeightMm = scannerPopupHeightMm;
_scannerPopupHeightMm = scannerPopupHeightMm;
_title = title;
_getItemByCode = getItemByCode;
LocalActionBuilder.Build(_view.Unpause, async() => {
_view.Unpause.Widget.Style.Display = Display.None;
await _errorLbl.DoChange("", false, this, false);
_hndl?.ResumeScanning();
});
LocalActionBuilder.Build(_view.Cancel, () => _hndl?.CancelScanning());
_errorLbl = LocalValueFieldBuilder.Build(_view.Error);
}
public async Task Init(IEnumerable <T> permittedValues, T currentValue)
{
_view.Confirm.State = ActionViewState.CreateIdleOrSuccess();
await _localValue.DoChange(currentValue, false, this, false);
_view.Choosen.PermittedValues = permittedValues;
}
public async Task InitFiles(RemoteFileId[] remoteFileIds)
{
await _attachments.DoChange(
remoteFileIds.Select(x => RemoteFileDescr.CreateFrom(x)).ToList(),
false,
this,
false);
}
//TODO refactor this monster
private static Tuple <HTMLElement, DataGridColumnControllerResult <InternalT> > Create <InternalT, OperT, ViewT>(
Func <InternalT, OperT> toOper,
ITransformationMediator listener,
FilterDef <OperT>[] availableFilters,
IEnumerable <AggregatorDef <OperT> > rawAvailableAggregators,
IEnumerable <GrouperDef <OperT> > rawAvailableGroupers,
Func <IReadWriteValue <OperT>, IReadWriteValueView <HTMLElement, ViewT> > paramEditor,
OperT initialFilterValue,
OperT invalidFilterValue,
IComparer <OperT> sortingImpl)
{
var availableAggregators = rawAvailableAggregators.ToList();
var availableGroupers = rawAvailableGroupers.ToList();
AssureUnique(availableFilters, x => x.Label);
AssureUnique(availableAggregators, x => x.Label);
AssureUnique(availableGroupers, x => x.Label);
LocalValue <AggregatorDef <OperT> > aggregateFunc = null;
LocalValue <GrouperDef <OperT> > groupingFunc = null;
LocalValue <GroupOrAggregate?> groupOrAggregateChoice = null;
FilterDef <OperT> currentFilterImplOrNull = null;
var filterLabelToImpl = new Dictionary <string, FilterDef <OperT> >();
availableFilters.ForEach(x => filterLabelToImpl.Add(x.Label, x));
AggregatorDef <OperT> currentAggrImplOrNull = null;
var aggregLabelToImpl = new Dictionary <string, AggregatorDef <OperT> >();
availableAggregators.ForEach(x => aggregLabelToImpl.Add(x.Label, x));
GrouperDef <OperT> currentGrouperImplOrNull = null;
var grouperLabelToImpl = new Dictionary <string, GrouperDef <OperT> >();
availableGroupers.ForEach(x => grouperLabelToImpl.Add(x.Label, x));
var filterParam = new LocalValue <OperT>(initialFilterValue, invalidFilterValue);
HTMLElement controllerElem = new HTMLSpanElement {
ClassName = Magics.CssClassFilterMainContainer
};
var actionContainer = new HTMLSpanElement {
ClassName = Magics.CssClassFilterActionContainer
};
controllerElem.AppendChild(actionContainer);
var groupOrAggregateChoiceView = new RadioBasedSingleChoice();
Element GetLabelTh()
{
var filterTh = controllerElem.ParentElement;
var filterTr = filterTh.ParentElement;
var thead = filterTr.ParentElement;
var iCol = filterTr.IndexOfChild(filterTh);
var labelTr = thead.GetChildAtOrNull(0);
var labelTh = labelTr.GetChildAtOrNull(iCol);
return(labelTh);
}
void MarkAsGrouped(bool activated)
{
Logger.Debug(typeof(DataGridColumnController), "markAsGrouped({0})", activated);
controllerElem.ParentElement.AddOrRemoveClass(activated, Magics.CssClassActive);
GetLabelTh().AddOrRemoveClass(activated, Magics.CssClassWithGrouping);
controllerElem.ParentElement.AddOrRemoveClass(activated, Magics.CssClassWithGrouping);
}
void MarkAsAggregated(bool activated)
{
Logger.Debug(typeof(DataGridColumnController), "markAsAggregated({0})", activated);
controllerElem.ParentElement.AddOrRemoveClass(activated, Magics.CssClassActive);
GetLabelTh().AddOrRemoveClass(activated, Magics.CssClassWithAggregation);
controllerElem.ParentElement.AddOrRemoveClass(activated, Magics.CssClassWithAggregation);
}
void MarkAsFiltered(bool activated)
{
Logger.Debug(typeof(DataGridColumnController), "markAsFiltered({0})", activated);
controllerElem.ParentElement.AddOrRemoveClass(activated, Magics.CssClassActive);
GetLabelTh().AddOrRemoveClass(activated, Magics.CssClassWithFilter);
controllerElem.ParentElement.AddOrRemoveClass(activated, Magics.CssClassWithFilter);
}
var removeFilter = new HTMLAnchorElement {
Target = "#",
Title = I18n.Translate("Remove filter"),
Text = FontAwesomeSolid.IconFilter
};
removeFilter.AddClasses(Magics.CssClassFilterRemove, IconFontType.FontAwesomeSolid.ToCssClassName());
actionContainer.AppendChild(removeFilter);
var removeFilterActionView = new InputTypeButtonActionView(removeFilter);
LocalActionBuilder.Build(removeFilterActionView, () => {
currentFilterImplOrNull = null;
MarkAsFiltered(false);
listener.UserFilterChangedHandler(ChangeOrRemove.Removed);
});
var removeGrouping = new HTMLAnchorElement {
Target = "#",
Title = I18n.Translate("Remove grouping"),
Text = FontAwesomeSolid.IconListUl
};
removeGrouping.AddClasses(Magics.CssClassGroupingRemove, IconFontType.FontAwesomeSolid.ToCssClassName());
actionContainer.AppendChild(removeGrouping);
var removeGroupingActionView = new InputTypeButtonActionView(removeGrouping);
LocalActionBuilder.Build(removeGroupingActionView, async() => {
currentGrouperImplOrNull = null;
MarkAsGrouped(false);
await groupOrAggregateChoice.DoChange(null, false, null, false);
listener.UserGroupingChangedHandler(ChangeOrRemove.Removed);
});
var removeAggregation = new HTMLAnchorElement {
ClassName = Magics.CssClassAggregationRemove,
Target = "#",
Title = I18n.Translate("Remove aggregation"),
Text = "Σ"
};
actionContainer.AppendChild(removeAggregation);
var removeAggregationActionView = new InputTypeButtonActionView(removeAggregation);
LocalActionBuilder.Build(removeAggregationActionView, async() => {
currentAggrImplOrNull = null;
await groupOrAggregateChoice.DoChange(null, false, null, false);
MarkAsAggregated(false);
listener.UserAggregationChangedHandler(ChangeOrRemove.Removed);
});
Action <string> groupingChangedHandler = async labelOrNull => {
Logger.Debug(typeof(DataGridColumnController), "Setting grouping programmatically to {0}", labelOrNull);
if (labelOrNull == null)
{
currentGrouperImplOrNull = null;
MarkAsGrouped(false);
await groupOrAggregateChoice.DoChange(null, false, null, false);
return;
}
GrouperDef <OperT> grouper;
if (!grouperLabelToImpl.TryGetValue(labelOrNull, out grouper))
{
Logger.Debug(typeof(DataGridColumnController), "No such grouping func when looking by label");
return;
}
await groupingFunc.DoChange(grouper, false, null, false);
currentGrouperImplOrNull = grouper;
MarkAsGrouped(true);
};
Action <string> aggregationChangedHandler = async labelOrNull => {
Logger.Debug(typeof(DataGridColumnController), "Setting aggregation programmatically to {0}", labelOrNull);
if (labelOrNull == null)
{
currentAggrImplOrNull = null;
MarkAsAggregated(false);
await groupOrAggregateChoice.DoChange(null, false, null, false);
listener.UserAggregationChangedHandler(ChangeOrRemove.Removed);
return;
}
if (!aggregLabelToImpl.TryGetValue(labelOrNull, out var aggr))
{
Logger.Debug(typeof(DataGridColumnController), "No such aggregation func when looking by label");
return;
}
await aggregateFunc.DoChange(aggr, false, null, false);
currentAggrImplOrNull = aggr;
MarkAsAggregated(true);
};
listener.InitUserSide(groupingChangedHandler, aggregationChangedHandler);
var filterOper = new LocalValue <FilterDef <OperT> >(availableFilters.FirstOrDefault());
var filterOperView = new DropDownSelectBox("")
{
PermittedValues = filterLabelToImpl.Select(x => Tuple.Create(x.Key, x.Key))
};
filterOperView.BindReadWriteAndInitialize(filterOper,
x => x != null ? Tuple.Create(x.Label, x.Label) : Tuple.Create("", ""),
x => !string.IsNullOrEmpty(x.Item1) ? filterLabelToImpl[x.Item1] : null);
controllerElem.AppendChild(filterOperView.Widget);
var val = paramEditor(filterParam);
controllerElem.AppendChild(val.Widget);
filterParam.Changed += (_, __, newValue, ___, isUserChange) => {
if (!isUserChange)
{
return;
}
currentFilterImplOrNull = filterOper.Value;
MarkAsFiltered(true);
listener.UserFilterChangedHandler(ChangeOrRemove.Changed);
};
filterOper.Changed += (_, __, newValue, ___, isUserChange) => {
if (!isUserChange)
{
return;
}
currentFilterImplOrNull = newValue;
MarkAsFiltered(true);
listener.UserFilterChangedHandler(ChangeOrRemove.Changed);
};
{
groupOrAggregateChoice = new LocalValue <GroupOrAggregate?>(null);
groupOrAggregateChoiceView.Widget.ClassList.Add(Magics.CssClassGroupOrAggregate);
groupOrAggregateChoiceView.PermittedValues =
EnumExtensions.GetEnumValues <GroupOrAggregate>().Select(x =>
Tuple.Create(((int)x).ToString(), x.GetUserFriendlyName()));
groupOrAggregateChoiceView.BindReadWriteAndInitialize(groupOrAggregateChoice,
x => !x.HasValue ? null : Tuple.Create(((int)x).ToString(), x.Value.GetUserFriendlyName()),
x => (x == null || string.IsNullOrEmpty(x.Item1)) ?
null
:
(GroupOrAggregate?)Convert.ToInt32(x.Item1));
groupingFunc = new LocalValue <GrouperDef <OperT> >(availableGroupers.FirstOrDefault());
var groupingFuncView = new DropDownSelectBox(I18n.Translate("group by:"));
groupingFuncView.Widget.ClassList.Add(Magics.CssClassGroupingFunc);
groupingFuncView.PermittedValues = grouperLabelToImpl.Select(x => Tuple.Create(x.Key, x.Key));
groupingFuncView.BindReadWriteAndInitialize(groupingFunc,
x => x != null ? Tuple.Create(x.Label, x.Label) : Tuple.Create("", ""),
x => !string.IsNullOrEmpty(x.Item1) ? grouperLabelToImpl[x.Item1] : null);
aggregateFunc = new LocalValue <AggregatorDef <OperT> >(availableAggregators.FirstOrDefault());
var aggregateFuncView = new DropDownSelectBox(I18n.Translate("aggregate by:"));
aggregateFuncView.Widget.ClassList.Add(Magics.CssClassAggregateFunc);
aggregateFuncView.PermittedValues = aggregLabelToImpl.Select(x => Tuple.Create(x.Key, x.Key));
aggregateFuncView.BindReadWriteAndInitialize(aggregateFunc,
x => x != null ? Tuple.Create(x.Label, x.Label) : Tuple.Create("", ""),
x => !string.IsNullOrEmpty(x.Item1) ? aggregLabelToImpl[x.Item1] : null);
groupingFunc.Changed += (_, __, newValue, errors, isUserChange) => {
if (!isUserChange)
{
return;
}
currentGrouperImplOrNull = newValue;
MarkAsGrouped(newValue != null);
listener.UserGroupingChangedHandler(newValue != null ? ChangeOrRemove.Changed : ChangeOrRemove.Removed);
};
aggregateFunc.Changed += (_, __, newValue, errors, isUserChange) => {
if (!isUserChange)
{
return;
}
currentAggrImplOrNull = newValue;
MarkAsAggregated(newValue != null);
listener.UserAggregationChangedHandler(newValue != null ? ChangeOrRemove.Changed : ChangeOrRemove.Removed);
};
groupOrAggregateChoice.Changed += (_, __, newValue, ___, isUserChange) => {
Logger.Debug(typeof(DataGridColumnController), "groupOrAggregateChoice changed to {0} by {1}", newValue, isUserChange);
//if (!isUserChange) {
// return;
//}
if (!newValue.HasValue)
{
return;
}
switch (newValue.Value)
{
case GroupOrAggregate.Aggregate:
currentAggrImplOrNull = aggregateFunc.Value;
MarkAsAggregated(true);
listener.UserAggregationChangedHandler(ChangeOrRemove.Changed);
break;
case GroupOrAggregate.Group:
currentGrouperImplOrNull = groupingFunc.Value;
MarkAsGrouped(true);
listener.UserGroupingChangedHandler(ChangeOrRemove.Changed);
break;
default: throw new Exception("unsupported GroupOrAggregate");
}
};
controllerElem.AppendChild(groupOrAggregateChoiceView.Widget);
controllerElem.AppendChild(groupingFuncView.Widget);
controllerElem.AppendChild(aggregateFuncView.Widget);
}
DocumentUtil.AddMouseClickListener(controllerElem, ev => {
if (!ev.HasHtmlTarget())
{
return;
}
//find out if clicked item is a descendant of th
if (ev.HtmlTarget().IsDescendantOf(controllerElem.ParentElement))
{
controllerElem.ParentElement.ClassList.Add(Magics.CssClassActive);
return;
}
controllerElem.ParentElement?.ClassList.Remove(Magics.CssClassActive);
});
return(Tuple.Create(controllerElem, new DataGridColumnControllerResult <InternalT> {
FilterImpl = x =>
currentFilterImplOrNull == null || currentFilterImplOrNull.FilterFunc(filterParam.Value, toOper(x)),
AggregationImpl = x => currentAggrImplOrNull?.AggregatorFunc(x.Select(toOper)),
GroupingImpl = x => currentGrouperImplOrNull?.GroupingFunc(x.Select(toOper)),
SortingImpl = new CompareImpl <InternalT>((x, y) => sortingImpl.Compare(toOper(x), toOper(y))),
IsGroupingActive = () => currentGrouperImplOrNull != null
}));
}
public async Task Init(string message, string title = null)
{
Title = title ?? Title ?? I18n.Translate("Untitled");
await _message.DoChange(message, false, this, false);
}
public static IDataGridColumn <RecordT> Build <RecordT>(
Func <DataGridModel <RecordT> > model,
params Tuple <string, Func <RecordT, bool> >[] customSelection) where RecordT : new()
{
var header = new LocalValue <string>(string.Format(I18n.Translate("{0} of {1}"), 0, 0));
var defaultActions = new List <HTMLElement> {
new HTMLAnchorElement {
Href = "#",
TextContent = I18n.Translate("All")
}.With(x => {
x.OnClick += ev => {
ev.PreventDefault();
model().Selected.Replace(model().Items);
};
}),
new HTMLAnchorElement {
Href = "#",
TextContent = I18n.Translate("None")
}.With(x => {
x.OnClick += ev => {
ev.PreventDefault();
model().Selected.Clear();
};
})
};
return(new DataGridColumn <RecordT, bool>(
header,
TextType.TreatAsText,
x => model().Selected.Contains(x),
x => LocalizationUtil.BoolToUnicodeCheckbox(x),
(x, exp) => exp.Export(x),
_ => Tuple.Create <HTMLElement, DataGridColumnControllerResult <bool> >(null,
new DataGridColumnControllerResult <bool> {
FilterImpl = null,
AggregationImpl = null,
GroupingImpl = null,
SortingImpl = null,
IsGroupingActive = () => false
}),
new SelectedItemsListener <RecordT>(model),
m => {
var v = new InputCheckboxView("");
v.Widget.ClassList.Add(Magics.CssClassIsSelectionHandler);
v.BindReadWriteAndInitialize(m);
return v;
},
new List <Validate <bool> >(),
(x, toBeSelected) => {
var isSelected = model().Selected.Contains(x);
if (!isSelected && toBeSelected)
{
model().Selected.InsertAt(0, x);
}
else if (isSelected && !toBeSelected)
{
model().Selected.Delete(x);
}
},
null,
null,
true,
() => {
var cntnr = new HTMLDivElement();
cntnr.Style.Display = Display.Flex;
cntnr.Style.FlexDirection = FlexDirection.Column;
var customActions = customSelection.Select(x =>
new HTMLAnchorElement {
Href = "#",
TextContent = x.Item1
}.With(y => {
y.OnClick += ev => {
ev.PreventDefault();
model().Selected.Replace(model().Items.Where(z => x.Item2(z)));
};
})
);
defaultActions
.Concat(customActions)
.ForEach(x => cntnr.AppendChild(x));
return cntnr;
},
dgmodel => {
var mdl = dgmodel ?? model();
if (mdl == null)
{
throw new Exception("datagrid model is null");
}
// initialize
var selectedCount = mdl.Selected.Length;
var allCount = mdl.Items.Length;
header.DoChange(string.Format(I18n.Translate("{0} of {1}"), selectedCount, allCount), false);
mdl.Selected.Changed += (_, __, ___) => {
selectedCount = model().Selected.Length;
header.DoChange(string.Format(I18n.Translate("{0} of {1}"), selectedCount, allCount), false);
};
mdl.Items.Changed += (_, __, ___) => {
allCount = model().Items.Length;
header.DoChange(string.Format(I18n.Translate("{0} of {1}"), selectedCount, allCount), false);
};
}
));
}
