<!DOCTYPE html>
<html>
<head>
<base href="https://mijn.alwel.nl/">
<title>Service</title>
<meta property="og:site_name" content="Service">
<meta property="og:type" content="website" />
<meta property="og:description" content="">
<meta name="description" content="<null>">
<meta property="og:image" content="https://mijn.alwel.nl/<null>">
<meta name="twitter:card" content="summary_large_image">
<meta property="og:url" content="https://mijn.alwel.nl:443/kcc/woning-aanpassen">

<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
<meta http-equiv="X-UA-Compatible" content="IE=Edge" />
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-title" content="Service">
<meta name="apple-mobile-web-app-status-bar-style" content="default">

<link rel="apple-touch-icon" sizes="180x180" href="https://mijn.alwel.nl:443/ui/images/favicon/kcc/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="https://mijn.alwel.nl:443/ui/images/favicon/kcc/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="https://mijn.alwel.nl:443/ui/images/favicon/kcc/favicon-16x16.png">
<link rel="manifest" href="https://mijn.alwel.nl:443/ui/images/favicon/kcc/site.webmanifest">
<link rel="mask-icon" href="https://mijn.alwel.nl:443/ui/images/favicon/kcc/safari-pinned-tab.svg" color="2d89ef">
<meta name="msapplication-TileColor" content="2d89ef">
<meta name="msapplication-config" content="https://mijn.alwel.nl:443/ui/images/favicon/kcc/browserconfig.xml">
<meta name="theme-color" content="ffffff">

<link href="uiKCC/styles/iris.min.css?v=26.1.12-20260320.1" rel="stylesheet"/>
<script src="uiKCC/scripts/vendor.min.js?v=26.1.12-20260320.1"></script>
<script src="uiKCC/scripts/iris.min.js?v=26.1.12-20260320.1"></script>
<style>
@font-face
{ font-family: 'Material Icons'; src: url("uiKCC/fonts/material-icons/MaterialIcons-Regular.eot"); src: url("uiKCC/fonts/material-icons/MaterialIcons-Regular.eot") format("embedded-opentype"), url("uiKCC/fonts/material-icons/MaterialIcons-Regular.ttf") format("truetype"), url("uiKCC/fonts/material-icons/MaterialIcons-Regular.woff2") format("woff2"), url("uiKCC/fonts/material-icons/MaterialIcons-Regular.woff") format("woff"), url("uiKCC/fonts/material-icons/MaterialIcons-Regular.svg") format("svg"); font-weight: normal; font-style: normal; font-display: swap; }
@font-face
{ font-family: 'Roboto'; src: url("uiKcc/fonts/Roboto/Roboto-Light.ttf") format("truetype");  font-display: swap; }
</style>
<script src="kcc/init.session"></script>
</head>
<body data-ng-app="angularModule" ng-class="{'side-panel-active': showSidePanel == true}">
<div data-main-application data-container="Sites/Site_kcc_Main" data-is-default="false" guid="df94e680-ac33-40b1-a8c6-54752939d5ab" site-code="kcc" lang="nl">        <div id="main">          <div id="LoginContent"></div>          <div style="display: none;">
</div>        </div>        


 

                                        <ac-action-panel data-ng-if="showSidePanel && !$root.isAdmin" ng-cloak ng-init="$root.ChannelID = ; $root.ChannelLabel= '';">
    <div data-ng-class="{'active-expand':isPanelActive}">
        <div class="pos-rel full-width panel-element__wrapper">
            <div class="panel-element--actions">
                <div class="customer-info">
                    <kb-menu>
                                                <kb-menu-content>
                            <kb-menu-item>
                                <button type="button" ng-click="$parent.doAction('Logout');">Logout</button>
                            </kb-menu-item>
                        </kb-menu-content>
                                            </kb-menu>
                </div>
            </div>

            <div ng-if="isPanelActive && !showCaseDetails" class="cases-top-bar" ng-class="activeTab === 1 ? 'on-top-index' : ''">
                <a class="case-topbar__back" data-ng-click="expandPanel(isPanelActive)">
                   <i class="material-icons">close</i>
                </a>
                <div ng-if="activeTab === 1" class="title">Phone</div>
                <div ng-if="activeTab === 2" class="title">
                    <div>Unrated messages</div>
                    <a href="ccm/cases/queue" target="_blank">View the new queue</a>
                </div>
<a ng-if="activeTab === 2" class="case-topbar__refresh" onclick="_sendEvent('Apps/R_Element_CaseList','CaseList','RefreshList');"><span class="material-icons">autorenew</span></a>
            </div>

            <div class="actionpanel-tab phone-tab" ng-show="activeTab === 1">
                <div class="action-element user-element">
                    <div class="panel-element user-element">
                        <div class="panel-element-content">
                            <div id="UserDropdown" class="widget-user">
    <div class="status-menu__avatar" ng-if="!connected || !login">
