<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.shops_emails.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:"7191"}, {value:"Email changes"}], 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:"7191"}, {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 id='subtaskShopsEmailsList' class='treeview'>
  <t:Table rows="{ path: '/crm_shops_dt', parameters: {$count: true, $filter: 'status lt 90'}}" selectionMode='None' columnHeaderHeight='20px' class='' rowActionCount='1' id='subtaskShopsEmailsList-table' threshold='{$count}'
>
<t:rowMode>
<rowmodes:Fixed rowCount='20' rowContentHeight="48"/>
</t:rowMode>
  <t:extension>
     <OverflowToolbar style='Clear' class='mc-table-toolbar'>
     <Title text='{parts: [{value:"SUBTITLE"}, {value:"ShopsEmailsList"}, {value:""}], formatter: "translate.Label.get"}' /> 
     <ToolbarSpacer/> 
     <HBox id='subtaskShopsEmailsList-filters' class='mc-table-filter-container' alignItems='Center' justifyContent='Start' items='{filters>/filters}' wrap='Wrap' width='70%'>
     <Button icon='sap-icon://fa-light/xmark' tooltip='Filter' text='{path: "filters>label"}' press='utils.ColumnMenu.removeFilter' class='sapUiSmallMarginEnd'/>
     </HBox>
     <ToolbarSpacer/>
     <!-- <Text id='subtaskShopsEmailsList-title' text='{$count}'/>
     <Text text='{parts: [{value:"LITERAL"}, {value:"ENTRIES"}, {value:"ENTRIES"}], formatter: "translate.Label.get"}'/> -->
     <!-- <Button id='subtaskShopsEmailsList-personalizeButton' icon='sap-icon://fa-light/gear' tooltip='Personalize'/>
     <Button id='subtaskShopsEmailsList-copyButton' icon='sap-icon://fa-light/copy' tooltip='Copy to clipboard'/>
     <Button id='subtaskShopsEmailsList-exportButton' icon='sap-icon://fa-light/file-excel' tooltip='Export as Exel'/> -->
    <Button
      id='EMSEmailsSubmitButton'
      text="{parts: [{value:'LITERAL'}, {value:'SAVE'}, {value: 'Speichern'}], formatter: 'translate.Label.get'}"
    >
    </Button>
    </OverflowToolbar>
  </t:extension>
  <t:dependents>
    <tcm:Menu id='subtaskShopsEmailsList-dateMenu' beforeOpen='utils.ColumnMenu.onBeforeOpen'>
      <tcm:QuickAction category='Filter'>
        <HBox alignItems='Center'>
          <DateRangeSelection change='utils.ColumnMenu.onDateRangeChange' displayFormat='dd.MM.yyyy'>
          </DateRangeSelection>
          <Button class='no-border menu-button' icon='sap-icon://fa-light/trash' press='utils.ColumnMenu.onClearFilter'           tooltip='{parts: [{value:"LABEL"}, {value:"CLEAR FILTERS"}, {value:"Filter leeren"}], formatter: "translate.Label.get"}'/>
        </HBox>
      </tcm:QuickAction>
    </tcm:Menu>
    <tcm:Menu id='subtaskShopsEmailsList-stringMenu' beforeOpen='utils.ColumnMenu.onBeforeOpen'>
      <tcm:QuickAction category='Filter'>
        <HBox alignItems='Center'>
          <Input submit='utils.ColumnMenu.onStringInputChange'>
          </Input>
          <Button class='no-border menu-button' icon='sap-icon://fa-light/trash' press='utils.ColumnMenu.onClearFilter'           tooltip='{parts: [{value:"LABEL"}, {value:"CLEAR FILTERS"}, {value:"Filter leeren"}], formatter: "translate.Label.get"}'/>
        </HBox>
      </tcm:QuickAction>
    </tcm:Menu>
    <tcm:Menu id='subtaskShopsEmailsList-integerMenu' beforeOpen='utils.ColumnMenu.onBeforeOpen'>
      <tcm:QuickAction category='Filter'>
        <HBox alignItems='Center'>
          <Input submit='utils.ColumnMenu.onIntegerInputChange'>
          </Input>
          <Button class='no-border menu-button' icon='sap-icon://fa-light/trash' press='utils.ColumnMenu.onClearFilter'
           tooltip='{parts: [{value:"LABEL"}, {value:"CLEAR FILTERS"}, {value:"Filter leeren"}], formatter: "translate.Label.get"}'/>
        </HBox>
      </tcm:QuickAction>
    </tcm:Menu>
  </t:dependents>
  <t:columns>
    <t:Column width='auto' sortProperty='_shop_id/sap_number' filterProperty='_shop_id/sap_number' resizable='true'>
      <Label text='{parts: [{value:"LABEL"}, {value:"Objektnr."}], formatter: "translate.Label.get"}'/>
      <t:template>  
        <Text wrapping='false' text='{_shop_id/sap_number}' />
      </t:template>
    </t:Column>
    <t:Column width='auto' sortProperty='_shop_id/name' filterProperty='_shop_id/name' resizable='true'>
      <Label text='{parts: [{value:"LABEL"}, {value:"Objektname"}], formatter: "translate.Label.get"}'/>
      <t:template>
        <Text wrapping='false' text='{_shop_id/name}' />
      </t:template>
    </t:Column>
    <t:Column width='auto' sortProperty='name' filterProperty='name' resizable='true'>
      <Label text='{parts: [{value:"LITERAL"}, {value:"CHANGES"}], formatter: "translate.Label.get"}'/>
      <t:template> 
        <Text wrapping='false' text='{name}' />
      </t:template>
    </t:Column>
    <t:Column width='auto' sortProperty='email' filterProperty='email' resizable='true'>
      <Label text='{parts: [{value:"crm_shops_dt"}, {value:"email"}], formatter: "translate.Field.get"}'/>
      <t:template>
        <Text wrapping='false' text='{email}' />
      </t:template>
    </t:Column>
    <t:Column width='auto' sortProperty='date_mod' filterProperty='date_mod' resizable='true'>
      <Label text='{parts: [{value:"crm_alerts_bs"}, {value:"date_mod"}], formatter: "translate.Field.get"}'/>
      <t:template><Text wrapping='false' text="{ path: 'date_mod', type: 'format.Date',  formatOptions: { } }" />
      </t:template>
    </t:Column>
    <t:Column width="auto" resizable="true">
        <Label text='{parts: [{value:"LABEL"}, {value:"Aktualisiert in EMS?"}], formatter: "translate.Label.get"}'/>
        <t:template>
            <CheckBox id="EMSemailCheckbox" selected="false" />
        </t:template>
    </t:Column> 
  </t:columns>
</t:Table>
</VBox>
  </VBox>
  </HBox>
</VBox>
</mvc:View>