Skip to main content

Ticketing

Layout Components​

Ticket Relationship List​

Relationship list of tickets in a tabular view with filtering and editing options.

  • Selector: tsm-ticket-relationship-list
  • Type: Layout Component
  • Properties:
    • ticket (Ticket = null): This input is used to set the ticket for which relationships are being managed. It triggers various data loading and configuration actions when set.
    • readonly (boolean = false): This input determines if the component should be in read-only mode, disabling certain actions like editing relationships.
{
  "type": "layout",
  "title": "Ticket Relationship List",
  "widget": {
    "type": "tsm-ticket-relationship-list"
  },
  "config": {
    "pageSize": "10"
  }
}

Advice List​

Advice list in a tabular view with filtering and editing options.

  • Selector: tsm-advice-tab
  • Type: Layout Component
  • Properties:
    • readonly (boolean = false): This input is used to determine if the component should be in read-only mode.
    • ticketId (string): This input is used to fetch and display advice items related to a specific ticket.
{
  "type": "layout",
  "title": "Advice List",
  "widget": {
    "type": "tsm-advice-tab"
  },
  "config": {}
}

Related Entity List​

Related entity information list in a tabular view with filtering and editing options..

  • Selector: tsm-related-entity-tab
  • Type: Layout Component
  • Properties:
    • parentPriv (string = Chm.Hierarchy): This input is used to set the parent privilege.
    • readonly (boolean = false): Determines if the component is in read-only mode.
    • ticket (Ticket): This input is used to set the ticket object. It triggers a filter setup in the listing service when set.
{
  "type": "layout",
  "title": "Related entity list",
  "widget": {
    "type": "tsm-related-entity-tab"
  },
  "config": {}
}

Ticket Task List​

Task list related to tickets in a tabular view with filtering and editing options.

  • Selector: tsm-ticket-task-list
  • Type: Layout Component
  • Properties:
    • layoutingType ('design' | 'runtime' = 'design'): Determines the layout type.
    • showAddMultipleRelationsSelected (boolean = true): Controls visibility of "Add Multiple Relations Selected" feature.
    • showAddMultipleRelationsFiltered (boolean = true): Controls visibility of "Add Multiple Relations Filtered" feature.
    • selectFirstRow (boolean = false): Automatically selects the first row if true.
    • scrollHeight (string): Height of the scrollable area.
    • scrollable (boolean = true): Determines if the table is scrollable.
    • profileCategory (string): Category of the profile.
    • openDetailType ('entity' | 'task' = 'task'): Determines the type of detail view to open.
    • showExport (boolean = true): Controls visibility of the export button.
    • showFilters (boolean = true): Controls visibility of the filters.
    • showRefresh (boolean = true): Controls visibility of the refresh button.
    • showPaginator (boolean = true): Controls visibility of the paginator.
    • showManagerColumns (boolean = true): Controls visibility of the column manager.
    • showProfiles (boolean = true): Controls visibility of the profiles.
    • showManagerSort (boolean = true): Controls visibility of the sort manager.
    • showManagerColor (boolean = true): Controls visibility of the color manager.
    • showListingConfig (boolean = true): Controls visibility of the listing configuration.
    • listingType (string = 'tsm-ticket-task-list'): Type of the listing.
    • extendTqlWhere (string): Additional TQL where clause.
    • externalTqlSort (string): External TQL sort clause.
    • externalTqlSortForNested ({[key: string]: any}): External TQL sort for nested fields.
    • exportPriv (string = null): Export privilege required.
    • disabledOutputContext (boolean = false): Disables the output context if true.
    • hiddenDataViewMode (boolean = false): Hides the data view mode if true.
{
  "type": "layout",
  "title": "Ticket Task List",
  "widget": {
    "type": "tsm-ticket-task-list"
  },
  "config": {
    "pageSize": "10"
  }
}

Ticket List​

Ticket list in a tabular view with filtering and editing options.

  • Selector: tsm-ticket-list-widget
  • Type: Layout Component
  • Properties:
    • showAddMultipleRelationsSelected (boolean = true).
    • showAddMultipleRelationsFiltered (boolean = true).
    • chars (any).
    • ticket (Ticket).
    • externalData (any).
    • scrollHeight (string).
    • scrollable (boolean = true).
    • profileCategory (string).
    • layoutingType ('design' | 'runtime' = 'design').
    • showExport (boolean = true).
    • showFilters (boolean = true).
    • showRefresh (boolean = true).
    • showPaginator (boolean = true).
    • showManagerColumns (boolean = true).
    • showProfiles (boolean = true).
    • showManagerSort (boolean = true).
    • showManagerColor (boolean = true).
    • showListingConfig (boolean = true).
    • listingType (string = 'tsm-ticket-list').
    • extendTqlWhere (string).
    • externalTqlSort (string).
    • externalTqlSortForNested ({[key: string]: any}).
    • exportPriv (string = null).
    • disabledOutputContext (boolean = false).
    • hiddenDataViewMode (boolean = false).
    • hideButtonGroup (boolean = false).
{
  "title": "Ticket List",
  "widget": {
    "type": "tsm-ticket-list-widget"
  },
  "type": "layout",
  "config": {
    "pageSize": "10"
  }
}