<avatar variation="rounded" image="{{ $root.ItemObject.item.User.ProfileImage }}" name="{{ $root.ItemObject.item.User.FullName }}"></avatar>
    </div>
    <kb-menu class="user-status status-menu__avatar" ng-if="connected && login">
        <button ng-click="$kbMenu.open($event);">
    <avatar variation="rounded" image="{{ $root.ItemObject.item.User.ProfileImage }}" name="{{ $root.ItemObject.item.User.FullName }}" status="{{ phoneStatusObject.statusType }}"></avatar>
        </button>
        <kb-menu-content class="status-menu__content no-padding max-vh-75">
    <kb-menu-item ng-if="!status.systemStatus" class="status-menu__item">
        <span class="no-padding loggedin-user-name">{{$parent.username}}</span>
    </kb-menu-item>
    <kb-menu-divider></kb-menu-divider>
    <kb-menu-item ng-if="!status.systemStatus" class="status-menu__item" ng-repeat="status in $parent.phoneStatuses">
        <button type="button" ng-click="$parent.changePhoneStatus(status.Status)"><span class="no-padding phone-status-user {{status.statusType}}"></span>{{status.Status}}</button>
    </kb-menu-item>
    <kb-menu-divider></kb-menu-divider>
    <kb-menu-item>
        <button type="button" ng-click="$parent.changePhoneStatus('Uitloggen')">Uitloggen</button>
    </kb-menu-item>
</kb-menu-content>   
    </kb-menu>
    <kb-menu class="user-status status-menu">
        <div class="status-menu__expander">
            <div class="avatar-info">
                <span>{{$root.ItemObject.item.User.FullName}}</span>
                <div data-ng-if="$parent.login">{{$parent.phoneStatusObject.Status}}</div>
                 
<span ng-repeat="group in filtered = ($parent.groups)"></span>
<span ng-repeat="group in active = ($parent.groups| filter: {ismember:'True'})"></span>
<kb-menu class="groups-menu" ng-if="connected && login && $parent.groups.length>0">
<button class="groups-menu-button" type="button" ng-click="$kbMenu.open($event);">
<span class="ng-binding">Groepen: {{active.length}}/{{filtered.length}}</span> <i class="material-icons">arrow_drop_down</i>
</button>
    <kb-menu-content class="status-menu__content no-padding">
        <kb-menu-item class="status-menu__item" ng-repeat="group in $parent.groups | orderBy: ['isfixed', 'name']">
            <button type="button" ng-click="$parent.changeGroupStatus(group.name, group.ismember)" ng-disabled="group.isfixed=='True'?true:false"><span class="no-padding group-status-user group-member-{{group.ismember}}"></span>
{{group.name| limitTo : 15:0}}{{group.name.length > 15 ? '...' : ''}}
</button>
        </kb-menu-item>
    </kb-menu-content>
</kb-menu>
   
            </div>
            <span flex></span>
            <button type="button" ng-click="$kbMenu.open($event);" class="status-menu__open"><i class="material-icons">more_vert</i></button>
        </div>
        <kb-menu-content>
            <kb-menu-item>
                <span>{{$root.ItemObject.item.User.FullName}}</span>
            </kb-menu-item>
            <kb-menu-divider></kb-menu-divider>
            <kb-menu-item>
                <button type="button" ng-click="$parent.doAction('Logout');">Logout</button>
            </kb-menu-item>
        </kb-menu-content>
    </kb-menu>
