<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_alarms.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:"TASK"}, {value:"7038"}, {value:""}], 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:"7038"}, {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='public-alerts-list'
                    width="100%"
                >
                    <List
                        width="100%"
                        items="{alerts>/alerts}"
                        multiSelectMode="ClearAll"
                        rememberSelections="true"
                        mode="MultiSelect"
                        id="publicAlertsList"
                    >
                        <headerToolbar>
                            <Toolbar>
                                <Title
                                    text="{parts: [{value:'LABEL'}, {value:'ADD_CONTACT_TO_GROUP'}, {value: 'Teilnehmer zu Alarmgruppen hinzuf?gen'}], formatter: 'translate.Label.get'}"
                                />
                                <ToolbarSpacer />
                                <Input
                                    width="20%"
                                    tooltip="{parts: [{value:'LITERAL'}, {value:'SEARCH'}, {value: 'Suchen'}], formatter: 'translate.Label.get'}"
                                    placeholder="{parts: [{value:'LITERAL'}, {value:'SEARCH'}, {value: 'Suchen'}], formatter: 'translate.Label.get'}"
                                    liveChange="utils.AlertDetail.onPublicGroupsSearchLiveChange"
                                    class="SapUiSmallMarginEnd"
                                />
                                <Button
                                    id='publicAlertsListSubmitButton'
                                    text="{parts: [{value:'LITERAL'}, {value:'SAVE'}, {value: 'Speichern'}], formatter: 'translate.Label.get'}"
                                >
                                    <customData>
                                        <core:CustomData
                                            key='id'
                                            value='{query>/id}'
                                        />
                                        <core:CustomData
                                            key='prio'
                                            value='{query>/position}'
                                        />
                                    </customData>
                                </Button>
                            </Toolbar>
                        </headerToolbar>
                        <CustomListItem selected="{alerts>selected}">
                            <customData>
                                <core:CustomData
                                    key='id'
                                    value="{alerts>id}"
                                />
                            </customData>
                            <Text
                                text="{alerts>field_free4}"
                                class="sapUiSmallMarginEnd"
                            />
                            <Text text="-" class="sapUiSmallMarginEnd"/>
                            <Text text="{alerts>name}" />
                        </CustomListItem>
                    </List>
                </VBox>
  </VBox>
  </HBox>
</VBox>
</mvc:View>