<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.contacts.tasks.daks_connections.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:"7037"}, {value:"Connection types"}], 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:"CONTACTS"}, {value:""}], formatter: "translate.Label.get"}'>
      <customData>
        <core:CustomData key='module' value='contacts'/>
        <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:"7037"}, {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-datagrid' backgroundDesign='Solid' alignContent='SpaceAround' id='subtask27144' >
  <t:Table rows="{ 
  path: '/daks_connection_types_lk', 
  parameters: {$$updateGroupId: 'updateGroup1'} 
}" selectionMode='None' columnHeaderHeight='20px' class='' rowActionCount='1' id='subtask27144-datagrid' threshold='100'
>
<t:rowMode>
<rowmodes:Fixed rowCount='20'/>
</t:rowMode>
  <t:extension>
     <OverflowToolbar style='Clear'>
     <Title text='{parts: [{value:"SUBTITLE"}, {value:"27144"}, {value:"Update connections"}], formatter: "translate.Label.get"}' />
     <ToolbarSpacer/>
     </OverflowToolbar>
  </t:extension>
  <t:columns>
    <t:Column width='auto' sortProperty='id' filterProperty='id' resizable='true'>
      <Label text='{parts: [{value:"daks_connection_types_lk"}, {value:"id"}], formatter: "translate.Field.get"}'/>
      <t:template>
<VBox class='mc-datagrid-field'>
<Text text='{id}' wrapping='false'/></VBox>
</t:template>
    </t:Column>
    <t:Column width='auto' sortProperty='name' filterProperty='name' resizable='true'>
      <Label text='{parts: [{value:"daks_connection_types_lk"}, {value:"name"}], formatter: "translate.Field.get"}'/>
      <t:template>
<VBox class='mc-datagrid-field'>
<Text text='{name}' wrapping='false'/><Input value='{name}' visible='false'/></VBox>
</t:template>
    </t:Column>
    <t:Column width='auto' sortProperty='active' filterProperty='active' resizable='true'>
      <Label text='{parts: [{value:"daks_connection_types_lk"}, {value:"active"}], formatter: "translate.Field.get"}'/>
      <t:template>
<HBox class='mc-datagrid-field' alignItems='Center'>
<Text text="{ value: 'true', type: 'format.Boolean',  formatOptions: { } }" />
<CheckBox selected='{active}'/>
</HBox>
</t:template>
    </t:Column>
    <t:Column width='auto' sortProperty='pos' filterProperty='pos' resizable='true'>
      <Label text='{parts: [{value:"daks_connection_types_lk"}, {value:"pos"}], formatter: "translate.Field.get"}'/>
      <t:template>
<VBox class='mc-datagrid-field'>
<Text text='{pos}' wrapping='false'/><Input value='{pos}' visible='false'/></VBox>
</t:template>
    </t:Column>
    <t:Column width='auto' sortProperty='code' filterProperty='code' resizable='true'>
      <Label text='{parts: [{value:"daks_connection_types_lk"}, {value:"code"}], formatter: "translate.Field.get"}'/>
      <t:template>
<VBox class='mc-datagrid-field'>
<Text text='{code}' wrapping='false'/></VBox>
</t:template>
    </t:Column>
    <t:Column width='auto' sortProperty='type' filterProperty='type' resizable='true'>
      <Label text='{parts: [{value:"daks_connection_types_lk"}, {value:"type"}], formatter: "translate.Field.get"}'/>
      <t:template>
<VBox class='mc-datagrid-field'>
<Text text='{type}' wrapping='false'/></VBox>
</t:template>
    </t:Column>
    <t:Column width='auto' sortProperty='icon' filterProperty='icon' resizable='true'>
      <Label text='{parts: [{value:"daks_connection_types_lk"}, {value:"icon"}], formatter: "translate.Field.get"}'/>
      <t:template>
<VBox class='mc-datagrid-field'>
<Text text='{icon}' wrapping='false'/><Input value='{icon}' visible='false'/></VBox>
</t:template>
    </t:Column>
  </t:columns>
</t:Table>
</VBox>
  <VBox class='mc-form' backgroundDesign='Solid' alignContent='SpaceAround' id='subtask27145' >
    <Title text='{parts: [{value:"SUBTITLE"}, {value:"27145"}, {value:"Add connection"}], formatter: "translate.Label.get"}' level='H2'/>
      <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:"daks_connection_types_lk"}, {value:"name"}], formatter: "translate.Field.get"}'>
      <f:fields>
      <Input id='mc_name_field'  class='mc-add-input' value="{path: 'newEntity>/name'}">
      	<customData>
      	   <core:CustomData key='mandatory' value='false'/>
       </customData>
      </Input>
      </f:fields>
      </f:FormElement>
      <f:FormElement label='{parts: [{value:"daks_connection_types_lk"}, {value:"active"}], formatter: "translate.Field.get"}'>
      <f:fields>
      <CheckBox id='mc_active_field' selected="{path: 'newEntity>/active', type: 'format.BooleanString'}">
      	<customData>
      	   <core:CustomData key='mandatory' value='false'/>
       </customData>
      </CheckBox>
      </f:fields>
      </f:FormElement>
      <f:FormElement label='{parts: [{value:"daks_connection_types_lk"}, {value:"code"}], formatter: "translate.Field.get"}'>
      <f:fields>
      <Input id='mc_code_field'  class='mc-add-input' value="{path: 'newEntity>/code'}">
      	<customData>
      	   <core:CustomData key='mandatory' value='false'/>
       </customData>
      </Input>
      </f:fields>
      </f:FormElement>
      <f:FormElement label='{parts: [{value:"daks_connection_types_lk"}, {value:"type"}], formatter: "translate.Field.get"}'>
      <f:fields>
      <Input id='mc_type_field'  
        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:"daks_connection_types_lk"}, {value:"type"}], formatter: "translate.Field.get"}' />
         <core:CustomData key='type' value='static'/> 
       </customData>
       <suggestionItems> 
         <core:Item key='INTERN' text='INTERN' /> 
         <core:Item key='EXTERN' text='EXTERN' /> 
         <core:Item key='PAGER' text='PAGER' /> 
         <core:Item key='EMAIL' text='EMAIL' /> 
       </suggestionItems> 
      </Input>
      </f:fields>
      </f:FormElement>
      <f:FormElement label='{parts: [{value:"daks_connection_types_lk"}, {value:"icon"}], formatter: "translate.Field.get"}'>
      <f:fields>
      <Input id='mc_icon_field'  class='mc-add-input' value="{path: 'newEntity>/icon'}">
      	<customData>
      	   <core:CustomData key='mandatory' value='false'/>
       </customData>
      </Input>
      </f:fields>
      </f:FormElement>
      </f:FormContainer>
      </f:formContainers>
      </f:Form>
    <HBox width='100%' alignItems='Center' justifyContent='Center'>
      <Button text='{parts: [{value:"BUTTON"}, {value:"27145"}, {value:"Save"}], formatter: "translate.Label.get"}' id='subtask27145-submitButton'>
        <customData>
          <core:CustomData key='module' value='contacts'/>
          <core:CustomData key='task' value='daks_connections'/>
          <core:CustomData key='field' value=''/>
          <core:CustomData key='value' value='{}'/>
        </customData>
      </Button>
    </HBox>
  </VBox>
  </VBox>
  </HBox>
</VBox>
</mvc:View>