</div>
                        </div>
                    </div>
                </div>

                <span flex data-ng-if="!isPanelActive"></span>

                                <div class="action-element note-element">
                    <div class="panel-element note-element-expanded">
                        <div class="panel-element-content">
                            <ac-form id="CCMContactCaseForm" data-container="CCMContactCase" data-submitmethod="CreateCase" data-aftersubmitcallback="showDesktopFinishCase"
                                data-loaddataoninit="0">
                                <div data-ng-non-bindable>
                                    <form data-ng-submit="submitForm();" name="form">
                                                                                <div class="case-form" ng-if="step==0 && !$root.isLoading">
                                            <div class="text-left">
                                                <h5 class="text-left">New case</h5>
                                                {{ItemObject.item.Description}}
                                            </div>
                                            <div class="row subject-autocomplete">
                                                <kb-menu class="channel-menu">
                                                    <button class="channel-menu-button" type="button" ng-click="$kbMenu.open($event);"><span>Channel: {{$root.ChannelLabel}}</span> <i class="material-icons">arrow_drop_down</i></button>
                                                    <kb-menu-content>
                                                                                                                <kb-menu-item>
                                                            <button type="button" ng-click="$root.ChannelLabel = 'Telefoon'" onclick="updateChannel('1');">Telefoon</button>
                                                        </kb-menu-item>
                                                                                                                <kb-menu-item>
                                                            <button type="button" ng-click="$root.ChannelLabel = 'In de wijk'" onclick="updateChannel('5');">In de wijk</button>
                                                        </kb-menu-item>
                                                                                                                <kb-menu-item>
                                                            <button type="button" ng-click="$root.ChannelLabel = 'Website'" onclick="updateChannel('7');">Website</button>
                                                        </kb-menu-item>
                                                                                                                <kb-menu-item>
                                                            <button type="button" ng-click="$root.ChannelLabel = 'Balie'" onclick="updateChannel('8');">Balie</button>
                                                        </kb-menu-item>
                                                                                                                <kb-menu-item>
                                                            <button type="button" ng-click="$root.ChannelLabel = 'Mail'" onclick="updateChannel('9');">Mail</button>
                                                        </kb-menu-item>
                                                                                                                <kb-menu-item>
                                                            <button type="button" ng-click="$root.ChannelLabel = 'E-mail'" onclick="updateChannel('10');">E-mail</button>
                                                        </kb-menu-item>
                                                                                                                <kb-menu-item>
                                                            <button type="button" ng-click="$root.ChannelLabel = 'Whatsapp'" onclick="updateChannel('11');">Whatsapp</button>
                                                        </kb-menu-item>
                                                                                                                <kb-menu-item>
                                                            <button type="button" ng-click="$root.ChannelLabel = 'Facebook'" onclick="updateChannel('14');">Facebook</button>
                                                        </kb-menu-item>
                                                                                                                <kb-menu-item>
                                                            <button type="button" ng-click="$root.ChannelLabel = 'Twitter'" onclick="updateChannel('15');">Twitter</button>
                                                        </kb-menu-item>
                                                                                                                <kb-menu-item>
                                                            <button type="button" ng-click="$root.ChannelLabel = 'Chat'" onclick="updateChannel('16');">Chat</button>
                                                        </kb-menu-item>
                                                                                                            </kb-menu-content>
                                                </kb-menu>
                                            </div>
                                            <div class="row subject-autocomplete">
                                                                                                                                                 

    <ac-autocomplete id="assign_assignee"  data-load-data-on-init="1" data-ng-model="ItemObject.item.HandlerID" data-container="" data-containerid="" data-afterloadcallback="" data-display-property="Label" data-second-property="" data-property-to-model="ID" data-use-cache="0" data-search-text-change-callback="" data-selected-item-change-callback="" data-init-id="" class=""  >
<div data-ng-non-bindable>
<kb-autocomplete input-id="assign_assignee_autocomplete"
    input-type="text"
    label-property="Label"
    model-property="ID"
    input-placeholder="Assignee"
    provider="search(searchText)" 
    selected-item="selectedItem" 
    selected-item-change="selectedItemChange(item)" 
    search-text="searchText"
    search-text-change="searchTextChange(searchText)"
    no-results-found-text="No assign were found"
    avatar-field="ProfileImage"
    is-disabled="false"
    >
</kb-autocomplete></div>
</ac-autocomplete>                                            </div>
                                            <div class="row subject-autocomplete">
                                                                                                 

    <ac-autocomplete id="case_subject"  data-load-data-on-init="1" data-ng-model="ItemObject.item.SubjectID" data-container="" data-containerid="" data-afterloadcallback="" data-display-property="Label" data-second-property="" data-property-to-model="ID" data-use-cache="0" data-search-text-change-callback="" data-selected-item-change-callback="" data-init-id="" class="about-field" data-ng-required="true" >
<div data-ng-non-bindable>
<kb-autocomplete input-id="case_subject_autocomplete"
    input-type="text"
    label-property="Label"
    model-property="ID"
    input-placeholder="Subject"
    provider="search(searchText)" 
    selected-item="selectedItem" 
    selected-item-change="selectedItemChange(item)" 
    search-text="searchText"
    search-text-change="searchTextChange(searchText)"
    no-results-found-text="No subjects were found"
    avatar-field=""
    is-disabled="false"
    required="true">