Ticket Related Entity List​

Related entity ticket list in a tabular view with filtering and editing options.

  • Selector: tsm-ticket-list-related-entity-widget
  • Type: Layout Component
  • Properties:
    • chars (any).
    • ticket (Ticket).
    • externalData (any).
    • profileCategory (string).
    • showExport (boolean = true).
    • showFilters (boolean = true).
    • showRefresh (boolean = true).
    • showPaginator (boolean = true).
    • showManagerColumns (boolean = true).
    • showProfiles (boolean = true).
    • showManagerSort (boolean = true).
    • showManagerColor (boolean = true).
    • extendTqlWhere (string).
    • externalTqlSort (string).
    • exportPriv (string = null).
    • disabledOutputContext (boolean = false).
    • hiddenDataViewMode (boolean = false).
    • hideButtonGroup (boolean = false).
    • refId (string).
    • refType (string).
{
  "title": "Ticket Related Entity List",
  "widget": {
    "type": "tsm-ticket-list-related-entity-widget"
  },
  "type": "layout",
  "config": {}
}

Ticket History​

History of actions and changes related to the ticket in a clear view.

{
  "type": "layout",
  "title": "Ticket History",
  "widget": {
    "type": "tsm-ticket-history"
  },
  "config": {}
}

Relationship Bookmark​

Bookmark displaying relationship information.

  • Selector: tsm-relationship-tab
  • Type: Layout Component
  • Properties:
    • layoutingType ('runtime' | 'design'): (This input is only defined in the component.)
    • ticket (Ticket).
    • parentPriv (string).
    • inputs ({[key: string]: any}): (This input is only defined in the component.)
{
  "type": "layout",
  "widget": {
    "type": "tsm-relationship-tab"
  },
  "items": []
}

Data Components​

Ticket Category Select​

Selection of a ticket category from a dropdown list.

  • Selector: tsm-ticket-category-lov
  • Type: Select Component
  • Properties:
    • allowedValues (string[]): Array of allowed values for selection.
    • disableLink (boolean = false): Disables link if true.
{
  "title": "Select a Ticket Category",
  "widget": {
    "type": "tsm-ticket-category-lov"
  },
  "type": "string",
  "config": {
    "selectProperty": "id"
  }
}

Advice Type Select​

Selection of an advice type from a dropdown list.

  • Selector: tsm-advice-type-lov
  • Type: Select Component
  • Properties:
    • filterable (boolean = true): Determines if the dropdown is filterable.
{
  "title": "Select an Advice Type",
  "widget": {
    "type": "tsm-advice-type-lov"
  },
  "type": "object"
}

Ticket Problem Select​

Selection of a ticket problem from a dropdown list.

  • Selector: tsm-ticket-problem-lov
  • Type: Select Component
  • Properties:
    • allowedValues (string[]): Array of allowed values for selection.
{
  "title": "Select a Ticket Problem",
  "widget": {
    "type": "tsm-ticket-problem-lov"
  },
  "type": "string",
  "config": {
    "selectProperty": "id"
  }
}

Ticket Problem Tree Select​

Selection of a ticket problem from a tree-structured dropdown list.

  • Selector: tsm-ticket-problem-tree-lov
  • Type: Select Component
  • Properties:
    • disableLink (boolean = false): Determines if the link should be disabled in readonly mode.
    • allowedValues (string[]): Specifies which values are allowed for selection.
    • ticketType (TicketType): Defines the type of ticket for filtering problems.
    • selectableParent (boolean = true): Determines if parent nodes are selectable.
{
  "title": "Select a Ticket Problem",
  "widget": {
    "type": "tsm-ticket-problem-tree-lov"
  },
  "type": "string",
  "config": {
    "selectProperty": "id"
  }
}

Ticket Resolution Select​

Selection of a ticket resolution from a dropdown list.

  • Selector: tsm-ticket-resolution-lov
  • Type: Select Component
  • Properties:
    • isLinkValue (boolean = true): Determines if the value is a link.
    • allowedValues (string[]): List of allowed values for selection.
{
  "title": "Select a Ticket Resolution",
  "widget": {
    "type": "tsm-ticket-resolution-lov"
  },
  "type": "string",
  "config": {
    "selectProperty": "id"
  }
}

