SASjs Basic UI Components for Angular

UI Depends on Clarity Design Package includes:

Header

• Logo
• Navigation links (configurable)
• User dropdown (with configurable items and custom on click callbacks)

Login modal

SAS Logs modal

---

Components

Login modal (login-modal.component)

Input	Type	Default	Description
loginLoading	boolean	False	Wheather login request is still running, it's sent from parent component

Output	Type	Description
loginButtonClicked	EventEmitter<{username: string, password: string }>	Wheather login request is still running, it's sent from parent component

Header (sasjs-header.component)

Input	Type	Default	Description
logo	string	SASjsLogo	Logo in navbar
username	string	''	username
sasjsConfig	Adapter.SASjsConfig	undefined	Config object from @SASjs/adapter
navLinks	NavLink[]	[]	Navigation links in navbar
userDropdown	UserDropdownItem[]	[]	Items in user dropdown

Output	Type	Description
debugChanged	EventEmitter	Fires when user toggles the debug switch in user dropdown

Logs (sasjs-logs.component)

Input	Type	Default	Description
show	boolean	false	Whether to show the login modal
sasjsRequests	SASjsRequestExtended[]	[]	Requests captured from the @SASjs/adapter, passed from parent component
sasjsConfig	Adapter.SASjsConfig	undefined	Config object from @SASjs/adapter

Output	Type	Description
showChange	EventEmitter()	Fired when show change. Enables the two-way binding [(show)]="variable"
onDownloadLog	EventEmitter	Fired when donwload button clicked on log tab
onDownloadSourceCode	EventEmitter	Fired when donwload button clicked on source code tab
onDownloadGeneratedCode	EventEmitter	Fired when donwload button clicked on generated code tab

Types

export interface NavLink {
  routerLink: string
  label: string
}

export interface UserDropdownItem {
  label: string
  clickCallback: () => any
}

export interface SASjsRequestExtended extends SASjsRequest {
  parsedTimestamp?: string
  logErrors?: string[]
  logWarnings?: string[]
  selectedTable?: string
}