</kb-autocomplete></div>
</ac-autocomplete>                                            </div>
                                            <div class="text-area">
                                                <textarea id="case-note-text" placeholder="" data-ng-model="ItemObject.item.Content" data-ng-model-options="{debounce : 500}"
                                                    data-ng-change="doAction('UpdateMemoContent', ItemObject.item, 'MemoContent', ItemObject.item.Content, false);"
                                                    required=""></textarea>
                                            </div>
                                            <ul class="button-list">
                                                <li>
                                                    <a data-ng-click="showDialog(ev,'view-case-screen-template');">Sending options</a>
                                                </li>
                                                <li>
                                                    <button id="send-case-btn" type="button" ng-class="{'disabled': !ItemObject.item.HandlerID || !ItemObject.item.SubjectID || !ItemObject.item.Content || ItemObject.item.SubjectID === '0'}"
                                                        data-ng-click="$root.isLoading = true; ItemObject.item.Action='Send'; submitForm();"
                                                        ng-disabled="!ItemObject.item.HandlerID || !ItemObject.item.SubjectID || !ItemObject.item.Content || ItemObject.item.SubjectID === '0'"
                                                        class="icon">
                                                        <i class="material-icons">send</i>
                                                    </button>
                                                </li>
                                                <li>
                                                    <button id="save-case-btn" type="button" ng-class="{'disabled': !ItemObject.item.SubjectID || !ItemObject.item.Content || ItemObject.item.SubjectID === '0'}"
                                                        data-ng-click="$root.isLoading = true; ItemObject.item.Action='Save'; submitForm();"
                                                        ng-disabled="!ItemObject.item.Content || !ItemObject.item.SubjectID || ItemObject.item.SubjectID === '0'"
                                                        class="icon active">
                                                        <i class="material-icons">save</i>
                                                    </button>
                                                </li>
                                            </ul>
                                        </div>
                                        <div ng-if="$root.isLoading">
                                            <div class="text-center" flex>
                                                <md-progress-circular class="centered-margin" md-mode="indeterminate" md-diameter="200"></md-progress-circular>
                                            </div>
                                            <div class="text">
                                                <div class="text-center">
                                                    The case will be created...                                                </div>
                                            </div>
                                        </div>
                                        <div ng-if="step==1"></div>
                                        <div class="step_2_finished_case" ng-if="step==2">
                                            <div id="widget-success" class="widget_succes">
  <button type="button" data-ng-click="previousStep('', null, 0);" onclick="hideMobile()" class="round active"><i class="material-icons">close</i></button>
  <div class="icon icon--order-success svg">
    <svg>
      <g fill="none" stroke="white" stroke-width="2">
        <circle cx="36" cy="36" r="35" style="stroke-dasharray:240px, 240px; stroke-dashoffset: 480px;"></circle>
        <path d="M17.417,37.778l9.93,9.909l25.444-25.393" style="stroke-dasharray:50px, 50px; stroke-dashoffset: 0px;"></path>
      </g>
    </svg>
  </div>
  <p>Case {{ CaseID }} was added</p>
  <a href="ccm/cases/{{ CaseID }}" class="create-another-link">View the case</a><br>
  <a data-ng-if="ItemObject.item.Description.length > 0" class="create-another-link" ng-href="KCC/timeline">View case on timeline</a><br>
  <a class="create-another-link" data-ng-click="previousStep('', null, 0);">Create new case</a><br>
  </div>                                        </div>
                                        <div class="step_2_error_case" ng-if="step==3">
                                            <div id="widget-error" class="widget_succes error">
                                                <button type="button" data-ng-click="previousStep('', null, 0); resetForm(null, true)" onclick="hideMobile()" class="round active error"><i class="material-icons">close</i></button>
                                                <p class="case-error-text">Something has gone wrong...</p>
                                                <div class="icon icon--order-success svg">
                                                    <svg>
                                                        <g fill="none" stroke="white" stroke-width="2">
                                                            <circle cx="36" cy="36" r="35"></circle>
                                                            <path d="M20.217,18.778l32.93,35.444"></path>
                                                            <path d="M20.217,52.778l32.93,-35.444"></path>
                                                        </g>
                                                    </svg>
                                                </div>
                                                <a class="create-another-link" data-ng-click="previousStep('', null, 0);">Try again</a>
                                            </div>
                                        </div>
                                        <div ac-modal-dialog template-id="view-case-screen-template" inherit-scope="false"></div>
                                        <ac-modal-dialog template-id="share-case-screen-template" inherit-scope="false"></ac-modal-dialog>
                                    </form>
                                </div>
                            </ac-form>
                        </div>
                    </div>
                </div>
            </div>

                        <span flex data-ng-if="!isPanelActive"></span>

            <div class="panel-element--actions" ng-if="!isPanelActive">
                <button ng-if="!isPanelActive " data-ng-click=" changeActiveTab(1); expandPanel(false)" onclick="$('#case-note-text').focus();" class="phone-expander icon">
                    <i class="panel-activator material-icons">note_add</i>
                </button>
                                
                            </div>
        </div>

            </div>
</ac-action-panel>