Ticket Select​

Selection of a ticket from a dropdown list.

  • Selector: tsm-ticket-lov
  • Type: Select Component
  • Properties:
    • listingTypeCode (string = null): Used to set the type of listing.
    • profileId (string = null): Used to set columns by profile ID.
    • disableKey (boolean = false): Determines if the key should be disabled.
    • typeCode (string = null): Code for the type of the component.
    • chars (CharacteristicFilter | CharacteristicFilter[] = null): Characteristic filters for the component.
{
  "title": "Select a Ticket",
  "widget": {
    "type": "tsm-ticket-lov"
  },
  "type": "string",
  "config": {}
}

Ticket Status Select​

Selection of a ticket status from a dropdown list.

  • Selector: tsm-ticket-status-lov
  • Type: Select Component
  • Properties:
    • allowedValues (string[]): (Not present in the editor component)
    • alreadySelectedStatusesIds (string[] = []).
    • disableLink (boolean = false).
{
  "title": "Select a Ticket Status",
  "widget": {
    "type": "tsm-ticket-status-lov"
  },
  "type": "string",
  "config": {
    "selectProperty": "code"
  }
}

Ticket Related Party Role Select​

Selection of a ticket related party role from a dropdown list.

  • Selector: tsm-ticket-related-party-role-lov
  • Type: Select Component
  • Properties:
    • filterable (boolean = true): Determines if the dropdown should be filterable.
{
  "title": "Select a Ticket Related Party Role",
  "widget": {
    "type": "tsm-ticket-related-party-role-lov"
  },
  "type": "string",
  "config": {
    "selectProperty": "code"
  }
}

Ticket Priority Select​

Selection of a ticket priority from a dropdown list.

  • Selector: tsm-ticket-priority-lov
  • Type: Select Component
  • Properties:
    • filterable (boolean = true): Determines if the dropdown is filterable.
    • noneText (string = this.translocoService.translate(translationShared.shared.none)): Text to display when no selection is made.
    • disableLink (boolean = false): Disables the link in readonly mode.
    • module (string = null): Module filter for the dropdown options.
    • inputs ({ disableLink: boolean }): Additional input configuration.
{
  "title": "Select a Ticket Priority",
  "widget": {
    "type": "tsm-ticket-priority-lov"
  },
  "type": "string",
  "config": {
    "selectProperty": "code"
  }
}

Ticket Severity Select​

Selection of a ticket severity from a dropdown list.

  • Selector: tsm-ticket-severity-lov
  • Type: Select Component
  • Properties:
    • filterable (boolean = true): Determines if the dropdown should be filterable.
    • module (string = null): Filters the severity items based on the module.
{
  "title": "Select a Ticket Severity",
  "widget": {
    "type": "tsm-ticket-severity-lov"
  },
  "type": "string",
  "config": {
    "selectProperty": "id"
  }
}

Ticket Related Entity Select​

Selection of a related entity for tickets from a dropdown list.

  • Selector: tsm-ticket-related-entity-lov
  • Type: Select Component
  • Properties:
    • listingId (string = TicketListingIds.RelatedEntityLov + getUuid()): Unique identifier for the listing.
    • ticketId (string): ID of the ticket associated with the component.
    • relatedEntityType (string): Type of the related entity.
{
  "title": "Select a Related Entity",
  "widget": {
    "type": "tsm-ticket-related-entity-lov"
  },
  "type": "string",
  "config": {
    "selectProperty": "id"
  }
}

Ticket Type Select​

Selection of a ticket type from a dropdown list.

  • Selector: tsm-ticket-type-lov
  • Type: Select Component
  • Properties:
    • filterable (boolean = true): Controls whether the dropdown is filterable.
    • module (string): Specifies the module type for loading ticket types.
    • filterCodes (string[]): Array of codes to filter the ticket types.
    • showPlaceholder (boolean = true): Intended to control the display of the placeholder. Errors: Not directly used in the component template.
{
  "title": "Select a Ticket Type",
  "widget": {
    "type": "tsm-ticket-type-lov"
  },
  "type": "string",
  "config": {
    "selectProperty": "id"
  }
}

Ticket Template Type Select​

Selection of a ticket template type from a dropdown list.

  • Selector: tsm-ticket-template-type-lov
  • Type: Select Component
  • Properties: None.
{
  "title": "Select a Ticket Template Type",
  "widget": {
    "type": "tsm-ticket-template-type-lov"
  },
  "type": "string",
  "config": {
    "module": "ChangeManagement",
    "selectProperty": "id"
  }
}

