<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_show.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='{query>/name}'>
    <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='{query>/name}'  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-options" id="subtask28358" height='100%'>
    <HBox visible='false' id='subtask28358-activeActions' class="mc-options-hbox" backgroundDesign="Solid" alignContent="SpaceAround" justifyContent='Center' >
      <Button 
      	class="optionsButton" 
      	icon="sap-icon://fa-regular/pen" type="Emphasized"       
        visible="{parts: [{value: 'ROLES.UPDATE_ALL'},{value: 'ROLES.UPDATE_LIMITED'}], formatter: '.checkScopes'}" 
        tooltip='{parts: [{value:"ACTIONS"}, {value:"MODIFY"}, {value:"MODIFY"}], formatter: "translate.Label.get"}'
        id='subtask28358-optionsButton-1'
      >
        <customData>
        <core:CustomData key="module" value="roles"/>
        <core:CustomData key="task" value="roles_mod"/>
        <core:CustomData key='field' value='id'/>
        <core:CustomData key='value' value='{query>/id}'/>
        </customData>
      </Button>
      <Button 
      	class="optionsButton" 
      	icon="sap-icon://fa-regular/file-pdf" 
        type="Emphasized"       
        visible="{parts: [{value: 'ROLES.READ_ALL'}], formatter: '.checkScopes'}" 
        tooltip='{parts: [{value:"ACTIONS"}, {value:"PDF"}, {value:"PDF"}], formatter: "translate.Label.get"}'
        id='subtask28358-optionsButton-3'
      >
      </Button>
      <Button 
      	class="optionsButton" 
      	icon="sap-icon://fa-regular/trash" 
        type="Emphasized"       
        visible="{parts: [{value: 'ROLES.DELETE_ALL'}, {value: 'ROLES.DELETE_LIMITED'}], formatter: '.checkScopes'}" 
        tooltip='{parts: [{value:"ACTIONS"}, {value:"DELETE"}, {value:"DELETE"}], formatter: "translate.Label.get"}'
        id='subtask28358-optionsButton-2'
      >
        <customData>
        <core:CustomData key="module" value="roles"/>
        <core:CustomData key="task" value="delete"/>
        <core:CustomData key='field' value='id'/>
        <core:CustomData key='value' value='{query>/id}'/>
        </customData>
      </Button>
    </HBox>
    <HBox visible='false' id='subtask28358-inactiveActions' class="mc-options-hbox" backgroundDesign="Solid" alignContent="SpaceAround" justifyContent='Center' >
      <Button 
      	class="optionsButton" 
        icon="sap-icon://fa-regular/recycle" 
        type="Emphasized"       
        visible="{parts: [{value: 'ROLES.UPDATE_ALL'},{value: 'ROLES.UPDATE_LIMITED'}], formatter: '.checkScopes'}" 
        tooltip='{parts: [{value:"ACTIONS"}, {value:"MODIFY"}, {value:"MODIFY"}], formatter: "translate.Label.get"}'
        id='subtask28358-reactive'
      >
        <customData>
        <core:CustomData key="module" value="roles"/>
        <core:CustomData key="task" value="delete"/>
        <core:CustomData key='field' value='id'/>
        <core:CustomData key='value' value='{query>/id}'/>
        </customData>
      </Button>
    </HBox>
	</VBox>
