${message.message}
${message.linkName}
${user.userName}
${user.roleName}
lock_outline
${'change-password-text' & t}
power_settings_new
${'log-out-text' & t}
${'client-version-text' & t} ${appClientVersion}
${'backend-version-text' & t} ${appBackendVersion}
${newLogIcon.source}
${icon.source}
${sendMessage}
${logIconsDictionary[log.logIconId].icon.source}
${getDate(log.dateCreated)} ${getTime(log.dateCreated)} ${'by-text' & t} ${log.userName ? log.userName : 'System'}
${logIconsDictionary[log.logIconId].icon.source}
${getDate(log.dateCreated)} ${getTime(log.dateCreated)} ${'by-text' & t} ${log.userName ? log.userName : 'System'}
${icon}
keyboard_arrow_down
${isFullScreen ? 'fullscreen_exit' : 'fullscreen'}
Access to the camera has been denied. Enable the access to the camera from your browser settings and press Retry.
(For iOS, reload the page or press Retry)
${title}
${noDataLabel}
${item | legendStringFormat:{format:format, params:params}}
Apply
${isExpanded
?'keyboard_arrow_down'
: 'keyboard_arrow_up'}
${name}
${canShowLoadingOrNoItems ?
'No items
to display':''}
${errorMessage}
${isExpanded
?'keyboard_arrow_down'
: 'keyboard_arrow_up'}
${name}
Reload
add
delete
low_priority
Group
remove_circle_outline
Ungroup
Field
Operator
Value
close
add
${addNewClauseLabel}
low_priority
Group
remove_circle_outline
Ungroup
Field
Operator
Value
close
add
${addNewClauseLabel}
No image to show. Please upload an image.
No image to show. Please upload an image.
Adjust field size
info
Exclusive Answers
info
${selectedVariable.attributes['data-text'].value}
add
${createNewText}
${entityTypeName(key)}
${'entity-finder-view-more-text' & t} ${entityTypeName(key)}
Menu Item
No Results
${entityTypeName(key)}
${'entity-finder-view-more-text' & t} ${entityTypeName(key)}
${'excel-import-mapping-shared-text' & t}
${title}
${'column-name-text' & t}
Is Dynamic Property
${entityPropertiesHeader}
Data Type
${mapping.excelColumn}
warning
${'error-importing-excel-file-text' & t}
${'worksheet-text' & t}
${'cell-text' & t}
${'value-text' & t}
${'error-message-text' & t}
${'cancel-text' & t}
${'import-another-excel-text' & t}
done_all
${'finished' & t}
${'import-another-excel-text' & t}
${'column-name-text' & t}
Is Dynamic Property
${entityPropertiesHeader}
Data Type
${mapping.excelColumn}
${icon}
${year}
${month.monthName}
warning
${fallbackText}
${cancelText}
${addItemText}
${'records-per-page-text' & t}:
${icon.name}
${icon.displayName}
${icon ? icon: '3d_rotation '}
Pick icon
${code}
${selectedItem.name}
${'code-text' & t}
${'name-text' & t}
${lookup.additionalData.code}
${lookup.name}
Download
Monitoring Process
${monitoringProcess.name}
#${$index + 1}
${item.createdDate | dateFormat :'YYYY-MM-DD HH:mm'}
No results.
Users to be notified
add
Add User
${displayName}
${placeholder}
keyboard_arrow_down
${comboBoxContext.selectAll ? ('unselect-all') : ('select-all') & t}
No results
${childRoute.title}
${route.title}
${childRoute.title}
print
${'dismiss-all-alerts-text' & t}
${'dismiss-all-notifications-text' & t}
notifications_off
${'no-notifications-text' & t}
${model.title}
${model.date}
close
notifications_off
${'no-notifications-text' & t}
Loading More...
${notification.title}
${getTime(notification.dateCreated)}
close
${notification.title}
${getTime(notification.dateCreated)}
close
${notification.title}
${getTime(notification.dateCreated)}
Snooze
close
${notification.title}
${getTime(notification.dateCreated)}
close
${notification.title}
${getTime(notification.dateCreated)}
close
Alternatively you can access the file using the following link .
To access the auction directly please insert the link below into your browser.
${source}
print
${selectedVisibleColumn.width}
${selectedAvailableColumn.width}
${'display-columns-text' & t}
${'sort-columns-text' & t}
${'grouping-text' & t}
${'available-text' & t}
${column.title}
keyboard_arrow_right
${'visible-text' & t}
keyboard_arrow_left
${column.title}
${'customize-text' & t}
keyboard_arrow_up
keyboard_arrow_down
${'available-text' & t}
${column.title}
keyboard_arrow_right
${'sorted-text' & t}
keyboard_arrow_left
${column.title}
${'customize-text' & t}
keyboard_arrow_up
keyboard_arrow_down
${'available-text' & t}
${column.title}
keyboard_arrow_right
${'grouped-text' & t}
keyboard_arrow_left
${column.title}
${'customize-text' & t}
keyboard_arrow_up
keyboard_arrow_down
settings
${'column-options-text' & t}
share
${'assign-query-text' & t}
edit
${'edit-column-properties' & t}
low_priority
Group
remove_circle_outline
Ungroup
Field
Property is required
Operator
Value
close
add
${addNewClauseLabel}
${num}
!
!
!
${monthYearText}
keyboard_arrow_left
keyboard_arrow_right
${w.startDate.clone().add(day,'days').format('DD')}
Select
${title}
${status}
${'ready-text' & t}
${item.stepNumber + 1}
${systemAutomationTitle}
${item.actionTakerId ? item.actionTaker : 'unknown-text' & t}
${item.actionTakerDepartment}
${'submitted-text' & t}
${'accepted-text' & t}
${'incomplete-text' & t}
${item.closedDate | dateFormat: 'Do MMMM YYYY HH:mm a'}
${'current-text' & t}
${item.stepNumber + 1}
${systemAutomationTitle}
${item.actionTakerId ? item.actionTaker : (currentComposeArray[$index].currentViewModel.actionTakerAnonText || 'unknown-text') & t}
${item.actionTakerDepartment}
${'accepted-text' & t}
${'incomplete-text' & t}
${'upcoming-text' & t}
${item.stepNumber + 1}
${systemAutomationTitle}
${item.actionTakerId ? item.actionTaker:(upcomingComposeArray[$index].currentViewModel.actionTakerAnonText || 'unknown-text') & t}
${item.actionTakerDepartment}
${'reassign-text' & t}
${takeOwnershipText}
${'cancel-workflow-text' & t}
${'reassign-text' & t}
${takeOwnershipText}
${'cancel-workflow-text' & t}
Calendar
chevron_left
${item.name}
chevron_right
${'cancel-text' & t}
View Projects
Add Project
Delete
${'save-button-text' &
t}
${'cancel-text' & t}
Delete
${'save-button-text' &
t}
Public Holiday
Event Date
${eventsByCountry.countryKey}
${'cancel-text' & t}
Delete
${'save-button-text' &
t}
${'cancel-text' & t}
Delete
${'save-button-text' &
t}
${'cancel-text' & t}
${'save-button-text' &
t}
No events have been added added yet.
Add Resource
Save
${'cancel-text' & t}
${'save-button-text' &
t}
description
${item.name}
${item.clientName}
${item.name}
${item.startWeek | dateFormat:'DD MMMM YYYY'} - ${item.endWeek |
dateFormat:'DD MMMM YYYY'}
${item.sprintName}
${item.startWeek | dateFormat:'DD MMMM YYYY'} - ${item.endWeek |
dateFormat:'DD MMMM YYYY'}
(${item.weeks} Weeks) • ${item.statusReasonName}
open_in_new
edit
delete_forever
chevron_left
${noOfWeeks[currentDisplayWeek]}
${noOfWeeks[currentDisplayWeek+1]}
${noOfWeeks[currentDisplayWeek+2] }
chevron_right
${r.resource.name}
Totals:
${getWeekTotal(x.resourceType,currentDisplayWeek) & dirty}
${getWeekTotal(x.resourceType,currentDisplayWeek+1) & dirty}
${getWeekTotal(x.resourceType,currentDisplayWeek+2) & dirty}
description
${item.name}
${item.clientName}
${item.name}
${item.startWeek | dateFormat:'DD MMMM YYYY'} - ${item.endWeek |
dateFormat:'DD MMMM YYYY'}
${item.sprintName}
${item.startWeek | dateFormat:'DD MMMM YYYY'} - ${item.endWeek |
dateFormat:'DD MMMM YYYY'}
(${item.weeks} Weeks) • ${item.statusReasonName}
open_in_new
edit
delete_forever
${'cancel-text' & t}
Delete
${'save-button-text' &
t}
Prev Week
This
Week
Next Week
Save
${groupResource.resourceType.name}
Bdg.
Est.
Act.
Total Est.
Total Act.
${resource.name}
(${getUserAvailableHours(resource) & signal:'update'}h)
${getUserTotal(resource)
& dirty}
${getUserActualTotal(resource)
& dirty}
${'select-entity-text' & t}
${'import-excel-text' & t}
${'configure-columns-text' & t}
${'select-an-entity-text' & t}
${'next-step-text' & t}
${'download-template-text' & t}
Add Note
Add Note
${'branches-text' & t}
${'add-branch' & t}
${'departments-text' & t}
${'add-department' & t}
${'roles-text' & t}
${'add-role' & t}
${'users-text' & t}
${'add-user' & t}
Add Column
Validations
Add Validation
Save
arrow_back
Go Back
${'manage-lookups-text' & t}
Unsupported Browser
Manage Lookups is not supported on Internet Explorer.
${'save-text' & t}
${'add-text' & t}
${'active-departments-text' & t}
${'inactive-departments-text' & t}
${'no-departments-found-text' & t}
${'no-roles-found-text' & t}.
business
close
${item.name}
Confidentiality
people
close
${item.name}
Confidentiality
Importance: ${item.importanceLevel}
Scope: ${item.scope}
work
close
${item.roleName}
Confidentiality
Manager
edit
${menuItem.item.icon}
${menuItem.item.title}
keyboard_arrow_right
${pane.title}
>
business
close
${item.name}
Confidentiality
people
close
${item.name}
Confidentiality
Importance: ${item.importanceLevel}
Scope: ${item.scope}
work
close
${item.roleName}
Confidentiality
Manager
edit
${menuItem.item.icon}
${menuItem.item.title}
keyboard_arrow_right
business
close
${item.name}
Confidentiality
people
close
${item.name}
Confidentiality
Importance: ${item.importanceLevel}
Scope: ${item.scope}
work
close
${item.roleName}
Confidentiality
Manager
edit
${menuItem.item.icon}
${menuItem.item.title}
keyboard_arrow_right
${menuItem.item.icon}
${menuItem.item.title}
person
${user.fullName}
${user.departmentAndRole}
${user.email}
${item.name}
confidentiality
${item.isActive ? '' : 'Inactive'}
${item.name}
Confidentiality
,
Importance: ${item.importanceLevel}
${item.isActive ? '' : 'Inactive'}
Scope: ${item.scope}
${item.roleName}
Confidentiality
,
Manager
edit
${item.name}
confidentiality
${item.isActive ? '' : 'Inactive'}
${item.name}
Confidentiality
,
Importance: ${item.importanceLevel}
${item.isActive ? '' : 'Inactive'}
Scope: ${item.scope}
${item.roleName}
Confidentiality
,
Manager
edit
${item.name}
confidentiality
${item.isActive ? '' : 'Inactive'}
${item.name}
Confidentiality
,
Importance: ${item.importanceLevel}
${item.isActive ? '' : 'Inactive'}
Scope: ${item.scope}
${item.roleName}
Confidentiality
,
Manager
edit
${'add-contact-number-text' & t}
Fetching Validations
${'add-new-property-validation-text' & t}
${'add-new-property-validation-text' & t}
${prop.displayName}
${'add-child-property-validation-text' & t}
${prop.displayName}
${'add-new-two-level-property-validation-text' & t}
${'add-new-property-validation-text' & t}
${'add-new-property-validation-text' & t}
${prop.displayName}
${'add-child-property-validation-text' & t}
${prop.displayName}
${'add-new-two-level-property-validation-text' & t}
${'add-new-property-validation-text' & t}
${'add-new-property-validation-text' & t}
${prop.displayName}
${'add-child-property-validation-text' & t}
${prop.displayName}
${'add-new-two-level-property-validation-text' & t}
${'add-new-property-validation-text' & t}
${'add-new-property-validation-text' & t}
${prop.displayName}
${'add-child-property-validation-text' & t}
${prop.displayName}
${'add-new-two-level-property-validation-text' & t}
Fetching Validations
${'add-new-property-validation-text' & t}
${'add-new-property-validation-text' & t}
${prop.displayName}
${'add-child-property-validation-text' & t}
${prop.displayName}
${'add-new-two-level-property-validation-text' & t}
${'cancel-text' & t}
${'save-button-text' & t}
${'add-new-property-validation-text' & t}
${'add-new-property-validation-text' & t}
${prop.displayName}
${'add-child-property-validation-text' & t}
${prop.displayName}
${'add-new-two-level-property-validation-text' & t}
${'add-new-property-validation-text' & t}
${'add-new-property-validation-text' & t}
${prop.displayName}
${'add-child-property-validation-text' & t}
${prop.displayName}
${'add-new-two-level-property-validation-text' & t}
settings
${'column-options-text' & t}
${'query-assignments-text' & t}
${'cancel-text'& t}
${'save-text' & t}
${'query-assignments-text' & t}
${'branches-text' & t}
${'add-branch' & t}
${'departments-text' & t}
${'add-department' & t}
${'roles-text' & t}
${'add-role' & t}
${'users-text' & t}
${'add-user' & t}
${item.page.title ? item.page.title :
(item.clientMetaModel.doNotUseFallback ? '' : item.clientMetaModel.fallbackTitle)}
${item.page.subtitle ? item.page.subtitle :
(item.clientMetaModel.doNotUseFallback ? '' : item.clientMetaModel.fallbackSubtitle)}
${singleItem.question}
${singleItem.info}
${singleItem.question}
${singleItem.info}
${singleItem.question}
${singleItem.info}
${singleItem.question}
${singleItem.info}
${item.name}
${item.additionalData.description}
${document.documentName}
${getAttachmentType(document.attachmentTypeId)}
${item.clientNotes}
${'cancel-text' & t}
${'save-button-text' & t}
search
close
${config.configName}
close
${'add-config-text' & t}
WHEN
THEN
${'add-offering-text' & t}
THEN
${'add-offering-text' & t}
${'offer-editor-text' & t}
add
${'add-new-offering-meta-text' & t}
add
${'add-new-offering-text' & t}
Configure Workflow
${'add-landing-page-text' &
t}
${'download-template-text' & t}
Edit Query
${'add-required-document-type-text' & t}
Add country
Add next verification
verified_user
${'there-were-no-verification-methods-added-yet-text' & t}.
${'add-verification-text' & t}
${'versions' & t} ${versionNumberInEdit}
Clear
${versionInEdit.versionID ? 'Save Version' : 'Add Version' }
${version.deploymentDate | dateFormat}
(${'version-number-text' & t} ${version.fullVersionNumber})
edit
delete
${(versionsWithOpenDetails[version.versionID] ? 'hide-details-text' : 'show-details-text') & t}
${config.name}
delete
${'create-new-config-text' & t}
${'clone-text' & t}
${'cancel-text' & t}
${'save-text' & t}
Unsupported Browser
This page is not supported on Internet Explorer.
401
Unauthorized!
404
Page not found!
${'change-password-text' & t}
Password must be at least ${passwordPolicy.minimumLength} characters long
Password must be at least ${passwordPolicy.minimumNumberOfDigits} digits
Password must be at least ${passwordPolicy.minimumNumberOfLowerCaseLetters} lower case letters
Password must be at least ${passwordPolicy.minimumNumberOfUpperCaseLetters} upper case letters
Password must be at least ${passwordPolicy.minimumNumberSpecialCharacters} special characters
${'forgot-your-password-text' & t}?
Reset password sent via Email
${'enter-your-email-recover-password-text' & t}
We've sent a reset password email to: ${email}
To create your new password, click the link in the email and enter a new password.
Did not receive the email? Check your junk mail or click here to resend.
Back to Login
Tyme does not support this browser :(
Kindly download one of the following browsers for a better experience
Google Chrome
Firefox
${'or-you-can-join-with' & t}
${'email-address' & t}
${'login-text' & t}
${'dont-have-an-account' & t}
${'register-here-text' & t}
${twoFactorAuthDescription}
${'validate-code-text' & t}
${'didnt-receive-the-code' & t}
${'resend-code-text' & t}
${'go-back-to' & t}
${'login-text' & t}
${'or-you-can-join-with' & t}
${'reset-password-text' & t}?
${'please-enter-email-new-password-text' & t}
${'dashboard-is-empty-text' & t}!
${'widgets-help-visualize-data-text' & t}
${'add-widget-text' & t}
share
remove
add
done
close
Activity Logger
Attributes
log-title this is the title of the activity logger
entity-id this is the id for the entity
entity-type-id this is the type of the entity
readonly this makes the activity logger as readonly
send-message this is the text that will be on the add log button
Code for the above example
<activity-logger class="column" log-title="Log Title" readonly.bind="!activityItem.id" entity-id.bind="activityItem.id" entity-type-id.bind="activityItem.entityType"></activity-logger>
Adorner
Attributes
view this is the html content that will be displayed in adorner
context this is the context that will be used for the adorned view
Code for the above example
<adorner class="adorner"></adorner> <custom-button click.delegate="toggleShowAdorned()">Toggle Adorner Content</custom-button> <adorned context.bind="currentContext" view="/src/views/pages/examples/components/adorned-view.html" if.bind="showAdorned"></adorned>
Button Multi Selector
${buttonText}
button 2
Attributes
item source this is the list of items for the button multi selector
display-member-path this is the property from the list to be displayed in the button multi selector
selected-value-path this is the property from the list to be used for the value
selected-item this is the item selected
selected-value this is the value of the item selected
type this is the type of button
disabled this disableds the button when true
show-on-adorner this shows the dropdown on adorner
loading this shows the loading in button when true
set-default this makes the first item in the list as default selection
Code for the above example
<button-multi-selector class="button-accept success col-xs" loading.bind="isLoading" disabled.bind="isLoading" async-item-selected-with-loading="item-selected.call:itemSelected($event)" display-member-path="name" selected-value-path="name" item-source.bind="list">${buttonText}</button-multi-selector>
<button-multi-selector label="Button Label" type="button" display-member-path="name" item-source.bind="list" set-default="true" loading.bind="isLoading" click.delegate="stopLoading()" item-selected.delegate="itemSelected($event)">button 2</button-multi-selector>
Chart
Attributes
Chart
export-enabled enables export to pdf, jpg etc..
type this is the type of chart
data-entries this is the data entries to be used to build the chart
format-tooltip this is format value for the tool tip
no-data-label this is the label for the chart when ther is no data
colors this is the list of colors to be used for the chart
is-default-legend-visible this makes the legend of the chart visible
Code for the above example
<chart class="col-xs column" type.bind="type" data-entries.bind="chartData" is-default-legend-visible.bind="true"></chart>
Check box
Attributes
value is used to show text beside checkbox
checked sets the value of the checkbox
disabled sets the checkbox as disabled when true
readonly sets the checkbox as readonly when true
disable-input this disables or enables the ability to check or uncheck the checkbox
Code for the above example
<check-box label="Checkbox" checked.bind="false"></check-box> <check-box label="Checkbox" checked.bind="false" can-check.bind="false"></check-box> <check-box label="Disabled Checkbox" checked.bind="false" disabled="true"></check-box> <check-box label="Readonly Checkbox" checked.bind="true" readonly="true"></check-box>
Collapsable
Information
Information
Attributes
label this is the label of the callapsable
is-title-html this makes label as title
content You can specify the html to be displayed in the collapsable
Code for the above example
<collapsable label="collapsable 1"> <label>Information</label> </collapsable>
<collapsable label="collapsable 2" is-title-html.bind="true"> <label>Information</label> </collapsable>
Color Picker
Attributes:
label this is the label of the color
color this is the color of the color picker in hex format
Code for the above example
<color-picker label="Color picker 1" color.two-way="myColor"></color-picker> <color-picker label="Color picker 2" color="blue"></color-picker>
Combo Box
selected value: ${selectedValue}
Attributes
item source this is the list of items for the combo box
display-member-path this is the property from the list to be displayed in the combo box
selected-value-path this is the property from the list to be used for the value
selected-item this is the item selected
selected-value this is the value of the item selected
placeholder this is the placeholder for the combo box
show-on-adorner this shows the dropdown on adorner
is-editing this is true when the combo box value is being changed
search-value this is the search value of the combo box
label this is the label for the combo box
info this is the info for the combo box
disabled this makes the combo box disabled
readonly this makes the combo box readonly
set-default this makes the first item in the list as default selected item in the combo box
Code for the above example
<combo-box label="combo box label" item-source.bind="list" display-member-path="name" selected-value-path="index" selected-item.two-way="selectedItem" selected-value.two-way="selectedValue" placeholder="Combo box"></combo-box>
Button
Click
Disabled
Attributes
display sets button text
disabled sets the button to disabled state
loading sets the button to loading state
type this is the type of button
color this is the color of the text in the button
background this is the background color of the button
Code for the above example
<custom-button color="red" background="black" label="Click"></custom-button> <custom-button label="Click" disabled="true"></custom-button> <custom-button label="Click" loading="true"></custom-button>
Data Grid
Attributes
item source this is the list to be used for the grid
item-selected this is called when an item is slected from the grid
id-key this is the property from the list to be used for the id
selected-id this is the id of the selected item
enable-selection this allows items to be selected in the data grid
enable-download-excel this enables the download excel button. requires paging to be enabled
are-filters-visible this makes the filters visible
keep-selection-on-refresh
paging-enabled this enables paging in the data grid
filtering-enabled this enbales filtering
page-count this is the page count. requires paging to be enabled
page this is the current page
prev-button-content this is the text in the previous button
next-button-content this is the text in the next button
sorting-enabled this enables or disables sorting
is-single-column-sorting this makes sorting by only one column at a time
can-drag-drop this allows drag and drop
Code for the above example
<data-grid item-source.bind="getDataGridList()" item-selected.delegate="gridSelectedItem($event)" selected-id.two-way="selectedGridId" id-key="index" enable-selection.bind="true" enable-download-excel.bind="true" sorting-enabled.bind="true" paging-enabled="true"> </data-grid>
Date Picker
Attributes
label this is the label of the date picker
info this makes an info tooltip for the date picker next to the label
placeholder this is the placeholder of the date picker
date this is the default date for the date picker
min-date this is the minimum date that can be selected in the date picker
max-date this is the maximum date that can be selected in the date picker
date-format You can specify the format of the date in the date picker
disabled sets the date picker as disabled
readonly sets the date picker as readonly
show-picker-button hides the show picker button in the date picker
set-default this enables or disables the default time
default-time this is the default time for the date
Code for the above example
<date-picker default-time="14:15:00"></date-picker> <date-picker label="Date Picker" date.bind="myDate" date-Format="MM/DD/YYYY HH:mm" placeholder="Date" show-picker-button.bind="false"></date-picker> <date-picker label="disabled" info="Disabeld date picker" date.bind="myDate" disabled="true"></date-picker> <date-picker readonly="true" date.bind="myDate" date-Format="DD/MM/YYYY"></date-picker> <date-picker min-date.bind="minDate" max-date.bind="maxDate" date-Format="DD/MM/YYYY" placeholder="Date"></date-picker>
Document Viewer
Page Title
Some Details
More Details
details
Address Street, Town TWN 1234, Malta
tel: (+356) 11 111 111
fax: (+356) 11 111 111
email: info@email.com.mt
www.website.com.mt
You can add the html page content here
Attributes
content You can specify the html to be displayed in the document
Code for the above example
<document-viewer class="document"> html to be displayed in document goes here </document-viewer>
Double Slider
Value 1: ${firstValue}
Value 2: ${secondValue}
Attributes
label this is the label of the slider
info this is the info of the slider
first-value sets the initial value of the first slider handle
second-value sets the initial value of the first slider handle
Code for the above example
<double-slider class="col-xs-4 margin-bottom" label="double Slider" info="double slider" first-value.two-way="firstValue" second-value.two-way="secondValue"></double-slider>
Dynamic View
Attributes
content this is the html content that will be displayed in the dynamic view
binding-context this is the context that will be used for the dynamic view
Code for the above example
<dynamic-view binding-context.bind="currentContext" content="<h1>Title</h1><br /><p>dynamic Content</p>"></dynamic-view> <dynamic-view binding-context.bind="currentContext" content.bind="dynamicContent"></dynamic-view>
Entity Finder
Attributes
supported-entity-types this is the list of entityTypes that will be supported by the entity finder
label this is the label for the entiry finder
info this is the info for the entiry finder
placeholder this is the placeholder for the entiry finder
params this is the parameters from the entities to be used for display in the entity finder list
format this is the format that the params for the entiry finder will be displayed
show-on-adorner this shows the dropdown on adorner
allow-selection this used to allow the user to select an item from the dropdown when true
auto-select-result this enables or disables the auto select result which will select the first item in the list when true
has-create-new this shows a create new button in the dropdown when true
create-new-text this is the text for the create new button
create-new-click this is an event triggered when the create new is selected
item-selected this is an event triggered when an item is selected
disabled this disables the entiry finder
Code for the above example
<entity-finder-search class="global-search" format="{0} - {1} {2}" params="id,fullName,email" allow-selection.bind="true" label="Entity Finder" info="entity finder info" supported-entity-types.bind="entityTypes" auto-select-result.bind="false" has-create-new="true" create-new-text="Create New" create-new-click.delegate="createNew($event)" item-selected.delegate="searchItemSelected($event)" placeholder="Search.." show-on-adorner.bind="false"></entity-finder-search>
Field
Field value
Attributes
label this is the label of the field
info this is the info of the field
Code for the above example
< label="Field label">Field value</field>
File Uploader
Attached Files
Amount of Files: ${numberOfFiles}
Attributes
label this is the label of the file uploader
placholder this is the placholder of the file uploader
multiple this allows multiple files to be uplaoded when true
value this is the value of the file uploader
on-file-attached this is an event triggered when a file is attached
files this is the list of files that are uploaded in file uploader
data-uri this is the data uri of the files attached
accept this is the type of files that are accapted by the file uploader
disabled makes the file uploader as disabled
readonly makes the file uploader as readonly
Code for the above example
<file-uploader placeholder="Upload-file" label="uploader label" multiple="true" on-file-attached.delegate="onFileAttached($event)" files.two-way="selectedFilesFromDialog" data-uri.two-way="dataUri" accept="image/jpeg, image/jpg, image/png, image/bmp, application/pdf, application/vnd.openxmlformats-officedocument.wordprocessingml.document, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"> </file-uploader> <h5>Attached Files</h5> <br/> <label><b>Amount of Files:</b> ${numberOfFiles}</label> <br/> <ul> <li repeat.for="file of selectedFilesFromDialog">${file.name}</li> </ul>
Floating Action Button
Attributes
icon is used for display icon. Reference: https://material.io/icons/
disabled sets the button to disabled state
loading adds a loading inside the button
Code for the above example
<floating-action-button icon="add"></floating-action-button> <floating-action-button icon="save" ripple.two-way="falseValue"></floating-action-button> <floating-action-button icon="remove" colored.two-way="falseValue"></floating-action-button> <floating-action-button icon="edit" disabled="true"></floating-action-button>
Grid View
Attributes:
item source this is the list to be used for the grid
item-selected this is called when an item is slected from the grid
id-key this is the property from the list to be used for the id
selected-id this is the id of the selected item
enable-selection this allows items to be selected in the data grid
Code for the above example:
<data-grid item-source.bind="getDataGridList()" item-selected.delegate="gridSelectedItem($event)" selected-id.two-way="selectedGridId" id-key="index" enable-selection.bind="true">
</data-grid>
Loading
Attributes
is-line sets loading mode to line when true
Code for the above example
<loading is-line.two-way="true"></loading> <loading is-line.two-way="false"></loading>
Lookup Control
${excludeIds[0]}
Attributes
label this is the label for the lookup
info this is the info for the lookup
query this is the the query for the data in the lookup
selected-item this is the item selected from the the lookup
selected-value this is the value of the item selected from the lookup
readonly this makes the lookup readonly
disabled this makes the lookup disabled
paramters this is used to filter the lookup list
no-item-option-label this is a label that will be in the list for when no item will be chosen
select-default this is used to select the first item as default
hide-if-no-data this is used to hide the lookup if the query returns no data
exclude-items-by-id this is used to exlude items from the lookup with a list of ids
show-on-adorner this is used to show the lookup list on adorner
Code for the above example
<lookup-control query="departments" parameters.bind="branchId" label="test label:"></lookup-control>
<lookup-control query="sex" placeholder="placeholder" no-item-option-label="No item" label="test label:" select-default="true"></lookup-control>
<lookup-control query="sex" placeholder="placeholder" label="test label:" exclude-items-by-id.bind="excludeIds" show-on-adorner="true"></lookup-control>
<lookup-control query="noquery" label="test label:" hide-if-no-data="true"></lookup-control>
Lookup Hierarchy Control
Attributes
label this is the label for the lookup
info this is the info for the lookup
query this is the the query for the data in the lookup
selected-item this is the item selected from the the lookup
selected-value-path this is what will be used to get the value of the selected item. The default is the id
selected-value this is the value of the item selected from the lookup
readonly this makes the lookup readonly
paramters this is used to filter the lookup list
Code for the above example
<lookup-hierarchy-control class="col-xs-gutter" label="Country" query="countries" selected-item.two-way="countryItem" selected-value-path="id" selected-value.two-way="countryId" info="look up info"></lookup-hierarchy-control>
<lookup-hierarchy-control class="col-xs-gutter" label="Country" query="countries" selected-value.two-way="countryId" readonly="true"></lookup-hierarchy-control>
Navigation Tabs
Attributes
menu this is the list of tabs in the navigation tabs
Code for the above example
<navigation-tabs menu.bind="menu"></navigation-tabs>
Notifications
Notifications
Code for the above example
<notification></notification>
<button-multi-selector display-member-path="type" item-source.bind="notifications"async-item-selected-with-loading="item-selected.call:notificationSelected($event)">Notifications</button-multi-selector>
<text-box label="Notification Text" type="text" placeholder="Notification Text" value.two-way="notificationText"></text-box>
Object Viewer
Open Object
Code for the above example
<custom-button click.delegate="showPDF()"></custom-button>
In typescript file import { DialogClientService } from "../../../services/basics/dialog-client.service"; import { DialogServiceConstants } from "../../../constants/basics/dialog.constants"; constructor(private dialogService: DialogClientService) { } imageModel: any = {id: 1, name: "image", link: "http://www.clker.com/cliparts/6/K/Y/q/K/9/id-card-md.png", isDataUrl: true } showImage(){ this.dialogService.show(DialogServiceConstants.URLs.ObjectViewer, this.imageModel); }
PDF Viewer
Open PDF
Code for the above example
<custom-button click.delegate="showPDF()"></custom-button>
In typescript file import { DialogClientService } from "../../../services/basics/dialog-client.service"; import { DialogServiceConstants } from "../../../constants/basics/dialog.constants"; constructor(private dialogService: DialogClientService) { } pdfModel: any = {id: 1, name: "Pdf", link: "http://www.pdf995.com/samples/pdf", isDataUrl: true } showPDF(){ this.dialogService.show(DialogServiceConstants.URLs.PdfViewer, this.pdfModel);}
QR Viewer
Attributes
source this is the source for the QR viewer
width this is the width for the QR viewer
height this is the height for the QR viewer
is-print-enabled this is shows a print button to be able to print the QR code
printable-height this is the height of the QR code for the print page
printable-width this is the width of the QR code for the print page
title this is the title for the QR viewer
loco-src this is the source for the logo
print-styles-href this is the href to the style to be used for printing
Code for the above example
<qr-viewer source.two-way="source" height="150" width="150" is-print-enabled="true" printable-height="100" printable-width="100" title="QR Title"></qr-viewer>
Query Editor
Attributes
show-data-grid This is used to show or hide the data grid
show-preview-button This shows or hides the preview button to preview the result
limit This limits the number of items in the data grid
add-new-text This is the text to be in the add new button. This will enable the add new button.
add-route This is the name of the route for to be taken to when the add button is pressed
edit-route This is the name of the route for to be taken to when an item is selected
click-mode This is the click mode for selecting a row in the grid. Can be single or double. By default this is double
on-row-selected This is an event called when row is selected, if left empty edit-route is used.
grid-settings This is the settings for the grid
sort-alphabetically Sorts the list alphabetically
save-manage-columns This is an event called when the save colums button is pressed
fixed-columns This is a list of columns that will alwasy be visible in the data grid
fixed-filters This is a list of filters that will be used to filter the data
enable-upload-excel This is used to enable or disable the excel button
Code for the above example
<queries-editor class="queries-container" view-model.ref="queryEditor" on-row-selected.bind="OnRowSelected" show-preview-button.bind="true" grid-settings.bind="gridSettings"> </queries-editor>
Radio button
Attributes
group is used for radio groups
value is used to show text besides radio button
checked if the radio button is checked or not
disabled makes the radio button as disabled
readonly makes the radio button as readonly
Code for the above example
<radio-button group="group1" value="Selected" checked.two-way="leftCheck"></radio-button> <radio-button group="group1" value="Unselected" checked.two-way="centerCheck"></radio-button> <radio-button group="group1" value="Disabled" disabled="true" checked.two-way="rightCheck"></radio-button>
<radio-button group="group2" value="One" checked.two-way="radioButtonEnabled" ></radio-button> <radio-button group="group2" value="Two" checked.one-way="!radioButtonEnabled" ></radio-button>
Slider
Attributes
label this is the label of the slider
min sets the min value of the slider
max sets the max value of the slider
value sets the initial value of the slider
step sets the incremental value of the slider
disabled disables the slider
Code for the above example
<slider label="Slider" min="0" max="100" value="0"></slider> <slider label="Slider" min="0" max="100" value="15" tabindex="0" step="5"></slider>
Split Pane
Replaced Part Content Top
Replaced Part Content Top
Replaced Part Content Top
Replaced Part Content Top
Replaced Part Content Top
Replaced Part Content Top
Replaced Part Content Botom
Replaced Part Content Botom
Replaced Part Content Botom
Code for the above example
<split-pane> <template replace-part="content-top"> <p>Replaced Part Content Top</p> <p>Replaced Part Content Top</p> <p>Replaced Part Content Top</p> <p>Replaced Part Content Top</p> <p>Replaced Part Content Top</p> <p>Replaced Part Content Top</p> </template> <template replace-part="content-bottom"> <p>Replaced Part Content Botom</p> <p>Replaced Part Content Botom</p> <p>Replaced Part Content Botom</p> </template> </split-pane>
Replaced Part Content Top
Replaced Part Content Top
Replaced Part Content Top
Replaced Part Content Top
Replaced Part Content Top
Replaced Part Content Top
Replaced Part Content Botom
Replaced Part Content Botom
Replaced Part Content Botom
Switch
Attributes
value is used to show text beside the switch
checked if the switch is checked or not
disabled sets the switch as disabled when true
readonly sets the switch as readonly when true
disable-input disables input so value cannot be changed
Code for the above example
<switch value="Slider" checked.bind="true"></switch> <switch value="Disabled Slider" checked.bind="false" disabled="true" ></switch> <switch value="Readonly Slider" checked.bind="false" readonly="true" ></switch>
Tabs
Attributes
title-key is used as the title to display for the tab
tabs this is the list of tabs
current-tab this is the currently selected tab
cache-last-visited-tab caches the step of the tab selected last when true
check-errors-frequency this is the frequency for checking errors
tab-changed this is an event triggered when a tab is changed
current-step-key this is the key for the cached tab step by default it is 'currentStep'
Code for the above example
<tabs class="component-tabs" cache-last-visited-tab.bind="true" title-key="displayName" tabs.bind="tabsList" current-tab.two-way="selectedTab" check-errors-frequency="" tab-changed.delegate="tabChanged($event)"></tabs>
<div innerHTML.bind="selectedTab.tabContent"></div>
Tags Input Filter
Attributes
label this is the label of the tags input filter
tags this is the list of tags
allow-add this allows tags to be added when true
max-number-of-tags this is the maximum number of tags allowed in this tags input filter
tags-max-length the max number of characters allowed in each tag
disabled makes the the tags input filter as disabled
readonly makes the the tags input filter as readonly
Code for the above example
<tags-input-filter label="Tags filter" tags.two-way="tagsList" allow-add.bind="true" max-number-of-tags="5" tag-max-length="10"></tags-input-filter> <tags-input-filter label="Tags filter no adding" tags.two-way="tagsList" allow-add.bind="false"></tags-input-filter> <tags-input-filter label="Tags filter readonly" tags.two-way="tagsList" readonly="true"></tags-input-filter> <tags-input-filter label="Tags filter disabled" tags.two-way="tagsList" disabled="true"></tags-input-filter>
Text Area
Attributes
label this is the label of the textarea
info this makes an info tooltip for the textarea
value this is the value of the textarea
placeholder this is the placholder of the textarea
rows this is the number of visible rows the textarea has
max-rows the max number of rows the textarea can grow
resizeable this makes the textarea resizeable
readonly this makes the textarea readonly
disabled this makes the textarea disabled
Code for the above example
<text-area label="This is a custom textarea" info="This is custom text area info" placeholder="This is a placeholder" row="3" max-rows="6" resizeable="true" ></text-area> <text-area label="This is a disabled textarea example" info="This is custom text area info" placeholder="This is a placeholder" row="3" max-rows="6" disabled="true" resizeable="true" ></text-area>
Text Box
Attributes
label this is the label of the text box
info this makes an info tooltip for the text box
placholder this is the placholder of the text box
type this is the type of input for the text box
max-length the max number of characters allowed in the text box
decimal-places the amount of numbers after the decimal point
value the value in the text box
is-focused makes the text box as focused
start-label a label at the start of the textbox
end-label a label at the end the text box
readonly makes the text box readonly
disabled makes the text box disabled
patter a patter for the input of the text box
null-when-empty makes value of the text box null when left empty
Code for the above example
<text-box label="This is a custom text box" info="This is custom text box info" placeholder="This is a placeholder"> </text-box><text-box start-label.bind="startLabel" end-label="end" type="integer" placeholder="Numbers only">t </text-box><text-box label="This is a custom text box with type double" type="double" value="123" max-length="10" decimal-places="3">t </text-box><text-box label="This is focused" type="text" placeholder="focused max length 6" max-length="6" is-focused="true"></text-box> <text-box label="This is a disabled text box" info="This is custom text box info" disabled="true" placeholder="This is a placeholder">
Adorener Content
This is the content that will show in adorner
${adornedContent}
Create new complex object
Children
Save and Validate
Log Has Changes To Console
Log Changes To Console
Title
save
${'delete-text' & t}
${'cancel-text' & t}
${'save-text' & t}
${'delete-text' & t}
${'cancel-text' & t}
Save
${'delete-text' & t}
${'cancel-text' & t}
Save
folder
${process.name}
library_books
${policy.name}
label
${record.gdprDataSubject.uniqueIdentifierValue}
Add Personal Data Record
folder
${process.name}
library_books
${policy.name}
label
${record.gdprDataSubject.uniqueIdentifierValue}
folder
${process.name}
edit
delete
folder
done
clear
library_books
${policy.name}
delete
Add Process
Add Policy
folder
${process.name}
edit
delete
folder
done
clear
library_books
${policy.name}
delete
Add Storage Preference
Add Access Control
Add Policy Data Type
${'attachment-uploaded-successfully-text' & t}!
${'cannot-display-your-attachment-text' & t}
attach_file
${'upload-attachment-text' & t}
png, jpg, gif or PDF
${item.name}
${item.expiryDate | dateFormat}
${'expired-text' & t}
${item.name}
${item.attachmentType.name}
${item.expiryDate | dateFormat}
edit
delete
add
${'from-computer-text' & t}
assignment
No additional meta data has been added.
Add Now
assignment
No additional meta data available.
Save
${item.page.title ? item.page.title :
(item.clientMetaModel.doNotUseFallback ? '' : item.clientMetaModel.fallbackTitle)}
${item.page.subtitle ? item.page.subtitle :
(item.clientMetaModel.doNotUseFallback ? '' : item.clientMetaModel.fallbackSubtitle)}
${singleItem.question}
${singleItem.info}
${singleItem.question}
${singleItem.info}
${singleItem.question}
${singleItem.info}
${singleItem.question}
${singleItem.info}
${item.name}
${item.additionalData.description}
close
Scan this QR CODE
to continue on your phone
close
Scan this QR CODE
to continue on your phone
Press OK
to proceed with the onboarding
close
Resumed from Mobile
The Onboarding has been resumed from Mobile
close
Resumed from Mobile
The Onboarding has been resumed from Mobile
${'next-step-text'
& t}
Please check the following errors
${'next-step-text'
& t}
Please check the following errors
Required Documents
We require the below documents to be uploaded. Make sure they are readable and in good quality.
${docType.name}
(Download Template )
close
${document.documentName}
close
${document.file.name}
cloud_upload
${'next-step-text' & t}
Country not valid.
(${country})
Onboarding is not available in your country.
Personalised Offers
${offeringsMetaConfig.title}
Based on your input, we’ve calculated that these offers are tailor made for your needs. Select one or more offers.
${offeringsMetaConfig.subtitle}
${'view-all-text' & t}
${'other-offerings-text' & t}
${'next-step-text' & t}
Personalised Offers
Based on your input, we’ve calculated that these offers are tailor made for your needs. Select one or more offers.
${'other-offerings-text' & t}
Summary
${'no-offering-was-selected-text' & t}
${'no-document-was-uploaded-text'
& t}
Please check the following errors
${(canCompleteSession || !isNext ? 'submit-text' : 'next-text') & t}
${(canCompleteSession || !isNext ? 'submit-text' : 'next-text') & t}
What's needed?
${'whats-needed-description-text' & t}
${'new-customer-text' & t}
${'existing-customer-text' & t}
Are you ready?
Yes, let's do it!
Change Status
${'reassign-text' &
t}
${'take-ownership-text' & t}
Generate Leave Entitlement
Create Dynamic Onboarding Plugin
${'reassign-text' & t}
${'take-ownership-text' & t}
Unsupported Browser
This page is not supported on Internet Explorer.
Submitted Successfully
The form has been submitted successfully.
Face Recognition Verification
In order to verify your identity, we’ll need to take a selfie to compare with the uploaded document.
tag_faces
Face Recognition
Please make sure your face is clearly visible.
photo_camera
autorenew
Verifying your identity
Please bear with us, it won't take long.
verified_user
All done and verified! Good job!
Go to the next step.
report
Face recognition failed
Try again!
refresh
Face Recognition
Percentage: ${meta.innerResponse.comparisonPercentage}%
Confidendence: ${meta.innerResponse.confidenceText}
Incorrect details?
Re-do Face Recognition
${'next-step-text'
& t}
tag_faces
Face Recognition
Please make sure your face is clearly visible.
photo_camera
autorenew
Verifying your identity
Please bear with us, it won't take long.
verified_user
All done and verified! Good job!
Go to the next step.
report
Face recognition failed
Try again!
refresh
Actions
${'add-new-action-text' & t}
Set Retries
${'verification-text' & t}
${'click-start-call-to-start-video-call-text' & t}.
videocam
${'video-call-not-started-yet-text' & t}
${statusString}
${'start-call-text' & t}
${'please-wait-until-one-of-our-representatives-takes-your-call-text' & t}.
videocam
${'calling-text' & t}...
${'end-call-text' & t}
${'video-call-text' & t}
${'seconds-waited-text' & t}: ${meta.secondsWaited}
${'seconds-in-call-text' & t}: ${meta.secondsInCall}
Email will be sent to ${email}
No email will be send because the email was not provided.
Email sent to ${email}
No email has been sent because the email was not provided.
Accept
Incomplete
Accept
Re Submit
${'clear-preview-text' & t}
${searchText}
Search
See more...
${'add-text-area-text' & t}
${e.title} ${e.start | dateFormat:'HH:mm'} - ${e.end | dateFormat:'HH:mm'}
${e.title}
Entitlement
${entitlementType}
Start
${item.startLeave | dateFormat :'DD MMM HH:mm'}
End
${item.endLeave | dateFormat :'DD MMM HH:mm'}
Start
${item.startLeave | dateFormat :'DD MMM'}
End
${item.endLeave | dateFormat :'DD MMM'}
Hours
${item.hours} hours
Entitlement
${entitlementType}
Start
${item.startLeave | dateFormat :'DD MMM HH:mm'}
End
${item.endLeave | dateFormat :'DD MMM HH:mm'}
Start
${item.startLeave | dateFormat :'DD MMM'}
End
${item.endLeave | dateFormat :'DD MMM'}
Hours
${item.hours} hours
Start
${item.startLeave | dateFormat :'DD MMM HH:mm'}
End
${item.endLeave | dateFormat :'DD MMM HH:mm'}
Start
${item.startLeave | dateFormat :'DD MMM'}
End
${item.endLeave | dateFormat :'DD MMM'}
${menuItem.item.icon}
${menuItem.item.title}
${request.startLeave |
dateFormat :'DD MMM YYYY HH:mm'} ${request.startLeave |
dateFormat :'DD MMM YYYY'} ${request.endLeave |
dateFormat :'DD MMM YYYY HH:mm'} ${request.endLeave |
dateFormat :'DD MMM YYYY'}
${groupOfEvents.date | dateFormat :'ddd'}
${groupOfEvents.date | dateFormat :'D MMM'}
${event.title}
${event.start | dateFormat:'HH:mm'} - ${event.end | dateFormat:'HH:mm'}
No Events / Leave Requests for this month
${request.startLeave |
dateFormat :'DD MMM YYYY HH:mm'} ${request.startLeave |
dateFormat :'DD MMM YYYY'} ${request.endLeave |
dateFormat :'DD MMM YYYY HH:mm'} ${request.endLeave |
dateFormat :'DD MMM YYYY'}
${startWeek | dateFormat :'DD MMM'}
${endWeek | dateFormat :'DD MMM'}
${allocation.projectName}
${allocation.hours}
${leave.startLeave | dateFormat : 'ddd DD MMM'}
${leave.endLeave | dateFormat : 'ddd DD MMM'}
${leave.entitlementTypeName}
${leave.hours}h
No Upcoming Leave Requests
${event.eventDate | dateFormat :'ddd DD MMM'}
${event.description}
No Upcoming Events
Annual overview 2020
${extraTime}
Extra Time This Month
${accumulated.remaining}
/${accumulated.total} hours
Remaining accumulated leave
${annual.remaining}
/${annual.total} hours
Remaining annual leave
${sick.remaining}
/${sick.total} hours
Remaining sick leave