\r\n =2?1:0\"> \r\n
\r\n \r\n
\r\n =2) && maskHeaderCount\" class=\"header-mask\" [ngClass]=\"{cordova:ui>3}\">
\r\n\r\n1,phone:ui==2||ui==4,cordova:ui>3,oai:isOfficeAddin,oaidbutton:hasOfficeInfoButton}\">\r\n \r\n =2 && getActionMenuID()>=0\" #actionMenu [menuID]=\"getActionMenuID()\" [tabIndex]=\"rightEnabled()?1:-1\" [callback]=\"getCurHdrCommandHandler()\" [menuTitle]=\"getActionMenuTitle()\" [menuIcon]=\"getActionMenuIcon()\"> \r\n \r\n =2 && showMobileSearchHeader()\">\r\n \r\n \r\n \r\n =4\">\r\n =0\" #actionMenu [tabIndex]=\"rightEnabled()?1:-1\" [menuID]=\"getActionMenuID()\" [callback]=\"getCurHdrCommandHandler()\" [menuTitle]=\"getActionMenuTitle()\" [menuIcon]=\"getActionMenuIcon()\"> \r\n \r\n
\r\n","import { Component, ViewChild, Input, OnInit, OnDestroy } from '@angular/core';\r\nimport { Router, NavigationEnd } from '@angular/router';\r\nimport { AbstractControl } from '@angular/forms';\r\nimport { Subscription } from 'rxjs';\r\n\r\nimport { LocalizeService } from './services/localize.service';\r\nimport { Util } from './utils/utils.module';\r\nimport { AppComponent } from './app.component';\r\nimport { FormWrapperComponent, FieldChangeListener } from './forms/form-wrapper.component';\r\nimport { SearchOfficeComponent } from './widgets/search-office.component';\r\nimport { FormField } from './models/form-field';\r\n\r\nconst kOfficeHeaderCollapsedKey = 'edx_office_header_collapsed';\r\n\r\n@Component({\r\n selector:'edx-home',\r\n styleUrls: [ 'app-home.component.scss' ],\r\n template: `\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n {{getLeftText()}}
\r\n \r\n
\r\n \r\n \r\n
\r\n {{getTitle()}}
\r\n =2\" class=\"toucharea right\" [ngClass]=\"{disabled:!rightEnabled()}\" [tabindex]=\"rightEnabled()?1:-1\" (keyup.enter)=\"rightClicked($event)\" (keyup.space)=\"rightClicked($event)\" (click)=\"rightClicked($event)\" (keydown.shift.tab)=\"closeMenuOnFocusOut(actionMenu)\" id=\"edx_hdr_btn_right\">\r\n
\r\n \r\n
\r\n {{getRightText()}}
\r\n \r\n
\r\n \r\n \r\n {{collapserTooltip}}\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {{extras}}\r\n {{extrasAlt}}\r\n
\r\n \r\n \r\n
\r\n =2, oai:isOfficeAddin, edgeie:isEdgeIE, expanded:expanded, showing:isShowing, hiding:isHiding}\" (animationend)=\"sidebarAnimationComplete()\">\r\n
\r\n `\r\n})\r\nexport class AppNavSidebarComponent implements OnInit, OnDestroy {\r\n static isActive = false;\r\n public ui: UserInterface;\r\n public isOfficeAddin: boolean;\r\n public isEdgeIE: boolean;\r\n public expanded = false;\r\n public isShowing = false;\r\n public isHiding = false;\r\n public menuItems: MenuItemDesc[] = [];\r\n public navItems: NavItem[] = [];\r\n public menuItemsPostNav: MenuItemDesc[] = [];\r\n private navLoc = '';\r\n private routerSubscription: Subscription;\r\n private remote: string;\r\n private primary: string;\r\n private welcome: string;\r\n private startDesc: any = null;\r\n private lastNavItemIndex = 0;\r\n private stopClosing: boolean;\r\n public startItem: NavItem = null;\r\n\r\n constructor(private menuService: MenuService, private navService: NavService, private localizer: LocalizeService, private router: Router) {\r\n this.ui = Util.Device.ui;\r\n this.isOfficeAddin = Util.Device.bIsOfficeAddin;\r\n this.isEdgeIE = Util.Device.bIsEdge || Util.Device.bIsIE;\r\n this.remote = localizer.getTranslation('NAVBAR.REMOTE');\r\n this.primary = localizer.getTranslation('FORMS.LOCAL.PREFERENCES.PRIMARY');\r\n }\r\n\r\n ngOnDestroy() {\r\n if (this.routerSubscription) {\r\n this.routerSubscription.unsubscribe();\r\n }\r\n }\r\n\r\n ngOnInit() {\r\n const menuID: number = this.ui>=2 ? (Util.Device.bIsOfficeAddin ? MenuId.MENU_OAI_HAMBURGER : MenuId.MENU_MOBILE_HAMBURGER) : -1;\r\n const menuDef: MenuDef = menuID<0 ? null : this.menuService.getMenu(menuID);\r\n this.menuItems = !!menuDef ? menuDef.items : [];\r\n if (menuID===MenuId.MENU_MOBILE_HAMBURGER) {\r\n if (!Util.Device.bIsCordova/* && (Util.Device.bIsOfficeAddin || !Util.Device.isMobile())*/) { // comment back in for sim testing\r\n this.menuItems = this.menuItems.filter(item => item.cmd!=='downloads' && item.cmd!=='imports');\r\n }\r\n }\r\n this.routerSubscription = this.router.events.subscribe(event => {\r\n if (event instanceof NavigationEnd) {\r\n this.navLoc = this.router.url;\r\n if (this.navLoc===Util.RestAPI.getHomeURL()) {\r\n const waitLogin = () => {\r\n if (Util.RestAPI.isLoggedIn()) {\r\n if (!this.navItems.length) {\r\n this.navService.getItems().then(this.setItems.bind(this));\r\n }\r\n } else {\r\n setTimeout(waitLogin, 100);\r\n }\r\n };\r\n waitLogin();\r\n } else if (this.navLoc===Util.RestAPI.getLoginURL()) {\r\n this.welcome = null;\r\n this.navItems = [];\r\n this.navService.reset();\r\n if (this.expanded) {\r\n this.toggle();\r\n }\r\n }\r\n }\r\n });\r\n }\r\n\r\n private setItems(items: NavItem[]): void {\r\n const firstExtApp = !!items ? items.find(navItem => Util.isExternalLib(navItem.lib)) : null;\r\n const prefsMenuItemDesc = !!this.menuItems ? this.menuItems.find(item => item.cmd==='preferences') : null;\r\n if (!!firstExtApp && !!prefsMenuItemDesc && Util.Device.isMobile() && !Util.Device.bIsOfficeAddin) {\r\n const prefsIndex: number = this.menuItems.indexOf(prefsMenuItemDesc);\r\n const postItems = this.menuItems.slice(prefsIndex);\r\n this.menuItemsPostNav = [].concat(postItems);\r\n this.menuItems.splice(prefsIndex,this.menuItems.length - prefsIndex);\r\n this.navItems = items.filter(navItem => Util.isExternalLib(navItem.lib));\r\n } else if (this.ui<2 || Util.Device.bIsOfficeAddin) {\r\n this.navItems = items;\r\n }\r\n for (let i = items.length - 1; i >= 0; i--) {\r\n if (['separator', 'header'].indexOf(items[i].type) === -1) {\r\n this.lastNavItemIndex = i;\r\n break;\r\n }\r\n }\r\n if (Util.Device.bIsOfficeAddin) {\r\n const startUpLocStr: string = Util.RestAPI.getPreference('edx_start_location');\r\n if (startUpLocStr && startUpLocStr.length) {\r\n let startUpDesc: any;\r\n try {\r\n startUpDesc = JSON.parse(startUpLocStr);\r\n } catch (e) {\r\n startUpDesc = null;\r\n }\r\n this.startLocChanged(startUpDesc);\r\n }\r\n }\r\n }\r\n\r\n private getNavIconSrc(item: NavItem): string {\r\n return Util.Transforms.titleIconUrlFromDesc(item);\r\n }\r\n\r\n private getNavIconText(item: NavItem): string {\r\n return Util.Transforms.titleIconTextFromDesc(item);\r\n }\r\n\r\n private getMenuIconSrc(item: MenuItem): string {\r\n return 'assets/images/' + item.icon;\r\n }\r\n\r\n private getMenuIconText(item: MenuItem): string {\r\n return Util.Transforms.iconAltTextFromDesc(item);\r\n }\r\n\r\n private getLibKind(item: NavItem): string {\r\n return item.name===Util.RestAPI.getPrimaryLibrary() ? this.primary : Util.isExternalLib(item.lib) ? '' : this.remote;\r\n }\r\n\r\n private getLibKindTitle(item: NavItem): string {\r\n return item.name===Util.RestAPI.getPrimaryLibrary() ? this.localizer.getTranslation('NAVBAR.PRIMARY') : Util.isExternalLib(item.lib) ? '' : this.localizer.getTranslation('NAVBAR.REMOTE_LIB');\r\n }\r\n\r\n private checkIt(item: NavItem): boolean {\r\n return (item.id==='0' && item.type==='libraries');\r\n }\r\n\r\n private navItemClicked(item: NavItem): void {\r\n if (this.expanded) {\r\n this.toggle();\r\n }\r\n if (item.type==='libraries') {\r\n if (item.id!=='0') {\r\n this.navItems = [];\r\n this.navService.changingPrimaryLibraries();\r\n Util.RestAPI.setPrimaryLibrary(item.lib);\r\n }\r\n } else {\r\n this.navService.openItem(item);\r\n }\r\n }\r\n\r\n private menuItemClicked(item: MenuItemDesc): void {\r\n if (this.expanded) {\r\n this.toggle();\r\n }\r\n Util.RestAPI.getAppComponent().doCommand(item.cmd);\r\n }\r\n\r\n private closeMenuOnFocusOut(itemIndex: number): void {\r\n if (itemIndex === this.lastNavItemIndex && !this.stopClosing) {\r\n this.closeMenu();\r\n }\r\n }\r\n\r\n private onKeyDown(event: KeyboardEvent, item: NavItem, currentIndex: number = -1, isMenuItem: boolean = false) {\r\n if (!!event.key) {\r\n let forward: boolean;\r\n this.stopClosing = false;\r\n switch (event.key) {\r\n case 'ArrowDown':\r\n forward = true;\r\n break;\r\n case 'ArrowUp':\r\n forward = false;\r\n this.stopClosing = true;\r\n break;\r\n case 'Tab':\r\n if (event.shiftKey) {\r\n this.stopClosing = true;\r\n }\r\n break;\r\n case ' ':\r\n case 'Enter':\r\n if (event.key === ' ') {\r\n event.preventDefault();\r\n }\r\n if (isMenuItem) {\r\n this.menuItemClicked(this.menuItems[currentIndex]);\r\n } else {\r\n this.navItemClicked(item);\r\n }\r\n break;\r\n case 'Escape':\r\n this.toggle();\r\n break;\r\n }\r\n if (['ArrowUp', 'ArrowDown'].indexOf(event.key) !== -1 && !!event.target) {\r\n const currentEl = event.target as HTMLElement;\r\n if (!!currentEl) {\r\n const nextEl = this.getNextSibling(currentEl.parentNode, forward);\r\n if (!!nextEl) {\r\n nextEl.focus();\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n private getNextSibling(currentLi: Node, forward: boolean): HTMLElement {\r\n if (!!currentLi) {\r\n const nextLi: ChildNode = forward ? currentLi.nextSibling : currentLi.previousSibling;\r\n if (!!nextLi) {\r\n const nextEl = nextLi.firstChild as HTMLElement;\r\n return (!!nextEl && !!nextEl.className && nextEl.className.indexOf('item') !== -1) ? nextEl : this.getNextSibling(nextLi, forward);\r\n }\r\n }\r\n }\r\n\r\n private focusOnNavItem(index: number, isMenuItem: boolean): void {\r\n if (index >= 0 && (index <= this.lastNavItemIndex || isMenuItem)) {\r\n const id = isMenuItem ? this.getMenuItemDisplayId(this.menuItems[index], index) : this.getNavItemDisplayId(this.navItems[index], index);\r\n const navElement: HTMLElement = document.getElementById(id);\r\n if (!!navElement) {\r\n navElement.focus();\r\n }\r\n }\r\n }\r\n\r\n private getNavItemDisplayId(item: NavItem, index?: number): string {\r\n const itemId: string = !!item ? (item['type'] + (item['lib'] ? '_' + item['lib'] : '') + (item['id'] ? '_' + item['id'] : '')) : '' + index;\r\n return 'edx_navitem_' + itemId;\r\n }\r\n\r\n private getMenuItemDisplayId(item: MenuItemDesc, index?: number): string {\r\n return 'edx_navmenu_' + (!!item ? item.cmd : index);\r\n }\r\n\r\n private dismiss(event: Event): void {\r\n if (this.expanded) {\r\n this.isShowing = false;\r\n AppNavSidebarComponent.isActive = this.isShowing;\r\n this.isHiding = true;\r\n event.stopPropagation();\r\n }\r\n }\r\n\r\n public closeMenu(): void {\r\n if (this.expanded) {\r\n this.toggle();\r\n } else if (this.isShowing) {\r\n setTimeout(() => {\r\n this.toggle();\r\n }, 300);\r\n }\r\n }\r\n\r\n public toggle(event?: Event): void {\r\n this.stopClosing = false;\r\n if (this.expanded) {\r\n this.isShowing = false;\r\n this.isHiding = true;\r\n } else {\r\n if (!this.welcome) {\r\n this.welcome = this.localizer.getTranslation('NAVBAR.WELCOME',[Util.RestAPI.getUserFullName()]);\r\n }\r\n this.isShowing = true;\r\n this.isHiding = false;\r\n this.focusOnNavItem(0, false);\r\n }\r\n AppNavSidebarComponent.isActive = this.isShowing;\r\n }\r\n\r\n public sidebarAnimationComplete(): void {\r\n if (this.isHiding) {\r\n this.expanded = false;\r\n } else if (this.isShowing) {\r\n this.expanded = true;\r\n }\r\n this.isShowing = false;\r\n this.isHiding = false;\r\n }\r\n\r\n public changePrimaryLibrary(lib?: string): void {\r\n this.navItems = [];\r\n if (lib) {\r\n this.navService.changingPrimaryLibraries();\r\n Util.RestAPI.setPrimaryLibrary(lib);\r\n } else {\r\n Util.RestAPI.delete('/settings/tiles').toPromise().then(response => {\r\n this.navService.changingPrimaryLibraries();\r\n Util.RestAPI.reloadTiles();\r\n this.reset();\r\n }).catch(error => {\r\n Util.Notify.warning(this.localizer.getTranslation('RAPI_ERRORS.0'),error);\r\n });\r\n }\r\n }\r\n\r\n public reconnected(): void {\r\n this.navItems = [];\r\n this.navService.getItems().then(this.setItems.bind(this));\r\n }\r\n\r\n public reset(): void {\r\n this.navService.reset();\r\n this.reconnected();\r\n }\r\n\r\n public startLocChanged(desc: any): void {\r\n if (this.startDesc) {\r\n this.startItem = null;\r\n this.startDesc = null;\r\n }\r\n if (!!desc) {\r\n this.startDesc = desc;\r\n this.startItem = new NavItem({\r\n id: desc.id,\r\n type: desc.type,\r\n lib: desc.lib,\r\n name: desc.DOCNAME || desc.name,\r\n imgPath: desc.imgPath\r\n });\r\n }\r\n }\r\n}\r\n","import { Component, OnInit, OnDestroy, ViewChild, ElementRef, HostListener } from '@angular/core';\r\nimport { Util, UserInterface } from './utils/utils.module';\r\nimport { LocalizeService } from './services/localize.service';\r\nimport { FormWrapperComponent } from './forms/form-wrapper.component';\r\nimport { DialogKind } from './models/form-field';\r\n\r\nenum ToggleState { none=0,startclose=1,finishclose=2,startopen=3,justclose=4 }\r\n\r\n@Component({\r\n selector: 'edx-app-notify-dialog',\r\n styleUrls: ['app-notify-dialog-component.scss'],\r\n template: `\r\n \r\n \r\n =2\" class=\"welcome\">\r\n
\r\n {{welcome}}
\r\n - \r\n
- \r\n \r\n\r\n \r\n
\r\n
{{startItem.name}}\r\n \r\n - \r\n \r\n\r\n \r\n
\r\n
{{item.name | localize}}\r\n \r\n - \r\n
- \r\n \r\n\r\n \r\n
\r\n
{{item.name}}\r\n![](\"assets/images/checkmark.svg\"/)
\r\n \r\n\r\n{{item.name}}\r\n{{getLibKind(item)}}\r\n \r\n - \r\n
- \r\n \r\n\r\n \r\n{{item.name | localize}}\r\n \r\n
1,shown:shown,showing:isShowing,hiding:isHiding,success:kind===1,info:kind===2,warning:kind===3,progress:kind===4,error:kind===5,confirm:kind===6}\" (animationend)=\"notifyAnimationComplete()\"\r\n role=\"dialog\" aria-modal=\"true\" [attr.aria-label]=\"kindText\" aria-describedby=\"edx_notify_body\">\r\n
\r\n `\r\n})\r\nexport class AppNotifyDialogComponent implements OnInit, OnDestroy {\r\n @ViewChild('subFormWrapper') private subFormWrapper: FormWrapperComponent;\r\n @ViewChild('toggleStateBtn') private toggleStateBtn: ElementRef;\r\n @ViewChild('dialogHeader') private dialogHeader: ElementRef;\r\n public shown = false;\r\n public isShowing = false;\r\n public isHiding = false;\r\n public blocking = false;\r\n public hidden: boolean; // this is temporary\r\n public title = '';\r\n public lines: string[] = null;\r\n public subFormData: any = {};\r\n public kind: DialogKind = DialogKind.none;\r\n public kindText: string;\r\n public ui: UserInterface;\r\n public officeAddin: boolean;\r\n public subFormName: string = null;\r\n private togglingCloseOpen: ToggleState = ToggleState.none;\r\n private ok = '';\r\n private cancel = '';\r\n private close = '';\r\n private oKBtn = false;\r\n private cancelBtn = false;\r\n private userConfirmed: boolean = undefined;\r\n private isDynamicComponent = false;\r\n public dialogLabel: string;\r\n\r\n constructor(private localizer: LocalizeService) {\r\n this.ui = Util.Device.ui;\r\n this.officeAddin = Util.Device.bIsOfficeAddin;\r\n this.dialogLabel = this.localizer.getTranslation('ALT_TEXT.DIALOG');\r\n }\r\n\r\n @HostListener('document:keyup', ['$event'])\r\n keyUp(event: KeyboardEvent) {\r\n if (this.shown) {\r\n if (event.key === 'Enter') {\r\n const currentEl = event.target as HTMLElement;\r\n if (!!currentEl && ['edx_notify_btn_cancel', 'edx_notify_btn_close'].indexOf(currentEl.id) === -1) {\r\n this.confirmOK();\r\n }\r\n } else if (event.key === 'Escape') {\r\n this.confirmCancel();\r\n } else if (event.key === 'ArrowUp') {\r\n if (this.ui >= 2 && !this.officeAddin) {\r\n if (++this.kind > 6) {\r\n this.kind = 1;\r\n this.updateKindText();\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n ngOnInit() {\r\n Util.Notify.setAppNotifyDialog(this);\r\n this.ok = this.localizer.getTranslation('FORMS.BUTTONS.OK');\r\n this.cancel = this.localizer.getTranslation('FORMS.BUTTONS.CANCEL');\r\n this.close = this.localizer.getTranslation('FORMS.BUTTONS.CLOSE');\r\n }\r\n\r\n ngOnDestroy() {\r\n Util.Notify.setAppNotifyDialog(null);\r\n }\r\n\r\n public loopFocus(event: KeyboardEvent): void {\r\n if (!!event) {\r\n event.preventDefault();\r\n setTimeout(() => {\r\n const element = (event.shiftKey && this.showConfirm() ? document.getElementById('edx_notify_btn_cancel') : (this.dialogHeader.nativeElement === document.activeElement) ? document.getElementById('edx_notify_body') : this.dialogHeader.nativeElement) as HTMLElement;\r\n if (!!element) {\r\n element.focus();\r\n }\r\n }, 1);\r\n }\r\n }\r\n\r\n public showConfirm(): boolean {\r\n return this.oKBtn || this.cancelBtn;\r\n }\r\n\r\n public doToggleState(event: Event): void {\r\n if (this.togglingCloseOpen===ToggleState.startclose || this.togglingCloseOpen===ToggleState.justclose) {\r\n if (this.togglingCloseOpen===ToggleState.justclose) {\r\n this.togglingCloseOpen = ToggleState.none;\r\n }\r\n this.doClose();\r\n } else if (this.togglingCloseOpen===ToggleState.finishclose) {\r\n this.togglingCloseOpen = ToggleState.startopen;\r\n this.isShowing = true;\r\n }\r\n }\r\n\r\n private lineIsLink(line: string): boolean {\r\n return !!line && line.startsWith('$edx_link:');\r\n }\r\n\r\n private getLinkFromLine(line: string): string {\r\n if (this.lineIsLink(line)) {\r\n let link: string = line.substr(10);\r\n const linkAndTitle: string = link;\r\n const endOfLink: number = linkAndTitle.indexOf('$edx_link_title:');\r\n if (endOfLink >=0 ) {\r\n link = link.substr(0, endOfLink);\r\n }\r\n return link;\r\n }\r\n return null;\r\n }\r\n\r\n private getLinkTitleFromLine(line: string): string {\r\n if (this.lineIsLink(line)) {\r\n const link: string = line.substr(10);\r\n const endOfLink: number = link.indexOf('$edx_link_title:');\r\n if (endOfLink >=0 ) {\r\n return link.substr(endOfLink+16);\r\n }\r\n return link;\r\n }\r\n return null;\r\n }\r\n\r\n private openLink(url: string, name: string, event: Event): void {\r\n Util.Help.openURL(url, name, event);\r\n setTimeout(() => {\r\n this.doClose();\r\n }, 1);\r\n }\r\n\r\n public doShow(kind: DialogKind, blocking: boolean, cancelBtn: boolean, oKBtn: boolean, title: string, body: any, okText: string, subFormData: any): Promise\r\n
\r\n \r\n
\r\n {{title}}
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n {{getLinkTitleFromLine(line)}}\r\n \r\n {{line}}\r\n
\r\n \r\n {{getLinkTitleFromLine(line)}}\r\n \r\n {{line}}\r\n
=2}\">\r\n
\r\n \r\n `\r\n})\r\nexport class AppComponent {\r\n public currentWindow: WindowModalComponent = null;\r\n public appModalShown = false;\r\n public headerHeight: string = null;\r\n public uploadMessage: string = null;\r\n public ui = 0;\r\n public iOS = false;\r\n public isOfficeAddin: boolean;\r\n public desc: BaseDesc = null;\r\n public starting = true;\r\n private commandsComponent: AppCommandsComponent = null;\r\n private appHeader: AppHeaderComponent = null;\r\n private breadcrumbs: AppBreadcrumbsComponent = null;\r\n private headerMasked = false;\r\n private navDisabled = false;\r\n\r\n public registerHeader(theHeader: AppHeaderComponent) {\r\n this.appHeader = theHeader;\r\n if (this.breadcrumbs) {\r\n this.appHeader.setAppBreadcrumbs(this.breadcrumbs);\r\n }\r\n }\r\n\r\n public registerBreadcrumbs(breadcrumbs: AppBreadcrumbsComponent) {\r\n this.breadcrumbs = breadcrumbs;\r\n if (this.appHeader) {\r\n this.appHeader.setAppBreadcrumbs(this.breadcrumbs);\r\n }\r\n }\r\n\r\n public registerCommands(theCommands: AppCommandsComponent) {\r\n this.commandsComponent = theCommands;\r\n }\r\n\r\n public registerWindow(newWindow: WindowModalComponent, url: string) {\r\n // if no previous window, do nothing - first window will zoom itself\r\n if (this.currentWindow && this.appHeader) {\r\n if (this.appHeader.getBreadcrumbs().contains(url)) {\r\n this.animateNavBack(newWindow);\r\n } else {\r\n this.animateNavForward(newWindow);\r\n }\r\n }\r\n this.appHeader.setSearchScope();\r\n this.currentWindow = newWindow;\r\n }\r\n\r\n public deregisterWindow(deadWindow: WindowModalComponent) {\r\n if (this.currentWindow === deadWindow) {\r\n this.currentWindow = null;\r\n }\r\n }\r\n\r\n public cordovaNavHome(): void {\r\n this.appHeader.postCordovaCommand('home');\r\n }\r\n\r\n public cordovaReloadTiles(): void {\r\n this.appHeader.postCordovaCommand('reloadTiles');\r\n }\r\n\r\n public cordovaLeft(): void {\r\n this.appHeader.postCordovaCommand('cordovaLeft');\r\n }\r\n\r\n public cordovaRight(): void {\r\n this.appHeader.postCordovaCommand('cordovaRight');\r\n }\r\n\r\n public cordovaNavToUrl(url: string): void {\r\n this.appHeader.postCordovaCommand('cordovaNavToUrl', url);\r\n }\r\n\r\n public cordovaShowSystemNotification(): void {\r\n this.appHeader.postCordovaCommand('showSystemNotification');\r\n }\r\n\r\n public navBack(): void {\r\n if (this.appHeader && this.appHeader.getBreadcrumbs()) {\r\n this.appHeader.getBreadcrumbs().navBack();\r\n }\r\n }\r\n\r\n public removeClone(): void {\r\n const container: Element = document.getElementById('edx_anim_screen');\r\n container.innerHTML = '';\r\n container.className = '';\r\n }\r\n\r\n // create a clone of current window and make it 'close'\r\n public animateNavBack(newWindow: WindowModalComponent): void {\r\n const container: Element = document.getElementById('edx_anim_screen');\r\n const windowEl: Node = document.getElementsByClassName('window_modal')[0];\r\n if (windowEl) {\r\n const clone: Node = windowEl.cloneNode(true);\r\n container.appendChild(clone);\r\n container.firstElementChild.addEventListener('animationend', () => {\r\n this.removeClone();\r\n });\r\n container.firstElementChild.classList.add('close_tile');\r\n }\r\n if (newWindow === this.currentWindow) {\r\n newWindow.clearIsOpening();\r\n }\r\n }\r\n\r\n public animateNavForward(newWindow: WindowModalComponent): void {\r\n const that: AppComponent = this;\r\n const container: Element = document.getElementById('edx_anim_screen');\r\n const windowEl: Node = document.getElementsByClassName('window_modal')[0];\r\n if (windowEl) {\r\n const clone: Node = windowEl.cloneNode(true);\r\n container.appendChild(clone);\r\n container.firstElementChild.addEventListener('animationend', () => {\r\n this.removeClone();\r\n });\r\n container.firstElementChild.classList.add('fade_tile');\r\n }\r\n newWindow.setIsOpening();\r\n }\r\n\r\n public doCommand(cmd: string, data?: any): boolean {\r\n if (cmd && cmd.startsWith('hdr_')) {\r\n return this.appHeader.doCommand(cmd, data);\r\n }\r\n return this.commandsComponent.doCommand(cmd, data);\r\n }\r\n\r\n public copyDescChanged(desc: any): void {\r\n this.commandsComponent.copyDescChanged(desc);\r\n }\r\n\r\n public pickGroupsUsers(callback: any, disableList?: ListItem[], title?: string): void {\r\n this.commandsComponent.pickGroupsUsers(callback, disableList, title);\r\n }\r\n\r\n public pickFiles(extensions: string, callback: tFilePickCB): void {\r\n this.commandsComponent.pickFiles(extensions, callback);\r\n }\r\n\r\n public clickPickFiles(extensions?: string): void {\r\n this.commandsComponent.clickPickFiles(extensions);\r\n }\r\n\r\n public pickFolders(desc: any, multiple: boolean, allowLibrary: boolean, locations: boolean, callback: any): void {\r\n this.commandsComponent.pickFolders(desc, multiple, allowLibrary, locations, callback);\r\n }\r\n\r\n public pickFilepart(callback: any): void {\r\n this.commandsComponent.pickFilepart(callback);\r\n }\r\n\r\n public pickFromLookups(id: string, key: string, title: string, callback: any): void {\r\n this.commandsComponent.pickFromLookups(id, key, title, callback);\r\n }\r\n\r\n public pickFromDownloads(callbackList: tListPickCB, callbackFiles: tFilePickCB, title?: string): void {\r\n this.commandsComponent.pickFromDownloads(callbackList, callbackFiles, title);\r\n }\r\n\r\n public createContainer(type: string, desc: any): Promise\r\n
\r\n ![](\"'+imgUrl+'\")
\r\n
\r\n`\r\n})\r\nexport class CheckboxFieldComponent implements OnInit, OnChanges {\r\n @Input() field: FormField;\r\n @Input() form: FormGroup;\r\n @Input() parent?: DynamicFormFieldComponent;\r\n @Input() inDialog?: boolean = false;\r\n @Input() formReadonly?: boolean = false;\r\n @Input() columnView?: boolean = false;\r\n @Input() rerender = 0;\r\n @Input() checkBoxId?: string = null;\r\n @Input() itemIndex?: number = -1;\r\n @Input() tabIndex = 0;\r\n @Input() ariaLabel?: string;\r\n @ViewChild('checkbox') checkbox: any;\r\n public viewReadonly = false;\r\n public isChecked = false;\r\n public isIndeterminateState = false;\r\n\r\n ngOnInit() {\r\n this.form.controls[this.field.name].valueChanges.subscribe((newValue) => {\r\n this.doStateChangeUponValue(newValue);\r\n if (this.parent) {\r\n this.parent.fieldChanged();\r\n }\r\n });\r\n }\r\n\r\n ngOnChanges() {\r\n let value: string = this.form.controls[this.field.name].value;\r\n value = value ? value.toString() : null;\r\n if (this.field.isTriStateCheckbox) {\r\n this.doStateChangeUponValue(value);\r\n } else if (value === this.field.checkedValue) {\r\n this.isChecked = true;\r\n } else if (value === this.field.uncheckedValue) {\r\n this.isChecked = false;\r\n }\r\n this.viewReadonly = this.field.isReadonly || this.formReadonly;\r\n }\r\n\r\n public label(): string {\r\n if (this.columnView && this.viewReadonly) {\r\n return this.field.label;\r\n }\r\n return this.field.checkLabel;\r\n }\r\n\r\n private doStateChangeUponValue(value: any): void {\r\n if (this.field.isTriStateCheckbox) {\r\n if (value === this.field.uncheckedValue) {\r\n this.isChecked = false;\r\n this.isIndeterminateState = false;\r\n } else if (value === this.field.checkedValue) {\r\n this.isChecked = true;\r\n this.isIndeterminateState = false;\r\n } else {\r\n this.isChecked = false;\r\n this.isIndeterminateState = true;\r\n }\r\n }\r\n }\r\n\r\n public onChange(element: Element, event: Event): boolean {\r\n if (!!event && event.type === 'keydown') {\r\n event.preventDefault();\r\n }\r\n if (!this.viewReadonly) {\r\n // update the form control\r\n let newValue: string = this.field.defaultValue;\r\n if (!this.field.isTriStateCheckbox) {\r\n this.isChecked = !this.isChecked;\r\n } else {\r\n if (this.isChecked) {\r\n // checked to indeterminate\r\n this.isChecked = false;\r\n this.isIndeterminateState = true;\r\n } else if (this.isIndeterminateState) {\r\n // indeterminate to unchecked\r\n this.isChecked = false;\r\n this.isIndeterminateState = false;\r\n } else {\r\n // unchecked to checked\r\n this.isChecked = true;\r\n this.isIndeterminateState = false;\r\n }\r\n }\r\n if (this.isChecked && this.field.checkedValue) {\r\n newValue = this.field.checkedValue;\r\n } else if (!this.isChecked) {\r\n if (!this.isIndeterminateState && this.field.uncheckedValue) {\r\n newValue = this.field.uncheckedValue;\r\n } else {\r\n newValue = null;\r\n }\r\n }\r\n\r\n // perform any required field control actions\r\n if (this.parent) {\r\n this.parent.updateControlValue(newValue, true);\r\n this.parent.fieldChanged();\r\n }\r\n return false;\r\n }\r\n return true;\r\n }\r\n}\r\n","/**\r\n * Created by kevin on 2016-11-10.\r\n */\r\nimport { Component, Input, OnChanges, ElementRef, ViewChild, HostListener } from '@angular/core';\r\nimport { FormGroup } from '@angular/forms';\r\nimport { FormField, SelectItem } from '../models/form-field';\r\nimport { DynamicFormComponent } from './dynamic-form.component';\r\nimport { Util, UserInterface } from '../utils/utils.module';\r\nimport { LocalizeService } from '../services/localize.service';\r\nimport { LookupService, CacheItem } from '../services/lookup.service';\r\n\r\n@Component({\r\n selector: 'edx-dynamic-form-field',\r\n styleUrls: ['dynamic-form-field.component.scss'],\r\n templateUrl: 'dynamic-form-field.component.html'\r\n})\r\nexport class DynamicFormFieldComponent implements OnChanges {\r\n @Input() field: FormField;\r\n @Input() form: FormGroup;\r\n @Input() parent: DynamicFormComponent;\r\n @Input() inDialog: boolean;\r\n @Input() inNotify: boolean;\r\n @Input() showExtras: boolean;\r\n @Input() formReadonly: boolean;\r\n @Input() first: boolean;\r\n @Input() formLayout: string;\r\n @Input() extensionShown: boolean;\r\n @Input() single?: boolean;\r\n @Input() rerender = 0;\r\n @Input() fieldLabel?: string = null;\r\n @Input() itemIndex?: number = -1;\r\n @Input() fieldsLength?: number = -1;\r\n @Input() tabIndex = 0;\r\n @ViewChild('editInput') editInput: ElementRef;\r\n @ViewChild('dropList') dropList: ElementRef;\r\n @ViewChild('datePicker') datePicker: ElementRef;\r\n public ui: UserInterface;\r\n public iOS: boolean;\r\n public android: boolean;\r\n public safari: boolean;\r\n public firefox: boolean;\r\n public edge: boolean;\r\n public ie: boolean;\r\n public officeAddin: boolean;\r\n public officeAddinDesktop: boolean;\r\n public viewReadonly: boolean;\r\n public showStr: string;\r\n public moreStr: string;\r\n private active = false;\r\n private inFocus = false;\r\n private ignoreLookupBlur = false;\r\n private masterList: CacheItem[] = [];\r\n private suggestions: CacheItem[] = [];\r\n private currentItem: CacheItem = null;\r\n private ulLeft: string = null;\r\n private ulTop: string = null;\r\n private usingLookupData = false;\r\n private showingHits = false;\r\n private lastSelectedValue = '';\r\n private height = '';\r\n private bgImage: string = null;\r\n private mdFuncSig: any = null;\r\n private datepickerStr = '';\r\n\r\n constructor(private localizer: LocalizeService, private lookupService: LookupService ) {\r\n this.ui = Util.Device.ui;\r\n this.iOS = Util.Device.bIsIOSDevice;\r\n this.android = Util.Device.bIsAndroid;\r\n this.firefox = Util.Device.bIsFirefox;\r\n this.safari = Util.Device.bIsSafari;\r\n this.edge = Util.Device.bIsEdge;\r\n this.ie = Util.Device.bIsIE;\r\n this.officeAddin = Util.Device.bIsOfficeAddin;\r\n this.officeAddinDesktop = Util.Device.bIsOfficeAddinDesktop;\r\n this.showStr = this.localizer.getTranslation('FORMS.BUTTONS.SHOW');\r\n this.moreStr = this.localizer.getTranslation('FORMS.BUTTONS.MORE');\r\n this.datepickerStr = this.localizer.getTranslation('ALT_TEXT.DATEPICKER');\r\n }\r\n\r\n ngOnChanges(): void {\r\n const descReadOnly = !!this.parent && this.parent.desc && (['18', '19'].indexOf(this.parent.desc['STATUS']) > -1 || this.parent.desc['READONLY'] === 'Y' || (this.parent.desc['STORAGE'] === 'T' && !Util.RestAPI.canUserManageTemplates()));\r\n if (!this.field.isReadonly && descReadOnly && this.parent.formKind === '__local_permissions_selector' && this.parent.desc['SECURITY'] !== '1') {\r\n this.field.isReadonly = true;\r\n }\r\n this.viewReadonly = this.field.isReadonly || this.formReadonly || !this.field.isEnabled;\r\n this.tabIndex = !!this.parent ? this.parent.tabIndex : 0;\r\n this.active = this.hasLookup() && !this.viewReadonly;\r\n if (this.field.controltype === 'edittext') {\r\n this.height = 1.75 * this.field.rows + 'rem';\r\n }\r\n // Rerender is incremented in DynamicFormComponent to trigger rerendering so that\r\n // field.lookupData can be passed to the this component OnChange\r\n this.imgButtonDefault();\r\n setTimeout(() => {\r\n if (this.field.rerender !== this.field.lastRerenderIndex && this.field.lookupData !== null && this.editInput) {\r\n this.field.lastRerenderIndex = this.field.rerender;\r\n if (this.field.lookupData.length === 1) {\r\n // Single hit on lookup\r\n this.itemSelected(this.field.lookupData[0], null);\r\n this.field.lookupData = null;\r\n } else {\r\n this.masterList = Util.deepCopy(this.field.lookupData) as CacheItem[];\r\n this.field.lookupData = null;\r\n if (this.masterList.length === 0) {\r\n // No hit on lookup - use suggestion list\r\n this.showHideSuggestions(false);\r\n this.parent.clearFieldValueAndDesc(this.field.name);\r\n this.parent.clearFieldValueAndDescOfDependents(this.field);\r\n this.parent.clearFieldValueAndDescOfChildren(this.field);\r\n this.refreshDropDownList();\r\n } else {\r\n // Multiple hit on lookup\r\n if (!this.field.scheduledForRevalidation) {\r\n // Use hit list\r\n this.showHideSuggestions(true);\r\n this.suggestions = this.getSuggestions();\r\n this.positionList();\r\n } else {\r\n // Ignore multiple hits on auto-validation of lookup\r\n this.field.scheduledForRevalidation = false;\r\n this.field.autoValidated = true;\r\n }\r\n }\r\n }\r\n } else {\r\n // Active lookup fields that were auto-validated must retain their lastSelectedValue at rerender time\r\n if (this.active && this.field.autoValidated) {\r\n this.lastSelectedValue = this.field.lastLookupValue;\r\n }\r\n this.checkLayout();\r\n }\r\n }, 1);\r\n }\r\n\r\n @HostListener('window:resize')\r\n public onResize(): void {\r\n if (Util.Device.bIsAndroid) {\r\n setTimeout(() => {\r\n this.checkLayout();\r\n }, 1);\r\n }\r\n }\r\n\r\n public getAltLabel(field: FormField): string {\r\n if (['$edx_file_picker','$edx_folder_picker'].indexOf(field.lookup) !== -1) {\r\n return this.localizer.getTranslation('ALT_TEXT.LOCATION_CHOOSER');\r\n }\r\n return this.localizer.getTranslation('TOOLTIP.SELECT_LOOKUP',[field.name]);\r\n }\r\n\r\n public hasLabel(): boolean {\r\n return !!this.field.label && this.field.fldtype !== 'box' && this.field.fldtype !== 'guidetext' && this.field.fldtype !== 'text'\r\n && !this.field.isExtension && this.field.fldtype!=='list' && (this.field.fldtype !== 'push' || (this.field.fldtype === 'push' && !!this.field.checkLabel))\r\n && (this.field.fldtype !== 'checkbox' || !this.formReadonly || this.formLayout !== 'column');\r\n }\r\n\r\n private stripLabel(oldLabel: string): string {\r\n const result: string = oldLabel ? oldLabel.replace(/[*:\\[\\]{}()]/g, '') : null;\r\n return result;\r\n }\r\n\r\n private inputType(): string {\r\n return this.field.name.startsWith('$edx_email') ? 'email' : this.field.name.startsWith('$edx_url') ? 'url' : this.field.isPassword ? 'password' : 'text';\r\n }\r\n\r\n private maxLen(): number {\r\n let max: number = null;\r\n if (!this.parent.formKind.startsWith('profile_query') && !this.field.mvinfo && this.field.maxChars > 0) {\r\n // let the validator handle max len as we could have many file names\r\n if (this.field.name !== 'DOCNAME') {\r\n max = this.field.maxChars;\r\n }\r\n }\r\n return max;\r\n }\r\n\r\n private hasDatePicker(): boolean {\r\n return !this.officeAddinDesktop && (this.ui !== 0 || !this.safari);\r\n }\r\n\r\n private placeholders(key: string, isExtension?: boolean): string {\r\n let result = '';\r\n if (this.field.lookup==='$edx_file_picker') {\r\n key = 'FILE';\r\n } else if (this.field.lookup==='$edx_folder_picker') {\r\n key = 'FOLDER';\r\n } else if (this.field.name.startsWith('$edx_email')) {\r\n key = 'EMAIL';\r\n } else if (this.field.name==='$edx_folder_picker') {\r\n key = 'MESSAGE';\r\n } else if (this.field.name.startsWith('$edx_advsearch_') && (this.field.name!=='$edx_advsearch_exact_phrase' && this.field.name!=='$edx_advsearch_word_prox')) {\r\n key = 'ADVSEARCH_INPUT';\r\n }\r\n if (this.parent) {\r\n result = this.parent.placeholders(this.viewReadonly, isExtension)[key];\r\n }\r\n return result;\r\n }\r\n\r\n public buttonClicked(event: Event): void {\r\n if (this.parent) {\r\n this.parent.buttonClicked(this.field);\r\n }\r\n }\r\n\r\n public shiftCheckBoxFocus(event: KeyboardEvent, cbIndex: number): void {\r\n if (cbIndex >= 0 && cbIndex < this.fieldsLength) {\r\n const checkboxId = this.getCheckboxId(cbIndex);\r\n if (!!checkboxId) {\r\n const cbElement = document.getElementById(checkboxId) as HTMLElement;\r\n if (!!cbElement) {\r\n cbElement.focus();\r\n }\r\n }\r\n }\r\n }\r\n\r\n public getCheckboxId(index: number): string {\r\n return !!this.fieldLabel ? ('edx_cb_' + this.fieldLabel.toLowerCase().replace(' ', '_') + '_' + index) : (!!this.field.name && (this.field.name === 'dont_show' || this.field.name === 'auto') ? 'edx_cbfooter_' + index : null);\r\n }\r\n\r\n private doLookup(event: Event): void {\r\n if (this.parent) {\r\n event.preventDefault();\r\n event.stopPropagation();\r\n this.parent.doLookup(this.field);\r\n }\r\n }\r\n\r\n private doPreLookup(event: Event): void {\r\n this.ignoreLookupBlur = true;\r\n this.parent.validationBlocking(true);\r\n }\r\n\r\n public hasLookup(): boolean {\r\n return !!this.field.lookup && !this.field.isReadonly && (this.field.lookup.startsWith('$edx_') || this.field.lookup.indexOf('@RM.DLL') > -1 || (this.parent && this.parent.hasLookupTable(this.field.lookup)));\r\n }\r\n\r\n public wantsValidateOnBlur(): boolean {\r\n return this.hasLookup() && this.parent && this.parent.needsAsyncValidator && this.parent.needsAsyncValidator(this.field);\r\n }\r\n\r\n public updateControlValue(value: string, makeDirty: boolean): void {\r\n if (this.parent) {\r\n this.parent.updateControlValue(this.field.name, value, makeDirty);\r\n }\r\n }\r\n\r\n public fieldChanged(): boolean {\r\n let changed = false;\r\n if (this.parent && this.field) {\r\n changed = this.parent.fieldChanged(this.field);\r\n }\r\n return changed;\r\n }\r\n\r\n public editTextFocus(event: Event): void {\r\n // time for the keyboard to move the view up on mobile\r\n const delayDropDown = Util.Device.isMobile() && !Util.Device.bIsOfficeAddin ? 300 : 1;\r\n if (this.field.lookup && this.field.lookup.startsWith('$edx_')) {\r\n event.preventDefault();\r\n event.stopPropagation();\r\n }\r\n this.inFocus = true;\r\n setTimeout(() => {\r\n this.refreshDropDownList();\r\n this.suggestions = this.getSuggestions();\r\n this.positionList();\r\n }, delayDropDown);\r\n }\r\n\r\n public editTextBlur(event: Event): void {\r\n if (!this.ignoreLookupBlur && this.parent && this.field && !!this.editInput && !!this.editInput.nativeElement) {\r\n if ((this.field.lastLookupValue === this.editInput.nativeElement.value) && (this.lastSelectedValue !== this.editInput.nativeElement.value) && !this.field.autoValidated) {\r\n this.editInput.nativeElement.value = '';\r\n this.lastSelectedValue = '';\r\n this.field.lastLookupValue = '';\r\n this.parent.updateControlValue(this.field.name, this.editInput.nativeElement.value, true);\r\n this.parent.setFieldDesc(this.field.name, '');\r\n }\r\n this.parent.fieldChanged(this.field);\r\n }\r\n if (this.ignoreLookupBlur || (!!this.editInput && !!this.editInput.nativeElement && this.field.lastLookupValue !== this.editInput.nativeElement.value)) {\r\n this.ignoreLookupBlur = false;\r\n }\r\n this.inFocus = false;\r\n }\r\n\r\n private checkboxChanged(checkboxValue: string, event?: Event) {\r\n if (!!event && event.type === 'keydown') {\r\n event.preventDefault();\r\n }\r\n // update the form control\r\n let oldValue: string; let newValue: string;\r\n //get the checkbox group control\r\n const control: any = this.parent ? this.parent.getControl(this.field.name) : {};\r\n //check whether the checkbox is readonly(disabled) or not.\r\n if (!this.isCheckboxReadonly(checkboxValue)) {\r\n oldValue = control.value || '';\r\n if (checkboxValue) {\r\n //toggle the checkboxes\r\n oldValue = (oldValue.indexOf(checkboxValue) >= 0) ? oldValue.replace(checkboxValue, '') : oldValue + ',' + checkboxValue;\r\n }\r\n //to get the values in correct order, get the checkbox buttons\r\n const buttonsMap: SelectItem[] = this.field.buttonMap;\r\n if (buttonsMap) {\r\n //get the selected checkbox values and join them with ','\r\n newValue = buttonsMap.filter((button) => (oldValue.indexOf(button.value) >= 0))\r\n .map((button) => button.value).join(',');\r\n //update the field value with the selected checkbox values\r\n if (this.parent) {\r\n this.parent.updateControlValue(this.field.name, newValue, true);\r\n }\r\n }\r\n }\r\n }\r\n\r\n private isCheckboxChecked(checkboxValue: string): boolean {\r\n const control: any = this.parent ? this.parent.getControl(this.field.name) : {};\r\n const fieldValue: string = control.value || '';\r\n return fieldValue.indexOf(checkboxValue) >= 0;\r\n }\r\n\r\n private setDateFormat(event: Event, fieldName: string): void {\r\n const element: any = event.currentTarget as HTMLInputElement;\r\n const fieldValue = element ? element.value : '';\r\n let date = '';\r\n if (fieldValue) {\r\n const currentDt: any = new Date(fieldValue);\r\n let mm: any = currentDt.getUTCMonth() + 1;\r\n mm = mm < 10 ? '0' + mm : mm;\r\n let dd: any = currentDt.getUTCDate();\r\n dd = dd < 10 ? '0' + dd : dd;\r\n const yyyy: number = currentDt.getUTCFullYear();\r\n date = yyyy + '-' + mm + '-' + dd;\r\n }\r\n this.parent.updateControlValue(fieldName, date, true);\r\n this.fieldChanged();\r\n }\r\n\r\n private dateInputChanged(event: Event): void {\r\n if (this.datePicker) {\r\n const element: any = event.currentTarget as HTMLInputElement;\r\n const fieldValue = element ? element.value : '';\r\n this.datePicker.nativeElement.value = fieldValue;\r\n }\r\n this.fieldChanged();\r\n }\r\n\r\n private getDescriptionForTooltip(): string {\r\n let description: string = null;\r\n if (((this.field.isExtension && !this.field.defaultValue) || this.viewReadonly || this.field.name === '%CHECKIN_LOCATION') && (this.field.name !== 'DOCNUM' || !isNaN(+this.parent.getFieldValue(this.field.name)))) {\r\n description = this.parent.getFieldValue(this.field.name);\r\n }\r\n if (!description && !this.viewReadonly) {\r\n description = this.placeholders(this.field.controltype,this.field.isExtension);\r\n }\r\n return description || '';\r\n }\r\n\r\n public isCheckboxReadonly(checkboxvalue: string): boolean {\r\n if (this.field.disabledCheckbox && this.field.disabledCheckbox.length > 0) {\r\n const field = this.field.disabledCheckbox.filter(button => button.value === checkboxvalue);\r\n if (field.length > 0) {\r\n return true;\r\n } else {\r\n return false;\r\n }\r\n }\r\n return false;\r\n }\r\n\r\n // Drop down \"look-ahead\" list methods\r\n private refreshDropDownList(): void {\r\n if (this.active) {\r\n if (!this.usingLookupData) {\r\n const cacheKey = this.parent.getCacheKey(this.field.name);\r\n this.masterList = this.lookupService.getSuggestionCache(cacheKey);\r\n } else {\r\n this.usingLookupData = false;\r\n }\r\n }\r\n this.checkLayout();\r\n }\r\n\r\n private checkDismissSuggestions(event: Event): void {\r\n const dropListEl = !!this.dropList ? this.dropList.nativeElement : null;\r\n const isChildOrTarget = (el): boolean => {\r\n while (!!el) {\r\n if (el === dropListEl) {\r\n return true;\r\n }\r\n el = el.parentElement;\r\n }\r\n return false;\r\n };\r\n if (event.target && !isChildOrTarget(event.target)) {\r\n event.stopPropagation();\r\n event.preventDefault();\r\n setTimeout(() => {\r\n this.showHideSuggestions(false);\r\n this.parent.markForCheck();\r\n }, 1);\r\n }\r\n }\r\n\r\n private showHideSuggestions(show: boolean): void {\r\n this.usingLookupData = show;\r\n if (show) {\r\n this.mdFuncSig = this.checkDismissSuggestions.bind(this);\r\n addEventListener('mousedown', this.mdFuncSig);\r\n } else {\r\n removeEventListener('mousedown', this.mdFuncSig);\r\n this.mdFuncSig = null;\r\n this.showingHits = false;\r\n }\r\n }\r\n\r\n private checkLayout(): void {\r\n if (this.editInput) {\r\n let topParentHeight: number = window.innerHeight;\r\n const pageOffset = element => {\r\n let top = 0;\r\n do {\r\n top -= element.scrollTop || 0;\r\n if (element.tagName !== 'TBODY') {\r\n top += element.offsetTop || 0;\r\n }\r\n if (element.tagName === 'TD') {\r\n // go up past the tr to the tbody\r\n element = element.parentElement.parentElement;\r\n } else {\r\n element = element.offsetParent;\r\n }\r\n if (element && element.classList.contains('popup')) {\r\n const bodies = element.getElementsByClassName('body');\r\n if (!!bodies && bodies.length>0) {\r\n const body = bodies[0];\r\n topParentHeight = body.clientHeight;\r\n // remove the body offset top\r\n top -= body.offsetTop;\r\n } else {\r\n topParentHeight = element.clientHeight;\r\n }\r\n element = null;\r\n }\r\n } while (element);\r\n return top;\r\n };\r\n const input = this.editInput.nativeElement;\r\n let offsetTop = pageOffset(input);\r\n setTimeout(() => {\r\n const ulHeight: number = this.dropList && this.dropList.nativeElement ? this.dropList.nativeElement.clientHeight : 0;\r\n if ((offsetTop + input.offsetHeight + ulHeight) > topParentHeight) {\r\n offsetTop = input.offsetTop - ulHeight;\r\n } else {\r\n offsetTop = input.offsetTop + input.offsetHeight;\r\n }\r\n this.ulTop = offsetTop.toString() + 'px';\r\n this.ulLeft = input.offsetLeft + 'px';\r\n this.parent.markForCheck();\r\n }, 10);\r\n }\r\n }\r\n\r\n private positionList(): void {\r\n if (this.editInput) {\r\n const input = this.editInput.nativeElement;\r\n const top: number = input.offsetTop + input.offsetHeight;\r\n this.ulTop = top + 'px';\r\n this.ulLeft = input.offsetLeft + 'px';\r\n this.checkLayout();\r\n this.parent.markForCheck();\r\n }\r\n }\r\n\r\n private scrollIntoView(index: number): void {\r\n if (this.dropList && this.dropList.nativeElement) {\r\n const currentScrollTop: number = this.dropList.nativeElement.scrollTop;\r\n const ulHeight: number = this.dropList.nativeElement.offsetHeight;\r\n const curLI: HTMLLIElement = Array.from(this.dropList.nativeElement.children)[index] as HTMLLIElement;\r\n const liTop = curLI.offsetTop;\r\n const liHeight = curLI.offsetHeight;\r\n if ((liTop < currentScrollTop) || ((currentScrollTop+ulHeight)-liTop < liHeight)) {\r\n this.dropList.nativeElement.scrollTop = liTop;\r\n }\r\n }\r\n }\r\n\r\n private nav(inc: number): void {\r\n if (this.showingHits && !!this.suggestions && this.suggestions.length) {\r\n const item: CacheItem = this.currentItem;\r\n let index: number = this.suggestions.indexOf(item);\r\n const doInc = () => {\r\n index += inc;\r\n if (index<0) {\r\n index = 0;\r\n } else if (index >= this.suggestions.length) {\r\n index = this.suggestions.length-1;\r\n }\r\n };\r\n doInc();\r\n if (this.suggestions[index].id === '-') {\r\n doInc();\r\n }\r\n this.currentItem = this.suggestions[index];\r\n this.scrollIntoView(index);\r\n }\r\n }\r\n\r\n public editTextKeyUp(event: KeyboardEvent): void {\r\n if (this.active) {\r\n switch (event.key) {\r\n case ' ': {\r\n if (this.currentItem) {\r\n this.itemSelected(this.currentItem, event);\r\n }\r\n event.preventDefault();\r\n event.stopPropagation();\r\n this.parent.fieldChanged(this.field);\r\n // Synthetic blur since onKeyUp would activate validation always\r\n this.editInput.nativeElement.blur();\r\n break;\r\n }\r\n case 'ArrowDown': {\r\n this.nav(1);\r\n break;\r\n }\r\n case 'ArrowUp': {\r\n this.nav(-1);\r\n break;\r\n }\r\n default: {\r\n this.currentItem = null;\r\n this.suggestions = this.getSuggestions();\r\n if (this.form && this.parent && this.parent.controller && this.parent.controller.enableOK) {\r\n setTimeout(() => {\r\n this.parent.controller.enableOK(this.form.valid, this.form.dirty);\r\n }, 1);\r\n }\r\n this.checkLayout();\r\n break;\r\n }\r\n }\r\n }\r\n }\r\n\r\n public getSuggestions(): CacheItem[] {\r\n let sublist: CacheItem[] = [];\r\n let isFound = false;\r\n let addedDash = false;\r\n let shouldAddDash = false;\r\n let tokens: string[] = [];\r\n const inputElemet = this.editInput.nativeElement;\r\n const query = inputElemet.value.toLowerCase();\r\n\r\n if (!!this.field.hits && !!this.field.hits.length) {\r\n let hits = this.field.hits;\r\n if (!!hits[0].parent) {\r\n hits = hits[0].value;\r\n }\r\n sublist = hits.map(h => new CacheItem(h.value,h.desc,''+h.rank+'%'));\r\n shouldAddDash = true;\r\n }\r\n for (const item of this.masterList) {\r\n isFound = false;\r\n if (query.length) {\r\n tokens = item.desc.split(' ');\r\n tokens.push(item.id);\r\n for (const token of tokens) {\r\n if (token.toLowerCase().indexOf(query) === 0) {\r\n isFound = true;\r\n }\r\n }\r\n }\r\n if ((isFound || query.length === 0) && !sublist.find(i => i.id === item.id)) {\r\n if (!addedDash && shouldAddDash) {\r\n sublist.push(new CacheItem('-','-'));\r\n addedDash = true;\r\n }\r\n sublist.push(item);\r\n }\r\n }\r\n this.showingHits = true;\r\n return sublist;\r\n }\r\n\r\n private deleteSuggestion(item: CacheItem, event?: Event): void {\r\n const cacheKey = this.parent.getCacheKey(this.field.name);\r\n if (cacheKey) {\r\n this.lookupService.removeFromSuggestionCache(cacheKey, item);\r\n this.refreshDropDownList();\r\n this.suggestions = this.getSuggestions();\r\n this.checkLayout();\r\n if (event) {\r\n event.stopPropagation();\r\n event.preventDefault();\r\n }\r\n }\r\n }\r\n\r\n private itemSelected(item: CacheItem, event?: Event): void {\r\n const scheduledForRevalidate = () => {\r\n if (!this.field.scheduledForRevalidation) {\r\n // Adjust parent fields\r\n this.parent.setFieldValueAndDescOfParents(this.field, item.data);\r\n // Togle value to top of suggestions\r\n const cacheKey = this.parent.getCacheKey(this.field.name);\r\n if (cacheKey) {\r\n this.lookupService.toggleToTopOfSuggestionCache(cacheKey, item);\r\n }\r\n }\r\n if (event) {\r\n // Presence of event indicates a physically selected item froma a suggestion list\r\n // either with a mouse, tab or tap on mobile device\r\n if (item && item.data) {\r\n this.parent.scanFieldsForRevalidatonOrEvaluation(item.data, this.field.name);\r\n }\r\n }\r\n };\r\n if (item.id === '-') {\r\n this.usingLookupData = true;\r\n } else {\r\n // Selecting an item from the lookupData or suggestions does not need validation\r\n this.parent.validationBlocking(true);\r\n // Do not clear child fields if same item selected again\r\n if (this.lastSelectedValue !== item.id) {\r\n this.parent.clearFieldValueAndDescOfChildren(this.field);\r\n this.lastSelectedValue = item.id;\r\n }\r\n this.editInput.nativeElement.value = item.id;\r\n // Set field value and description\r\n this.parent.updateControlValue(this.field.name, this.editInput.nativeElement.value, true);\r\n this.parent.setFieldDesc(this.field.name, item.desc);\r\n if (this.showingHits) {\r\n let setChild = false;\r\n const childField = this.parent.getField(this.field.childField);\r\n if (!!childField && childField.hits) {\r\n const parentHits = childField.hits.find(h => h.parent===item.id);\r\n if (!!parentHits && !!parentHits.value && !!parentHits.value.length) {\r\n this.parent.updateControlValue(childField.name, parentHits.value[0].value, true);\r\n this.parent.setFieldDesc(childField.name, parentHits.value[0].desc);\r\n setChild = true;\r\n }\r\n }\r\n if (!setChild) {\r\n scheduledForRevalidate();\r\n }\r\n } else {\r\n scheduledForRevalidate();\r\n }\r\n if (this.field.scheduledForRevalidation) {\r\n this.field.scheduledForRevalidation = false;\r\n // This will prevent recursion on fields that are recursed in lookups (like revalidate CLIENT_ID\r\n // but then you attempt to revalidate it again because it appears in the MATTER_ID lookup also!!)\r\n this.field.autoValidated = true;\r\n }\r\n this.field.lastLookupValue = item.id;\r\n this.suggestions = [];\r\n this.inFocus = false;\r\n this.usingLookupData = false;\r\n setTimeout(() => {\r\n this.parent.validationBlocking(false);\r\n this.parent.focusOnFirstEmptyEditable();\r\n }, 1);\r\n }\r\n }\r\n\r\n private imgButtomModify(mod: string): void {\r\n if (!!this.field.buttonImg) {\r\n const icon: string = this.field.buttonImg.split('.svg')[0];\r\n this.bgImage = 'url(assets/images/'+icon+'_' + mod + '.svg)';\r\n }\r\n }\r\n\r\n private imgButtonHover(): void {\r\n this.imgButtomModify('mo');\r\n }\r\n\r\n private imgButtonDown(): void {\r\n this.imgButtomModify('md');\r\n }\r\n\r\n private imgButtonDefault(): void {\r\n if (!!this.field.buttonImg) {\r\n this.bgImage = 'url(assets/images/'+this.field.buttonImg+')';\r\n }\r\n }\r\n\r\n public editTextPaste(event: ClipboardEvent) {\r\n if (this.inputType()==='url') {\r\n const el = event.target as HTMLInputElement;\r\n let data = event.clipboardData.getData('text/html');\r\n const start: number = data.indexOf('\"http');\r\n if (start !== -1) {\r\n data = data.substr(start+1);\r\n const end: number = data.indexOf('\"');\r\n if (end !== -1) {\r\n data = data.substr(0, end);\r\n el.value = data;\r\n setTimeout(() => {\r\n el.blur();\r\n }, 100);\r\n }\r\n }\r\n }\r\n }\r\n\r\n private getRadioCheckboxId(fieldName: string, index: number) {\r\n return 'edx_' + fieldName + '_' + index;\r\n }\r\n\r\n private focusOnRadioCheckbox(fieldName: string,index: number) {\r\n const id = this.getRadioCheckboxId(fieldName,index);\r\n const element = document.getElementById(id);\r\n if (!!element) {\r\n element.focus();\r\n }\r\n }\r\n}\r\n","\r\n\r\n \r\n {{label()}}\r\n
\r\n =2, phone: ui==2||ui==4, ios: iOS, android: android, firefox: firefox, safari: safari, edge: edge, ie: ie, oai:officeAddin, oaid: officeAddinDesktop,\r\n mainfield: !field.isExtension, extensionfield: field.isExtension, readonly: formReadonly, heading: field.fldtype === 'text' || field.fldtype === 'box',\r\n listfield: field.fldtype === 'list', indialog: !!inDialog, innotify: !!inNotify, columnview: formLayout === 'column', header: formLayout === 'header', first:first }\"\r\n [ngSwitch]=\"field.controltype\" [formGroup]=\"form\">\r\n\r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n\r\n
\r\n","/**\r\n * Created by kevin on 2016-11-29.\r\n *\r\n * Visual component that contains either 1 or 2 form fields - a primary field and an extension field\r\n *\r\n */\r\nimport { Component, Input } from '@angular/core';\r\nimport { FormGroup } from '@angular/forms';\r\nimport { FormField } from '../models/form-field';\r\nimport { DynamicFormComponent } from './dynamic-form.component';\r\nimport { Util, UserInterface } from '../utils/utils.module';\r\n\r\n@Component({\r\n selector: '[edx-dynamic-form-row]',\r\n styleUrls: ['dynamic-form-row.component.scss'],\r\n template: `\r\n - 0\" #dropList class=\"dropdown-list\" [style.top]=\"ulTop\" [style.left]=\"ulLeft\">\r\n
- \r\n
\r\n \r\n \r\n{{item.desc}}\r\n{{item.id}}\r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {{button.display}}\r\n
\r\n {{field.defaultValue}}
\r\n\r\n {{field.defaultValue}}
\r\n\r\n =2, phone:phone,\r\n header:formLayout === 'header', readonly:isReadonly(), invalid:field.errormessage, indialog:inDialog, innotify:inNotify, single:single,\r\n nolabel:((!field.label && field.controltype!='box') || (field.controltype=='push' && !field.checkLabel)), inlineform:inlineForm}\">\r\n \r\n \r\n \r\n \r\n
\r\n `\r\n})\r\nexport class DynamicFormRowComponent {\r\n private ui: UserInterface = Util.Device.ui;\r\n private phone: boolean = Util.Device.ui===2 || Util.Device.ui===4;\r\n private tablet: boolean = Util.Device.ui===3 || Util.Device.ui===5;\r\n @Input() field: FormField;\r\n @Input() form: FormGroup;\r\n @Input() parent: DynamicFormComponent;\r\n @Input() inDialog: boolean;\r\n @Input() inNotify: boolean;\r\n @Input() showExtras: boolean;\r\n @Input() formReadonly: boolean;\r\n @Input() single: boolean;\r\n @Input() fullWidth: boolean;\r\n @Input() inlineForm: boolean;\r\n @Input() first: boolean;\r\n @Input() formLayout: string;\r\n @Input() rerender: number;\r\n @Input() fieldLabel?: string = null;\r\n @Input() fieldsLength?: number = -1;\r\n @Input() itemIndex?: number = -1;\r\n\r\n private isReadonly(): boolean {\r\n return (this.formReadonly || (this.field.isReadonly && !this.formReadonly));\r\n }\r\n\r\n private hasExtension(): boolean {\r\n return this.field.hasExtension && (!this.single || (!!this.field.fields && this.field.fields[0].isVisible));\r\n }\r\n\r\n private showExtension(index: number): boolean {\r\n if (this.phone && index>1) {\r\n return false;\r\n }\r\n return this.hasExtension() && this.field.fields[index].isVisible;\r\n }\r\n\r\n private getExtensionsCount(): number {\r\n let nExtensions = 0;\r\n if (this.hasExtension() && this.field.fields && this.field.fields.length) {\r\n for (const sub of this.field.fields) {\r\n if (sub.isVisible) {\r\n ++nExtensions;\r\n }\r\n }\r\n }\r\n return nExtensions;\r\n }\r\n}\r\n","/**\r\n * Created by kevin on 2016-11-10.\r\n */\r\n\r\nimport { Input, Component, OnChanges, OnDestroy, ElementRef, ViewChild, HostListener, AfterViewChecked, ChangeDetectorRef, SimpleChange } from '@angular/core';\r\nimport { FormGroup, FormControl, ValidatorFn, AsyncValidatorFn, AbstractControl, ValidationErrors } from '@angular/forms';\r\nimport { AWFileSystem, AWContacts } from 'appworks-js';\r\nimport { FormFieldDesc, FormField, FormUtils } from '../models/form-field';\r\nimport { Util, UserInterface, OrientationListener } from '../utils/utils.module';\r\nimport { BaseDesc } from '../models/base';\r\nimport { ColFormat } from '../models/column';\r\nimport { PopupCallback } from '../widgets/popup.component';\r\nimport { ListTableComponent, ListTableParent } from '../lists/list-table.component';\r\nimport { LocalizeService } from '../services/localize.service';\r\nimport { ListSecurityComponent } from '../lists/list-security.component';\r\nimport { ListItem } from '../models/list-item';\r\nimport { SecurityControl, AccessLevel } from '../models/security-control';\r\nimport { ListService } from '../services/list.service';\r\nimport { LookupService, CacheItem } from '../services/lookup.service';\r\nimport { ListFolderPickerComponent } from '../lists/list-folder-picker.component';\r\nimport { FileDropTargetDirective } from '../directives/drag-target.directive';\r\n\r\nexport interface FormController {\r\n fieldChanged?(field: FormField, control: AbstractControl, formFields: FormField[]): boolean;\r\n buttonClicked?(field: FormField, control: AbstractControl, formFields: FormField[]): void;\r\n uploadFiles?(files: File[], filePaths?: string[]): void;\r\n hasUploadFiles?(): boolean;\r\n fileNameForUpload?(): string;\r\n appIDForUpload?(): string;\r\n enableOK?(enable: boolean, inital?: boolean): void;\r\n getRightForm?(): DynamicFormComponent;\r\n getHeaderForm?(): DynamicFormComponent;\r\n getFormName?(): string;\r\n prefillInitialValuesForForm?(): void;\r\n allowFirstFocus?(): boolean;\r\n layoutChanged?(layout: string): void;\r\n securityDirty?(dirty: boolean): void;\r\n}\r\n@Component({\r\n selector: 'edx-dynamic-form',\r\n styleUrls: ['dynamic-form.component.scss'],\r\n template: `\r\n \r\n \r\n =2, phone:phone, hasextension:hasExtension(), multiext:tablet&&getExtensionsCount()>1}\">\r\n
\r\n 1}\">\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n {{facetKeyName(item, section)}}\r\n
\r\n {{facetValue(item)}}
\r\n {{this.localizer.getTranslation('PLACEHOLDER.NO_ITEMS')}}
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n {{section.title}}
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {{facetKeyName(item, section)}}\r\n
\r\n {{facetValue(item)}}
\r\n {{section.moreLess}}
\r\n {{altLabels['noItems']}}
\r\n \r\n \r\n
\r\n \r\n =2, phone:ui==2||ui==4, servershown:showServer}\" [attr.aria-label]=\"copyrightText\">{{copyrightText}}
\r\n `\r\n})\r\nexport class FormLoginComponent implements OnInit {\r\n @ViewChild('userInput') private userInput: ElementRef;\r\n public server: string;\r\n public userid: string;\r\n public password: string;\r\n public ui: UserInterface = Util.Device.ui;\r\n public isOfficeAddin: boolean = Util.Device.bIsOfficeAddin;\r\n public loginBtnText: string = this.localizer.getTranslation('SETTINGS.LOGIN');\r\n public copyrightText: string = this.localizer.getTranslation('SETTINGS.COPYRIGHT', [Util.Device.year]);\r\n public loginGuestBtnText: string = this.localizer.getTranslation('SETTINGS.GUEST_LOGIN');\r\n public loggingIn = false;\r\n public libsList: SelectItem[];\r\n public uiList: SelectItem[];\r\n public curLib = '';\r\n public showUserPswd = false;\r\n public showServer = false;\r\n public showLibraries = false;\r\n public showInterfaces = false;\r\n public showTestUpload = false;\r\n public allowAnonymous = false;\r\n private ssoData: any = null;\r\n private loggedIn = false;\r\n\r\n constructor(protected router: Router, public localizer: LocalizeService, private oauth2Service: oAuth2Service) {\r\n Util.RestAPI.getSiteConfig().then(data => {\r\n if (data.restapi && data.restapi.length) {\r\n this.server = data.restapi;\r\n this.retrieveLibraries(false).then(() => {}, err => {});\r\n } else {\r\n this.showUserPswd = true;\r\n }\r\n if (!!data.showserver) {\r\n this.showServer = true;\r\n }\r\n if (!!data.allowAnonymous) {\r\n this.allowAnonymous = true;\r\n }\r\n if (!!data.showlibraries) {\r\n this.showLibraries = true;\r\n }\r\n }, err => {\r\n this.showUserPswd = true;\r\n });\r\n this.uiList = [\r\n {display: 'web', value: UserInterface.web},\r\n {display: 'desktop', value: UserInterface.desktop},\r\n {display: 'phone browser', value: UserInterface.phone},\r\n {display: 'tablet browser', value: UserInterface.tablet},\r\n {display: 'phone no hdr', value: UserInterface.phone_cordova},\r\n {display: 'tablet no hdr', value: UserInterface.tablet_cordova}\r\n ];\r\n }\r\n\r\n ngOnInit() {\r\n Util.RestAPI.setLibraries(null);\r\n setTimeout(() => {\r\n if (!!this.userInput) {\r\n this.userInput.nativeElement.focus();\r\n }\r\n }, 1);\r\n }\r\n\r\n private uiLookChanged(selectComponent: SelectComponent): void {\r\n Util.Device.ui = this.ui = parseInt(selectComponent.value);\r\n switch (this.ui) {\r\n case UserInterface.web:\r\n localStorage.removeItem('desktop_look');\r\n break;\r\n case UserInterface.desktop:\r\n localStorage.setItem('desktop_look', 'desktop');\r\n break;\r\n case UserInterface.phone:\r\n localStorage.setItem('desktop_look', 'phone');\r\n break;\r\n case UserInterface.tablet:\r\n localStorage.setItem('desktop_look', 'tablet');\r\n break;\r\n case UserInterface.phone_cordova:\r\n localStorage.setItem('desktop_look', 'phone_cordova');\r\n break;\r\n case UserInterface.tablet_cordova:\r\n localStorage.setItem('desktop_look', 'tablet_cordova');\r\n break;\r\n }\r\n location.reload();\r\n }\r\n\r\n private retrieveLibraries(changed: boolean): Promise=2,phone:ui===2||ui===4, columnview:pickersAreColumnview()}\">\r\n \r\n
\r\n =2,phone:ui===2||ui===4, columnview:pickersAreColumnview(),copy:kind==='profile_copy'}\">\r\n \r\n
\r\n =2,phone:ui===2||ui===4, columnview:pickersAreColumnview()}\">\r\n \r\n
\r\n \r\n \r\n {{applyAllStr}}\r\n
\r\n \r\n \r\n {{relateToStr}}\r\n
\r\n `\r\n})\r\nexport class FormWrapperComponent implements OnChanges, PopupCallback, FormController {\r\n @ViewChild(DynamicFormComponent) dynamicForm: DynamicFormComponent;\r\n @Output() notifyPermissionChanged: EventEmitter${subject}
${this.localizer.getTranslation('FORMS.LOCAL.SHARE.MESSAGE')}:
${formData['message']}
${allData['$edx_share_html_link']}`;\r\n subject = this.localizer.getTranslation('FORMS.LOCAL.SHARE.SHARE_NOTIFICATION');\r\n delete formData['$edx_share_html_link'];\r\n } else {\r\n message = formData['message'];\r\n }\r\n Util.Transforms.formatHTMLEmail(subject, message).then(html => {\r\n postGetHTML(html);\r\n }, err => {\r\n postGetHTML(null);\r\n });\r\n };\r\n const afterAddAttachments = () => {\r\n formData['_restapi'] = {src: attachments};\r\n if (nSecuredDocs && Util.RestAPI.getPreference('warn_share_secured')==='1') {\r\n const title: string = this.localizer.getTranslation('FORMS.LOCAL.SHARE.SECURITY_WARNING');\r\n const okBtn: string = this.localizer.getTranslation('FORMS.LOCAL.SHARE.SHARE');\r\n const body: string = this.localizer.getTranslation('FORMS.LOCAL.SHARE.CHECK_SECURE');\r\n Util.Notify.warning(title,body,okBtn,null,true,true,true).then(confirmed => {\r\n if (confirmed && confirmed.confirm) {\r\n doShare();\r\n }\r\n });\r\n } else {\r\n doShare();\r\n }\r\n };\r\n const addSelectionsToAttachments = () => {\r\n let selections = this.selections;\r\n if (this.formData.isVersionEmail) {\r\n const curItem: any = Util.RestAPI.getCurItem();\r\n selections = [curItem];\r\n }\r\n const nSelections = selections.length;\r\n let i = 0;\r\n const addVersions = () => {\r\n const item = selections[i++];\r\n const afterAddItem = () => {\r\n if (i < nSelections) {\r\n addVersions();\r\n } else {\r\n afterAddAttachments();\r\n }\r\n };\r\n if (item['SECURITY'] >= '1') {\r\n ++nSecuredDocs;\r\n }\r\n const addVersion = (versionToAdd: string) => {\r\n if (allData['$edx_share_type']!=='linkonly' && (allData['$edx_share_type']!=='linkonlyzip' || !bIsOutlookMB) && (!bIsOutlookMB || ['all', 'allzip'].indexOf(allData['$edx_share_type']) === -1 || versionToAdd !== 'all')) {\r\n attachments.push({\r\n ver: versionToAdd,\r\n id: item.id,\r\n type: item.type,\r\n lib: item.lib,\r\n DOCNAME: item.DOCNAME\r\n });\r\n }\r\n if (allData['$edx_share_type']==='linkonly' || (((['all', 'allzip'].indexOf(allData['$edx_share_type']) !== -1 && (versionToAdd === 'all' || (version !== 'all' && attachVersion !== 'all'))) || allData['$edx_share_type']==='linkonlyzip') && bIsOutlookMB)) {\r\n attachments.push({\r\n ver: versionToAdd,\r\n id: item.id,\r\n type: item.type,\r\n lib: item.lib,\r\n DOCNAME: item.DOCNAME,\r\n link: true\r\n });\r\n }\r\n };\r\n if (bIsOutlookMB && ((version==='all' && !!this.scriptData['VERSIONS']) || (attachVersion==='all' && !!this.scriptData['ATTACHMENTS'])) || isMultiVersionEmail) {\r\n let list: any[];\r\n if (version==='all') {\r\n list = this.scriptData['VERSIONS'];\r\n if (attachVersion==='all') {\r\n list.splice(0,0,...this.scriptData['ATTACHMENTS']);\r\n }\r\n } else if (isMultiVersionEmail) {\r\n list = this.selections;\r\n } else {\r\n list = this.scriptData['ATTACHMENTS'];\r\n }\r\n const nItems = list.length;\r\n for (let iItem=nItems-1; iItem>=0; iItem--) {\r\n const versItem = list[iItem];\r\n const label: string = versItem.VERSION_LABEL.toLowerCase();\r\n if (label !== 'pr1' && versItem.DOCNUMBER === item.id) {\r\n addVersion(versItem.VERSION_ID);\r\n }\r\n }\r\n if (!isMultiVersionEmail) {\r\n if (!!version && version !== 'all') {\r\n addVersion(version);\r\n }\r\n if (!!attachVersion && attachVersion !== 'all') {\r\n addVersion(attachVersion);\r\n }\r\n }\r\n } else if (Util.isContainer(item.type) || version === 'C' || version === 'P') {\r\n addVersion(version === 'P' ? 'P' : 'C');\r\n if (!!attachVersion) {\r\n addVersion(attachVersion);\r\n }\r\n } else {\r\n if (version==='all' || attachVersion==='all') {\r\n addVersion('all');\r\n if (version==='all' && !!attachVersion && attachVersion!=='all') {\r\n addVersion(attachVersion);\r\n } else if (attachVersion==='all' && !!version && version!=='all') {\r\n addVersion(version);\r\n }\r\n } else {\r\n if (!!version) {\r\n addVersion(version);\r\n }\r\n if (!!attachVersion) {\r\n addVersion(attachVersion);\r\n }\r\n }\r\n }\r\n afterAddItem();\r\n };\r\n addVersions();\r\n };\r\n for (let key of keys) {\r\n if (key === '$edx_version' || key === '$edx_attachment') {\r\n continue;\r\n }\r\n let data: any = serverData[key];\r\n if (key.startsWith('$edx_')) {\r\n if (key.startsWith('$edx_email')) {\r\n data = data.replace(/\\s/g, '');\r\n }\r\n const parts: string[] = key.split('_');\r\n key = parts[parts.length-1];\r\n }\r\n formData[key] = data;\r\n }\r\n addSelectionsToAttachments();\r\n // dialog takes care of sharing so just get out\r\n this.destroyScript(true, allData, serverData);\r\n return;\r\n case 'copy':\r\n const createDesc = this.scriptData['CREATEDESC'];\r\n if (this.rightWrapper && this.rightWrapper.dynamicForm) {\r\n serverData = this.rightWrapper.dynamicForm.getDirtyAndRequiredValue();\r\n if (!serverData._restapi) {\r\n serverData._restapi = {};\r\n }\r\n securityList = this.rightWrapper.dynamicForm.getSecurityList();\r\n } else {\r\n serverData = { _restapi: {} };\r\n securityList = null;\r\n }\r\n if (securityList && securityList.length) {\r\n serverData['SECURITY'] = '1';\r\n serverData._restapi['security'] = securityList;\r\n }\r\n if (!!createDesc) {\r\n if (this.desc.type!=='flexfolders' && this.desc.type!=='fileplans' && createDesc.type!=='fileplans' && noAddFolderIDs.indexOf(createDesc.id)===-1) {\r\n serverData._restapi['ref'] = createDesc;\r\n if (!isPrimaryLib || createDesc.lib.toUpperCase() !== primaryLibUC) {\r\n queryargs = '?library=' + createDesc.lib;\r\n }\r\n if (this.rightWrapper.applyAllChecked && this.desc.type === 'folders' && this.rightWrapper.desc.id !== 'public') {\r\n // not in public folders but user wants the folder to be public\r\n if (!!serverData._restapi['ref'] && Util.RestAPI.restAPIVersion()>=0x00200400) {\r\n const curRef = serverData._restapi['ref'];\r\n serverData._restapi['ref'] = [curRef, {type: 'folders', id: 'public', lib: this.desc.lib}];\r\n } else {\r\n serverData._restapi['ref'] = {type: 'folders', id: 'public', lib: this.desc.lib};\r\n }\r\n }\r\n } else if (createDesc.lib.toUpperCase() !== primaryLibUC) {\r\n queryargs = '?library=' + createDesc.lib;\r\n crossLibRoot = createDesc.lib;\r\n }\r\n } else if (!isPrimaryLib) {\r\n queryargs = '?library=' + this.desc.lib;\r\n }\r\n serverData['DOCNAME'] = this.dynamicForm.getFieldValue('DOCNAME');\r\n serverData['STATUS'] = '0';\r\n if (this.desc['ITEM_TYPE']==='W') { // workspace\r\n const wsForm: any = Util.RestAPI.getDefaultWorkspaceForm();\r\n serverData['ITEM_TYPE'] = 'W';\r\n serverData['FILE_EXTENSION'] = 'WORKSPACE';\r\n serverData['APP_ID'] = 'FOLDER';\r\n serverData._restapi['form_name'] = wsForm.id;\r\n serverData['FORM'] = wsForm.SYSTEM_ID;\r\n } else {\r\n serverData['FULLTEXT'] = 'Y';\r\n serverData._restapi['form_name'] = this.rightWrapper.defForm;\r\n }\r\n if (this.relateToChecked && !!this.relateToDesc) {\r\n serverData._restapi['associate'] = { lib: this.relateToDesc.lib, id: this.relateToDesc.id };\r\n }\r\n if ( this.dynamicForm.getFieldValue('edx_copy_profile') !== 'N' && (!createDesc || createDesc.type!=='fileplans')) {\r\n // Copy all RM specific fields if present in the original data\r\n this.copyAll_RM_SpecificFields(allData,serverData);\r\n } else if (!!createDesc && createDesc.type==='fileplans') {\r\n // Copy all RM specific fields from the new file-part\r\n this.copyAll_RM_SpecificFields(createDesc,serverData);\r\n }\r\n notifyTitle = this.localizer.getTranslation('FORMS.LOCAL.COPY.COPY');\r\n break;\r\n case 'rm_request':\r\n if (!serverData['%REQUEST_NOTREQUIREDAFTER_DATE'] || !!serverData['%REQUEST_NOTREQUIREDAFTER_DATE'] && serverData['%REQUEST_NOTREQUIREDAFTER_DATE'] === '') {\r\n serverData['%REQUEST_NOTREQUIREDAFTER_DATE'] = '1899-12-30'; // This is variant date zero\r\n }\r\n break;\r\n case 'url':\r\n case 'link':\r\n case 'fp_box_rm_request':\r\n case 'rm_vitalreviewdate':\r\n case 'fp_box_rm_loanrequest':\r\n case 'rm_loanrequest':\r\n case 'rm_putinbox':\r\n case 'rm_removefrombox':\r\n case 'versions_editprofile':\r\n case 'shareonedrive':\r\n break;\r\n default:\r\n Util.Notify.error('Client Coding Error','FormWrapperComponent: missing case for local form in popupOK');\r\n return;\r\n }\r\n const handleSelectedItems = () => {\r\n for (let i=0; i
\r\n \r\n \r\n \r\n
\r\n {{field.label}}
\r\n\r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n {{field.label || \" \"}}
\r\n \r\n {{field.checkLabel}}\r\n {{field.checkLabel}}\r\n
\r\n`\r\n})\r\nexport class LinkFieldComponent extends AbstractValueAccessor implements OnChanges {\r\n @Input() field: FormField;\r\n @Input() form: FormGroup;\r\n @Input() tabIndex = 0;\r\n\r\n ngOnChanges() {\r\n this.value = this.form.controls[this.field.name].value;\r\n }\r\n\r\n public isFile(): boolean {\r\n return this.field.format === 'download';\r\n }\r\n}\r\n","import { Input, Component, OnChanges } from '@angular/core';\r\nimport { FormGroup } from '@angular/forms';\r\n\r\nimport { AbstractValueAccessor, MakeProvider } from './abstract-value-accessor';\r\nimport { BaseDesc } from '../models/base';\r\nimport { FormField, SelectItem } from '../models/form-field';\r\nimport { DynamicFormFieldComponent } from './dynamic-form-field.component';\r\n\r\n@Component({\r\n selector: 'edx-chooser-field',\r\n providers: [MakeProvider(LocationChooserFieldComponent)],\r\n styleUrls: ['dynamic-form-field.component.scss'],\r\n template: `\r\n \r\n
\r\n`\r\n})\r\nexport class LocationChooserFieldComponent extends AbstractValueAccessor implements OnChanges {\r\n @Input() items: SelectItem[] = [];\r\n @Input() field: FormField;\r\n @Input() form: FormGroup;\r\n @Input() parent: DynamicFormFieldComponent;\r\n @Input() initialPlaceHolder?: string;\r\n @Input() formReadonly?: boolean = false;\r\n @Input() columnView?: boolean = false;\r\n @Input() inDialog?: boolean = false;\r\n @Input() inHeader?: boolean = false;\r\n @Input() tabIndex = 0;\r\n @Input() ariaLabel?: string;\r\n private disabled = false;\r\n\r\n ngOnChanges() {\r\n if (!this.value && this.field.defaultValue) {\r\n this.value = this.field.defaultValue;\r\n }\r\n this.disabled = this.field.isReadonly || !this.field.isEnabled || this.formReadonly;\r\n }\r\n\r\n public locationChanged(desc: BaseDesc): void {\r\n this.value = !!desc ? JSON.stringify(desc) : null;\r\n this.parent.updateControlValue(this.value, true);\r\n this.parent.fieldChanged();\r\n }\r\n\r\n public getDesc(): BaseDesc {\r\n let desc: BaseDesc;\r\n try {\r\n desc = !!this.value ? JSON.parse(this.value) : null;\r\n } catch (e) {}\r\n return desc;\r\n }\r\n}\r\n","/**\r\n * Created by kevin on 2016-12-07.\r\n *\r\n * Numeric form field implementation; includes display formatting from an enumerated list when in read-only mode\r\n *\r\n */\r\n\r\nimport { Component, Input, OnChanges, SimpleChange } from '@angular/core';\r\nimport { FormGroup } from '@angular/forms';\r\n\r\nimport { AbstractValueAccessor, MakeProvider } from './abstract-value-accessor';\r\nimport { DynamicFormFieldComponent } from './dynamic-form-field.component';\r\nimport { FormField } from '../models/form-field';\r\nimport { LocalizeService } from '../services/localize.service';\r\n\r\n@Component({\r\n selector: 'edx-numeric-field',\r\n providers: [MakeProvider(NumericFieldComponent)],\r\n styleUrls: ['dynamic-form-field.component.scss'],\r\n template: `\r\n \r\n = 0 ? field.minVal : null\" [max]=\"field.maxVal > 0 ? field.maxVal : null\" [tabindex]=\"tabIndex\"\r\n [required]=\"field.isRequired ? true : null\" [(value)]=\"value\" [formControlName]=\"field.name\" (blur)=\"editNumberBlur($event)\">\r\n
\r\n`\r\n})\r\nexport class NumericFieldComponent extends AbstractValueAccessor implements OnChanges {\r\n @Input() field: FormField;\r\n @Input() form: FormGroup;\r\n @Input() placeholder: string;\r\n @Input() formReadonly?: boolean = false;\r\n @Input() columnView?: boolean = false;\r\n @Input() toolTip?: string = '';\r\n @Input() rerender = 0;\r\n @Input() tabIndex = 0;\r\n @Input() parent: DynamicFormFieldComponent;\r\n public viewReadonly: boolean;\r\n private displayValue = '';\r\n\r\n constructor(private localizer: LocalizeService) {\r\n super();\r\n }\r\n\r\n ngOnChanges(changes: {[propertyName: string]: SimpleChange}) {\r\n this.viewReadonly = this.field.isReadonly || this.formReadonly;\r\n this.value = this.form.controls[this.field.name].value;\r\n if (!!this.field.lookupData) {\r\n if (this.field.lookupData.length === 1) {\r\n // Single hit on lookup\r\n this.value = this.field.lookupData[0].id;\r\n } else {\r\n this.value = '';\r\n }\r\n if (!!this.parent) {\r\n this.parent.updateControlValue(this.value, true);\r\n if (!!this.parent && !!this.parent.parent && this.field.lookupData.length > 0) {\r\n this.parent.parent.setFieldValueAndDescOfParents(this.field, this.field.lookupData[0]['data']);\r\n }\r\n }\r\n }\r\n let display = '';\r\n if (typeof this.value === 'boolean') {\r\n this.value = this.localizer.getTranslation(this.value ? 'FORMS.BUTTONS.YES' : 'FORMS.BUTTONS.NO');\r\n }\r\n if (this.viewReadonly && (this.field.name !== 'DOCNUM' || !isNaN(+this.value))) {\r\n const selector: string = !!this.value ? this.value.toString() : '';\r\n display = selector;\r\n if (this.field.format && this.field.formatMap && this.field.formatMap.length) {\r\n for (const entry of this.field.formatMap) {\r\n if (entry.value === selector) {\r\n display = entry.display;\r\n }\r\n }\r\n }\r\n this.displayValue = display;\r\n }\r\n }\r\n\r\n public editNumberBlur(event: Event): void {\r\n const blurValue = this.form.controls[this.field.name].value;\r\n if (!blurValue || (blurValue && blurValue === '')) {\r\n if (!!this.parent) {\r\n this.parent.fieldChanged();\r\n }\r\n }\r\n }\r\n}\r\n","import { OnChanges, Input, Component } from '@angular/core';\r\nimport { FormField } from '../models/form-field';\r\nimport { FormGroup } from '@angular/forms';\r\n\r\n@Component({\r\n selector: 'edx-progress-field',\r\n styleUrls: ['dynamic-form-field.component.scss'],\r\n template: `\r\n \r\n
\r\n`\r\n})\r\nexport class ProgressFieldComponent implements OnChanges {\r\n @Input() field: FormField;\r\n @Input() form: FormGroup;\r\n @Input() value?: number;\r\n public valueToShow = 0;\r\n\r\n ngOnChanges() {\r\n if (this.value===undefined) {\r\n this.valueToShow = parseInt(this.form.controls[this.field.name].value);\r\n } else {\r\n this.valueToShow = this.value;\r\n }\r\n if (isNaN(this.valueToShow)) {\r\n this.valueToShow = 0;\r\n }\r\n }\r\n}\r\n","\r\nimport { OnChanges, Input, Component, ElementRef } from '@angular/core';\r\nimport { FormField, RadioGroupInterface, RadioFieldInterface } from '../models/form-field';\r\nimport { FormGroup } from '@angular/forms';\r\nimport { DynamicFormFieldComponent } from './dynamic-form-field.component';\r\n\r\n@Component({\r\n selector: 'edx-radio-field',\r\n styleUrls: ['dynamic-form-field.component.scss'],\r\n template: `\r\n \r\n
\r\n `\r\n})\r\nexport class RadioFieldComponent implements OnChanges, RadioFieldInterface {\r\n @Input() field: FormField;\r\n @Input() form: FormGroup;\r\n @Input() value: string;\r\n @Input() label: string;\r\n @Input() radioGroup: RadioGroupInterface;\r\n @Input() parent?: DynamicFormFieldComponent;\r\n @Input() inDialog?: boolean = false;\r\n @Input() formReadonly?: boolean = false;\r\n @Input() columnView?: boolean = false;\r\n @Input() itemIndex: number;\r\n @Input() radioId: string;\r\n @Input() tabIndex = 0;\r\n public isChecked = false;\r\n public viewReadonly = false;\r\n\r\n ngOnChanges() {\r\n let value: string = this.form.controls[this.field.name].value;\r\n value = value ? value.toString() : null;\r\n this.isChecked = (this.value === value) || (this.value === 'null' && value == null);\r\n this.viewReadonly = this.field.isReadonly || this.formReadonly;\r\n }\r\n\r\n public rbClicked(event: Event): boolean {\r\n if (!!event && event.type === 'keydown') {\r\n event.preventDefault();\r\n }\r\n if (this.parent && !this.viewReadonly && !this.isChecked) {\r\n this.isChecked = true;\r\n this.radioGroup.radioButtonOn(this, this.value);\r\n }\r\n return true;\r\n }\r\n}\r\n","import { OnChanges, Input, Component, ElementRef, ViewChildren, QueryList } from '@angular/core';\r\nimport { FormField, RadioGroupInterface } from '../models/form-field';\r\nimport { FormGroup } from '@angular/forms';\r\nimport { DynamicFormFieldComponent } from './dynamic-form-field.component';\r\nimport { RadioFieldComponent } from './radio-field.component';\r\n\r\n\r\n@Component({\r\n selector: 'edx-radio-group',\r\n styleUrls: ['dynamic-form-field.component.scss'],\r\n template: `\r\n \r\n \r\n {{label}}\r\n
\r\n \r\n
\r\n `\r\n})\r\nexport class RadioGroupComponent implements RadioGroupInterface, OnChanges {\r\n @ViewChildren(RadioFieldComponent) buttons: QueryList\r\n
\r\n \r\n \r\n
0\">\r\n {{line}}\r\n \r\n
\r\n`\r\n})\r\nexport class ReadOnlyTextFieldComponent extends AbstractValueAccessor implements OnChanges {\r\n @Input() field: FormField;\r\n @Input() form: FormGroup;\r\n @Input() inDialog?: boolean = false;\r\n @Input() columnView?: boolean = false;\r\n @Input() toolTip?: string = '';\r\n @Input() fullWidth?: boolean = false;\r\n @Input() hasExtension?: boolean = false;\r\n @Input() rerender = 0;\r\n public lines: string [];\r\n\r\n ngOnChanges() {\r\n this.value = this.form.controls[this.field.name].value;\r\n if (this.field.controltype==='textarea') {\r\n this.lines = this.value.split('\\n');\r\n } else if (this.field.controltype==='radiogroup') {\r\n const button = this.field.buttonMap.find(b => b.value === this.value);\r\n this.lines = !!button ? [button.display] : [this.value];\r\n } else if (this.field.name === 'DOCNUM' && isNaN(+this.value)) {\r\n this.lines = [];\r\n } else {\r\n this.lines = [this.value];\r\n }\r\n }\r\n}\r\n","import { Input, Component, OnChanges } from '@angular/core';\r\nimport { FormGroup } from '@angular/forms';\r\n\r\nimport { AbstractValueAccessor, MakeProvider } from './abstract-value-accessor';\r\nimport { FormField, SelectItem } from '../models/form-field';\r\nimport { DynamicFormFieldComponent } from './dynamic-form-field.component';\r\nimport { SegmentComponent } from '../widgets/segment.component';\r\n\r\n@Component({\r\n selector: 'edx-segment-field',\r\n providers: [MakeProvider(SegmentComponent)],\r\n styleUrls: ['dynamic-form-field.component.scss'],\r\n template: `\r\n 0\">\r\n {{line}}\r\n
\r\n
\r\n`\r\n})\r\nexport class SegmentFieldComponent extends AbstractValueAccessor implements OnChanges {\r\n @Input() items: SelectItem[] = [];\r\n @Input() field: FormField;\r\n @Input() form: FormGroup;\r\n @Input() parent: DynamicFormFieldComponent;\r\n @Input() initialPlaceHolder?: string;\r\n @Input() formReadonly?: boolean = false;\r\n @Input() columnView?: boolean = false;\r\n public viewReadonly = false;\r\n\r\n ngOnChanges() {\r\n if (!this.value && this.field.defaultValue) {\r\n this.value = this.field.defaultValue;\r\n }\r\n this.viewReadonly = this.field.isReadonly || this.formReadonly;\r\n }\r\n\r\n segChanged(segmentComponent: SegmentComponent): void {\r\n this.value = segmentComponent.value;\r\n this.parent.updateControlValue(this.value, true);\r\n this.parent.fieldChanged();\r\n }\r\n}\r\n","import { Input, Component, OnChanges } from '@angular/core';\r\nimport { FormGroup } from '@angular/forms';\r\n\r\nimport { AbstractValueAccessor, MakeProvider } from './abstract-value-accessor';\r\nimport { FormField, SelectItem } from '../models/form-field';\r\nimport { DynamicFormFieldComponent } from './dynamic-form-field.component';\r\nimport { SelectComponent } from '../widgets/select.component';\r\nimport { SegmentComponent } from '../widgets/segment.component';\r\n\r\n@Component({\r\n selector: 'edx-select-field',\r\n providers: [MakeProvider(SelectFieldComponent)],\r\n styleUrls: ['dynamic-form-field.component.scss'],\r\n template: `\r\n \r\n
\r\n`\r\n})\r\nexport class SelectFieldComponent extends AbstractValueAccessor implements OnChanges {\r\n @Input() items: SelectItem[] = [];\r\n @Input() field: FormField;\r\n @Input() form: FormGroup;\r\n @Input() parent: DynamicFormFieldComponent;\r\n @Input() initialPlaceHolder?: string;\r\n @Input() formReadonly?: boolean = false;\r\n @Input() columnView?: boolean = false;\r\n @Input() fullWidth?: boolean = false;\r\n @Input() inDialog?: boolean = false;\r\n @Input() inNotify?: boolean = false;\r\n @Input() inHeader?: boolean = false;\r\n @Input() rerender = 0;\r\n @Input() tabIndex = 0;\r\n @Input() ariaLabel?: string = '';\r\n public useSeg = false;\r\n private disabled = false;\r\n\r\n ngOnChanges() {\r\n if (!this.value && this.field.defaultValue) {\r\n this.value = this.field.defaultValue;\r\n }\r\n this.disabled = this.field.isReadonly || !this.field.isEnabled || this.formReadonly;\r\n this.useSeg = this.field.comboSegment;\r\n }\r\n\r\n public changed(component: SelectComponent | SegmentComponent): void {\r\n this.value = component.value;\r\n this.parent.updateControlValue(this.value, true);\r\n this.parent.fieldChanged();\r\n }\r\n}\r\n","export * from './app.component';\r\nexport * from './app.module';\r\n","import { Component, Input, OnChanges, SimpleChange, ChangeDetectionStrategy, ChangeDetectorRef } from '@angular/core';\r\n\r\nimport { Util, UserInterface } from '../utils/utils.module';\r\nimport { BaseDesc, ListData } from '../models/base';\r\nimport { LocalizeService } from '../services/localize.service';\r\nimport { ListItem, ListState, ListInterface } from '../models/list-item';\r\nimport { ListService } from '../services/list.service';\r\nimport { DataService } from '../services/data.service';\r\nimport { SecurityControl, AccessLevel, AccessRights } from '../models/security-control';\r\n\r\n@Component ({\r\n providers: [ListService],\r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n template: ``\r\n})\r\nexport class ListBaseComponent extends ListInterface implements OnChanges {\r\n public static baseClassInputs: string[] = ['desc','params','pageSizeIncremental'];\r\n public ui: UserInterface;\r\n public officeAddin: boolean;\r\n public reloading = true;\r\n public allItemsIn = false;\r\n protected set: any = {};\r\n protected list: ListItem[] = [];\r\n protected ascending: string = null;\r\n protected descending: string = null;\r\n protected uploadingList: ListItem[] = [];\r\n protected loadMore: string = null;\r\n protected security: SecurityControl = null;\r\n protected bIsPaged = false;\r\n @Input() desc?: BaseDesc;\r\n @Input() params?: string = null;\r\n @Input() pageSizeIncremental?: number = 0;\r\n\r\n constructor(protected listService: ListService, protected dataService: DataService, protected localizer: LocalizeService, protected changeRef: ChangeDetectorRef) {\r\n super();\r\n this.ui = Util.Device.ui;\r\n this.officeAddin = Util.Device.bIsOfficeAddin;\r\n this.loadMore = this.localizer.getTranslation('PAGINATOR.LOAD_MORE');\r\n }\r\n\r\n ngOnChanges(changes: {[propertyName: string]: SimpleChange}) {\r\n const chng: any = changes['desc'];\r\n if (chng) {\r\n this.reloading = true;\r\n if (!!this.desc && (this.desc as any).params !== 'security') {\r\n this.set = this.getInitialSet() || {};\r\n this.list = this.getInitialList() || [];\r\n if (this.list.length && !this.set.total) {\r\n this.set.total = this.list.length;\r\n }\r\n this.security = null;\r\n this.setSorting();\r\n }\r\n setTimeout(() => {\r\n if (!this.list || !this.list.length) {\r\n const lastListState = this.dataService.getListState(this.desc);\r\n if (!!lastListState) {\r\n const start: number = this.bIsPaged ? lastListState.start : 0;\r\n let max: number = Util.RestAPI.getDefualtMaxItems();\r\n if (!this.bIsPaged && lastListState.start) {\r\n max += lastListState.start;\r\n }\r\n this.ascending = lastListState.ascending;\r\n this.descending = lastListState.descending;\r\n this.loadList(true, start, max);\r\n } else if (!!this.desc && !this.desc.id && (this.desc as any).params === 'security') {\r\n this.list = [];\r\n this.set = {total: 0};\r\n this.reloading = false;\r\n this.allItemsIn = true;\r\n } else {\r\n this.loadList();\r\n }\r\n } else {\r\n this.reloading = false;\r\n this.allItemsIn = true;\r\n }\r\n this.changeRef.markForCheck();\r\n }, 1);\r\n }\r\n }\r\n\r\n protected setSorting(): void {\r\n const loginReply = Util.RestAPI.getLoginReply();\r\n if (this.params === 'history' || this.desc.type === 'activities') {\r\n this.setSortParams(null, 'START_DATE');\r\n } else if (this.desc.type==='flexfolders' || this.desc.type==='workspaces') {\r\n this.setSortParams('DOCNAME', null);\r\n } else if (this.desc.type === 'searches') {\r\n //Fetch the searches with most recent at the top\r\n this.setSortParams(null, !this.desc.id ? 'SYSTEM_ID' : (loginReply.SEARCH_CAPABILITIES && loginReply.SEARCH_CAPABILITIES.SUMMARY === 'Y') ? 'relevance' : 'LAST_EDIT_DATE');\r\n } else if (this.desc.type === 'fileplans') {\r\n //setting sort order for filepart contents.\r\n if ((!!this.desc['NodeLevel'] && this.desc['NodeLevel'] === 'File Part') || (Util.isRMFilePart(this.desc))) {\r\n this.setSortParams(null,'LAST_EDIT_DATE');\r\n } else {\r\n //For terms,fileplans,setting the sort order to \"docname\" which is mapped to displayname in UI.\r\n this.setSortParams('DOCNAME', null);\r\n }\r\n } else if (this.desc.type === 'requests') {\r\n this.setSortParams(null, 'RQ.PD_REQUEST_DATE');\r\n } else if (!Util.isExternalLib(this.desc.lib) && !this.ascending && !this.descending) {\r\n this.descending = 'LAST_EDIT_DATE';\r\n }\r\n }\r\n\r\n protected getInitialList(): ListItem[] {\r\n return null;\r\n }\r\n\r\n protected getInitialSet(): any {\r\n return null;\r\n }\r\n\r\n protected handleError(error: any): void {\r\n Util.Notify.warning(this.localizer.getTranslation('GENERIC_ERRORS.LIST_NO_LOAD'),error);\r\n console.log('can not load list: ' + this.desc.type + ' ' + this.desc.id + ' ' + (error.message || error));\r\n this.reloading = false;\r\n this.list = [];\r\n this.listReplaced();\r\n this.changeRef.markForCheck();\r\n }\r\n\r\n protected setSortParams(ascending: string, descending: string) {\r\n this.ascending = ascending || null;\r\n this.descending = descending || null;\r\n }\r\n\r\n private loadListPromise(desc: any, params: string, forceReload: boolean=false, ascending?: string, descending?: string, start: number=0, max?: number, postData?: any, initialList?: any): Promise\r\n
\r\n\r\n
\r\n \r\n {{crumb.DOCNAME}}\r\n ![](\"assets/images/caret_right12.svg\")
\r\n
\r\n\r\n \r\n
\r\n\r\n
\r\n {{desc.DOCNAME}}
\r\n \r\n \r\n \r\n
\r\n {{desc.DOCNAME}}
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n {{selectAll}}
\r\n =0,open:(item.type==child.desc.type&&item.id==child.desc.id&&item.lib==child.desc.lib)}\" tabindex=\"0\" (keydown.space)=\"parentItemClicked(item,$event)\" (click)=\"parentItemClicked(item)\">\r\n \r\n \r\n ![\"{{getIconText(item)}}\"](\"{{getIconSrc(item)}}\")
\r\n ![\"{{formatStatusText(item)}}\"](\"{{formatStatusIcon(item)}}\")
\r\n
\r\n {{item.DOCNAME}}
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n {{child.desc.DOCNAME}}
\r\n \r\n \r\n \r\n \r\n
\r\n {{selectAll}}
\r\n \r\n
\r\n =0}\" tabindex=\"0\" (keydown.space)=\"childItemClicked(item,$event)\" (click)=\"childItemClicked(item)\">\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n {{item.DOCNAME}}
\r\n {{item.id}}
\r\n \r\n
\r\n {{item.DOCNAME}}
\r\n 0 && !child.allItemsIn && (child.list.length > 0)\" class=\"showmore\">\r\n \r\n
\r\n \r\n
\r\n{{child.desc.DOCNAME}}
\r\n \r\n \r\n {{run.t}}\r\n
\r\n ![\"{{altText}}\"](\"{{icon}}\")
\r\n ![\"{{formatStatusText(this.desc)}}\"](\"{{formatStatusIcon(this.desc)}}\")
\r\n
\r\n `\r\n})\r\nexport class ListItemTileComponent implements OnInit, CommandHandler {\r\n @ViewChildren(InlineActionBarComponent) inlineMenus: QueryList\r\n {{getDocName()}}\r\n
\r\n {{desc.AUTHOR_ID}}
\r\n {{formatDate(desc, 'LAST_EDIT_DATE')}}
\r\n {{getDocNum()}}
\r\n \r\n {{getActivity()}}\r\n
\r\n \r\n
\r\n\r\n
\r\n \r\n
\r\n {{countInfo()}}
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n {{sortColumnName(true)}}
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {{this.localizer.getTranslation('FORMS.BUTTONS.CANCEL')}}
\r\n {{formatNumberSelected()}}
\r\n \r\n
\r\n \r\n
\r\n {{selectUnselectAllText}}
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {{filters || searchCriteria}}
\r\n \r\n
\r\n \r\n
\r\n {{this.localizer.getTranslation('REFINE_SEARCH.CLEAR')}}
\r\n {{infoMessage}}
\r\n \r\n
\r\n \r\n \r\n {{chicklet}}\r\n
\r\n \r\n \r\n \r\n \r\n
\r\n{{noHits}}
=0, dropfolder:dropFolder(item), dragover:dragOverItem==item, folder:renderItemAsFolder(item), bb:!item.preview, threerows:hasThirdRow(item)}\" (mouseover)=\"isOfficeAddin?enableHoverMenu(i):undefined\" (mouseleave)=\"isOfficeAddin?disableHoverMenu(i):undefined\" (click)=\"itemClicked(item, $event)\" (keydown.space)=\"itemClicked(item, $event)\">\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n {{item['VERSION_LABEL']}}
\r\n \r\n
\r\n \r\n \r\n ![](\"listitem[col.property]\")
\r\n \r\n \r\n
\r\n {{col.label}}
\r\n \r\n {{formatString(item,col.property)}}
\r\n {{formatDate(item, col.property)}}
\r\n {{formatStatusText(item)}}
\r\n {{formatPath(item[col.property])}}
\r\n {{formatAction(item)}}
\r\n {{formatEnum(item,col.property,j)}}
\r\n {{formatString(item,col.property)}}
\r\n \r\n \r\n
\r\n {{labelExtrasRow(item)}}
\r\n {{formatExtrasRow(item)}}
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n {{getDetails(item)}}
\r\n {{getOther1(item)}}
\r\n •
\r\n {{getOther2(item)}}
\r\n {{getOther3(item)}}
\r\n •
\r\n {{getOther4(item)}}
\r\n {{getDetails(item)}}
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n
\r\n \r\n {{hitPreviewData?hitPreviewData.DOCNAME:\"\"}}\r\n \r\n
\r\n \r\n {{hitPreviewData?this.localizer.getTranslation('PAGINATOR.OF_PAGES',[hitPreviewData.page,hitPreviewData.totalpages]):\"\"}}\r\n \r\n
\r\n \r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n {{permissions}}
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {{sortColumnName()}}
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n {{noHits}}
=0, disabled:!isSelectable(listitem), dropfolder:dropFolder(listitem), dragover:dragOverItem===listitem, folder:isContainer(listitem)}\" (mouseover)=\"enableHoverMenu(i)\" (mouseleave)=\"disableHoverMenu(i)\" (focus)=\"enableHoverMenu(i)\" (keyup.arrowleft)=\"hitPreviewShown?focusOnPreviewPane(i):null\">\r\n
\r\n =0\" (click)=\"selectorClick(listitem, $event)\" (keydown.space)=\"selectorClick(listitem, $event)\" [id]=\"getRowSelectorId(i)\">
\r\n \r\n ![\"{{formatTypeText(listitem)}}\"](\"{{formatTypeIcon(listitem)}}\")
\r\n ![\"{{formatStatusText(listitem)}}\"](\"{{formatStatusIcon(listitem)}}\")
\r\n
\r\n \r\n
\r\n \r\n
\r\n {{formatString(listitem,'DOCNAME')}}
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n {{col.label}}
\r\n \r\n {{formatString(listitem,col.property)}}
\r\n {{formatDate(listitem, col.property)}}
\r\n \r\n \r\n
\r\n {{formatStatusText(listitem)}}
\r\n {{formatPath(listitem[col.property])}}
\r\n {{formatAction(listitem)}}
\r\n {{formatEnum(listitem,col.property,iCol)}}
\r\n {{formatString(listitem,col.property)}}
\r\n \r\n \r\n
\r\n `\r\n})\r\nexport class ListSummaryComponent extends ListTableComponent {\r\n @ViewChild('container') private container: ElementRef;\r\n @ViewChild('listContainer') private listContainer: ElementRef;\r\n @Input() schemaLayout = false;\r\n @Output() actionHandler: EventEmitter\r\n
\r\n {{hitPreviewData?hitPreviewData.DOCNAME:\"\"}}
\r\n \r\n {{getPageOfPages()}}\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n","import { Component, Input, ElementRef, OnChanges, ChangeDetectionStrategy, ChangeDetectorRef, SimpleChange } from '@angular/core';\r\n\r\nimport { Util } from '../utils/utils.module';\r\nimport { ListItem } from '../models/list-item';\r\nimport { dragHoleKey } from '../models/tile';\r\nimport { LocalizeService } from '../services/localize.service';\r\nimport { ListService } from '../services/list.service';\r\nimport { DataService } from '../services/data.service';\r\nimport { ListBaseComponent } from './list-base.component';\r\nimport { SecurityControl } from '../models/security-control';\r\nimport { GestureKind, GestureListener } from '../directives/gesture.directive';\r\n\r\nexport interface ListTilesContainerInterface {\r\n createTile(listItem: ListItem, atIndex: number): void;\r\n dropHandled(): void;\r\n listItemDragStarted(listItem: ListItem, element: ElementRef): void;\r\n listItemDragMoved(listItem: ListItem, x: number, y: number, element: ElementRef): void;\r\n listItemDragEnded(listItem: ListItem, event: any, element: ElementRef): void;\r\n isHidden(): boolean;\r\n}\r\n\r\n@Component ({\r\n selector: 'edx-list-tile',\r\n styleUrls: [ 'list-tile.component.scss' ],\r\n providers: [ListService],\r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n inputs: ListBaseComponent.baseClassInputs,\r\n template: `\r\n {{infoMessage}}
\r\n \r\n
\r\n \r\n \r\n {{chicklet}}\r\n
\r\n \r\n \r\n 1\" [ngClass]=\"{tophead:(schema.columnHeadings && schema.columnHeadings.length)}\">\r\n
\r\n \r\n \r\n \r\n \r\n
\r\n | \r\n {{this.localizer.getTranslation(columnHeading.label)}} \r\n | \r\n |
|---|---|
| 0)\" width=\"{{getColWidth(column)}}\" [ngClass]=\"{numeric:column.format===1, iconic: columIsIconic(column), sortcolumn:getSortCol()==column.property,topheading:column.nonsortable}\" [tabindex]=\"isTableSortable()&&column.property!=='select'?tabIndex:-1\" (click)=\"column.nonsortable ? null : headerColumnClick($event, column.property)\" (keydown.space)=\"column.nonsortable ? null : headerColumnClick($event, column.property)\" [title]=\"column.label\">\r\n \r\n 0\" [ngClass]=\"{headerexpand:true, allexpand: allExpanded}\" title=\"{{this.localizer.getTranslation('TOOLTIP.SEE_ALL')}}\" [attr.aria-label]=\"(column.property === 'expand' && columnsHidden > 0)?(altLabels['seeAll']+' '+(allExpanded?altLabels['expanded']:altLabels['collapsed'])):none\" [attr.aria-expanded]=\"(column.property === 'expand' && columnsHidden > 0)?allExpanded:none\"> \r\n \r\n \r\n \r\n \r\n {{column.label}}\r\n \r\n \r\n \r\n | \r\n |
{{noHits}} | |
| 0))\" [ngSwitch]=\"col.format\" width=\"{{getColWidth(col)}}\" [ngClass]=\"{numeric:col.format===1, iconic: columIsIconic(col)}\" [title]=\"listItemTooltip(listitem, col.property)\" [attr.aria-label]=\"col.property==='rights'?getRightsLabel(listitem):col.label+' '+formatString(listitem,col.property)\">\r\n =0\" [ngClass]=\"{disabled:!canSelectItem(listitem)}\" [tabindex]=\"!canSelectItem(listitem)?-1:tabIndex\" (click)=\"selectorClick(listitem, $event)\" (keydown.space)=\"selectorClick(listitem, $event)\" [id]=\"getRowSelectorId(i)\"> \r\n {{formatNumber(listitem, col.property, j)}} \r\n =2?shiftFocusToCancel($event,i):undefined\" (keydown.space)=\"listItemClick(listitem, $event, col.property)\" [ngClass]=\"{celltext: true, clickable: isClickable(listitem,col.property)}\" title=\"{{formatString(listitem,col.property)}}\">\r\n {{schemaId==='VERSIONS'?formatString(listitem,col.property).toUpperCase():formatString(listitem,col.property)}}\r\n \r\n {{formatDate(listitem, col.property)}} \r\n \r\n \r\n \r\n \r\n {{formatStatusText(listitem)}} \r\n \r\n \r\n ![\"{{this.localizer.getTranslation('METADATA.FOOTER.SECURITY.DENY')}}\"](\"assets/images/col_hdr_deny24.svg\") \r\n ![\"{{this.localizer.getTranslation('METADATA.FOOTER.SECURITY.ALLOW')}}\"](\"assets/images/checkmark_green24.svg\") \r\n ![\"{{this.localizer.getTranslation('FORMS.LOCAL.PERMISSIONS_SELECTOR.INHERIT')}}\"](\"assets/images/col_hdr_inherit24.svg\") \r\n {{formatPath(listitem[col.property])}} \r\n {{formatAction(listitem)}} \r\n \r\n \r\n {{formatEnum(listitem,col.property,j)}}\r\n \r\n | \r\n |
| \r\n = columnsShown && extracol.format!==10\" [ngSwitch]=\"extracol.format\" class=\"expandedrow\">\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n | \r\n |
| \r\n | \r\n \r\n {{labelExtrasRow(listitem)}}\r\n {{formatExtrasRow(listitem)}}\r\n \r\n \r\n | \r\n
| \r\n \r\n | \r\n
\r\n
\r\n\r\n
\r\n {{hitPreviewData?hitPreviewData.DOCNAME:\"\"}}
\r\n \r\n {{hitPreviewData?this.localizer.getTranslation('PAGINATOR.OF_PAGES',[hitPreviewData.page,hitPreviewData.totalpages]):\"\"}}\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n `\r\n})\r\nexport class ListTileComponent extends ListBaseComponent implements OnChanges, GestureListener {\r\n @Input() tcc: ListTilesContainerInterface;\r\n public dragFolderHilited: ListItem = null;\r\n public isOfficeAddin: boolean = Util.Device.bIsOfficeAddin;\r\n public showHoverItem: ListItem = null;\r\n private draggingListItem: ListItem = null;\r\n private draggingListItemIndex = -1;\r\n private noLoadMessage: string;\r\n private historyActions: string[] = null;\r\n\r\n constructor(protected listService: ListService, protected dataService: DataService, protected localizer: LocalizeService, protected changeRef: ChangeDetectorRef) {\r\n super(listService, dataService, localizer, changeRef);\r\n listService.max = 12;\r\n this.noLoadMessage = this.localizer.getTranslation('PLACEHOLDER.NO_ITEMS');\r\n }\r\n\r\n ngOnChanges(changes: {[propertyName: string]: SimpleChange}) {\r\n const chng: any = changes['desc'];\r\n if (chng) {\r\n const newDesc: any = chng.currentValue;\r\n if (newDesc.name===dragHoleKey || newDesc.lib===dragHoleKey) {\r\n this.reloading = false;\r\n return;\r\n }\r\n if (newDesc.id==='recentedits' || newDesc.id==='checkedout' || newDesc.id==='deleted' || newDesc.id==='public' || (newDesc.id==='' && newDesc.type==='workspaces') || (newDesc.id==='' && newDesc.type==='searches')) {\r\n Util.RestAPI.addToRefreshList(this);\r\n }\r\n this.reloading = true;\r\n setTimeout(() => {\r\n if (this.reloading) {\r\n this.reloading = false;\r\n this.changeRef.markForCheck();\r\n }\r\n }, 30000);\r\n }\r\n super.ngOnChanges(changes);\r\n }\r\n\r\n public listReplaced(): void {\r\n super.listReplaced();\r\n this.changeRef.markForCheck();\r\n }\r\n\r\n public listItemPreDragStart(listItem: ListItem, element: ElementRef) {\r\n this.draggingListItemIndex = this.list.indexOf(listItem);\r\n this.draggingListItem = new ListItem(listItem);\r\n this.list.splice(this.draggingListItemIndex,0,this.draggingListItem);\r\n this.tcc.listItemDragStarted(listItem, element);\r\n }\r\n public listItemDragMoved(listItem: ListItem, x: number, y: number, element: ElementRef) {\r\n this.tcc.listItemDragMoved(listItem, x, y, element);\r\n }\r\n public listItemDragEnded(listItem: ListItem, event: any, element: ElementRef) {\r\n this.tcc.listItemDragEnded(listItem, event, element);\r\n this.list.splice(this.draggingListItemIndex,1);\r\n this.draggingListItem = null;\r\n this.draggingListItemIndex = -1;\r\n }\r\n public listItemDragOver(listItem: ListItem, event: any): void {\r\n if (Util.dragHasJSON(event.dataTransfer)) {\r\n Util.RestAPI.showDropBanner(listItem.DOCNAME, 'HEADER.DRAG_CREATE_REF');\r\n } else {\r\n Util.RestAPI.showDropBanner(listItem.DOCNAME);\r\n }\r\n this.dragFolderHilited = listItem;\r\n }\r\n public listItemDragLeave(listItem: ListItem): void {\r\n if (this.dragFolderHilited===listItem) {\r\n this.dragFolderHilited = null;\r\n }\r\n }\r\n public listItemDrop(listItem: ListItem): void {\r\n this.tcc.dropHandled();\r\n if (this.dragFolderHilited===listItem) {\r\n // delay the reseting of the dragged into folder so the tile will ignore this drop\r\n setTimeout(() => {\r\n this.dragFolderHilited = null;\r\n }, 1);\r\n }\r\n }\r\n public overDragFolder(): ListItem {\r\n return this.dragFolderHilited;\r\n }\r\n public createTile(listItem: ListItem, atIndex: number): void {\r\n this.tcc.createTile(listItem, atIndex);\r\n }\r\n public profileItem(listItem: ListItem, securityControl: SecurityControl): void {\r\n this.listService.openMetadata(this.list,this.set,securityControl, listItem);\r\n }\r\n public emailItem(listItem: ListItem): void {\r\n Util.RestAPI.setCurList([listItem],this.set);\r\n Util.RestAPI.getAppComponent().doCommand('email');\r\n }\r\n public shareItem(listItem: ListItem): void {\r\n Util.RestAPI.setCurList([listItem],this.set);\r\n Util.RestAPI.getAppComponent().doCommand('shareonedrive');\r\n }\r\n public isHidden(): boolean {\r\n return this.tcc.isHidden();\r\n }\r\n\r\n public handleGesture(gesture: GestureKind, elem: ElementRef, target: any): boolean {\r\n if (!this.officeAddin) {\r\n const itemEl: any = Util.findSelfOrParentWithClass(target, 'edx_list_item_tile');\r\n const itemIndex: number = !!itemEl && !!itemEl.id && itemEl.id.startsWith('edx_list_item_tile_') ? parseInt(itemEl.id.substr(19)) : NaN;\r\n if (!isNaN(itemIndex)) {\r\n const item: ListItem = this.list[itemIndex];\r\n if (gesture===GestureKind.SwipeLeft) {\r\n this.showHoverItem = item;\r\n return true;\r\n } else if (gesture===GestureKind.SwipeRight) {\r\n this.showHoverItem = null;\r\n return true;\r\n }\r\n }\r\n }\r\n return false;\r\n }\r\n\r\n public formatAction(action: number, activityDesc?: string): string {\r\n let result: string;\r\n if (!this.historyActions) {\r\n this.historyActions = [];\r\n for (let actionIndex = 0; actionIndex <= Util.kMaxActivityTypes; actionIndex++) {\r\n if (this.desc.type === 'fileplans' && !!activityDesc) {\r\n this.historyActions.push(this.localizer.getTranslation('HISTORY_ACTIONS.' + actionIndex) + ': ' + activityDesc);\r\n } else {\r\n this.historyActions.push(this.localizer.getTranslation('HISTORY_ACTIONS.' + actionIndex));\r\n }\r\n }\r\n }\r\n if (action >= 0 && action < this.historyActions.length) {\r\n if ((this.desc.type === 'fileplans' || action === 49) && activityDesc) {\r\n result = this.historyActions[action] + ': ' + activityDesc;\r\n } else if (action === 0 && activityDesc) {\r\n result = activityDesc;\r\n } else {\r\n result = this.historyActions[action];\r\n }\r\n }\r\n return result;\r\n }\r\n}\r\n","import { Component, Input, OnInit, ViewChild, ChangeDetectionStrategy, ChangeDetectorRef } from '@angular/core';\r\n\r\nimport { Util, UserInterface } from '../utils/utils.module';\r\nimport { BaseDesc } from '../models/base';\r\nimport { SelectItem } from '../models/form-field';\r\nimport { ListItem, ListInterface, FilterListInterface } from '../models/list-item';\r\nimport { ColFormat } from '../models/column';\r\nimport { CommandHandler } from '../models/command-handler';\r\nimport { ListService } from '../services/list.service';\r\nimport { LocalizeService } from '../services/localize.service';\r\nimport { ListTableComponent, ListTableParent } from './list-table.component';\r\nimport { AppComponent } from '../app.component';\r\n\r\n@Component ({\r\n selector: 'edx-user-groups-picker',\r\n styleUrls: [ 'list-user-groups-picker.component.scss' ],\r\n providers: [ListService],\r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n template: `\r\n \r\n
\r\n `\r\n})\r\nexport class ListUserGroupPickerComponent extends ListInterface implements OnInit, ListTableParent, CommandHandler {\r\n public isPhoneLook: boolean;\r\n public showUsers: boolean;\r\n public groupsTitle: string;\r\n public userDesc: BaseDesc;\r\n public showResetBtn = false;\r\n public usersTitle: string;\r\n public leadingColums: number[] = [ColFormat.SELECTOR, ColFormat.OBJTYPE];\r\n public ui: UserInterface;\r\n protected officeAddin: boolean;\r\n private allGroupItemsIn = false;\r\n private allUserItemsIn = false;\r\n private listFilter = '';\r\n private usersFilter: string = null;\r\n private searchFilter: string = null;\r\n private app: AppComponent;\r\n private groupSelItems: SelectItem[];\r\n private userSelItems: SelectItem[];\r\n private previousGroupItem: ListItem;\r\n @Input() desc?: BaseDesc;\r\n @Input() filterForm: FilterListInterface;\r\n @Input() disableList: ListItem[] = null;\r\n @Input() tabIndex = 0;\r\n @ViewChild('grouptable') private groupTable: ListTableComponent;\r\n @ViewChild('usertable') private userTable: ListTableComponent;\r\n\r\n constructor(protected localizer: LocalizeService, protected changeRef: ChangeDetectorRef) {\r\n super();\r\n this.ui = Util.Device.ui;\r\n this.officeAddin = Util.Device.bIsOfficeAddin;\r\n this.groupsTitle = this.localizer.getTranslation('SECURITY.USER_GROUP.GROUPS');\r\n this.usersTitle = this.localizer.getTranslation('SECURITY.USER_GROUP.USERS');\r\n this.isPhoneLook = Util.Device.isPhoneLook();\r\n this.showUsers = !this.isPhoneLook;\r\n this.app = Util.RestAPI.getAppComponent();\r\n }\r\n\r\n ngOnInit(): void {\r\n if (!this.desc) {\r\n this.desc = {id:'_GROUPS_ENABLED',type:'lookups',lib:Util.RestAPI.getPrimaryLibrary()};\r\n }\r\n this.userDesc = {id:'_GROUP_MANAGER',type:'lookups',lib: this.desc.lib || Util.RestAPI.getPrimaryLibrary()};\r\n const setFilterList = () => {\r\n const items: SelectItem[] = !!this.filterForm ? this.filterForm.getList() : null;\r\n if (!!items && !!items.length) {\r\n this.groupSelItems = items.filter(i => i.value.indexOf('GROUP')!==-1);\r\n this.userSelItems = items.filter(i => i.value.indexOf('GROUP')===-1);\r\n if (this.isPhoneLook) {\r\n this.filterForm.setList(this.groupSelItems);\r\n }\r\n } else {\r\n setTimeout(() => {\r\n setFilterList();\r\n }, 200);\r\n }\r\n };\r\n setFilterList();\r\n }\r\n\r\n private reset(): void {\r\n setTimeout(() => {\r\n this.groupTable.setOpenedItem(null);\r\n this.userTable.clearList();\r\n this.usersTitle = this.localizer.getTranslation('SECURITY.USER_GROUP.USERS');\r\n this.searchFilter = null;\r\n this.usersFilter = null;\r\n this.filterForm.clear();\r\n this.showResetBtn = false;\r\n }, 200);\r\n }\r\n\r\n public getSelections(): ListItem[] {\r\n const groupItems: ListItem[] = this.groupTable.getSelections();\r\n const userItems: ListItem[] = this.userTable.getSelections();\r\n return groupItems ? groupItems.concat(userItems) : userItems;\r\n }\r\n\r\n // ListTableParent\r\n public selectionsUpdated(table: ListTableComponent): void {\r\n const groupItems: any[] = this.groupTable.getSelections();\r\n const userItems: any[] = this.userTable.getSelections();\r\n if (groupItems.length || userItems.length) {\r\n this.okDisabled = false;\r\n } else {\r\n this.okDisabled = true;\r\n }\r\n }\r\n\r\n public handleFilterChange(searchFilter: string, selKey: string): boolean {\r\n let rc = false;\r\n // Search filter determines the target list to search. If the focus was set\r\n // on a dufferent target, adjust it to point to the correct target list\r\n if (searchFilter) {\r\n if (searchFilter.includes('GROUP')) {\r\n selKey = 'GROUP_ID';\r\n } else if (searchFilter.includes('USER')) {\r\n selKey = 'USER_ID';\r\n }\r\n }\r\n if (!selKey || !searchFilter) {\r\n selKey = this.filterForm['sel'] ? this.filterForm['sel'].value : 'GROUP_ID';\r\n searchFilter = this.usersFilter;\r\n if (!!this.previousGroupItem) {\r\n this.groupTable.setOpenedItem(this.previousGroupItem);\r\n if (!this.isPhoneLook) {\r\n this.showResetBtn = true;\r\n }\r\n this.usersTitle = this.localizer.getTranslation('SECURITY.USER_GROUP.USERS') + ' ' + this.localizer.getTranslation('SECURITY.USER_GROUP.IN_GROUP', [this.previousGroupItem['GROUP_NAME']]);\r\n }\r\n }\r\n if (selKey==='GROUP_ID' || selKey==='GROUP_NAME') {\r\n rc = this.groupTable.handleFilterChange(searchFilter, selKey);\r\n this.usersTitle = this.localizer.getTranslation('SECURITY.USER_GROUP.USERS');\r\n this.searchFilter = null;\r\n this.usersFilter = null;\r\n this.userTable.clearList();\r\n } else {\r\n this.searchFilter = searchFilter;\r\n if (this.usersFilter) {\r\n if (searchFilter) {\r\n searchFilter += ' and ' + this.usersFilter;\r\n } else {\r\n searchFilter = this.usersFilter;\r\n }\r\n }\r\n if (searchFilter) {\r\n rc = this.userTable.handleFilterChange(searchFilter, selKey);\r\n } else {\r\n this.userTable.clearList();\r\n }\r\n }\r\n return rc;\r\n }\r\n\r\n public getFilterColumnsFromSchema(): any[] {\r\n const groupCols: any[] = !!this.groupTable ? this.groupTable.getFilterColumnsFromSchema() : null;\r\n const userCols: any[] = !!this.userTable ? this.userTable.getFilterColumnsFromSchema() : null;\r\n return !!groupCols && !!userCols ? groupCols.concat(userCols) : null;\r\n }\r\n\r\n public handleListItemClick(table: ListTableComponent, item: ListItem, event: Event, property: string): boolean {\r\n if (table===this.groupTable && property!=='select') {\r\n const groupItem: any = item;\r\n const newFilter: string = 'GROUP_ID='+groupItem.GROUP_ID;\r\n if (newFilter!==this.usersFilter) {\r\n this.usersFilter = newFilter;\r\n this.previousGroupItem = item;\r\n this.groupTable.setOpenedItem(item);\r\n this.userTable.handleFilterChange(this.usersFilter + (this.searchFilter ? (' and ' + this.searchFilter) : ''), 'GROUP_ID');\r\n if (this.filterForm && !this.searchFilter) {\r\n this.filterForm.clear();\r\n this.filterForm.setSelKey('USER_ID');\r\n }\r\n this.showUsers = true;\r\n this.usersTitle = this.localizer.getTranslation('SECURITY.USER_GROUP.USERS') + ' ' + this.localizer.getTranslation('SECURITY.USER_GROUP.IN_GROUP',[groupItem.GROUP_NAME]);\r\n if (this.isPhoneLook) {\r\n this.groupTable.tabIndex = -1;\r\n this.filterForm.setList(this.userSelItems);\r\n this.app.pushCommandHandler(this, 'popupok', this.localizer.getTranslation('FORMS.BUTTONS.CANCEL'), this.localizer.getTranslation('METADATA.SECURITY_ACTIONS.ADD'), this.localizer.getTranslation('FORMS.BUTTONS.OK'));\r\n } else {\r\n this.showResetBtn = true;\r\n }\r\n }\r\n return true;\r\n }\r\n return false;\r\n }\r\n\r\n public canSelectListItem(table: ListTableComponent, item: ListItem): boolean {\r\n let rc = true;\r\n if (this.disableList) {\r\n if (table===this.groupTable) {\r\n rc = !this.disableList.find(i => i['USER_ID'] === item['GROUP_ID']);\r\n } else {\r\n rc = !this.disableList.find(i => i['USER_ID'] === item['USER_ID']);\r\n }\r\n }\r\n return rc;\r\n }\r\n\r\n public commandEnabled(cmd: string): boolean {\r\n let enabled = false;\r\n switch (cmd) {\r\n case 'popupok':\r\n if (this.okDisabled) {\r\n break;\r\n }\r\n // fall thru\r\n case 'back':\r\n enabled = this.showUsers; break;\r\n }\r\n return enabled;\r\n }\r\n\r\n public doCommand(cmd: string): boolean {\r\n switch (cmd) {\r\n case 'back':\r\n if (this.showUsers) {\r\n this.showUsers = false;\r\n this.usersFilter = null;\r\n this.filterForm.setSelKey('GROUP_ID');\r\n this.filterForm.setList(this.groupSelItems);\r\n this.changeRef.markForCheck();\r\n if (this.isPhoneLook) {\r\n this.groupTable.tabIndex = this.tabIndex;\r\n }\r\n history.go(-1);\r\n return true;\r\n }\r\n break;\r\n case 'popupok':\r\n if (this.showUsers && !this.okDisabled) {\r\n this.showUsers = false;\r\n if (this.isPhoneLook) {\r\n this.groupTable.tabIndex = this.tabIndex;\r\n }\r\n history.go(-1);\r\n setTimeout(() => {\r\n this.app.cordovaRight();\r\n }, 300);\r\n return true;\r\n }\r\n break;\r\n }\r\n return false;\r\n }\r\n\r\n public getGroupTable(): any {\r\n if (!!this.groupTable) {\r\n return this.groupTable;\r\n }\r\n return null;\r\n }\r\n\r\n public changeList(right: boolean): void {\r\n const table = right ? this.userTable : this.groupTable;\r\n if (!!table) {\r\n table.focusOnListHeader();\r\n }\r\n }\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\n\r\nimport { ListItemPreviewComponent } from './list-item-preview.component';\r\nimport { ListItemTileComponent } from './list-item-tile.component';\r\nimport { ListTileComponent } from './list-tile.component';\r\nimport { ListBaseComponent } from './list-base.component';\r\nimport { ListTableComponent } from './list-table.component';\r\nimport { ListSummaryComponent } from './list-summary.component';\r\nimport { ListFolderPickerComponent } from './list-folder-picker.component';\r\nimport { ListUserGroupPickerComponent } from './list-user-groups-picker.component';\r\nimport { ListMobileComponent } from './list-mobile.component';\r\nimport { ListService } from '../services/list.service';\r\nimport { DirectivesModule } from '../directives/directives.module';\r\nimport { WidgetsModule } from '../widgets/widgets.module';\r\nimport { ListSecurityComponent } from './list-security.component';\r\n\r\n@NgModule({\r\n imports: [\r\n CommonModule,\r\n DirectivesModule,\r\n WidgetsModule\r\n ],\r\n providers: [\r\n ListService\r\n ],\r\n declarations: [\r\n ListBaseComponent,\r\n ListTileComponent,\r\n ListItemTileComponent,\r\n ListItemPreviewComponent,\r\n ListTableComponent,\r\n ListSummaryComponent,\r\n ListFolderPickerComponent,\r\n ListMobileComponent,\r\n ListSecurityComponent,\r\n ListUserGroupPickerComponent,\r\n ],\r\n exports: [\r\n ListBaseComponent,\r\n ListTileComponent,\r\n ListTableComponent,\r\n ListSummaryComponent,\r\n ListFolderPickerComponent,\r\n ListMobileComponent,\r\n ListSecurityComponent,\r\n ListUserGroupPickerComponent\r\n ]\r\n})\r\nexport class ListsModule { }\r\n","/**\r\n * Created by kevin on 2016-10-13.\r\n *\r\n * Column item for list display schema; display order set by schema's column list order\r\n *\r\n */\r\n\r\nconst DEFAULT_WIDTH = 200;\r\n\r\n// enumeration of column formatters\r\nexport const enum ColFormat {\r\n SELECTOR = 0, // selection checkbox\r\n NUMBER = 1, // plain old number\r\n STRING = 2, // plain old string\r\n DATE = 3, // date string\r\n OBJTYPE = 4, // obj type (icon with future overlays)\r\n STATUS = 5, // item status (icon and enumeration string)\r\n RIGHTS = 6, // access rights enumeration\r\n PATH = 7, // library/path with extender control\r\n EDITRIGHTS = 8, // access rights edit control\r\n ACTION = 9, // history action enumeration\r\n EXPANDER = 10, // expander for collapsed columns\r\n PROGRESS = 11, // progress bar indicator\r\n ENUMTEXT = 12, // text enumeration list stored as dictionary,\r\n IMAGE = 13, // icon or image path,\r\n CHECKBOX = 14 // checkbox but not the selector\r\n}\r\n\r\nexport interface ColumnDesc {\r\n label?: string;\r\n property?: string;\r\n format?: ColFormat;\r\n width?: number;\r\n minwidth?: number;\r\n img?: string;\r\n nonsortable?: boolean;\r\n readonly?: boolean;\r\n enums?: any;\r\n}\r\n\r\nexport class Column {\r\n public label: string; // column label - string or localization key\r\n public property: string; // name of column's primary property in associated data source\r\n public format: ColFormat; // data type\r\n public width: number; // display width in percent of table\r\n public img: string; // is an icon or image\r\n public minwidth: number; // minimum pixel width for 'master' column -> controls collapsing of subsequent columns\r\n public nonsortable: boolean; // not sortable if true\r\n public readonly: boolean; // things like checkboxes are not clickable if true\r\n public enums: any;\r\n\r\n constructor(desc: ColumnDesc) {\r\n this.label = desc.label || '';\r\n this.property = desc.property || null;\r\n this.format = desc.format || ColFormat.STRING;\r\n this.width = desc.width || 1;\r\n this.minwidth = desc.minwidth || -1;\r\n this.img = desc.img || null;\r\n this.nonsortable = desc.nonsortable || false;\r\n this.readonly = desc.readonly || false;\r\n this.enums = desc.enums || {};\r\n }\r\n}\r\n","/**\r\n * Created by kevin on 2016-10-27.\r\n *\r\n * CommandHandler - an interface to enable and execute commands from various controls\r\n *\r\n */\r\nimport { ElementRef } from '@angular/core';\r\nimport { MenuItem } from '../models/menu-item';\r\n\r\nexport interface MenuItemSetter {\r\n setMenuItems(menuItems: MenuItem[]): void;\r\n prependMenuItems(menuItems: MenuItem[]): void;\r\n getMenuItems(): MenuItem[];\r\n}\r\n\r\nexport interface CommandHandler {\r\n doCommand(cmd: string, disable?: boolean): boolean;\r\n commandEnabled?(cmd: string): boolean;\r\n checkCommand?(cmd: string, setChecked: boolean): boolean;\r\n commandChecked?(cmd: string): boolean;\r\n menuOpening?(menuItemSetter: MenuItemSetter, id: number): void;\r\n menuClosing?(menuItemSetter: MenuItemSetter, id: number): void;\r\n textEntered?(event: KeyboardEvent): void;\r\n textCleared?(): void;\r\n setTextInputElement?(textEl: ElementRef): void;\r\n}\r\n\r\nexport const enum SearchWhere { Global = 0, ContainerPlusSubs = 1, Container = 2 }\r\n\r\nexport class FormResult {\r\n public success: boolean;\r\n public data: any;\r\n}\r\n","import { ListItem } from './list-item';\r\n\r\nexport type tFilePickCB = (files: File[], paths: string[], success: boolean) => void;\r\nexport type tListPickCB = (list: any[], success: boolean) => void;\r\nexport type tListItemCB = (item: ListItem) => void;\r\n\r\nexport class FileFormInfo {\r\n public forms: string[];\r\n public profile_defaults: any[];\r\n public trustees: any[];\r\n public appID: string;\r\n public defForm: string;\r\n}\r\n\r\nexport class AppIDInfo {\r\n public profile_defaults: any;\r\n public trustees: any[];\r\n}\r\n\r\nexport class DataFile {\r\n public name;\r\n public size?: number;\r\n public lastModified?: string;\r\n public excludeAttachments?: boolean;\r\n public fromSaveAsDesc?: any; // the desc this save as was from\r\n public attachNum?: number; // 1st attachment is 1, 0 or undefined not an attachment\r\n public b64Data?: string; // either a file encoded b64\r\n public url?: string; // or\r\n public headers?: any; // an url with headers for the RestAPI to fetch\r\n public officeDoc?: any; // or an Office.context.document to get an Office.File that can be queried for bytes\r\n public templateDesc?: any; // the user is trying to use a template, we need a profile first and then the PFTA does the upload\r\n public externalName?: any; // file name on external application\r\n public listItemCB?: tListItemCB;// when a save as completes, this is the new DM Item\r\n}\r\n\r\n","/**\r\n * Created by kevin on 2016-11-09.\r\n *\r\n * Model for a form field\r\n *\r\n */\r\nimport { FormControl } from '@angular/forms';\r\n\r\n/*\r\nenum EditFlags\r\n{\r\n HasTableLookup = 0x00000002,\r\n HasPrompt = 0x00000004,\r\n AllUpper = 0x00000008,\r\n AllLower = 0x00000010,\r\n Password = 0x00000020,\r\n Required = 0x00000040,\r\n MultiLine = 0x00000080,\r\n VerticalScroll = 0x00000100,\r\n HorizontalScroll = 0x00000200,\r\n WordWrap = 0x00000400,\r\n AllowTabs = 0x00000800,\r\n LongData = 0x00001000,\r\n Grayed = 0x00002000,\r\n Locked = 0x00004000,\r\n Transparent = 0x00008000,\r\n ReadOnly = 0x00080000,\r\n ComboBox = 0x00100000,\r\n Keyword = 0x00200000,\r\n NamedObj = 0x00400000,\r\n ExclusiveObj = 0x00800000,\r\n Hidden = 0x01000000,\r\n Disabled = 0x02000000,\r\n Protected = 0x04000000,\r\n SaveBits = 0x08000000,\r\n Draggable = 0x10000000,\r\n Searchable = 0x20000000,\r\n ScreenPainter = 0x40000000\r\n}\r\n*/\r\n\r\nexport enum FieldFlags {\r\n FIELD_HASLOOKUP = 0x00000002, // not used\r\n FIELD_HASPROMPT = 0x00000004, // has prompt\r\n FIELD_UPPERCASE = 0x00000008, // display in all uppercase\r\n FIELD_LOWERCASE = 0x00000010, // display in all uppercase\r\n FIELD_PASSWORD = 0x00000020, // password field\r\n FIELD_REQUIRED = 0x00000040, // field required for validation\r\n FIELD_MULTILINE = 0x00000080, // field is multiline ( i.e. a \r\n
\r\n \r\n {{groupsTitle}}\r\n
\r\n \r\n =2 && !showUsers)?-1:tabIndex\"> \r\n
\r\n \r\n {{usersTitle}}\r\n \r\n
\r\n