<mvc:View xmlns:rowmodes='sap.ui.table.rowmodes' xmlns:mvc='sap.ui.core.mvc' xmlns='sap.m' xmlns:core='sap.ui.core' xmlns:t='sap.ui.table' xmlns:l='sap.ui.layout' xmlns:f='sap.ui.layout.form' xmlns:mc='sap.mcsuite.controls' xmlns:dnd='sap.ui.core.dnd' controllerName='sap.mcsuite.modules.roles.tasks.roles_add.controller.Task' xmlns:utils='sap.mcsuite.model.utils' xmlns:cssgrid='sap.ui.layout.cssgrid' xmlns:tcm='sap.m.table.columnmenu' core:require="{
    format: 'sap/mcsuite/model/Format', 
    translate: 'sap/mcsuite/model/Translate', 
    utils: 'sap/mcsuite/model/Utils'
  }" >
<cssgrid:CSSGrid id='header' class='header-container' width='100%' gridTemplateColumns='1fr 1fr 1fr'>
<HBox id='breadcrumb' class='breadcrumb-container' alignItems='Start' justifyContent='Start'>
  <Breadcrumbs class='breadcrumb' separatorStyle='Slash' currentLocationText='{parts: [{value:"BREADCRUMB"}, {value:"6922"}, {value:"Add"}], formatter: "translate.Label.get"}'>
    <Link id='homeLink' press='goHome' text='Home' icon='sap-icon://home'/>
    <Link id='moduleLink' press='taskNav' text='{parts: [{value:"FOLDER"}, {value:"ROLES"}, {value:""}], formatter: "translate.Label.get"}'>
      <customData>
        <core:CustomData key='module' value='roles'/>
        <core:CustomData key='task' value='index'/>
      </customData>
    </Link>
    </Breadcrumbs>
    </HBox>
<HBox id='title' class='title-container' alignItems='Center' justifyContent='Center'>
    <Title text='{parts: [{value:"TASK"}, {value:"6922"}, {value:""}], formatter: "translate.Label.get"}' level='H1'/>
</HBox>
<HBox id='quicksearch' class='quicksearch-container' alignItems='Center' justifyContent='Center'>
</HBox>
  </cssgrid:CSSGrid>
<VBox id='content' class='content-container' alignItems='Start' justifyContent='Start' width='100%' wrap='Wrap'>
  <HBox class='options hidden-if-empty' width='100%'>
  </HBox>
  <HBox class='aside-main-container' width='100%'>
  <VBox class='aside hidden-if-empty'>
  </VBox>
  <VBox class='main'>