<!--Fab Speed Dial-->
<button ng-if="showSidePanel && !$root.isAdmin "
    onclick="angular.element('[template-id=view-case-screen-template]').scope().showDialog(null,'view-case-screen-template'); hideShadow();"
    class="icon floating-action-button">
    <i class="material-icons">add</i>
</button>

<div class="shadow-mobile-finish hide-for-large hide">
    <div class="finished-small">
        <div id="widget-success" class="widget_succes" ng-if="$root.Step == 2">
            <button onclick="hideShadow();" class="round active">
                <i class="material-icons">close</i>
            </button>
            <div class="icon icon--order-success svg">
                <svg>
                    <g fill="none" stroke="white" stroke-width="2">
                        <circle cx="36" cy="36" r="35" style="stroke-dasharray:240px, 240px; stroke-dashoffset: 480px;"></circle>
                        <path d="M17.417,37.778l9.93,9.909l25.444-25.393" style="stroke-dasharray:50px, 50px; stroke-dashoffset: 0px;"></path>
                    </g>
                </svg>
            </div>
            <div class="mobile-finish-text">
                <p>Case {{$root.CaseID}} was added</p>
                <a href="ccm/cases/{{$root.CaseID}}" class="create-another-link">View the case</a><br>
                <a data-ng-if="ItemObject.item.Description.length > 0" ng-href="KCC/timeline/" target="_self">View case on timeline</a><br>
                <a class="create-another-link" data-ng-click="previousStep('', null, 0);">Create new case</a><br>
                                <br>
            </div>
        </div>
        <div id="widget-error" class="widget_succes error" ng-if="$root.Step == 3">
            <button onclick="hideShadow();" class="round active error">
                <i class="material-icons">close</i>
            </button>
            <p class="case-error-text">Something has gone wrong...</p>
            <div class="icon icon--order-success svg">
                <svg>
                    <g fill="none" stroke="white" stroke-width="2">
                        <circle cx="36" cy="36" r="35"></circle>
                        <path d="M20.217,18.778l32.93,35.444"></path>
                        <path d="M20.217,52.778l32.93,-35.444"></path>
                    </g>
                </svg>
            </div>
            <div class="mobile-finish-text">
                <a class="create-another-link" data-ng-click="previousStep('', null, 0);">Try again</a>
            </div>
        </div>
    </div>
</div>

<script>
    callbacks.register('onChannelChange', function(item, scope){
        if(item.ID) {
            updateChannel(item.ID);
        }
    });
    callbacks.register("showDesktopFinishCase", function (args) {
        var scope = args.scopeObject,
            savedItem = args.response,
            formScope = angular.element(angular.element('#CCMContactCaseForm').children()[0]).scope();
            formScope.ItemObject.item.LastContent = formScope.ItemObject.item.Content;
        if (savedItem.item) {
            formScope.ItemObject.item.LastCaseID = savedItem.item.ID;
            formScope.CaseID = savedItem.item.ID;
            formScope.$root.CaseID = savedItem.item.ID;
            formScope.$root.isLoading = false;
            formScope.nextStep('', '', 2);
            formScope.$root.Step = 2;
            formScope.ItemObject.item.Content = '';
            formScope.ItemObject.item.Priority = "";
            formScope.ItemObject.item.Action = 'Send';
            formScope.ItemObject.item.CaseType = '';
            formScope.hide();
        } else {
            formScope.nextStep('', '', 3);
            formScope.$root.isLoading = false;
            formScope.isLoading = false;
            formScope.$root.Step = 3;
            formScope.ItemObject.item.Content = '';
            formScope.ItemObject.item.Priority = "";
            formScope.ItemObject.item.Action = 'Send';
            formScope.ItemObject.item.CaseType = '';
            formScope.hide();
        }
        $('.shadow-mobile-finish').removeClass('hide');
        scope.$root.$broadcast('newCaseCreated', savedItem.NewCaseData);
    });   
</script>

                                        <script type="text/ng-template" id="view-case-screen-template">
    <md-dialog aria-label="Case {{::CaseDataObject.item.ID}}" class="story-screen create-case-dialog">
        <md-toolbar>
          <header class="md-toolbar-tools">
            <button class="create-case-dialog__close" data-ng-click="hide();">
<i class="material-icons">close</i>
</button>

            <h2 class="create-case-dialog__title">Create case</h2>
<button 
                data-ng-class="{'disabled': !ItemObject.item.SubjectID || !ItemObject.item.Content || ItemObject.item.SubjectID === '0'"
                data-ng-disabled="!ItemObject.item.SubjectID || !ItemObject.item.Content || ItemObject.item.SubjectID === '0'" 