<VBox class='mc-show mc-form' backgroundDesign='Solid' alignContent='SpaceAround' id='subtask26409' >
    <Title text='{parts: [{value:"SUBTITLE"}, {value:"26409"}, {value:"SHOW"}], formatter: "translate.Label.get"}' level='H2'/>
    <IconTabBar expandable='false' class='mc-form-tabbar' id='subtask26409-iconTabBar'>
    <items>
      <IconTabFilter text='{parts: [{value:"TAB"}, {value:"57113"}, {value:"General Information"}], formatter: "translate.Label.get"}'>
      <f:Form editable='false'>
        <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:"code"}], formatter: "translate.Field.get"}' visible='{= ${path: "code", targetType: "any"} !== null}'>
      <f:fields>
      <Text text="{path: 'code',targetType: 'any'}"/>
      </f:fields>
      </f:FormElement>
      <f:FormElement label='{parts: [{value:"cfr_roles_bs"}, {value:"status"}], formatter: "translate.Field.get"}' visible='{= ${path: "status", targetType: "any"} !== null}'>
      <f:fields>
      <Text text="{path: '_status/name',targetType: 'any'}"/>
      </f:fields>
      </f:FormElement>
      <f:FormElement label='{parts: [{value:"cfr_roles_bs"}, {value:"cat_id"}], formatter: "translate.Field.get"}' visible='{= ${path: "cat_id", targetType: "any"} !== null}'>
      <f:fields>
      <Text text="{path: '_cat_id/name',targetType: 'any'}"/>
      </f:fields>
      </f:FormElement>
      <f:FormElement label='{parts: [{value:"cfr_roles_bs"}, {value:"type"}], formatter: "translate.Field.get"}' visible='{= ${path: "type", targetType: "any"} !== null}'>
      <f:fields>
      <Text text="{path: 'type',targetType: 'any'}"/>
      </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="None" 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>
      <IconTabFilter text='{parts: [{value:"TAB"}, {value:"57121"}, {value:"Other information"}], formatter: "translate.Label.get"}'>
      <f:Form editable='false'>
        <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:"comment"}], formatter: "translate.Field.get"}' visible='{= ${path: "comment", targetType: "any"} !== null}'>
      <f:fields>
      <Text text="{path: 'comment',targetType: 'any'}"/>
      </f:fields>
      </f:FormElement>
      <f:FormElement label='{parts: [{value:"cfr_roles_bs"}, {value:"date_create"}], formatter: "translate.Field.get"}' visible='{= ${path: "date_create", targetType: "any"} !== null}'>
      <f:fields>
      <Text text="{path: 'date_create', type: 'format.Date',targetType: 'any'}"/>
      </f:fields>
      </f:FormElement>
      <f:FormElement label='{parts: [{value:"cfr_roles_bs"}, {value:"user_create"}], formatter: "translate.Field.get"}' visible='{= ${path: "user_create", targetType: "any"} !== null}'>
      <f:fields>
      <Text text="{path: 'user_create',targetType: 'any'}"/>
      </f:fields>
      </f:FormElement>
      <f:FormElement label='{parts: [{value:"cfr_roles_bs"}, {value:"date_mod"}], formatter: "translate.Field.get"}' visible='{= ${path: "date_mod", targetType: "any"} !== null}'>
      <f:fields>
      <Text text="{path: 'date_mod', type: 'format.Date',targetType: 'any'}"/>
      </f:fields>
      </f:FormElement>
      <f:FormElement label='{parts: [{value:"cfr_roles_bs"}, {value:"user_mod"}], formatter: "translate.Field.get"}' visible='{= ${path: "user_mod", targetType: "any"} !== null}'>
      <f:fields>
      <Text text="{path: 'user_mod',targetType: 'any'}"/>
      </f:fields>
      </f:FormElement>
      </f:FormContainer>
      </f:formContainers>
      
      </f:Form>
      </IconTabFilter>
      
    </items>
    </IconTabBar>
  </VBox>
<VBox class='mc-items' backgroundDesign='Solid' alignContent='SpaceAround' id='subtask26872' width='100%'  visible='{parts: [{value: "USERS.READ_ALL"}], formatter: ".checkScopes"}'>
  <HBox width='100%' justifyContent='SpaceBetween' alignItems='Center' class='mc-items-toolbar'>
    <VBox class='mc-items-title-container'>
      <HBox justifyContent='Start' alignItems='Center'>
        <Title text='{parts: [{value:"ITEMS"}, {value:"26872"}, {value:"Nutzer"}], formatter: "translate.Label.get"}' level='H2' />
        <Button class='mc-items-expandButton' id='subtask26872-expandButton' icon='sap-icon://fa-solid/chevron-right' type='Transparent'/>
      </HBox>
      <HBox justifyContent='Start' alignItems='Center'>
        <Text           text="{= %{path: '$count', targetType: 'string'} !== null ? ${$count} + ' ' : '0 '}"           id='subtask26872-title'           class='sapUiTinyMarginEnd'         />
        <Text           text='{parts: [{value:"SUBTITLE"}, {value:"26872"}, {value:" Einträge"}], formatter: "translate.Label.get"}'           id='subtask26872-title-label'         />
      </HBox>
    </VBox>
    <HBox class='mc-items-toolbarButton-container'>
      <Input id='subtask26872-searchInput' placeholder='{parts: [{value:"SEARCH"}, {value:"26872"}, {value:"Suche"}], formatter: "translate.Label.get"}'/>
    </HBox>
  </HBox>
  <List items="{path: '/authuser'}" id='subtask26872-items' width='100%' visible='false'>
    <core:Fragment       fragmentName='sap.mcsuite.view.fragments.items.users_item'      type='XML'     />
  </List>
</VBox>
  </VBox>
  </HBox>
</VBox>
</mvc:View>