MobileTrack.Web.Components.Components Namespace

This namespace contains often reused components for razor pages. These components are therefore highly optimized. For one, they don't use Blazor XAML but are rather directly written in C# by overriding the BuildRenderTree(RenderTreeBuilder) method. Second, we also override the SetParametersAsync(ParameterView). Normally, .NET handles parameters for you, but it does this very slowly using System.Reflection, and we can't have that if we use these components dozens of times on a page. So instead we assign the parameters ourselves.

Most components are for use on EditForms, and are derived from InputComponentBaseT. However, there are also reused elements like the TreeViewTElement and ErrorCards set up here.

Classes

AccountSelector Select an account to assign.
CheckboxInputT Checkbox input row on a form. It creates a data and html wrapper for InputCheckbox.
CodeEditor Creates a textarea and pre-code overlap, with PrismJS, to allow the user to edit code.
ColorInputTColor input field for forms
ComponentConstants Default class usage for HTML components.
CopyContents Simple button that allows a user to copy the contents of a string (from an input field, for example) to their clipboard, for example to paste in an email or document.
DateSpanInputT Input component for TimeSpan values when dealing with days, months and years.
DateTimeInputT Input for date and time properties.
DateTimeOptionalInputT Input for date and time properties.
DecimalInputT, TParamType Input field for an optional Nullable number of type Double.
DeviceSettingInputT Represents a setting property value on a DeviceSettingValueT, for use on DeviceDto editors.
DeviceSettingsPreviewRowT A PreviewRow for displaying a DeviceSettingValueT.
EmailInputT Represents an email input field in a form
EmptyPlaceholder Shows an empty placeholder SVG.
EnvironmentSelectorT Represents a selector to select the EnvironmentDto an item is a part of.
ErrorCard Card shown when an error prevents the component from being rendered properly.
FormInput Wrapper for a form element.
FormSaveButton Save button for EditForm
FormSaveOrCancelButton Cancel button for EditForm
FormSection Represents a section of a form.
FourEyesButton Button that contains four-eyes logic.
FreeFieldsInputT Input fields for extra fields on an item form
IconSelectorT Selector to select a Bootstrap icon
ImageInputT Image file input for forms
ImeiInputImei input component.
ItemsSearchBar Searchbar for finding items in the system. Can be used by both MobileTrack support users and regular users.
LabelInputT String input for forms, to edit string properties of a model.
LanguageSelector Language selector for settings pages
LoadingPlaceholder Shown when a component is loading.
LocationPickerT Allows the user to select a location on a map, which gets assigned to the Location property.
MacAddressInput A component that allows the user to input a MacAddress model.
MapMarkerSelectorT For selecting available map markers for a resource, like a DeviceDto
MarkerPoint Renders a Point to an HTML SVG format.
MfaPeriodSelector Selects the Mfa period for a CompanyDto
MfaSettings Component to display MFA settings
MultipleStatesConfirmDialog A modal dialog that extends the ConfirmDialog to allow for multiple response.
NameInput First/Last name input in a form
NavMenuItem Represents a nav button in the left-hand navigation menu for the user.
NotAuthorizedCard Card shown in place of a component if the user has no access rights to it, but is allowed to see it as per the companies' rules.
OptionalColorInputTNullableColor input field for forms
OptionalDecimalInputT, TParamType Input field for an optional Nullable number of type Double.
PasswordInputT String input for forms, to edit string properties of a model.
PermissionInputT Checkbox input row on a form. It creates a data and html wrapper for InputCheckbox.
PhoneNumberInnerInputT Phone number input field inner contents, to be wrapped inside a FormInput
PhoneNumberInputT Phone number input field
PreviewRow Row on a form preview before final submission.
Raster Generates an SVG raster image, to be used as background.
RenderAnchorPicker Creates an image anchor picker.
ResourceRevertDialog Dialog that displays the properties of two resources side by side.
RetrieveTimeZone Retrieves the time zone the browser is using.
RoleSelector Select a role for a user.
SimCardInput A component that allows the user to input a SimCardNumber
SliderInputT Range input for a form.
SubmissionProgress Shows the progression of a long task, e.g. updating multiple items or sending notifications.
TimeSpanInput Input component for TimeSpan values when dealing with hours, minutes, and seconds.
TimeZoneSelectorT Selects the time zone for an object.
TreeViewTElement Represents a TreeView component. The component does not concern itself with the element it is placed in; background, size etc. is handled by parent HTML components
TreeViewNodeTElement Node for a TreeViewTElement
ValueMapInputTItem Dropdown input for selecting a value from a value map.