data-ng-click="ItemObject.item.Action='Save'; ItemObject.item.CaseType.ID=1; submitForm(); hide();"
class="create-case-dialog__option show-for-small-only"
>
<i class="material-icons">save</i>
</button>
<button 
ng-click="submitForm(); hide();" 
ng-class="{'disabled': !ItemObject.item.HandlerID || !ItemObject.item.SubjectID || !ItemObject.item.Content}" 
ng-disabled="!ItemObject.item.HandlerID || !ItemObject.item.SubjectID || !ItemObject.item.Content" 
class="create-case-dialog__option show-for-small-only"
>
<i class="material-icons">send</i>
</button>
          </header>
        </md-toolbar>

        <md-dialog-content>
            <md-content>
                <div class="create-case-dialog__content">
                    <div class="row">
                        <div class="medium-12 columns for-caser" data-ng-show="ItemObject.item.Description.length > 0"> 
                            For: {{ItemObject.item.Description}}
                        </div>

                        <div class="medium-12 columns show-for-small-only">
                            <kb-menu class="channel-menu">
                                <button class="channel-menu-button" type="button" ng-click="$kbMenu.open($event);"><span>Channel: {{$root.ChannelLabel}}</span> <i class="material-icons">arrow_drop_down</i></button>
                                <kb-menu-content>
                                                                        <kb-menu-item>
                                        <button type="button" ng-click="$root.ChannelLabel = 'Telefoon'" onclick="updateChannel('1');">Telefoon</button>
                                    </kb-menu-item>
                                                                        <kb-menu-item>
                                        <button type="button" ng-click="$root.ChannelLabel = 'In de wijk'" onclick="updateChannel('5');">In de wijk</button>
                                    </kb-menu-item>
                                                                        <kb-menu-item>
                                        <button type="button" ng-click="$root.ChannelLabel = 'Website'" onclick="updateChannel('7');">Website</button>
                                    </kb-menu-item>
                                                                        <kb-menu-item>
                                        <button type="button" ng-click="$root.ChannelLabel = 'Balie'" onclick="updateChannel('8');">Balie</button>
                                    </kb-menu-item>
                                                                        <kb-menu-item>
                                        <button type="button" ng-click="$root.ChannelLabel = 'Mail'" onclick="updateChannel('9');">Mail</button>
                                    </kb-menu-item>
                                                                        <kb-menu-item>
                                        <button type="button" ng-click="$root.ChannelLabel = 'E-mail'" onclick="updateChannel('10');">E-mail</button>
                                    </kb-menu-item>
                                                                        <kb-menu-item>
                                        <button type="button" ng-click="$root.ChannelLabel = 'Whatsapp'" onclick="updateChannel('11');">Whatsapp</button>
                                    </kb-menu-item>
                                                                        <kb-menu-item>
                                        <button type="button" ng-click="$root.ChannelLabel = 'Facebook'" onclick="updateChannel('14');">Facebook</button>
                                    </kb-menu-item>
                                                                        <kb-menu-item>
                                        <button type="button" ng-click="$root.ChannelLabel = 'Twitter'" onclick="updateChannel('15');">Twitter</button>
                                    </kb-menu-item>
                                                                        <kb-menu-item>
                                        <button type="button" ng-click="$root.ChannelLabel = 'Chat'" onclick="updateChannel('16');">Chat</button>
                                    </kb-menu-item>
                                                                    </kb-menu-content>
                            </kb-menu>
                        </div>

                        <div class="medium-12 columns">
                            <div class="asign_case_to">
                                 <div class="profile-autocomplete">
                                                                         

    <ac-autocomplete id="assign_assignee"  data-load-data-on-init="1" data-ng-model="ItemObject.item.HandlerID" data-container="" data-containerid="" data-afterloadcallback="" data-display-property="Label" data-second-property="" data-property-to-model="ID" data-use-cache="0" data-search-text-change-callback="" data-selected-item-change-callback="" data-init-id="" class=""  >
<div data-ng-non-bindable>
<kb-autocomplete input-id="assign_assignee_autocomplete"
    input-type="text"
    label-property="Label"
    model-property="ID"
    input-placeholder="Assignee"
    provider="search(searchText)" 
    selected-item="selectedItem" 
    selected-item-change="selectedItemChange(item)" 
    search-text="searchText"
    search-text-change="searchTextChange(searchText)"
    no-results-found-text="No assign were found"
    avatar-field="ProfileImage"
    is-disabled="false"
    >
</kb-autocomplete></div>
</ac-autocomplete>                                </div>
                            </div>
                        </div>
                        <div class="medium-6 columns asign_case_message">
                                                         

    <ac-autocomplete id="case_subject"  data-load-data-on-init="1" data-ng-model="ItemObject.item.SubjectID" data-container="" data-containerid="" data-afterloadcallback="" data-display-property="Label" data-second-property="" data-property-to-model="ID" data-use-cache="0" data-search-text-change-callback="" data-selected-item-change-callback="" data-init-id="" class="about-field" data-ng-required="true" >