<VBox class='mc-form' backgroundDesign='Solid' alignContent='SpaceAround' id='subtask26334' >
    <Title text='{parts: [{value:"SUBTITLE"}, {value:"26334"}, {value:"Add"}], formatter: "translate.Label.get"}' level='H2'/>
    <IconTabBar expandable='false' class='mc-form-tabbar' id='subtask26334-iconTabBar'>
    <items>
      <IconTabFilter text='{parts: [{value:"TAB"}, {value:"56791"}, {value:"General Information"}], formatter: "translate.Label.get"}'>
      <f:Form editable='true'>
        <f:layout>
        <f:ResponsiveGridLayout
         labelSpanXL='2'
         labelSpanL='2'
         labelSpanM='2'
         labelSpanS='2'
         adjustLabelSpan='true'
         emptySpanXL='0'
         emptySpanL='4'
         emptySpanM='0'
         emptySpanS='0'
         columnsXL='1'
         columnsL='1'
         columnsM='1'
         singleContainerFullSize='true'
        />
        </f:layout>
      <f:formContainers>
      <f:FormContainer>
      <f:FormElement label='{parts: [{value:"cfr_roles_bs"}, {value:"name"}], formatter: "translate.Field.get"}'>
      <f:fields>
      <Input value="{path: 'newEntity>/name'}">
      	<customData>
      	   <core:CustomData key='mandatory' value='false'/>
       </customData>
      </Input>
      </f:fields>
      </f:FormElement>
      <f:FormElement label='{parts: [{value:"cfr_roles_bs"}, {value:"type"}], formatter: "translate.Field.get"}'>
      <f:fields>
				<Input  
          showValueHelp='true' 
          selectedKey="{path: 'newEntity>/type', targetType: 'string', type: 'sap.ui.model.type.String', formatOptions: { groupingEnabled: false }}" 
          valueHelpRequest='onValueHelpRequest' 
          class='mc-add-select' 
          editable='true' 
          valueHelpIconSrc='sap-icon://fa-solid/chevron-down' 
        > 
         <customData>
           <core:CustomData key='mandatory' value='false'/>
           <core:CustomData key='table' value=''/>
           <core:CustomData key='title' value='{parts: [{value:"cfr_roles_bs"}, {value:"type"}], formatter: "translate.Field.get"}' />
           <core:CustomData key='type' value='static'/> 
         </customData>
         <suggestionItems> 
           <core:Item key='ALL' text='{parts: [{value:"LABEL"}, {value:"ROLES_TYPE_ALL"}, {value:"Allgemeiner Zugang"}], formatter: "translate.Label.get"}' /> 
           <core:Item key='LIMITED' text='{parts: [{value:"LABEL"}, {value:"ROLES_TYPE_LIMITED"}, {value:"Limitierter Zugang"}], formatter: "translate.Label.get"}' /> 
         </suggestionItems> 
        </Input>
      </f:fields>
      </f:FormElement>
      <f:FormElement label='{parts: [{value:"cfr_roles_bs"}, {value:"cat_id"}], formatter: "translate.Field.get"}'>
      <f:fields>
      <Input showValueHelp='true' selectedKey="{path: 'newEntity>/cat_id', targetType: 'string', type: 'sap.ui.model.type.Integer', formatOptions: { groupingEnabled: false }}" suggestionItems="{path: '/cfr_roles_lk'}" valueHelpRequest='onValueHelpRequest' class='mc-add-select' editable='true' valueHelpIconSrc='sap-icon://fa-solid/chevron-down'>
       <customData>
         <core:CustomData key='mandatory' value='false'/>
         <core:CustomData key='table' value='cfr_roles_lk'/>
        </customData>
        <core:Item key="{path: 'id', type: 'sap.ui.model.type.Integer', formatOptions: { groupingEnabled: false }}" text='{name}'/>
      </Input>
      </f:fields>
      </f:FormElement>
      <f:FormElement label='{parts: [{value:"cfr_roles_bs"}, {value:"comment"}], formatter: "translate.Field.get"}'>
      <f:fields>
      <TextArea value='{newEntity>/comment}' growing='true' wrapping='Soft' />
      </f:fields>
      </f:FormElement>
      </f:FormContainer>
      </f:formContainers>
      </f:Form>
      </IconTabFilter>
      <IconTabFilter text='{parts: [{value:"LABEL"}, {value:"SCOPES"}, {value:"Berechtigungen"}], formatter: "translate.Label.get"}'>
      <f:Form editable='true' width="100%">
        <f:layout>
        <f:ResponsiveGridLayout
         labelSpanXL='2'
         labelSpanL='2'
         labelSpanM='2'
         labelSpanS='2'
         adjustLabelSpan='true'
         emptySpanXL='0'
         emptySpanL='0'
         emptySpanM='0'
         emptySpanS='0'
         columnsXL='1'
         columnsL='1'
         columnsM='1'
         singleContainerFullSize='true'
        />
        </f:layout>
      <f:formContainers>
      <f:FormContainer>
      <!-- Tree List with all available scopes from the roles_aux -->
      <f:FormElement>
        <Tree id="roles-add-tree" items="{path: 'scopes>/scopes', parameters: {arrayNames: ['scopes']}}" mode="MultiSelect" selectionChange="utils.Role.onAddRowSelectionChange" class="mc-tree-table" width="100%">
            <CustomTreeItem
              selected="{scopes>selected}"
            >
              <cssgrid:CSSGrid
                class="mc-tree-table-item"
                width="100%"
                gridTemplateColumns="1fr 1fr"
              >
              <Text 
                text="{scopes>code}"
                class="mc-tree-table-item-text"
              ></Text>
              <Text 
                text="{scopes>name}"
                class="mc-tree-table-item-text"
                wrapping="true"
              ></Text>
              </cssgrid:CSSGrid>
            </CustomTreeItem>
        </Tree>
      </f:FormElement>
      </f:FormContainer>
      </f:formContainers>
      </f:Form>
      </IconTabFilter>
    </items>
    </IconTabBar>
    <HBox width='100%' alignItems='Center' justifyContent='Center'>
      <Button text='{parts: [{value:"BUTTON"}, {value:"26334"}, {value:"Save"}], formatter: "translate.Label.get"}' id='subtask26334-submitButton'>
        <customData>
          <core:CustomData key='module' value='roles'/>
          <core:CustomData key='task' value='roles_show'/>
          <core:CustomData key='field' value='id'/>
          <core:CustomData key='value' value='{id}'/>
        </customData>
      </Button>
    </HBox>
  </VBox>
  </VBox>
  </HBox>
</VBox>
</mvc:View>