Ticket Related Entity Type Select​

Selection of a ticket related entity type from a dropdown list.

  • Selector: tsm-ticket-related-entity-type-lov
  • Type: Select Component
  • Properties:
    • filterable (boolean = true): Indicates whether the dropdown is filterable.
    • filterCodes (string[]): Array of codes used to filter the related entity types.
    • assignments (string[] = []): Array of assignments used to filter the related entity types.
{
  "title": "Select a Ticket Related Entity Type",
  "widget": {
    "type": "tsm-ticket-related-entity-type-lov"
  },
  "type": "string",
  "config": {
    "selectProperty": "code"
  }
}

Ticket Channel Select​

Selection of a ticket channel from a dropdown list.

  • Selector: tsm-ticket-channel-lov
  • Type: Select Component
  • Properties:
    • filterable (boolean = true): Determines if the component is filterable.
    • disableLink (boolean = false): Disables link if true.
{
  "title": "Select a Ticket Channel",
  "widget": {
    "type": "tsm-ticket-channel-lov"
  },
  "type": "string",
  "config": {
    "dataKey": "code"
  }
}

Active Advices Panel​

Panel displaying details of ticket active advices.

  • Selector: tsm-advice-active-widget
  • Type: Layout Component
  • Properties:
    • ticketId (string = null): The ticketId input is used to load active advice by dispatching an action and selecting advice from the store.
{
  "widget": {
    "type": "tsm-advice-active-widget"
  },
  "config": {
    "ticketId": "null"
  },
  "type": "layout"
}

Related Entity Detail Reference Data​

Related Entity Detail Reference Data

  • Selector: tsm-related-entity-detail-refdata
  • Type: Layout Component
  • Properties:
    • showRisks (boolean = false): This input is used to determine if risks should be shown. It is configured in the editor component's form model.
    • relatedEntity (RelatedEntity): This input is used to pass the related entity object. It is configured in the editor component's form model.
{
  "title": "Related Entity Detail Reference Data",
  "widget": {
    "type": "tsm-related-entity-detail-refdata"
  },
  "type": "layout"
}

Ticket Related Party Select​

Selection of a ticket related party from a dropdown list.

  • Selector: tsm-ticket-related-party-lov
  • Type: Select Component
  • Properties: None.
{
  "title": "Select a Ticket related party",
  "widget": {
    "type": "tsm-ticket-related-party-lov"
  },
  "type": "string",
  "config": {}
}

Related Entity Icon​

Related Entity Icon

  • Selector: tsm-ticket-related-entity-name-icon-widget
  • Type: Select Component
  • Properties:
    • ticketId (string = ""): Configured in both the main component and the editor component.
    • field (string | string[] = ""): Configured in both the main component and the editor component.
{
  "title": "Related Entity Icon",
  "widget": {
    "type": "tsm-ticket-related-entity-name-icon-widget"
  },
  "type": "string",
  "config": {
    "module": "ChangeManagement",
    "selectProperty": "id"
  }
}

Other​

Typ vazby ticketů​

Lovbox typů vazeb ticketů

  • Selector: tsm-ticket-link-type-lov
  • Type: Select Component
  • Properties:
    • allowedCodes ({ code: string; allowedDirection: 'forward' | 'backward' | 'both'; }[] = null): Triggers ticketLinkType$ observable when set.
    • selectedItem (SelectItem = null): Triggers selectItem method when set.
    • showCodeInLabel (boolean = false): Determines if code should be shown in the label.
    • selectProperty (string = null): Determines which property to select from the item.
    • enableReverseRelation (boolean = true): Controls visibility of backward relations.
    • filterable (boolean = true): Enables or disables filtering in the dropdown.
    • placeholder (string): Used for dropdown placeholder text. Errors: Mismatch with editor model which uses 'widget.placeholder'.
    • localizationData (LocalizationVersionData): Used for localization purposes.
{
  "title": "Typ vazby ticketů",
  "widget": {
    "type": "tsm-ticket-link-type-lov",
    "readonly": false
  },
  "type": "string"
}

kategorie ticketů - strom​

kategorie ticketů – stromečkové zobrazení

  • Selector: tsm-ticket-category-tree-lov
  • Type: Select Component
  • Properties:
    • filter (boolean = false): Determines if filtering is enabled.
    • displayNoParent (boolean = false): Determines if nodes without parents are displayed.
    • allowedValues (string[]): List of allowed values for selection.
    • selectableParent (boolean = true): Determines if parent nodes are selectable.
{
  "title": "kategorie ticketů - strom",
  "widget": {
    "type": "tsm-ticket-category-tree-lov",
    "readonly": false
  },
  "type": "object"
}