<div data-ng-non-bindable>
<kb-autocomplete input-id="case_subject_autocomplete"
    input-type="text"
    label-property="Label"
    model-property="ID"
    input-placeholder="Subject"
    provider="search(searchText)" 
    selected-item="selectedItem" 
    selected-item-change="selectedItemChange(item)" 
    search-text="searchText"
    search-text-change="searchTextChange(searchText)"
    no-results-found-text="No subjects were found"
    avatar-field=""
    is-disabled="false"
    required="true">
</kb-autocomplete></div>
</ac-autocomplete><textarea class="create-case-input" placeholder="Type a note..." data-ng-model="ItemObject.item.Content" rows="10" data-ng-model-options="{debounce : 500}" data-ng-change="doAction('UpdateMemoContent', ItemObject.item, 'MemoContent', ItemObject.item.Content, false);" required=""></textarea>                            
                        </div>
                            <div class="medium-6 columns hide-for-small-only">
                            <div class="assignee-case-options">
                            <h3>For this case please:</h3>
                                                        
   
<ac-select id="assign_case_type"  data-selected-id="" class="ac-select assign-case-type" data-use-search-header="0" data-afterloadcallback="" data-display-property="Label" data-select-first="true" data-ng-model="ItemObject.item.CaseType" data-on-change-callback="" data-on-open-callback="" data-on-close-callback="" data-ac-required="0" data-ng-form="form" name="assigncasetype" >
    <div data-ng-non-bindable>
        <md-select
    ng-multiple="false"
    ng-model="ngModel"
    ng-model-options="{trackBy: '$value.ID'}"
    md-container-class="ac-select-content assign-case-type-content"
    data-placeholder="Case type"
    ng-change="runOnChangeCallback()"
    md-on-close="runOnCloseCallback(); clearSearchTerm()"
    md-on-open="runOnOpenCallback()"
    ng-disabled="false"
    ng-required="acRequired"
    name="assigncasetype"
    ng-cloak>

            <md-optgroup label="Case type">
            <md-option ng-value="item" ng-repeat="item in items">{{ item[displayProperty] }}</md-option>
        </md-optgroup>
    </md-select>
    </div>
</ac-select>                                                        
   
<ac-select id="assign_case_priority"  data-selected-id="" class="ac-select assign-case-priority" data-use-search-header="0" data-afterloadcallback="" data-display-property="Label" data-select-first="true" data-ng-model="ItemObject.item.Priority" data-on-change-callback="" data-on-open-callback="" data-on-close-callback="" data-ac-required="0" data-ng-form="form" name="assigncasepriority" >
    <div data-ng-non-bindable>
        <md-select
    ng-multiple="false"
    ng-model="ngModel"
    ng-model-options="{trackBy: '$value.ID'}"
    md-container-class="ac-select-content assign-case-priority-content"
    data-placeholder="Priority"
    ng-change="runOnChangeCallback()"
    md-on-close="runOnCloseCallback(); clearSearchTerm()"
    md-on-open="runOnOpenCallback()"
    ng-disabled="false"
    ng-required="acRequired"
    name="assigncasepriority"
    ng-cloak>

            <md-optgroup label="Priority">
            <md-option ng-value="item" ng-repeat="item in items">{{ item[displayProperty] }}</md-option>
        </md-optgroup>
    </md-select>
    </div>
</ac-select>                            </div>
                        </div>
                    </div>
                </div>
            </md-content>
        </md-dialog-content>

        <md-dialog-actions class="actions hide-for-small-only">
            <button class="button" data-ng-click="cancel(); hide();">Cancel</button>
            <button 
                class="button"
                data-ng-class="{'button--loader sending' : isSaving && ItemObject.item.Action === 'Save'}"
                data-ng-disabled="!$parent.ItemObject.item.SubjectID || !$parent.ItemObject.item.Content || $parent.ItemObject.item.SubjectID === '0'  || isSaving" 
data-ng-click="$parent.ItemObject.item.Action='Save'; $parent.ItemObject.item.CaseType.ID=1; submitForm();">
Save case</button>

            <button 
                class="button"
                data-ng-class="{'button--loader sending' : isSaving && ItemObject.item.Action === 'Send'}"
                data-ng-click="ItemObject.item.Action='Send'; submitForm();" 
                data-ng-disabled="!$parent.ItemObject.item.HandlerID || !$parent.ItemObject.item.SubjectID || !$parent.ItemObject.item.Content || $parent.ItemObject.item.SubjectID === '0' || !$parent.ItemObject.item.CaseType.ID || isSaving" 
                type="submit">
                Send case            </button>
        </md-dialog-actions>
    </md-dialog>
