<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.shops.tasks.nielsen_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='{parts: [{value:"BREADCRUMB"}, {value:"2710"}, {value:"Nielsen"}], 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:"SHOPS"}, {value:""}], formatter: "translate.Label.get"}'>
      <customData>
        <core:CustomData key='module' value='shops'/>
        <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:"2710"}, {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='subtask6182' >
  <t:Table rows="{ 
  path: '/crm_clients_nielsen_lk', 
  parameters: {$$updateGroupId: 'updateGroup1'} 
}" selectionMode='None' columnHeaderHeight='20px' class='' rowActionCount='1' id='subtask6182-datagrid' threshold='100'
>
<t:rowMode>
<rowmodes:Fixed rowCount='20'/>
</t:rowMode>
  <t:extension>
     <OverflowToolbar style='Clear'>
     <Title text='{parts: [{value:"SUBTITLE"}, {value:"6182"}, {value:"Area de Nielsen"}], formatter: "translate.Label.get"}' />
     <ToolbarSpacer/>
     </OverflowToolbar>
  </t:extension>
  <t:columns>
    <t:Column width='auto' sortProperty='id' filterProperty='id' resizable='true'>
      <Label text='{parts: [{value:"crm_clients_nielsen_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:"crm_clients_nielsen_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='cp' filterProperty='cp' resizable='true'>
      <Label text='{parts: [{value:"crm_clients_nielsen_lk"}, {value:"cp"}], formatter: "translate.Field.get"}'/>
      <t:template>
<VBox class='mc-datagrid-field'>
<Text text='{cp}' wrapping='false'/><Input value='{cp}' visible='false'/></VBox>
</t:template>
    </t:Column>
  </t:columns>
</t:Table>
</VBox>
  <VBox class='mc-form' backgroundDesign='Solid' alignContent='SpaceAround' id='subtask6183' >
    <Title text='{parts: [{value:"SUBTITLE"}, {value:"6183"}, {value:"Agregar Area de Nielsen"}], 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:"crm_clients_nielsen_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:FormContainer>
     <f:FormContainer text='{parts: [{value:"ADD"}, {value:"26324"}, {value:"Se deben separar los diferentes areas de codigos postales con ;"}], formatter: "translate.Label.get"}'>
      <f:FormElement label='{parts: [{value:"crm_clients_nielsen_lk"}, {value:"cp"}], formatter: "translate.Field.get"}'>
      <f:fields>
      <TextArea id='mc_cp_field'  value='{newEntity>/cp}' class='mc-add-textarea' growing='true' wrapping='soft' />
      </f:fields>
      </f:FormElement>
      </f:FormContainer>
      </f:formContainers>
      </f:Form>
    <HBox width='100%' alignItems='Center' justifyContent='Center'>
      <Button text='{parts: [{value:"BUTTON"}, {value:"6183"}, {value:"Agregar"}], formatter: "translate.Label.get"}' id='subtask6183-submitButton'>
        <customData>
          <core:CustomData key='module' value='shops'/>
          <core:CustomData key='task' value='nielsen_show'/>
          <core:CustomData key='field' value=''/>
          <core:CustomData key='value' value='{}'/>
        </customData>
      </Button>
    </HBox>
  </VBox>
  </VBox>
  </HBox>
</VBox>
</mvc:View>