web.studio.upl.applicationstudio.upl Maven / Gradle / Ivy
// UPL template for application studio page
// Copyright 2021-2024 FlowCentral Technologies Limited.
//
// Licensed under the Apache License, Version 2.0 (the "License"); you may not
// use this file except in compliance with the License. You may obtain a copy of
// the License at
//
// http://www.apache.org/licenses/LICENSE-2.0
//
// Unless required by applicable law or agreed to in writing, software
// distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
// WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
// License for the specific language governing permissions and limitations under
// the License.
!ui-document layout:$d{!ui-desktoptype2 collapsibleSidebar:true} caption:$m{studio.application.document}
headerPanel:$c{topBanner} menuPanel:$c{menuColPanel} contentPanel:$c{content}
favicon:$s{web/images/favicon_studio.png}
script:$s{web/js/fabric.min.js}
script:$s{web/js/flowcentral-studio-web.js}
styleSheet:$t{css/flowcentral-studio.css}
pushUpdateBinding:clientPushSync
// Header
!ui-panel:topBanner styleClass:$e{fc-topbanner}
components:$c{topBannerImgBdy navigationBand topBannerControl userImg topBannerSwitch}
!ui-panel:topBannerImgBdy styleClass:$e{fc-topbannerimgbody} components:$c{topBannerImg}
!ui-image:topBannerImg src:$s{web/images/applicationstudiobanner.png} styleClass:$e{fc-topbannerimg}
!ui-panel:topBannerControl layout:$d{!ui-vertical style:$s{width:100%;}} styleClass:$e{fc-topbannercontrol}
components:$c{businessUnitLabel upperInfoBand lowerInfoBand}
!ui-panel:lowerInfoBand styleClass:$e{fc-userinfoband} components:$c{roleLabel clock}
!ui-textclock:clock
!ui-panel:upperInfoBand styleClass:$e{fc-userinfoband} components:$c{userLabel branchLabel}
!ui-labeledtext:userLabel caption:$m{application.login.user} maxLen:24
binding:$j{com.flowcentraltech.flowcentral.common.constants.FlowCentralSessionAttributeConstants.USERNAME}
!ui-labeledtext:roleLabel style:$s{cursor:pointer;} caption:$m{application.login.role} hint:$m{application.switchrole}
binding:$j{com.flowcentraltech.flowcentral.common.constants.FlowCentralSessionAttributeConstants.ROLEDESCRIPTION}
!ui-labeledtext:branchLabel caption:$m{application.login.branch}
binding:$j{com.flowcentraltech.flowcentral.common.constants.FlowCentralSessionAttributeConstants.BRANCHDESC}
!ui-labeledtext:businessUnitLabel style:$s{float:left;} caption:$m{security.application.businessunit}
binding:$j{com.flowcentraltech.flowcentral.common.constants.FlowCentralSessionAttributeConstants.BUSINESSUNITDESC}
!ui-image:userImg src:$t{/images/user_large.png} styleClass:$e{fc-topuserimg}
binding:userPhotoGenerator
eventHandler:$d{!ui-event event:onclick action:$c{userDetailsAct}}
!ui-panel:topBannerSwitch layout:$d{!ui-horizontal cellType:middle style:$s{width:100%;}} styleClass:$e{fc-topbannerswitch}
components:$c{newAppBtn currentAppLabel currentAppSel}
!ui-label:currentAppLabel caption:$m{studio.application.caption} styleClass:$s{fc-applicationlabel}
!ui-select:currentAppSel style:$s{width:220px;} list:$s{devapplicationlist} binding:currentApplicationId
blankOption:$m{studio.application.utilities}
eventHandler:$d{!ui-event event:onchange action:$c{currentAppChangeAct}}
!ui-button:newAppBtn caption:$m{button.newapplication} styleClass:$e{fc-actbutton} debounce:false
style:$s{margin-right:14px;}
eventHandler:$d{!ui-event event:onclick action:$c{newAppAct}}
!ui-panel:navigationBand styleClass:$e{fc-topnavcontrol} components:$c{logoutLabel}
!ui-button:logoutLabel caption:$m{application.logout} styleClass:$e{fc-logout}
eventHandler:$d{!ui-event event:onclick action:$c{logoutAct}} debounce:false
// Menu
!ui-panel:menuColPanel style:$s{height: 100%;} components:$c{studioMenuPanel}
!fc-studiomenu:studioMenuPanel searchable:true
// Content
!ui-contentpanel:content styleClassBinding:$e{fc-content-tabbed}
paths:$s{/applicationstudio/dashboard/openPage} tabbed:true
documentPath:$s{/applicationstudio} titleUppercase:false
// New application dialog
!fc-newapplicationdialogpanel:createApplicationPopup style:$s{width:740px;}
dialogCaption:$m{studio.application.new}
createAppBinding:createAppForm
dialogCreateApplicationPath:$n{/createApplication}
closeDialogPath:$n{/cancelCreateApplication}
// Show user details popup
!fc-userdetailspanel:userDetailsPopup dialogCaption:$m{application.user.details}
imageGenBinding:userPhotoGenerator
// Text template pop up
!fc-texttemplatepanel:textTemplatePopup binding:$w{}
// Quick table edit
!fc-quicktableeditpanel:quickTableEditPopup binding:$w{}
// Quick table order
!fc-quicktableorderpanel:quickTableOrderPopup binding:$w{}
// Quick form edit
!fc-quickformeditpanel:quickFormEditPopup binding:$w{}
//Actions
!ui-post:userDetailsAct path:$n{/showUserDetails}
!ui-post:currentAppChangeAct path:$n{/switchApplication} components:$c{currentAppSel}
!ui-post:createApplicationAct path:$n{/createApplication}
!ui-post:newAppAct path:$n{/showCreateApplication}
!ui-post:logoutAct path:$n{/logOut} confirm:$m{application.logout.confirm}