</script>


<script>
function signalIncomingCall(incomingCall, index){
    var docHead = document.getElementsByTagName("head")[0];
    var links = docHead.getElementsByTagName("link");
    for (var i=0; i<links.length; i++) {
        var link = links[i]
        var re = /^icon$/;
        var isIconLink = re.exec(link.rel);
        var currentHref = link.href;
        if(isIconLink){
            var newname= "uiKCC\/images\/telecom\/favicon_stateringing_"+index+"-";
            if(incomingCall){
                var newHref = currentHref.replace(/ui\/images\/favicon\/kcc\/favicon-/, newname);
                newHref = newHref.replace(/uiKCC\/images\/telecom\/favicon_stateringing_[0-9]+-/, newname);
                newHref = newHref.replace(/ui\/images\/favicon\/kcc\/favicon\./, 'uiKCC\/images\/telecom\/favicon_stateringing_'+ index+'\.');
                newHref = newHref.replace(/uiKCC\/images\/telecom\/favicon_stateringing_[0-9]+\./, 'uiKCC\/images\/telecom\/favicon_stateringing_'+ index+'\.');
            }
            else{
                var newHref = currentHref.replace(/uiKCC\/images\/telecom\/favicon_stateringing_[0-9]+-/, 'ui\/images\/favicon\/kcc\/favicon-');
                newHref = newHref.replace(/uiKCC\/images\/telecom\/favicon_stateringing_[0-9]+\./, 'ui\/images\/favicon\/kcc\/favicon.');
            }
            link.href = newHref;
        }
    };
}


function createGuid() {  
   function _p8(s) {  
      var p = (Math.random().toString(16)+"000000000").substr(2,8);  
      return s ? "-" + p.substr(0,4) + "-" + p.substr(4,4) : p ;  
   }  
   return _p8() + _p8(true) + _p8(true) + _p8();  
}  
  
function getTicket(){
    var guid = createGuid(); 
    return guid;
}

function getWebSocket(){
    return ;
}

function getSession(){
    return "jjtnxn34njdilvs141yjy53c";
}

function getStatuses() {
    return {};
}

function getRandomChar() {
    var chars = "abcdefghijklmnopqrstuvwxyz012345";
    return chars[Math.floor(Math.random() * chars.length)];
}
    
function getUserId() {
    var guid = "74e6ac6c-ad2c-45f8-b7dc-640fff8b4a97";
    guid = guid.replace(/[6-9]/g, getRandomChar());
    guid = guid.replace(/-/g, '');
    return guid;
}

function getSiteSettings() {
    return {
        "autologin":"1"
    }
}
</script>       </div><div id="errorpopup"></div>
<!-- Internet Explorer deprecation warning -->
<div id="ie-warning" style="display: none; position: fixed; left: 12px; bottom: 12px; padding: 12px; border: 2px solid #F4D532; background-color: #fff; border-radius: 4px; max-width: 420px; z-index: 99999; box-shadow: 0 3px 6px rgba(0, 0, 0, .2);"> <div style="font-size: 1rem; font-weight: 500; margin-bottom: 12px;">Einde ondersteuning Internet Explorer 11</div> <div style="font-size: .875rem; line-height: 1.5; margin-bottom: 12px;">Vanaf IRIS versie 4.7 zal Internet Explorer niet meer worden ondersteund. We adviseren om over te stappen naar de nieuwe <a href="https://www.microsoft.com/en-us/edge" target="_blank" style="font-size: .875rem; color: #0A86F4; text-decoration: underline;">Edge-browser</a> of één van de andere <a href="https://www.browsehappy.com" style="font-size: .875rem; color: #0A86F4; text-decoration: underline;" target="_blank">moderne browsers</a>.</div> <div style="text-align: right;"> <a href="https://kubion.nl/Kennisplein/einde-ondersteuning-internet-explorer-11" style="font-size: .875rem; color: #0A86F4; text-decoration: underline;" target="_blank">Meer informatie</a> <button onclick="closeIENotice();" style="font-size: .875rem; color: #0A86F4; text-decoration: underline; background: none; border: none; padding: 0; margin: 0; margin-left: 1rem; cursor: pointer; outline: inherit;">Sluiten</a></div> </div>
<script> if (isIE() && localStorage.getItem("viewedIEWarning") === null) { document.getElementById("ie-warning").style.display = "block"; } function closeIENotice() { localStorage.setItem("viewedIEWarning", 1); document.getElementById("ie-warning").style.display = "none"; } function isIE() { var ua = window.navigator.userAgent; var msie = ua.indexOf("MSIE "); var trident = ua.indexOf("Trident/"); if (msie > 0 || trident > 0) return true; return false; } </script></body>
</html>