From 97bdd077303f4dedb55b3e361044e020a4871ad8 Mon Sep 17 00:00:00 2001
From: vhande <78013271+vhande@users.noreply.github.com>
Date: Thu, 7 Nov 2024 16:35:07 +0100
Subject: [PATCH] Modify name

---
 dist/udb3-angular.js                                       | 2 +-
 dist/udb3-angular.min.js                                   | 2 +-
 src/management/organizers/new/organization-search-new.html | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/dist/udb3-angular.js b/dist/udb3-angular.js
index cad814fe..07382363 100644
--- a/dist/udb3-angular.js
+++ b/dist/udb3-angular.js
@@ -32075,7 +32075,7 @@ angular.module('udb.core').run(['$templateCache', function($templateCache) {
     "                <th class=\"col-md-4\" style=\"padding-right: 30px\" translate-once=\"search.organization.info\"></th>\n" +
     "            </tr>\n" +
     "            </thead>\n" +
-    "            <tbody udb-organization-search-item=\"organization\" ng-repeat=\"organization in $ctrl.searchResult.member\">\n" +
+    "            <tbody udb-organization-search-item-new=\"organization\" ng-repeat=\"organization in $ctrl.searchResult.member\">\n" +
     "            </tbody>\n" +
     "        </table>\n" +
     "        <div class=\"panel-footer\">\n" +
diff --git a/dist/udb3-angular.min.js b/dist/udb3-angular.min.js
index 83234876..2fc6f91b 100644
--- a/dist/udb3-angular.min.js
+++ b/dist/udb3-angular.min.js
@@ -31,7 +31,7 @@ a.put("templates/dashboard-item.directive.html",'<td ng-class="{past: offerCtrl.
 a.put("templates/form-age.html",'<div class="row extra-leeftijd">\n  <div\n    class="extra-task col-md-8 col-lg-7"\n    ng-class="{\'state-complete\': !!fagec.activeAgeRange}"\n  >\n    <label\n      ng-show="eventFormData.isEvent"\n      translate-once="eventForm.step4.age.age_label"\n    ></label>\n    <div>\n      <span ng-repeat="(type, ageRange) in ::fagec.ageRanges">\n        <button\n          class="form-age-range-button"\n          ng-class="(fagec.activeAgeRange === type) ? \'btn active\' : \'btn btn-default\'"\n          ng-mousedown="fagec.setAgeRangeByType(type);"\n        >\n          {{ translateAgeRange(ageRange.label) }}\n          <span>{{ getAgeRangeLabel(ageRange) }}</span>\n        </button>\n      </span>\n      <div ng-show="fagec.rangeInputEnabled" class="form-inline" id="form-age">\n        <form name="ageForm">\n          <div class="form-group">\n            <label\n              for="min-age"\n              translate-once="eventForm.step4.age.from"\n            ></label>\n            <div>\n              <input\n                type="text"\n                class="form-control"\n                id="min-age"\n                name="min"\n                ng-model="fagec.minAge"\n                ng-blur="fagec.instantSaveAgeRange()"\n                ng-change="fagec.delayedSaveAgeRange()"\n                udb-age-input\n              />\n              <span\n                class="form-text"\n                translate-once="eventForm.step4.age.age"\n              ></span>\n            </div>\n          </div>\n          <div class="form-group">\n            <label\n              for="max-age"\n              translate-once="eventForm.step4.age.till"\n            ></label>\n            <div>\n              <input\n                type="text"\n                class="form-control"\n                id="max-age"\n                name="max"\n                ng-model="fagec.maxAge"\n                ng-blur="fagec.instantSaveAgeRange()"\n                ng-change="fagec.delayedSaveAgeRange()"\n                udb-age-input\n              />\n              <span\n                class="form-text"\n                translate-once="eventForm.step4.age.age"\n              ></span>\n            </div> \n          </div>\n        </form>\n      </div>\n      <div class="alert alert-danger" role="alert" ng-show="fagec.error">\n        <span ng-bind="fagec.error"></span>\n      </div>\n    </div>\n  </div>\n</div>\n'),a.put("templates/form-audience.html",'<div class="row audience" ng-if="::fac.enabled">\n    <div class="extra-task state-complete">\n        <div class="col-sm-3">\n            <em class="extra-task-label" translate-once="audience.entrance"></em>\n        </div>\n        <div class="col-sm-8" ng-hide="fac.isBookableEvent()">\n            <div class="radio">\n                <label>\n                    <input ng-model="fac.audienceType"\n                           ng-change="fac.setAudienceType(\'everyone\')"\n                           type="radio"\n                           name="audience-type"\n                           id="audience-everyone"\n                           value="everyone"\n                           checked>\n                    <span translate-once="audience.everyone"></span>\n                </label>\n            </div>\n\n            <div class="radio">\n                <label>\n                    <input ng-model="fac.audienceType"\n                           ng-change="fac.setAudienceType(\'members\')"\n                           type="radio"\n                           name="audience-type"\n                           id="audience-members"\n                           value="members"\n                           aria-describedby="audience-members-help">\n                    <span translate-once="audience.members"></span>\n                    <span id="audience-members-help"\n                          class="help-block"\n                          translate-once="audience.members_help"\n                          ng-show="fac.audienceType === \'members\'">\n                    </span>\n                </label>\n            </div>\n\n\n            <div class="radio">\n                <label>\n                    <input ng-model="fac.audienceType"\n                           ng-change="fac.setAudienceType(\'education\')"\n                           type="radio"\n                           name="audience-type"\n                           id="audience-education"\n                           value="education"\n                           aria-describedby="audience-education-help">\n                    <span translate-once="audience.education"></span>\n                    <span id="audience-education-help"\n                          class="help-block"\n                          translate-once="audience.education_help"\n                          ng-show="fac.audienceType === \'education\'">\n                    </span>\n                </label>\n            </div>\n        </div>\n        <!-- show bookable event help block-->\n        <div class="col-sm-8" ng-show="fac.isBookableEvent()">\n          <span class="help-block" translate-once="audience.education_help"></span>\n        </div>\n    </div>\n</div>'),a.put("templates/form-calendar-datepicker.component.html",'<p class="input-group" ng-class="{\'has-error\': !datepicker.date}">\n    <input type="text" \n           class="form-control" \n           uib-datepicker-popup="dd/MM/yyyy"\n           ng-model="datepicker.date"\n           is-open="datepicker.isOpen"\n           datepicker-options="datepicker.options"\n           ng-required="true"\n           ng-change="datepicker.changed()"\n           show-button-bar="false"\n           ng-disabled="datepicker.disabled"\n           ng-focus="datepicker.open()"/>\n    <span class="input-group-btn">\n        <button type="button"\n                class="btn btn-default"\n                ng-disabled="datepicker.disabled"\n                ng-class="{\'btn-danger\': !datepicker.date}"\n                ng-click="datepicker.open()"><i class="fa fa-calendar"></i></button>\n    </span>\n</p>'),a.put("templates/form-calendar-period.component.html",'<div class="form-calendar-period">\n    <label>\n        <input type="checkbox"\n               class="permanent-check"\n               ng-model="$ctrl.calendarType"\n               ng-disabled="$ctrl.disabled"\n               ng-true-value="\'periodic\'"\n               ng-false-value="\'permanent\'"\n               ng-change="$ctrl.formData.setCalendarType($ctrl.calendarType)">\n        <span translate-once="calendar.period.title"></span>\n    </label>\n    <div class="periodic-info">\n        <div class="start-date">\n            <label translate-once="calendar.period.from"></label>\n            <udb-form-calendar-datepicker ng-disabled="$ctrl.disabled || $ctrl.formData.calendar.calendarType !== \'periodic\'"\n                                            ng-model="$ctrl.formData.calendar.startDate"\n                                            ng-change="$ctrl.formData.periodicTimingChanged()">\n            </udb-form-calendar-datepicker>\n        </div>\n\n        <div class="end-date">\n            <label translate-once="calendar.period.till"></label>\n            <udb-form-calendar-datepicker ng-disabled="$ctrl.disabled || $ctrl.formData.calendar.calendarType !== \'periodic\'"\n                                            ng-model="$ctrl.formData.calendar.endDate"\n                                            ng-change="$ctrl.formData.periodicTimingChanged()">\n            </udb-form-calendar-datepicker>\n        </div>\n\n        <div class="requirements"\n             ng-show="$ctrl.formData.calendarType === \'periodic\' && $ctrl.formData.periodicRangeError">\n            <div class="alert alert-danger">\n                <p translate-once="calendar.period.alert"></p>\n            </div>\n        </div>\n    </div>\n</div>\n'),a.put("templates/form-calendar-timepicker.component.html",'<uib-timepicker ng-model="timepicker.time" \n                ng-change="timepicker.changed()" \n                ng-disabled="timepicker.disabled"\n                hour-step="1" \n                minute-step="15" \n                show-spinners="false" \n                show-meridian="false">\n</uib-timepicker>\n'),a.put("templates/form-event-calendar.component.html",'<div class="calendar-type-picker">\n    <div class="calendar-type-options">\n\n        <a href="#" ng-click="calendar.setType(\'single\')" ng-class="{\'selected\': calendar.type === \'single\' || calendar.type === \'multiple\' }">\n            <img src="../images/form-calendar/days.svg" class="calendar-type-icon">\n            <p class="text-center"><strong translate-once="calendar.one_more_days"></strong></p></a><span class="or" translate-once="calendar.or"></span><a href="#" ng-click="calendar.setType(\'periodic\')" ng-class="{\'selected\': calendar.type === \'periodic\' || calendar.type === \'permanent\'}">\n            <img src="../images/form-calendar/period.svg" class="calendar-type-icon">\n            <p class="text-center"><strong translate-once="calendar.default_days"></strong></p>\n        </a>\n\n    </div>\n</div>\n\n<div class="calendar-timing-info">\n    <div class="panel panel-default">\n        <div class="panel-body">\n            <div class="calendar-time-spans" ng-if="!calendar.weeklyRecurring">\n                <div class="calendar-time-span" ng-repeat="timeSpan in calendar.timeSpans track by $index">\n                    <div class="column">\n                        <div class="row">\n                            <span ng-show="calendar.timeSpans.length > 1" aria-hidden="true" ng-click="calendar.removeTimeSpan(timeSpan)" class="close">×</span>\n                            <div class="dates">\n                                <div class="date form-group">\n                                    <label for="time-span-{{$index}}-start-date" translate-once="calendar.start_label"></label>\n                                    <udb-form-calendar-datepicker ng-disabled="calendar.timeSpans && calendar.timeSpans[$index].status.type !== \'Available\'" ng-model="timeSpan.start" ng-change="calendar.delayedTimeSpanChanged(\'start\')">\n                                    </udb-form-calendar-datepicker>\n                                </div>\n                                <div class="date form-group">\n                                    <label for="time-span-{{$index}}-end-date" translate-once="calendar.end_label"></label>\n                                    <udb-form-calendar-datepicker ng-disabled="calendar.timeSpans && calendar.timeSpans[$index].status.type !== \'Available\'" ng-model="timeSpan.end" ng-change="calendar.delayedTimeSpanChanged(\'end\')">\n                                    </udb-form-calendar-datepicker>\n                                </div>\n                            </div>\n                            <div class="timing-control">\n                                <div class="checkbox all-day">\n                                    <label for="time-span-{{$index}}-has-timing-info">\n                                        <input type="checkbox"\n                                            id="time-span-{{$index}}-has-timing-info"\n                                            ng-disabled="calendar.timeSpans && calendar.timeSpans[$index].status.type !== \'Available\'"\n                                            ng-model="timeSpan.allDay"\n                                            ng-change="calendar.toggleAllDay(timeSpan)"\n                                            class="all-day-check"> <span translate-once="calendar.whole_day_label"></span>\n                                    </label>\n                                </div>\n                            </div>\n                            <div class="timing" ng-if="!timeSpan.allDay">\n                                <div class="time form-group">\n                                    <label translate-once="calendar.start_hour_label"></label>\n                                    <udb-form-calendar-timepicker ng-disabled="calendar.timeSpans && calendar.timeSpans[$index].status.type !== \'Available\'" ng-model="timeSpan.start" ng-change="calendar.delayedTimeSpanChanged(\'start\')"></udb-form-calendar-timepicker>\n                                </div>\n\n                                <div class="time form-group">\n                                    <label translate-once="calendar.end_hour_label"></label>\n                                    <udb-form-calendar-timepicker ng-disabled="calendar.timeSpans && calendar.timeSpans[$index].status.type !== \'Available\'" ng-model="timeSpan.end" ng-change="calendar.delayedTimeSpanChanged(\'end\')"></udb-form-calendar-timepicker>\n                                </div>\n                            </div>\n                            <div class="requirements" ng-show="calendar.timeSpanRequirements[$index] && calendar.timeSpanRequirements[$index].length">\n                                <div class="error alert alert-danger">\n                                    <p ng-repeat="requirement in calendar.timeSpanRequirements[$index]"\n                                    ng-bind="\'TIME_SPAN_REQUIREMENTS.\' + requirement | translate"></p>\n                                </div>\n                            </div>\n                        </div>\n                        <div ng-if="calendar.timeSpans && (calendar.timeSpans[$index].status.type !== \'Available\' || calendar.timeSpans[$index].bookingAvailability.type === \'Unavailable\')" class="status row alert alert-info">\n                            <span ng-show="calendar.timeSpans[$index].status.type === \'TemporarilyUnavailable\'" translate-once="offerStatus.postponed"></span>\n                            <span ng-show="calendar.timeSpans[$index].status.type === \'Unavailable\'" translate-once="offerStatus.cancelled"></span>\n                            <span ng-show="calendar.timeSpans[$index].status.type !== \'Available\' && calendar.timeSpans[$index].bookingAvailability.type === \'Unavailable\'">&</span>\n                            <span ng-show="calendar.timeSpans[$index].bookingAvailability.type === \'Unavailable\'" translate-once="bookingAvailability.unavailable"></span>\n                        </div>\n                    </div>\n\n                    <a href="#" ng-click="calendar.createTimeSpan()" class="add-day-link" translate-once="calendar.add_days"></a>\n                </div>\n            </div>\n\n            <div class="calendar-recurrence" ng-if="calendar.weeklyRecurring">\n                <udb-form-calendar-period ng-disabled="calendar.offerStatus && calendar.offerStatus.type !== \'Available\'" form-data="calendar.formData"></udb-form-calendar-period>\n                <hr>\n                <udb-event-form-opening-hours ng-disabled="calendar.offerStatus && calendar.offerStatus.type !== \'Available\'" form-data="calendar.formData" opening-hours="calendar.openingHoursCollection">\n                </udb-event-form-opening-hours>\n                <div ng-if="calendar.offerStatus && calendar.offerStatus.type !== \'Available\'" class="status alert alert-info">\n                    <div ng-switch="calendar.offerStatus.type">\n                        <span ng-switch-when="TemporarilyUnavailable" translate-once="offerStatus.temporarilyClosed"></span>\n                        <span ng-switch-when="Unavailable" translate-once="offerStatus.permanentlyClosed"></span>\n                    </div>\n                </div>\n            </div>            \n        </div>\n    </div>\n</div>\n'),a.put("templates/form-place-calendar.component.html",'<div class="calendar-timing-info">\n    <div class="panel panel-default">\n        <div class="panel-body">\n            <div class="calendar-recurrence" ng-if="calendar.weeklyRecurring">\n                <udb-form-calendar-period ng-disabled="calendar.offerStatus && calendar.offerStatus.type !== \'Available\'" form-data="calendar.formData"></udb-form-calendar-period>\n                <hr>\n                <udb-event-form-opening-hours ng-disabled="calendar.offerStatus && calendar.offerStatus.type !== \'Available\'" form-data="calendar.formData" opening-hours="calendar.openingHoursCollection">\n                </udb-event-form-opening-hours>\n                <div ng-if="calendar.offerStatus && calendar.offerStatus.type !== \'Available\'" class="status alert alert-info">\n                    <div ng-switch="calendar.offerStatus.type">\n                        <span ng-switch-when="TemporarilyUnavailable" translate-once="offerStatus.temporarilyClosed"></span>\n                        <span ng-switch-when="Unavailable" translate-once="offerStatus.permanentlyClosed"></span>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n'),a.put("templates/city-suggestion.html",'<a href tabindex="-1" ng-bind-html="match.label | uibTypeaheadHighlight:query" class="city-suggestion"></a>\n'),a.put("templates/event-form-image-edit.html",'<div class="modal-content">\n  <div class="modal-header">\n    <button type="button" class="close" ng-click="cancel()">\n      <span aria-hidden="true">&times;</span><span class="sr-only">Close</span>\n    </button>\n    <h4 class="modal-title" translate-once="images.edit.title"></h4>\n  </div>\n  <div class="modal-body">\n\n    <div>\n      <div class="form-group" ng-class="{ \'has-error\': description.length > 250 }">\n        <label><span translate-once="images.description"></span> <strong class="text-danger">*</strong></label>\n        <input type="text" class="form-control" ng-model="description" required>\n        <p class="help-block" translate-once="images.edit.description_help"></p>\n      </div>\n\n      <div class="form-group">\n        <label><span translate-once="images.copyright"></span> <strong class="text-danger">*</strong></label>\n        <input type="text" class="form-control" ng-model="copyrightHolder" required>\n        <p class="help-block" translate-once="images.copyright_help"></p>\n      </div>\n    </div>\n\n    <div ng-show="error" class="alert alert-danger">\n      <span translate-once="images.edit.save_error"></span>\n    </div>\n\n    <p class="image-copyright-agreements">\n      <span translate-once="images.agreement"></span>\n      <a ng-href="{{::uploadTermsConditionsUrl}}" target="_blank" translate-once="images.conditions"></a>.\n      <a ng-href="{{::uploadCopyRightInfoUrl}}" target="_blank" translate-once="images.copyright_info"></a>\n    </p>\n  </div>\n  <div class="modal-footer">\n\n    <button type="button" class="btn btn-default" ng-click="cancel()" translate-once="images.cancel"></button>\n    <button type="button" class="btn btn-primary" ng-click="updateImageInfo()" ng-disabled="!allFieldsValid() || saving">\n      <span translate-once="images.edit.update"></span> <i ng-show="saving" class="fa fa-circle-o-notch fa-spin"></i>\n    </button>\n\n  </div>\n</div>\n'),a.put("templates/event-form-image-remove.html",'<div class="modal-content">\n  <div class="modal-header">\n    <button type="button" class="close" ng-click="cancel()">\n      <span aria-hidden="true">&times;</span><span class="sr-only">Close</span>\n    </button>\n    <h4 class="modal-title" translate-once="images.remove.title"></h4>\n  </div>\n  <div class="modal-body">\n\n    <p translate-once="images.remove.sure"></p>\n\n    <div ng-show="error" class="alert alert-danger">\n      <span translate-once="images.remove.save_error"></span>\n    </div>\n\n  </div>\n  <div class="modal-footer">\n\n    <button type="button" class="btn btn-default" ng-click="cancel()" translate-once="images.cancel"></button>\n    <button class="btn btn-primary" ng-click="removeImage()">\n      <span translate-once="images.agree"></span> <i ng-show="saving" class="fa fa-circle-o-notch fa-spin"></i>\n    </button>\n\n  </div>\n</div>\n'),a.put("templates/event-form-image-upload.html",'<div class="modal-content">\n  <div class="modal-header">\n    <button type="button" class="close" ng-click="cancel()"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>\n    <h4 class="modal-title" ng-bind="::modalTitle"></h4>\n  </div>\n  <div class="modal-body">\n\n    <p ng-show="showAgreements">\n      <span translate-once="images.agreement"></span>\n       <a ng-href="{{::userAgreementUrl}}" target="_blank" translate-once="images.conditions"></a>.\n       <a ng-href="{{::copyrightUrl}}" target="_blank" translate-once="images.copyright_info"></a>\n    </p>\n    <div ng-hide="showAgreements">\n      <div class="form-group">\n        <label for="inputFile" translate-once="images.upload.select_image"></label>\n        <p>\n          <button type="file"\n                  class="btn btn-primary"\n                  id="inputFile"\n                  ngf-select="selectFile($file, $invalidFiles)"\n                  accept="image/*"\n                  ngf-max-size="{{maxFileSize}}">\n            <span translate-once="images.upload.choose_file"></span></button>\n        </p>\n\n        <p ng-show="selectedFile">\n          <span ng-bind="selectedFile.name"></span>\n        </p>\n\n        <p class="help-block" translate-once="images.upload.max_filesize" translate-values="{ maxFileSize: \'{{maxFileSize}}\' }"></p>\n      </div>\n\n      <div class="form-group" ng-class="{ \'has-error\': description.length > 250 }">\n        <label><span translate-once="images.description"></span> <strong class="text-danger">*</strong></label>\n        <input type="text" class="form-control" ng-model="description" required>\n        <p class="help-block" translate-once="images.description_help"></p>\n      </div>\n\n      <div class="form-group">\n        <label><span translate-once="images.copyright"></span> <strong class="text-danger">*</strong></label>\n        <input type="text" class="form-control" ng-model="copyright" required>\n        <p class="help-block" translate-once="images.copyright_help"></p>\n      </div>\n\n      <p class="image-copyright-agreements">\n        <span translate-once="images.agreement"></span>\n        <a ng-href="{{::userAgreementUrl}}" target="_blank" translate-once="images.conditions"></a>.\n        <a ng-href="{{::copyrightUrl}}" target="_blank" translate-once="images.copyright_info"></a>\n      </p>\n    </div>\n\n    <div ng-show="error" class="alert alert-danger">\n      <span ng-bind="error"></span>\n    </div>\n\n  </div>\n  <div class="modal-footer">\n    <button type="button" class="btn btn-default" ng-click="cancel()" translate-once="images.cancel"></button>\n    <button type="button" class="btn btn-primary" ng-hide="showAgreements" ng-disabled="!allFieldsValid() || saving" ng-click="addImage()">\n      <span translate-once="images.upload.upload"></span> <i ng-show="saving" class="fa fa-circle-o-notch fa-spin"></i>\n    </button>\n    <button class="btn btn-primary" ng-show="showAgreements" ng-click="acceptAgreements()" translate-once="images.agree"></button>\n  </div>\n</div>\n'),a.put("templates/opening-hours-editor.modal.html",'<div class="modal-header">\n    <h4 class="modal-title" translate-once="calendar.openingHours.opening_hours"></h4>\n</div>\n<div class="modal-body">\n    <div class="well text-center add-opening-hours"\n         ng-show="ohemc.openingHoursCollection.openingHours.length === 0">\n        <span translate-once="calendar.openingHours.permanent_title"></span>\n        <br>\n        <span translate-once="calendar.openingHours.permanent_subtitle"></span>\n        <br>\n        <button type="button" class="btn btn-primary" ng-click="ohemc.createNewOpeningHours()" translate-once="calendar.openingHours.add_hours"></button>\n    </div>\n    <div class="alert alert-danger" role="alert" ng-if="!!ohemc.errors.length">\n        <ul>\n            <li ng-repeat="error in ohemc.errors"\n                ng-bind="\'OPENING_HOURS_ERROR.\' + error | translate"></li>\n        </ul>\n    </div>\n    <div class="opening-hours" ng-show="ohemc.openingHoursCollection.openingHours.length > 0">\n        <div class="opening-hours-labels">\n            <div class="weekdays" translate-once="calendar.openingHours.days"></div>\n            <div class="opening-time" translate-once="calendar.openingHours.from"></div>\n            <div class="closing-time" translate-once="calendar.openingHours.till"></div>\n        </div>\n        <div class="opening-hours-collection">\n            <div class="opening-hours-set" ng-form="openingHoursInfo" ng-repeat="openingHours in ohemc.openingHoursCollection.openingHours">\n                <div class="weekdays">\n                    <label class="checkbox-inline" ng-repeat="(day, weekday) in openingHours.dayOfWeek">\n                        <input type="checkbox" ng-model="openingHours.dayOfWeek[day].open">\n                            <span ng-bind="::weekday.label"></span>\n                    </label>\n                </div>\n                <div class="opening-time">\n                    <div class="form-group"\n                        ng-class="{\'has-error\': openingHoursInfo.opens.$invalid && openingHoursInfo.opens.$touched}">\n                        <udb-form-calendar-timepicker\n                            name="opens"\n                            class="uur"\n                            ng-required="true"\n                            ng-model="openingHours.opensAsDate"></udb-form-calendar-timepicker>\n                    </div>\n                </div>\n                <div class="closing-time">\n                    <div class="form-group"\n                        ng-class="{\'has-error\': openingHoursInfo.closes.$invalid && openingHoursInfo.closes.$touched}">\n                        <udb-form-calendar-timepicker\n                            name="closes"\n                            class="uur"\n                            ng-required="true"\n                            ng-model="openingHours.closesAsDate"></udb-form-calendar-timepicker>\n                    </div>\n                </div>\n                <div class="remove">\n                    <button type="button" class="close" aria-label="Close" ng-click="ohemc.removeOpeningHours(openingHours)"><span aria-hidden="true">&times;</span></button>\n                </div>\n            </div>\n        </div>\n\n        <div class="add">\n            <a class="btn btn-link btn-plus" ng-click="ohemc.createNewOpeningHours()" translate-once="calendar.openingHours.more_hours">\n            </a>\n        </div>\n    </div>\n</div>\n<div class="modal-footer">\n    <button type="button" class="btn btn-default" ng-click="$dismiss()" translate-once="calendar.openingHours.cancel"></button>\n    <button type="button" class="btn btn-primary openingsuren-toevoegen"\n            ng-click="ohemc.saveOpeningHours()" translate-once="calendar.openingHours.save">\n    </button>\n</div>\n'),a.put("templates/event-form-openinghours.html",'<div class="opening-hours-week-schedule">\n  <div class="empty" ng-hide="!!cm.openingHoursCollection.openingHours.length">\n    <div class="well text-center add-opening-hours">\n        <p>\n          <span class="permanent-title" translate-once="calendar.openingHours.permanent_title"></span>\n          <span class="permanent-subtitle" translate-once="calendar.openingHours.permanent_subtitle"></span>\n        </p>\n        <button type="button" class="btn btn-primary" ng-disabled="cm.disabled" ng-click="cm.edit()" translate-once="calendar.openingHours.add_hours"></button>\n    </div>\n  </div>\n  <div class="time-table">\n    <table class="table table-condensed" ng-if="!!cm.openingHoursCollection.openingHours.length">\n      <thead>\n      <th translate-once="calendar.openingHours.opening_hours"></th>\n      <th>\n        <a href="#" ng-disabled="cm.disabled" ng-click="cm.edit()" class="btn btn-default" translate-once="calendar.openingHours.change"></a>\n      </th>\n      </thead>\n      <tbody>\n        <tr ng-repeat="openingHour in cm.openingHoursCollection.openingHours">\n          <td ng-bind="openingHour.label"></td>\n          <td>\n            <span ng-bind="openingHour.opens"></span> – <span ng-bind="openingHour.closes"></span>\n          </td>\n          </tr>\n      </tbody>\n    </table>\n  </div>\n</div>\n'),a.put("templates/event-form-organizer-modal.html",'\n<div class="modal-header">\n  <button type="button" class="close" ng-click="cancel()"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>\n  <h4 class="modal-title" ng-hide="organizersFound" translate-once="organizer.modal.title"></h4>\n  <h4 class="modal-title" ng-show="organizersFound" translate-once="organizer.modal.avoid_doubles"></h4>\n</div>\n<div class="modal-body">\n\n  <section ng-hide="organizersFound">\n    <form name="organizerForm" class="organizer-form">\n      <p class="alert alert-info" translate-once="organizer.modal.unique_notice"></p>\n      <div class="form-group has-feedback"\n           ng-class="{\'has-warning\' : organizersWebsiteFound || (organizerForm.website.$error.required && organizerForm.website.$dirty) || (organizerForm.website.$error.pattern && organizerForm.website.$dirty) }">\n        <label class="control-label" for="organizer-website" translate-once="organizer.modal.website"></label>\n        <input type="url"\n               id="organizer-website"\n               name="website"\n               class="form-control"\n               ng-model-options="{ debounce: 300 }"\n               ng-model="newOrganizer.website"\n               aria-describedby="organizer-website-status"\n               ng-change="validateWebsite()"\n               autocomplete="off"\n               udb-http-prefix\n               ng-pattern="contactUrlRegex"\n               required>\n        <span class="fa fa-circle-o-notch fa-spin form-control-feedback" ng-show="showWebsiteValidation" aria-hidden="true"></span>\n        <span id="organizer-website-status" class="sr-only">(warning)</span>\n\n          <p class="alert alert-warning" ng-show="organizersWebsiteFound">\n            <span translate="organizer.modal.alert_warning"\n                  translate-values="{ organizerName: \'{{firstOrganizerFound.name}}\' }"></span>\n            <a ng-click="selectOrganizer(firstOrganizerFound)" class="alert-link" href="#">\n              <span translate="organizer.modal.alert_button"\n                    translate-values="{ organizerName: \'{{firstOrganizerFound.name}}\' }"></span>\n            </a>.\n          </p>\n          <div class="help-block" ng-messages="organizerForm.website.$error" ng-show="organizerForm.website.$dirty && organizerForm.website.$error">\n            <p ng-message="required">\n              <span translate-once="organizer.contact.required"></span>\n            </p>\n            <p ng-message="pattern">\n              <span translate-once="organizer.contact.valid_url"></span>\n            </p>\n          </div>\n      </div>\n\n      <div class="form-group" ng-class="{\'has-error\' : (showValidation && organizerForm.name.$error.required) || organizerForm.name.$error.maxlength}">\n        <label translate-once="organizer.modal.label_name"></label>\n        <input type="text"\n               name="name"\n               class="form-control"\n               ng-model="newOrganizer.name"\n               ng-change="updateName()"\n               ng-maxlength="250"\n               required>\n        <span class="help-block" ng-show="organizerForm.name.$error.maxlength" translate-once="organizer.modal.name_maxlength"></span>\n        <p class="help-block" translate-once="organizer.modal.name_help"></p>\n        <span class="help-block"\n              ng-show="showValidation && organizerForm.name.$error.required"\n              translate-once="organizer.modal.name_required">\n        </span>\n      </div>\n    </form>\n\n    <udb-organizer-address address="newOrganizer.address"\n                           on-update="validateAddress(error)"></udb-organizer-address>\n    <udb-organizer-contact contact="newOrganizer.contact"\n                           on-update="validateContact(error)"></udb-organizer-contact>\n  </section>\n\n  <section ng-show="organizersFound">\n\n    <div class="alert alert-info">\n      <p translate="organizer.modal.add_confirm" translate-values="{ newOrganizerName: \'{{newOrganizer.name}}\' }"></p>\n    </div>\n    <p translate-once="organizer.modal.doubles"></p>\n    <table class="table">\n      <tr ng-repeat="organizer in organizers" udb-organizer="organizer">\n        <td colspan="2" ng-show="fetching">\n          <i class="fa fa-circle-o-notch fa-spin"></i>\n        </td>\n        <td ng-hide="fetching">\n          <strong ng-bind="::organizer.name"></strong>\n          , <span ng-bind="::organizer.addresses[0].streetAddress"></span>\n          , <span ng-bind="::organizer.addresses[0].postalCode"></span>\n           <span ng-bind="::organizer.addresses[0].addressLocality"></span>\n        </td>\n        <td ng-hide="fetching"><a class="btn btn-default" ng-click="selectOrganizer(organizer)" translate-once="organizer.modal.select"></a></td>\n      </tr>\n      <tr>\n        <td>\n          <span translate-once="organizer.modal.your_input"></span>\n          <br/>\n          <strong ng-bind="newOrganizer.name"></strong>\n          , <span ng-bind="newOrganizer.street"></span>\n           <span ng-bind="newOrganizer.number"></span>\n           <span ng-bind="newOrganizer.postalCode"></span>\n           <span ng-bind="newOrganizer.city"></span>\n        </td>\n        <td><a class="btn btn-default" ng-click="saveOrganizer()" translate-once="organizer.modal.still_enter"></a></td>\n      </tr>\n    </table>\n\n  </section>\n\n  <div class="alert alert-danger" ng-show="saveError">\n    <span translate-once="organizer.modal.save_error"></span>\n  </div>\n  <div class="alert alert-danger" ng-show="error && (addressError || contactError)">\n    <p ng-show="addressError"><span translate-once="organizer.modal.address_error"></span><br /></p>\n    <p ng-show="contactError"><span translate-once="organizer.modal.contact_error"></span><br /></p>\n  </div>\n\n</div>\n<div class="modal-footer" ng-hide="organizersFound">\n  <button type="button" class="btn btn-default" ng-click="cancel()" translate-once="organizer.modal.close"></button>\n  <button type="button"\n          class="btn btn-primary organisator-toevoegen-bewaren"\n          ng-disabled="disableSubmit || contactError || organizerForm.website.$invalid"\n          ng-click="validateNewOrganizer()">\n    <span translate-once="organizer.modal.save"></span> <i class="fa fa-circle-o-notch fa-spin" ng-show="saving"></i>\n  </button>\n</div>\n'),
 a.put("templates/organizer-typeahead-template.html","<a>{{match.model.name}}</a>"),a.put("templates/event-form-place-modal.html",'<div class="modal-header">\n    <h4 class="modal-title" translate-once="location.title"></h4>\n</div>\n<div class="modal-body">\n    <form name="placeForm" class="css-form">\n        <div class="form-group" ng-class="{\'has-error\' : showValidation && placeForm.name.$error.required }">\n            <label for="name" translate-once="location.name"></label>\n            <input id="name" class="form-control" type="text" ng-model="newPlace.name" name="name" required>\n            <span class="help-block"\n                  translate-once="location.name_validation"\n                  ng-show="error">\n            </span>\n        </div>\n        <div class="form-group" ng-class="{\'has-error\' : showValidation && (placeForm.address_streetAddress.$error.required || invalidStreet)}">\n            <label for="locatie-straat" translate-once="location.street"></label>\n            <input class="form-control" id="locatie-straat" name="address_streetAddress" type="text" ng-model="newPlace.address.streetAddress" required>\n            <span class="help-block"\n                  translate-once="location.street_validation"\n                  ng-show="error && !invalidStreet">\n                    </span>\n            <span class="help-block"\n                  translate-once="location.invalid_street"\n                  ng-show="invalidStreet">\n                    </span>\n        </div>\n\n        <div class="row">\n          <div class="col-xs-4">\n            <div class="form-group" ng-class="{\'has-error\' : showValidation && (placeForm.address_postalCode.$error.required || invalidNlPostalCode)}">\n              <label translate-once="location.zip"></label>\n              <span class="text-muted" ng-if="newPlace.address.addressCountry === \'NL\'">bv. 1104CA</span>\n              <input class="form-control" id="locatie-straat" name="address_postalCode" type="text" ng-model="newPlace.address.postalCode" required ng-disabled="newPlace.address.addressCountry === \'BE\'">\n                <span class="help-block"\n                      translate-once="location.nlPostalCode_validation"\n                      ng-show="error && !invalidNlPostalCode">\n                    </span>\n                <span class="help-block"\n                      translate-once="location.invalid_PostalCode"\n                      ng-show="invalidNlPostalCode">\n                    </span>\n            </div>\n          </div>\n          <div class="col-xs-8">\n            <div class="form-group">\n                <label translate-once="location.city"></label>\n                <p class="form-control-static" id="waar-locatie-toevoegen-gemeente">\n                    <span ng-bind="newPlace.address.addressLocality"></span>\n                    <span class="text-muted">(<span ng-bind="newPlace.address.addressCountry"></span>)</span>\n                </p>\n            </div>\n          </div>\n        </div>\n\n        <div class="form-group" ng-class="{\'has-error\' : showValidation && placeForm.eventType.$error.required }">\n            <label for="locatie-toevoegen-types" translate-once="location.category"></label>\n            <p class="help-block" translate-once="location.category_help"></p>\n            <select class="form-control" size="4" name="eventType" id="locatie-toevoegen-types" ng-model="newPlace.eventType" required  ng-options="category as ::translateEventTypes(category.label) for category in categories | orderBy:\'label\' track by category.id">\n            </select>\n            <span class="help-block"\n                  translate-once="location.category_validation"\n                  ng-show="showValidation && placeForm.eventType.$error.required">\n            </span>\n        </div>\n        <div class="row">\n            <div class="col-xs-12">\n                <div class="alert alert-danger"\n                     translate-once="location.error"\n                     ng-show="error">\n                </div>\n            </div>\n        </div>\n    </form>\n</div>\n<div class="modal-footer">\n    <button type="button"\n            class="btn btn-default"\n            data-dismiss="modal"\n            translate-once="location.cancel"\n            ng-click="resetAddLocation()"></button>\n    <button type="button"\n            class="btn btn-primary"\n            ng-click="addLocation()">\n        <span translate-once="location.add"></span> <i class="fa fa-circle-o-notch fa-spin" ng-show="saving"></i>\n  </button>\n</div>\n'),a.put("templates/place-suggestion-popup.html",'<ul class="dropdown-menu" ng-show="isOpen() && !moveInProgress" ng-style="{top: position().top+\'px\', left: position().left+\'px\'}" role="listbox" aria-hidden="{{!isOpen()}}">\n    <li class="uib-typeahead-match" ng-repeat="match in matches track by $index" ng-class="{active: isActive($index) }" ng-mouseenter="selectActive($index)" ng-click="selectMatch($index, $event)" role="option" id="{{::match.id}}">\n        <div uib-typeahead-match index="$index" match="match" query="query" template-url="templateUrl"></div>\n    </li>\n    <li>\n        <div class="panel panel-default text-center">\n            <div class="panel-body">\n                <p>Locatie niet gevonden?</p>\n                <button type="button" class="btn btn-primary" data-toggle="modal"\n                        data-target="#waar-locatie-toevoegen" ng-click="$parent.openPlaceModal()">\n                    Een locatie toevoegen\n                </button>\n            </div>\n        </div>\n    </li>\n</ul>'),a.put("templates/place-suggestion.html",'<div class="place-suggestion">\n  <span class="place-suggestion-name" ng-bind-html="match.model.name | uibTypeaheadHighlight:query"></span>\n  <span class="place-suggestion-address" ng-bind-html="match.model.address.streetAddress | uibTypeaheadHighlight:query">\n  </span>\n</div>\n'),a.put("templates/price-form-modal.html",'\n<div class="modal-header">\n    <button type="button" class="close" ng-click="pfmc.cancelEditPrice()"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>\n    <h4 class="modal-title" translate-once="prices.title"></h4>\n</div>\n<div class="modal-body">\n\n    <form name="pfmc.priceForm" novalidate>\n        <table class="table">\n            <div class="form-group">\n                <tr ng-repeat="(key, priceInfo) in pfmc.price"\n                    ng-model="priceInfo"\n                    ng-form="pfmc.priceForm.priceFieldForm">\n                    <td ng-switch on="priceInfo.category"\n                        class="col-xs-4">\n                        <p ng-switch-when="base"\n                           class="form-text"\n                           translate-once="prices.base">\n                        </p>\n                        <span ng-switch-default>\n                            <input type="text"\n                                   class="form-control"\n                                   name="name"\n                                   placeholder="{{::\'prices.target_group\' | translate }}"\n                                   ng-model="priceInfo.name[pfmc.mainLanguage]"\n                                   ng-class="{ \'has-error\': pfmc.priceForm.priceFieldForm.name.$invalid }"\n                                   required />\n                        </span>\n                    </td>\n                    <td class="col-xs-4">\n                        <span ng-if="priceInfo.price === 0"\n                              translate-once="prices.free">\n                        </span>\n                        <span ng-if="priceInfo.price !== 0">\n                            <div class="form-inline">\n                                <div class="form-group">\n                                    <input type="text"\n                                           class="form-control"\n                                           name="price"\n                                           ng-pattern="/^([1-9][0-9]*|[0-9]|[0])(,[0-9]{1,2})?$/"\n                                           ng-model="priceInfo.price"\n                                           ng-model-options="{ updateOn: \'default\' }"\n                                           ng-class="{ \'has-error\': pfmc.priceForm.priceFieldForm.price.$invalid }"\n                                           required />\n                                </div>\n                                <div class="form-group"> <span class="text-muted" translate-once="prices.currency"></span></div>\n                            </div>\n                        </span>\n                    </td>\n                    <td ng-switch on="priceInfo.price"\n                        class="col-xs-3">\n                        <a class="btn btn-link"\n                           ng-click="pfmc.unsetPriceItemFree(key)"\n                           ng-switch-when="0"\n                           translate-once="prices.add_price">\n                        </a>\n                        <a class="btn btn-link"\n                           translate-once="prices.free"\n                           ng-click="pfmc.setPriceItemFree(key)"\n                           ng-switch-default>\n                        </a>\n                    </td>\n                    <td class="col-xs-1">\n                        <a aria-hidden="true"\n                           ng-click="pfmc.deletePriceItem(key)"\n                           ng-if="pfmc.showPriceDelete(key)" class="close">&times;</a>\n                    </td>\n                </tr>\n                <tr>\n                    <td colspan="4">\n                        <a class="btn btn-default"\n                           translate-once="prices.add_tarriff"\n                           ng-click="pfmc.addPriceItem()">\n                        </a>\n                    </td>\n                </tr>\n            </div>\n        </table>\n    </form>\n    <div ng-show="pfmc.priceError"\n         class="alert alert-danger"\n         translate-once="prices.error">\n    </div>\n    <div ng-show="(pfmc.priceForm.priceFieldForm.price.$invalid || pfmc.priceForm.$invalid) && pfmc.priceForm.priceFieldForm.price.$dirty && !saving" class="alert alert-info">\n        <p translate-once="prices.invalid"></p>\n        <ul class="small">\n          <li translate-once="prices.invalid_tip1"></li>\n          <li translate-once="prices.invalid_tip2"></li>\n          <li translate-once="prices.invalid_tip3"></li>\n        </ul>\n    </div>\n</div>\n<div class="modal-footer">\n  <button type="button"\n          class="btn btn-default"\n          translate-once="prices.close"\n          ng-click="pfmc.cancelEditPrice()">\n  </button>\n  <button type="button"\n          class="btn btn-primary organisator-toevoegen-bewaren"\n          ng-click="pfmc.validatePrice()"\n          ng-disabled="pfmc.priceForm.$invalid || pfmc.priceForm.$pristine">\n      <span translate-once="prices.save"></span> <i class="fa fa-circle-o-notch fa-spin" ng-show="saving"></i>\n  </button>\n</div>\n'),a.put("templates/priceInfo.html",'<div class="row extra-prijs">\n  <div class="extra-task" ng-class="$ctrl.priceCssClass">\n    <div class="col-sm-3">\n      <em class="extra-task-label" translate-once="eventForm.step5.priceInfo.price_label"></em>\n        <i class="fa fa-circle-o-notch fa-spin" ng-show="$ctrl.savingPrice"></i>\n    </div>\n    <div class="col-sm-8">\n\n      <div ng-show="$ctrl.price.length == 0">\n        <section>\n          <a class="btn btn-default to-filling"\n             ng-click="$ctrl.priceCssClass = \'state-filling\'; $ctrl.changePrice()"\n             translate-once="eventForm.step5.priceInfo.add_prices">\n          </a>\n          <a class="btn btn-link"\n             ng-click="$ctrl.setPriceFree()"\n             translate-once="eventForm.step5.priceInfo.free"></a>\n        </section>\n      </div>\n      <div ng-show="$ctrl.price.length > 0">\n        <table class="table">\n          <thead>\n            <td translate-once="eventForm.step5.priceInfo.prices"></td>\n            <td>\n              <a class="btn btn-default pull-right"\n                 ng-click="$ctrl.changePrice()"\n                 translate-once="eventForm.step5.priceInfo.change">\n            </a>\n            </td>\n          </thead>\n          <tr ng-repeat="(key, priceInfo) in $ctrl.price"\n              ng-model="priceInfo">\n            <td>{{priceInfo.name[$ctrl.mainLanguage]}}</td>\n            <td>\n              <span ng-if="priceInfo.price == 0" translate-once="eventForm.step5.priceInfo.free">\n                Gratis\n              </span>\n              <span ng-if="priceInfo.price != 0">\n                {{priceInfo.price | currency:\'€\' }} <span translate-once="eventForm.step5.priceInfo.currency"></span>\n              </span>\n            </td>\n          </tr>\n        </table>\n        <div ng-if="$ctrl.hasUitpasError" class="alert alert-danger" translate="uitpas.uitpasInfo.unavailable"></div>\n      </div>\n\n    </div>\n  </div>\n</div>\n'),a.put("templates/event-form-publish-modal.html",'<div class="modal-header">\n  <h4 class="modal-title" translate-once="eventForm.embargo.title"></h4>\n</div>\n<div id="event-form-publish-modal" class="modal-body">\n  <p translate-once="eventForm.embargo.help"></p>\n    <div ng-if="!efpmc.eventFormData.availableFrom" class="form-inline">\n      <div class="input-group">\n      <input\n             class="form-control"\n             type="text"\n             uib-datepicker-popup="dd/MM/yyyy"\n             datepicker-options="efpmc.drp.options"\n             ng-model="efpmc.publicationDate"\n             show-button-bar="false"\n             on-open-focus="true"\n             is-open="efpmc.opened"\n             ng-required="true"\n             ng-click="efpmc.toggleDatePicker()" />\n      <span class="input-group-btn">\n          <button type="button" class="btn btn-default" ng-click="efpmc.toggleDatePicker()">\n              <i class="fa fa-calendar" aria-hidden="true"></i>\n          </button>\n      </span>\n      </div>\n    </div>\n    <br>\n    <div class="alert alert-warning" ng-if="efpmc.error===\'past\'" translate-once="eventForm.embargo.error_past"></div>\n    <div class="alert alert-warning" ng-if="efpmc.error===\'empty\'" translate-once="eventForm.embargo.error_empty"></div>\n</div>\n<div class="modal-footer">\n  <button type="button" class="btn btn-default" ng-click="efpmc.dismiss();" data-dismiss="modal" translate-once="eventForm.embargo.cancel">\n  </button>\n  <button type="button" class="btn btn-primary" ng-click="efpmc.savePublicationDate()" translate-once="eventForm.embargo.ready">\n  </button>\n</div>\n'),a.put("templates/reservation-period.html",'<div class="col-sm-12" ng-hide="haveBookingPeriod">\n    <a class="btn btn-primary reservatie-periode-toevoegen"\n       href="#"\n       ng-click="changeHaveBookingPeriod()"\n       translate-once="eventForm.step5.reservationPeriod.add_reservation_period">\n    </a>\n</div>\n<div class="col-sm-12" ng-show="haveBookingPeriod">\n    <div class="booking-period">\n        <div class="row">\n            <div class="col-lg-11">\n                <p><strong translate-once="eventForm.step5.reservationPeriod.reservation_period"></strong></p>\n            </div>\n            <div class="col-lg-1">\n                <button ng-if="!info.booking" type="button" class="close" aria-label="Close" ng-click="deleteBookingPeriod()">\n                    <span aria-hidden="true">&times;</span>\n                </button>\n            </div>\n        </div>\n        <div class="alert alert-danger" ng-if="errorMessage" ng-bind="::errorMessage">\n        </div>\n        <form name="bookingPeriod" class="booking-period">\n\n            <div class="row">\n                <div class="col-lg-6">\n                    <div class="input-group">\n                        <span class="input-group-addon"\n                              translate-once="eventForm.step5.reservationPeriod.from"></span>\n                        <input name="bookingStartDate"\n                               class="form-control"\n                               type="text"\n                               uib-datepicker-popup="dd/MM/yyyy"\n                               datepicker-options="dateOptions"\n                               ng-model="availabilityStarts"\n                               ng-change="validateBookingPeriod()"\n                               is-open="popup1.opened"\n                               show-button-bar="false"\n                               ng-required="true" />\n                        <span class="input-group-btn">\n                            <button type="button" class="btn btn-default" ng-click="open1()">\n                                <i class="fa fa-calendar" aria-hidden="true"></i>\n                            </button>\n                        </span>\n                    </div><!-- /input-group -->\n                </div><!-- /.col-lg-6 -->\n                <div class="col-lg-6">\n                    <div class="input-group">\n                        <span class="input-group-addon"\n                              translate-once="eventForm.step5.reservationPeriod.till"></span>\n                        <input name="bookingEndDate"\n                               type="text"\n                               class="form-control"\n                               type="text"\n                               uib-datepicker-popup="dd/MM/yyyy"\n                               datepicker-options="dateOptions"\n                               ng-model="availabilityEnds"\n                               ng-change="validateBookingPeriod()"\n                               is-open="popup2.opened"\n                               show-button-bar="false"\n                               ng-required="true" />\n                        <span class="input-group-btn">\n                            <button type="button" class="btn btn-default" ng-click="open2()">\n                                <i class="fa fa-calendar" aria-hidden="true"></i>\n                            </button>\n                          </span>\n                    </div><!-- /input-group -->\n                </div><!-- /.col-lg-6 -->\n            </div><!-- /.row -->\n        </form>\n    </div>\n</div>'),a.put("templates/event-preview.directive.html",'<div class="panel panel-default preview">\n\n  <div class="panel-heading" ng-style="{\'background-image\': \'url(\' + event.image + \')\'}">\n    <ul class="list-inline">\n      <li><small class="label label-default" ng-bind="::event.type.label"></small></li>\n    </ul>\n    <p class="title" ng-bind="::event.name"></p>\n  </div>\n\n  <div class="panel-body">\n\n    <p ng-bind-html="::event.description"></p>\n\n    <table class="table table-condensed">\n      <tbody>\n      <tr>\n        <td class="">\n          <strong class="hidden-xs hidden-sm">Waar</strong>\n          <i class="fa fa-map-marker hidden-md hidden-lg"></i>\n        </td>\n        <td ng-bind="::event.location.name"></td>\n      </tr>\n      <tr>\n        <td>\n          <strong class="hidden-xs hidden-sm">Wanneer</strong>\n          <i class="fa fa-calendar hidden-md hidden-lg"></i>\n        </td>\n        <td class="cf-when scroll scroll-150">\n          <udb-calendar-summary offer="event"></udb-calendar-summary>\n        </td>\n      </tr>\n      <tr>\n        <td>\n          <strong class="hidden-xs hidden-sm">Organisatie</strong>\n          <i class="far fa-building hidden-md hidden-lg"></i>\n        </td>\n        <td ng-bind="::event.organizer.name"></td>\n      </tr>\n      <tr>\n        <td><strong class="hidden-xs hidden-sm">Prijs</strong><i class="fa fa-eur hidden-md hidden-lg"></i></td>\n        <td>\n          <div ng-switch="::event.pricing">\n            <span ng-switch-when="free">gratis</span>\n                <span ng-switch-when="payed">\n                  <i class="fa fa-eur meta icon"></i>\n                  <span ng-if="::event.price" ng-bind="::event.price | currency">\n                </span>\n                </span>\n            <span ng-switch-when="unknown">niet ingevoerd</span>\n          </div>\n        </td>\n      </tr>\n      </tbody>\n    </table>\n  </div>\n</div>\n\n<div>\n  <em>\n    Ingevoerd door <span ng-bind="::event.organizer.name"></span>\n    <span> op </span>\n    <span ng-bind="::event.created | date : \'dd/MM/yyyy • HH:mm\'"></span>\n  </em>\n</div>\n'),a.put("templates/event-suggestion.directive.html",'<div class="col-xs-12 col-sm-6 col-md-4 col-lg-3" ng-hide="eventCtrl.fetching">\n  <a class="btn btn-tile"\n     ng-click="previewSuggestedItem(event)">\n    <small class="label label-default" ng-bind="::event.type.label"></small><br>\n    <strong class="title" ng-bind="::event.name"></strong><br>\n    <span ng-bind="::event.location.name"></span> -\n    <ng-switch on="event.calendarType">\n      <span ng-switch-when="single" ng-bind="::event.startDate | date: \'dd/MM\'"></span>\n      <span ng-switch-when="multiple">\n        <span translate-once="eventForm.step4.suggestions.from"></span> <span ng-bind="::event.startDate | date: \'dd/MM\'"></span> <span translate-once="eventForm.step4.suggestions.till"></span> <span ng-bind="::event.endDate | date: \'dd/MM\'"></span>\n      </span>\n      <span ng-switch-when="periodic">\n        <span translate-once="eventForm.step4.suggestions.from"></span> <span ng-bind="::event.startDate | date: \'dd/MM\'"></span> <span translate-once="eventForm.step4.suggestions.till"></span> <span ng-bind="::event.endDate | date: \'dd/MM\'"></span>\n      </span>\n      <span ng-switch-when="permanent" translate-once="eventForm.step4.suggestions.permanent"></span>\n    </ng-switch>\n    <br>\n    <small class="preview-corner"></small>\n    <i class="fa fa-eye preview-icon"></i>\n  </a>\n</div>'),a.put("templates/place-preview.directive.html",'<div class="panel panel-default preview">\n\n  <div class="panel-heading" ng-style="{\'background-image\': \'url(\' + event.image + \')\'}">\n    <ul class="list-inline">\n      <li><small class="label label-default" ng-bind="::event.type.label"></small></li>\n    </ul>\n    <p class="title" ng-bind="::event.name"></p>\n  </div>\n\n  <div class="panel-body">\n\n    <p ng-bind-html="::event.description"></p>\n\n    <table class="table table-condensed">\n      <tbody>\n      <tr>\n        <td>\n          <strong class="hidden-xs hidden-sm">Waar</strong>\n          <i class="fa fa-map-marker hidden-md hidden-lg"></i>\n        </td>\n        <td>\n          <span ng-bind="::event.address.streetAddress"></span>\n          <br>\n          <span ng-bind="::event.address.postalCode"></span>\n          <span ng-bind="::event.address.addressLocality"></span>\n        </td>\n      </tr>\n      <tr ng-if="::event.calendarType">\n        <td>\n          <strong class="hidden-xs hidden-sm">Wanneer</strong>\n          <i class="fa fa-calendar hidden-md hidden-lg"></i>\n        </td>\n        <td class="cf-when scroll scroll-150">\n          <udb-calendar-summary offer="event"></udb-calendar-summary>\n        </td>\n      </tr>\n      </tbody>\n    </table>\n  </div>\n</div>\n\n<div>\n  <em>\n    Ingevoerd door <span ng-bind="::event.creator"></span>\n    <span ng-if="event.created"> op <span ng-bind="::event.created | date : \'dd/MM/yyyy • HH:mm\'"></span></span>\n  </em>\n</div>\n'),a.put("templates/place-suggestion.directive.html",'<div class="col-xs-12 col-sm-6 col-md-4 col-lg-3" ng-hide="eventCtrl.fetching">\n  <a class="btn btn-tile"\n     ng-click="previewSuggestedItem(event)">\n    <small class="label label-default" ng-bind="::event.type.label"></small><br>\n    <strong class="title" ng-bind="::event.name"></strong><br>\n    <span translate-once="eventForm.step4.suggestions.permanent"></span>\n    <br>\n    <small class="preview-corner"></small>\n    <i class="fa fa-eye preview-icon"></i>\n  </a>\n</div>'),a.put("templates/suggestion-preview-modal.html",'<div class="modal-header">\n  <button type="button" class="close" aria-label="Close" ng-click="closePreview()"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>\n  <h4 class="modal-title">\n    Gelijkaardige items\n    <span> </span>\n    <small>\n      Evenement <span ng-bind="(currentSuggestionIndex + 1)"></span> van <span ng-bind="::suggestionCount"></span>\n    </small>\n  </h4>\n</div>\n<div class="modal-body">\n  <div ng-repeat="event in suggestions" ng-show="$index === currentSuggestionIndex">\n    <udb-event-preview ng-if="suggestionType === \'event\'"></udb-event-preview>\n    <udb-place-preview ng-if="suggestionType === \'place\'"></udb-place-preview>\n  </div>\n</div>\n<div class="modal-footer">\n  <button type="button" class="btn btn-default" ng-click="previousSuggestion()">Vorige</button>\n  <button type="button" class="btn btn-default" ng-click="nextSuggestion()">Volgende</button>\n</div>\n'),a.put("templates/event-form-publish.html",'<div class="event-validation" ng-if="efpc.eventFormData.showStep5">\n    <div class="text-danger" ng-if="efpc.error" ng-bind="efpc.error"></div>\n\n    <udb-event-form-save-time-tracker></udb-event-form-save-time-tracker>\n    <div ng-if="!efpc.saving">\n      <button type="submit"\n              class="btn btn-success"\n              ng-click="efpc.publish()"\n              ng-if="efpc.isDraft(efpc.eventFormData.workflowStatus) && efpc.hasNoDefault">\n          <span translate-once="eventForm.publish.publish_now"></span>\n      </button>\n      <button class="btn btn-default"\n              ng-click="efpc.publishLater()"\n              ng-if="efpc.canPublishLater()">\n          <span translate-once="eventForm.publish.publish_later"></span>\n      </button>\n      <button type="submit"\n              class="btn btn-success"\n              ng-click="efpc.preview()"\n              ng-if="!efpc.isDraft(efpc.eventFormData.workflowStatus)">\n          <span translate-once="eventForm.publish.edit_done"></span>\n      </button>\n      <button type="submit"\n              class="btn btn-success"\n              ng-click="efpc.publish()"\n              ng-if="efpc.isDraft(efpc.eventFormData.workflowStatus) && !efpc.hasNoDefault">\n          <span translate-once="eventForm.publish.edit_done"></span>\n      </button>\n      <span ng-if="efpc.hasNoDefault && efpc.eventFormData.availableFrom !== \'\'" && !efpc.isDraft(efpc.eventFormData.workflowStatus)>\n          <span translate-once="eventForm.publish.online_from"></span> <span ng-bind="efpc.eventFormData.availableFrom | date: \'dd/MM/yyyy\'"></span>\n      </span>\n    </div>\n    <div ng-if="efpc.saving">\n      <i class="fa fa-circle-o-notch fa-spin fa-fw"></i>\n      <span class="sr-only">Loading...</span>\n    </div>\n</div>\n'),a.put("templates/event-form-step1.html",'<div ng-controller="EventFormStep1Controller as EventFormStep1">\n  <a name="wat"></a>\n  <section id="wat">\n    <div class="step-title">\n      <div class="row">\n        <div class="col-xs-12">\n          <h2>\n            <span class="number">1</span>\n            <span translate-once="eventForm.step1.title"></span>\n          </h2>\n        </div>\n      </div>\n    </div>\n\n    <div class="row" ng-show="!activeEventType">\n      <div ng-class="splitTypes ? \'col-sm-5\': \'col-sm-12\'"\n           ng-show="splitTypes || eventFormData.getType() === \'event\'">\n        <label class="event-type-choser-label event"><span translate-once="eventForm.step1.label_event"></span></label>\n        <ul class="list-inline" id="step1-events">\n          <li ng-repeat="eventType in ::eventTypeLabels | orderBy:\'label\'" ng-show="eventType.primary === true || showAllEventTypes">\n            <button ng-bind="::translateOfferTypes(eventType.label)" class="btn btn-default"\n                    ng-click="setEventType(eventType, true)"></button>\n          </li>\n          <li ng-hide="showAllEventTypes">\n            <a href="" ng-click="toggleEventTypes()" translate-once="eventForm.step1.show_everything"></a>\n          </li>\n        </ul>\n      </div>\n\n      <div class="col-sm-2" ng-show="splitTypes">\n        <p class="text-center event-type-splitter"><em translate-once="eventForm.step1.or"></em></p>\n      </div>\n\n      <div ng-class="splitTypes ? \'col-sm-5\': \'col-sm-12\'"\n           ng-show="splitTypes || eventFormData.getType() === \'place\'">\n        <label class="event-type-choser-label place"><span translate-once="eventForm.step1.location_label"></span></label>\n        <ul class="list-inline" id="step1-places">\n          <li ng-repeat="placeType in ::placeLabels | orderBy:\'label\'" ng-show="placeType.primary == true || showAllPlaces">\n            <button ng-bind="::translateOfferTypes(placeType.label)" class="btn btn-default"\n                    ng-click="setEventType(placeType, false)"></button>\n          </li>\n          <li ng-hide="showAllPlaces">\n            <a href="" ng-click="togglePlaces()" translate-once="eventForm.step1.show_everything"></a>\n          </li>\n        </ul>\n      </div>\n    </div>\n\n    <div class="row">\n      <div class="col-xs-12 col-md-12" ng-hide="activeEventType === \'\'">\n        <span class="btn-chosen" ng-bind="activeEventTypeLabel"></span>\n        <a class="btn btn-link btn-default"\n           href="" ng-click="resetEventType()"\n           translate-once="eventForm.step1.change"></a>\n        <div ng-if="isLessonSeries" class="alert alert-info lesson-series-info">\n         <p translate-once="eventForm.step1.info_lesson_series"></p>\n        </div>\n      </div>\n\n      <div class="col-xs-12 theme-refinement" ng-hide="activeEventType === \'\' || activeTheme !== \'\'">\n        <label class="event-theme-label" ng-show="eventThemeLabels.length" translate-once="eventForm.step1.refine"></label>\n        <div ng-repeat="(key, values) in eventThemeLabels | groupBy: \'group\'">\n          <div class="row">\n            <div class="col-xs-2" ng-show="key !== \'undefined\'" >\n              <p class="text-muted" ng-bind="::translateOfferThemesGroups(key)"></p>\n            </div>\n            <div ng-class="key === \'undefined\' ? \'col-xs-12\' : \'col-xs-10\'">\n              <ul class="list-inline list-themes">\n                <li ng-repeat="eventTheme in values">\n                  <button ng-bind="::translateOfferThemes(eventTheme.label)" class="btn btn-default"\n                          ng-click="setTheme(eventTheme)"></button>\n                </li>\n              </ul>\n            </div>\n          </div>\n        </div>\n      </div>\n\n      <p class="col-xs-12 col-md-12"  ng-hide="activeTheme === \'\'">\n        <span class="btn-chosen" ng-bind="activeThemeLabel"></span>\n        <a class="btn btn-link btn-default"\n           href="" ng-click="resetTheme()"\n           translate-once="eventForm.step1.change"></a>\n      </p>\n  </section>\n\n</div>\n'),a.put("templates/event-form-step2.html",'<div ng-controller="EventFormStep2Controller as EventFormStep2">\n  <a name="wanneer"></a>\n  <section id="wanneer" ng-show="eventFormData.showStep2">\n    <div class="step-title">\n      <div class="row">\n        <div class="col-xs-12">\n          <h2>\n            <span class="number">2</span>\n            <span ng-show="eventFormData.isEvent" translate-once="eventForm.step2.date_help_event"></span>\n            <span ng-show="eventFormData.isPlace" translate-once="eventForm.step2.date_help_place"></span>\n          </h2>\n        </div>\n      </div>\n    </div>\n\n    <udb-form-place-calendar ng-if="eventFormData.isPlace"></udb-form-place-calendar>\n    <udb-form-event-calendar ng-if="eventFormData.isEvent"></udb-form-event-calendar>\n  </section>\n</div>\n'),a.put("templates/event-form-step3.html",'<div ng-controller="EventFormStep3Controller as EventFormStep3">\n\n<section id="waar" ng-show="eventFormData.showStep3">\n  <form name="step3Form" class="css-form">\n    <div class="step-title">\n      <div class="row">\n        <div class="col-xs-8">\n          <h2>\n            <span class="number">3</span>\n            <span ng-show="eventFormData.isEvent" translate-once="eventForm.step3.title_event"></span>\n            <span ng-show="eventFormData.isPlace" translate-once="eventForm.step3.title_place"></span>\n          </h2>\n        </div>\n        <div class="col-xs-4">\n          <select ng-change="changeCountrySelection()"\n            ng-options="option.code | translate for option in filterAvailableCountries(eventFormData.isPlace) track by option.code"\n            ng-model="selectedCountry"\n            class="form-control"\n            ng-show="availableCountries.length > 1">\n          </select>\n        </div>\n      </div>\n    </div>\n\n    <div class="row">\n      <div class="col-xs-12">\n        <!-- show info alert when event is a BOOKABLE_EVENT -->\n        <div ng-show="isBookableEvent">\n          <div ng-hide="bookableEventShowStep4">\n            <div class="alert alert-info">\n              <span translate-once="eventForm.step3.bookable_event_info_alert"></span>\n            </div>\n            <button type="button" \n                    class="btn btn-primary" \n                    ng-click="selectLocation(bookableEventLocationId)" \n                    translate-once="eventForm.step3.bookable_event_next_button">\n            </button>\n          </div>\n          <div ng-show="bookableEventShowStep4">\n            <span class="btn-chosen" translate-once="eventForm.step3.bookable_event_success_message"></span>\n          </div>\n        </div>\n        <span ng-show="selectedCountry.code===\'BE\'">\n          <label for="gemeente-autocomplete"\n                 id="gemeente-label"\n                 ng-hide="selectedCity">\n                 <span translate-once="eventForm.step3.choose_city"></span>\n                 <span translate-once="eventForm.step3.choose_city_helper" class="text-muted"></span>\n         </label>\n       </span>\n       <span ng-show="selectedCountry.code===\'NL\'">\n         <label for="gemeente-autocomplete"\n                id="gemeente-label"\n                ng-hide="selectedCity">\n                <span translate-once="eventForm.step3.choose_residence"></span>\n                <span translate-once="eventForm.step3.choose_residence_helper" class="text-muted"></span>\n        </label>\n        </span>\n        <div id="gemeente-kiezer" ng-hide="selectedCity || isBookableEvent">\n          <span style="position: relative; display: inline-block; direction: ltr;" class="twitter-typeahead">\n            <input type="text"\n                   id="gemeente-autocomplete"\n                   class="form-control uib-typeahead"\n                   ng-model="cityAutocompleteTextField"\n                   udb-auto-scroll\n                   uib-typeahead="city as city.label for city in cities | filter:filterCities($viewValue) | orderBy:orderByLevenshteinDistance($viewValue)"\n                   typeahead-on-select="selectCity($item, $label)"\n                   typeahead-min-length="2"\n                   typeahead-template-url="templates/city-suggestion.html"\n                   autocomplete="off" />\n          </span>\n          <div class="alert alert-danger"\n               ole="alert"\n               translate-once="eventForm.step3.problem_city"\n               ng-show="cityAutoCompleteError">\n          </div>\n        </div>\n        <div id="gemeente-gekozen" ng-show="selectedCity && !isBookableEvent">\n          <span class="btn-chosen" id="gemeente-gekozen-button" ng-bind="selectedCity"></span>\n          <a href=""\n             class="btn btn-default btn-link"\n             translate-once="eventForm.step3.change"\n             ng-click="changeCitySelection()"></a>\n        </div>\n\n\n    <div id="waar-evenement" class="clearfix" ng-show="eventFormData.isEvent && selectedCity">\n      <div class="row">\n        <div class="col-xs-12">\n          <label id="locatie-label" ng-show="!selectedLocation">\n            <span translate-once="eventForm.step3.choose_location"></span>\n            <i class="fa fa-circle-o-notch fa-spin" ng-show="loadingLocations"></i>\n          </label>\n          <div id="locatie-kiezer" ng-hide="selectedLocation">\n            <span style="position: relative; display: block; direction: ltr;" class="twitter-typeahead">\n              <input type="text"\n                     translate-once-placeholder="eventForm.step3.placeholder_location"\n                     class="form-control typeahead"\n                     ng-model="asyncPlaceSuggestion"\n                     uib-typeahead="location.id as location.name for location in filteredLocations = (getPlaces($viewValue)) | limitTo:50"\n                     typeahead-on-select="selectLocation($model, $label)"\n                     typeahead-min-length="3"\n                     typeahead-wait-ms="500"\n                     typeahead-loading="loadingLocations"\n                     typeahead-template-url="templates/place-suggestion.html"\n                     typeahead-popup-template-url="templates/place-suggestion-popup.html"\n                     udb-auto-scroll/>\n              <div ng-show="loadingLocations" class="dropdown-menu-no-results">\n                <div class="panel panel-default text-center">\n                  <div class="panel-body">\n                      <i class="fa fa-circle-o-notch fa-spin"></i>\n                  </div>\n                </div>\n              </div>\n              <div class="plaats-adres-resultaat dropdown-menu-no-results"\n                   ng-show="!cityHasLocations() && locationsSearched && !loadingLocations">\n                <div class="panel panel-default text-center">\n                  <div class="panel-body">\n                    <p translate-once="eventForm.step3.location_not_found"></p>\n                    <button type="button" class="btn btn-primary"\n                            data-toggle="modal"\n                            data-target="#waar-locatie-toevoegen"\n                            translate-once="eventForm.step3.add_location"\n                            ng-click="openPlaceModal()">\n                    </button>\n                  </div>\n                </div>\n              </div>\n            </span>\n            <div class="alert alert-danger"\n                 role="alert"\n                 translate-once="eventForm.step3.location_error"\n                 ng-show="locationAutoCompleteError">\n            </div>\n          </div>\n\n          <div id="locatie-gekozen" ng-show="selectedLocation && !isBookableEvent" >\n            <span ng-bind="selectedLocation.name"></span>\n            <button type="button"\n                    class="btn btn-default btn-link"\n                    data-toggle="modal"\n                    data-target="#waar-locatie-toevoegen"\n                    translate-once="eventForm.step3.change"\n                    ng-click="changeLocationSelection()"></button>\n            <br>\n            <span ng-bind="selectedLocation.address.streetAddress"></span>\n          </div>\n\n        </div>\n      </div>\n    </div>\n\n    <div id="waar-plaats" class="clearfix" ng-show="eventFormData.isPlace && selectedCity">\n      <div class="plaats-adres-ingeven" ng-hide="placeStreetAddress">\n        <div class="row">\n          <div class="col-xs-12 col-md-4">\n            <div class="form-group" ng-class="{\'has-error\' : showValidation || (step3Form.street.$error.required && !step3Form.street.$pristine)}">\n              <label translate-once="eventForm.step3.street"></label>\n              <input class="form-control"\n                     id="straat"\n                     name="street"\n                     ng-model="newPlaceStreetAddress"\n                     ng-change="resetStreetValidation()"\n                     translate-once-placeholder="eventForm.step3.placeholder_street"\n                     type="text"\n                     required />\n              <span class="help-block"\n                    translate-once="eventForm.step3.street_validate"\n                    ng-show="showValidation && step3Form.street.$error.required">\n              </span>\n              <span class="help-block" ng-show="showValidation && showStreetValidation" translate-once="eventForm.step3.street_validate_long">\n              </span>\n            </div>\n            <div class="form-group"\n                 ng-if="selectedCountry.code===\'NL\'"\n                 ng-class="{\'has-error\' : showValidation || (step3Form.postalCode.$error.required && !step3Form.postalCode.$pristine)}">\n              <label translate-once="eventForm.step3.zip"></label>\n              <span class="text-muted">bv. 1104CA</span>\n              <input class="form-control"\n                     id="postalCode"\n                     name="postalCode"\n                     ng-model="newPlacePostalCode"\n                     ng-change="resetZipValidation()"\n                     translate-once-placeholder="eventForm.step3.placeholder_zip"\n                     type="text"\n                     required />\n              <span class="help-block"\n                    translate-once="eventForm.step3.zip_validate"\n                    ng-show="showValidation && step3Form.postalCode.$error.required">\n              </span>\n              <span class="help-block" ng-show="showValidation && showZipValidation" translate-once="eventForm.step3.invalid_zip">\n              </span>\n            </div>\n          </div>\n        </div>\n        <a class="btn btn-primary plaats-ok"\n           ng-if="selectedCountry.code===\'BE\'"\n           translate-once="eventForm.step3.ok"\n           ng-click="setPlaceStreetAddress(newPlaceStreetAddress)"></a>\n        <a class="btn btn-primary plaats-ok"\n           ng-if="selectedCountry.code===\'NL\'"\n           translate-once="eventForm.step3.ok"\n           ng-click="setNLPlaceStreetAddress(newPlaceStreetAddress, step3Form.postalCode.$viewValue)"></a>\n      </div>\n\n      <div class="plaats-adres-resultaat" ng-show="placeStreetAddress">\n        <span>\n          <span class="btn-chosen" ng-bind="eventFormData.address.streetAddress"></span>\n          <a class="btn btn-link plaats-adres-wijzigen"\n             translate-once="eventForm.step3.change"\n             ng-click="changePlaceStreetAddress()"></a>\n        </span>\n      </div>\n    </div>\n\n  </form>\n</section>\n\n</div>\n'),
 a.put("templates/event-form-step4.html",'<div ng-controller="EventFormStep4Controller as EventFormStep4">\n\n  <a name="titel"></a>\n  <section id="titel" ng-show="eventFormData.showStep4">\n    <div class="step-title">\n      <div class="row">\n        <div class="col-xs-12">\n          <h2>\n            <span class="number">4</span>\n            <span translate-once="eventForm.step4.basic_data"></span>\n          </h2>\n        </div>\n      </div>\n    </div>\n\n    <div class="row">\n      <div class="col-md-8 col-lg-7">\n        <label ng-show="eventFormData.isEvent" translate-once="eventForm.step4.name_event"></label>\n        <label ng-show="eventFormData.isPlace" translate-once="eventForm.step4.name_place"></label>\n\n        <div class="form-group-lg">\n          <input type="text"\n                 class="form-control"\n                 ng-model="eventFormData.name"\n                 ng-model-options="titleInputOptions"\n                 ng-change="eventTitleChanged()"\n                 focus-if="eventFormData.showStep4 && eventFormData.id === \'\'"\n                 udb-auto-scroll>\n        </div>\n\n        <div class="help-block">\n          <p>\n            <span ng-show="eventFormData.isEvent" translate-once="eventForm.step4.help_event"></span>\n            <span ng-show="eventFormData.isPlace" translate-once="eventForm.step4.help_place"></span>\n            <span translate-once="eventForm.step4.help_description"></span>\n          </p>\n        </div>\n      </div>\n    </div>\n\n    <udb-form-age></udb-form-age>\n\n    <div class="alert alert-warning" ng-show="infoMissing">\n      <strong translate-once="eventForm.step4.info_missing"></strong>\n      <ul>\n        <li ng-repeat="error in missingInfo" ng-bind-html="error" translate>\n          {{error}}\n        </li>\n      </ul>\n    </div>\n\n    <div class="alert alert-danger"\n         translate-once="eventForm.step4.save_error"\n         ng-show="error">\n    </div>\n\n    <p ng-show="eventFormData.id === \'\'">\n      <a class="btn btn-primary titel-doorgaan"\n          ng-disabled="isValidateButtonDisabled"\n          ng-click="validateEvent()">\n        <span translate-once="eventForm.step4.continue"></span> <i class="fa fa-circle-o-notch fa-spin" ng-show="saving"></i>\n      </a>\n    </p>\n\n  </section>\n\n  <div class="spinner" style="display: none;">\n    <i class="fa fa-circle-o-notch fa-spin"></i>\n  </div>\n\n  <a name="dubbeldetectie"></a>\n  <section class="dubbeldetectie" ng-show="eventFormData.name !== \'\'">\n\n    <div class="panel panel-info" ng-show="resultViewer.totalItems > 0">\n      <div class="panel-body bg-info text-info">\n        <p class="h2" style="margin-top: 0;" translate-once="eventForm.step4.doubles_title"></p>\n        <p translate-once="eventForm.step4.doubles_help"></p>\n\n        <div class="row clearfix" ng-if="eventFormData.getType() === \'event\'">\n          <div ng-repeat="event in resultViewer.events | filter:{\'@type\': \'Event\'}">\n            <udb-event-suggestion></udb-event-suggestion>\n          </div>\n        </div>\n\n        <div class="row clearfix" ng-if="eventFormData.getType() === \'place\'">\n          <div ng-repeat="event in resultViewer.events | filter:{\'@type\': \'Place\'}">\n            <udb-place-suggestion></udb-place-suggestion>\n          </div>\n        </div>\n      </div>\n    </div>\n\n    <h3 ng-show="duplicatesSearched && resultViewer.totalItems > 0">\n      <span translate-once="eventForm.step4.sure" translate-values="{ name: \'{{eventFormData.name}}\' }"></span>\n    </h3>\n    <ul class="list-inline" ng-show="duplicatesSearched && resultViewer.totalItems > 0">\n      <li>\n        <a class="btn btn-default"\n           translate-once="eventForm.step4.return_dashboard"\n           href="dashboard"></a>\n      </li>\n      <li>\n        <a class="btn btn-primary dubbeldetectie-doorgaan" ng-click="saveEvent()">\n          <span translate-once="eventForm.step4.yes_continue"></span> <i class="fa fa-circle-o-notch fa-spin" ng-show="saving"></i>\n        </a>\n      </li>\n    </ul>\n\n  </section>\n\n</div>\n'),a.put("templates/event-form-step5.html",'<div ng-controller="EventFormStep5Controller as EventFormStep5" >\n  <a name="extra"></a>\n  <section id="extra" ng-show="eventFormData.showStep5">\n\n    <div class="step-title">\n      <div class="row">\n        <div class="col-xs-12">\n          <h2>\n            <span class="number">5</span>\n            <span ng-show="eventFormData.isEvent" translate-once="eventForm.step5.expose_event"></span>\n            <span ng-show="eventFormData.isPlace" translate-once="eventForm.step5.expose_place"></span>\n          </h2>\n          </h2>\n        </div>\n      </div>\n    </div>\n\n    <div class="row">\n      <div class="col-sm-7">\n\n        <div class="row extra-titnieel">\n          <div class="extra-task state-complete">\n            <div class="col-sm-3">\n              <em class="extra-task-label" translate-once="eventForm.step5.title"></em>\n            </div>\n            <div class="col-sm-8">\n              <p id="extra-titel-motivator" ng-bind="eventFormData.name"></p>\n            </div>\n          </div>\n        </div>\n\n        <div class="row extra-beschrijving">\n          <div class="extra-task" ng-class="descriptionCssClass">\n            <div class="col-sm-3">\n              <em class="extra-task-label" translate-once="eventForm.step5.description"></em>\n              <span> </span>\n              <i class="fa fa-circle-o-notch fa-spin" ng-show="savingDescription"></i>\n            </div>\n            <div class="col-sm-8">\n              <section class="state incomplete">\n                <div class="row">\n                  <div class="col-sm-6">\n                    <a class="btn btn-default to-filling"\n                       translate-once="eventForm.step5.add_text"\n                       ng-click="alterDescription()">\n                    </a>\n                  </div>\n                </div>\n              </section>\n              <section class="state complete filling">\n                <div class="form-group">\n                  <textarea ng-blur="saveDescription()"\n                            ng-focus="focusDescription()"\n                            class="form-control event-description"\n                            ng-model="description"\n                            rows="6"\n                            udb-auto-scroll\n                            focus-if="descriptionCssClass == \'state-filling\'">\n                            </textarea>\n\n                  <p class="tip description-info" ng-if="descriptionInfoVisible && countCharacters() < 200">\n                    <span translate-once="eventForm.step5.required_200"></span>\n                    <span translate-once="eventForm.step5.required_still"></span> <span ng-bind="(200 - countCharacters())"></span> <span translate-once="eventForm.step5.required_signs"></span>\n                    <span class="loader">\n                      <span class="empty"></span>\n                      <span class="bar" ng-style="{width : (countCharacters()/2)+\'%\'}" ></span>\n                    </span>\n                  </p>\n                  <p class="tip description-info"\n                     translate-once="eventForm.step5.required_200_help"\n                     ng-if="descriptionInfoVisible && countCharacters() >= 200">\n                  </p>\n                  <p>\n                    <a ng-if="description"\n                       class="to-filling"\n                       translate-once="eventForm.step5.empty"\n                       ng-click="saveDescription(true)">\n                    </a>\n                  </p>\n                  <div class="alert alert-info description-tips" ng-switch="eventFormData.type.id">\n                    <p ng-switch-when="0.50.4.0.0" translate-once="eventForm.step5.tips.Concert"></p>\n                    <p ng-switch-when="0.54.0.0.0" translate-once="eventForm.step5.tips.Dansvoorstelling"></p>\n                    <p ng-switch-when="0.5.0.0.0" translate-once="eventForm.step5.tips.Festival"></p>\n                    <p ng-switch-when="0.50.6.0.0" translate-once="eventForm.step5.tips.Film"></p>\n                    <p ng-switch-when="0.3.2.0.0" translate-once="eventForm.step5.tips.Lezing of congres"></p>\n                    <p ng-switch-when="0.55.0.0.0" translate-once="eventForm.step5.tips.Theatervoorstelling"></p>\n                    <p ng-switch-when="0.19.0.0.0" translate-once="eventForm.step5.tips.Sportwedstrijd bekijken"></p>\n                    <p ng-switch-when="0.37.0.0.0" translate-once="eventForm.step5.tips.Markt of braderie"></p>\n                    <p ng-switch-when="0.12.0.0.0" translate-once="eventForm.step5.tips.Opendeurdag"></p>\n                    <p ng-switch-when="0.6.0.0.0" translate-once="eventForm.step5.tips.Beurs"></p>\n                    <p ng-switch-when="0.0.0.0.0" translate-once="eventForm.step5.tips.Tentoonstelling"></p>\n                    <p ng-switch-when="0.7.0.0.0" translate-once="eventForm.step5.tips.Begeleide uitstap of rondleiding"></p>\n                    <p ng-switch-when="0.3.1.0.0" translate-once="eventForm.step5.tips.Lessenreeks"></p>\n                    <p ng-switch-when="0.3.1.0.1" translate-once="eventForm.step5.tips.Cursus met open sessies"></p>\n                    <p ng-switch-when="0.57.0.0.0" translate-once="eventForm.step5.tips.Kamp of vakantie"></p>\n                    <p ng-switch-when="0.28.0.0.0" translate-once="eventForm.step5.tips.Festiviteit"></p>                    \n                    <p ng-switch-when="0.17.0.0.0" translate-once="eventForm.step5.tips.Route"></p>\n                    <p ng-switch-when="0.49.0.0.0" translate-once="eventForm.step5.tips.Party of fuif"></p>\n                    <p ng-switch-when="1.50.0.0.0" translate-once="eventForm.step5.tips.Eet of drankfestijn"></p>\n                    <p ng-switch-when="0.50.21.0.0" translate-once="eventForm.step5.tips.Spel of quiz"></p>\n                    <p ng-switch-when="0.59.0.0.0" translate-once="eventForm.step5.tips.Sport en beweging"></p>\n                    <p ng-switch-when="0.14.0.0.0" translate-once="eventForm.step5.tips.Monument"></p>\n                  </div>\n                </div>\n                <div ng-show="descriptionError"\n                     class="alert alert-danger"\n                     translate-once="eventForm.step5.description_error">\n                </div>\n              </section>\n            </div>\n          </div>\n        </div>\n\n        <div class="row extra-organisator">\n          <div class="extra-task" ng-class="organizerCssClass">\n            <div class="col-sm-3">\n              <em class="extra-task-label" translate-once="eventForm.step5.organizer"></em>\n              <span> </span>\n              <i class="fa fa-circle-o-notch fa-spin" ng-show="savingOrganizer"></i>\n            </div>\n            <div class="col-sm-8">\n              <section class="state incomplete">\n                <a class="btn btn-default to-filling"\n                   translate-once="eventForm.step5.add_organizer"\n                   ng-click="organizerCssClass = \'state-filling\'">\n                </a>\n              </section>\n              <section class="state complete">\n                <span>\n                  <span ng-bind="eventFormData.organizer.name"></span>\n                  <a class="close" ng-click="deleteOrganizerHandler()">\n                    <span aria-hidden="true"> &times;</span>\n                  </a>\n                </span>\n                <div ng-if="hasTicketSales" class="alert alert-danger" translate="uitpas.uitpasInfo.cantChangeOrganiser"></div>\n                <div ng-if="hasUitpasError" class="alert alert-danger" translate="uitpas.uitpasInfo.unavailable"></div>\n              </section>\n              <section class="state filling">\n                <div class="form-group">\n                  <label>\n                    <span translate-once="eventForm.step5.choose_organizer"></span> <i class="fa fa-circle-o-notch fa-spin" ng-show="loadingOrganizers"></i>\n                  </label>\n                  <div id="organisator-kiezer">\n                    <span class="twitter-typeahead" style="position: relative; display: inline-block; direction: ltr;">\n                      <input type="text" class="form-control uib-typeahead" id="organisator-autocomplete"\n                             ng-model="organizer"\n                             uib-typeahead="organizer for organizer in getOrganizers($viewValue)"\n                             typeahead-on-select="selectOrganizer(organizer)"\n                             typeahead-min-length="3"\n                             typeahead-template-url="templates/organisation-uitpas-typeahead-template.html"\n                             typeahead-wait-ms="300"\n                             focus-if="organizerCssClass == \'state-filling\'"\n                             udb-auto-scroll/>\n                      <div class="dropdown-menu-no-results text-center" ng-show="emptyOrganizerAutocomplete">\n                        <div class="panel panel-default text-center">\n                          <div class="panel-body">\n                            <p translate-once="eventForm.step5.organizer_not_found"></p>\n                            <button type=\'button\'\n                                    class=\'btn btn-primary\'\n                                    translate-once="eventForm.step5.add_new_organizer"\n                                    ng-click="openOrganizerModal()">\n                            </button>\n                          </div>\n                        </div>\n                      </div>\n                    </span>\n                  </div>\n                </div>\n              </section>\n              <div ng-show="organizerError" class="alert alert-danger" translate-once="eventForm.step5.organizer_error">\n              </div>\n            </div>\n          </div>\n        </div>\n\n        <price-info price="price" ng-if="!disablePriceInfo" event-id="eventFormData.id" organizer="eventFormData.organizer"></price-info>\n        <uitpas-info organizer="eventFormData.organizer" price="eventFormData.priceInfo"></uitpas-info>\n\n        <div class="row extra-contact">\n          <div class="extra-task meer-info" ng-class="contactInfoCssClass">\n            <div class="col-sm-3">\n              <em class="extra-task-label" translate-once="eventForm.step5.contact"></em>\n              <span> </span>\n              <i class="fa fa-circle-o-notch fa-spin" ng-show="savingContactInfo"></i>\n            </div>\n\n            <div class="col-sm-8">\n              <section class="state incomplete">\n                <a class="btn btn-default" ng-click="addContactInfo()" translate-once="eventForm.step5.add_contact">\n                </a>\n              </section>\n\n              <section class="state filling complete">\n                <form name="contactInfoForm" class="contact-info">\n                  <table class="table">\n                    <tr ng-repeat="(key, info) in contactInfo"\n                        ng-model="info"\n                        udb-contact-info-validation\n                        ng-class="{\'has-error\' : infoErrorMessage !== \'\' }"\n                        ng-change="saveContactInfo()">\n                      <td>\n                        <select class="form-control" ng-model="info.type"\n                                ng-change="clearInfo(); removeBookingInfo(\'{{info.type}}\')">\n                          <option value="url" translate-once="eventForm.step5.website"></option>\n                          <option value="phone" translate-once="eventForm.step5.phone"></option>\n                          <option value="email" translate-once="eventForm.step5.e-mail"></option>\n                        </select>\n                      </td>\n                      <td>\n                        <ng-switch on="info.type">\n                          <input type="text"\n                                 ng-switch-when="url"\n                                 udb-http-prefix\n                                 class="form-control"\n                                 ng-model="info.value"\n                                 name="contact[{{key}}]"\n                                 ng-change="validateInfo(); saveContactInfo();"\n                                 ng-model-options="{ updateOn: \'blur\' }"/>\n                          <input type="text"\n                                 ng-switch-default\n                                 class="form-control"\n                                 ng-model="info.value"\n                                 name="contact[{{key}}]"\n                                 ng-change="validateInfo(); saveContactInfo();"\n                                 ng-model-options="{ updateOn: \'blur\' }"/>\n                        </ng-switch>\n                        <span class="help-block" ng-hide="infoErrorMessage === \'\'" ng-bind="infoErrorMessage"></span>\n                        <div class="booking-options" ng-show="showBookingOption(info)">\n                          <label>\n                            <input type="checkbox"\n                                   class="reservatie-{{info.type}}-check reservatie-check"\n                                   ng-model="info.booking"\n                                   ng-click="toggleBookingType(info)">\n                            <span translate-once="eventForm.step5.use_booking"></span>\n                          </label>\n                          <div class="reservatie-website-info reservatie-info"\n                               ng-if="info.type === \'url\' && info.booking">\n                            <div class="reservatie-info-stap2">\n                              <div class="weergave">\n                                <p><strong translate-once="eventForm.step5.booking_exposure"></strong></p>\n                                <select ng-model="bookingModel.urlLabel[mainLanguage]"\n                                        ng-change="saveWebsitePreview()"\n                                        ng-options="option.label for option in bookingOptions[mainLanguage]">\n                                </select>\n                              </div>\n                            </div>\n                          </div>\n                        </div>\n                      </td>\n                      <td>\n                        <button ng-if="!info.booking" type="button" class="close" aria-label="Close" ng-click="deleteContactInfo(key)">\n                          <span aria-hidden="true">&times;</span>\n                        </button>\n                        <button ng-if="info.booking" type="button" class="close" aria-label="Close" ng-click="deleteBookingInfo(info, key)">\n                          <span aria-hidden="true">&times;</span>\n                        </button>\n                      </td>\n                    </tr>\n                    <tr>\n                      <td colspan="3">\n                        <a ng-click="addContactInfo()" translate-once="eventForm.step5.add_more_contact"></a>\n                      </td>\n                    </tr>\n                  </table>\n                </form>\n              </section>\n\n              <div class="row extra-tickets-periode"\n                   ng-show="hasBookingInfo()">\n                  <div class="extra-task">\n                      <udb-reservation-period on-booking-period-saved="saveBookingInfo()"></udb-reservation-period>\n                  </div>\n              </div>\n\n              <div ng-show="contactInfoError" class="alert alert-danger" translate-once="eventForm.step5.contact_error">\n              </div>\n\n            </div>\n\n          </div>\n        </div>\n\n        <udb-form-audience></udb-form-audience>\n      </div>\n\n      <div class="col-sm-5">\n\n        <div class="image-upload" ng-class="eventFormData.mediaObjects.length ? \'state-complete\' : \'state-incomplete\'">\n          <div class="image-upload-none state incomplete">\n            <span class="image-upload-icon"></span>\n            <p class="muted" translate-once="eventForm.step5.image_help"></p>\n          </div>\n\n          <div class="image-upload-list state complete" ng-if="eventFormData.mediaObjects.length > 0">\n            <h4 translate-once="eventForm.step5.images"></h4>\n            <div ng-repeat="image in eventFormData.mediaObjects | imagesByLanguage:eventFormData.mainLanguage track by image.contentUrl">\n              <div class="uploaded-image">\n                <div class="media" ng-class="{\'main-image\': ($index === 0)}">\n                  <a class="media-left" href="#">\n                    <img ng-src="{{ image.thumbnailUrl }}?width=50&height=50">\n                  </a>\n\n                  <div class="media-body">\n                    <div ng-bind="image.description"></div>\n                    <div class="text-muted">&copy; <span ng-bind="image.copyrightHolder"><span translate-once="eventForm.step5.copyright"></span></span></div>\n                  </div>\n\n                  <div class="media-actions">\n                      <a class="btn btn-xs btn-primary" ng-click="editImage(image)" translate-once="eventForm.step5.change"></a>\n                      <a class="btn btn-xs btn-danger" ng-click="removeImage(image)" translate-once="eventForm.step5.delete"></a>\n                      <a class="btn btn-xs btn-default select-main-image" ng-click="selectMainImage(image)" translate-once="eventForm.step5.main_image"></a>\n                  </div>\n\n                </div>\n              </div>\n            </div>\n          </div>\n\n          <div class="text-center">\n            <a class="btn btn-default"\n               href="#"\n               translate-once="eventForm.step5.add_image"\n               ng-click="openUploadImageModal(-1)"></a>\n          </div>\n        </div>\n\n      </div>\n\n    </div>\n\n  </section>\n</div>\n'),a.put("templates/event-form.html",'<div class="offer-form" ng-if="loaded">\n  <div class="alert alert-warning" ng-show="showLangWarning">\n    <p translate-once="eventForm.langWarning" translate-values="{ language: \'{{language}}\' }"></p>\n  </div>\n\n  <udb-event-form-step1></udb-event-form-step1>\n  <udb-event-form-step2></udb-event-form-step2>\n  <udb-event-form-step3></udb-event-form-step3>\n  <udb-event-form-step4></udb-event-form-step4>\n  <udb-event-form-step5></udb-event-form-step5>\n\n  <udb-event-form-publish></udb-event-form-publish>\n</div>\n'),a.put("templates/event-export-modal.html",'<div class="modal-header">\n  <button type="button" class="close" aria-label="Close" ng-click="exporter.close()">\n    <span class="fa fa-close"></span>\n  </button>\n  <h4 class="modal-title">Exporteren - <span ng-bind="exporter.eventCount + \' Items\'"></span></h4>\n</div>\n\n<div ng-switch="exporter.getActiveStepName()">\n  <form ng-switch-when="format" name="formatForm">\n    <div class="modal-body">\n      <h5>Selecteer het formaat</h5>\n\n      <div class="export-format-field" ng-repeat="format in ::exporter.exportFormats">\n        <label>\n          <input type="radio" name="eventExportFormat" ng-model="exporter.format" ng-value="format.type"\n                 class="export-format-radio">\n          <span ng-bind="format.label" class="export-format-label"></span>\n        </label>\n        <div class="export-format-description" ng-bind="format.description"></div>\n      </div>\n    </div>\n    <udb-export-modal-buttons></udb-export-modal-buttons>\n  </form>\n\n  <form ng-switch-when="filter" name="filterForm">\n    <div class="modal-body">\n      <h5>Kies de gewenste velden</h5>\n\n      <div class="export-field-selection">\n        <div class="checkbox"\n             ng-repeat="property in ::exporter.eventProperties"\n             ng-show="!property.format || property.format.type === exporter.format">\n          <label>\n            <input type="checkbox" ng-model="property.include" name="eventExportFields"\n                   ng-disabled="!property.excludable">\n            <span ng-bind="(\'property.\' + property.name) | translate"></span>\n          </label>\n        </div>\n      </div>\n    </div>\n    <udb-export-modal-buttons></udb-export-modal-buttons>\n  </form>\n\n  <form ng-switch-when="customize" name="customizeForm" novalidate>\n    <div class="modal-body">\n      <h5>Verfraai je rapport</h5>\n\n        <div class="form-group">\n          <label>Kies een logo</label>\n          <div class="row">\n            <div class="col-sm-8">\n              <div class="radio" ng-repeat="brand in ::exporter.brands">\n                <label>\n                    <input type="radio" name="eventExportBrand" ng-model="exporter.customizations.brand"\n                           ng-value="brand" class="export-customization-brand-radio" ng-required="true">\n                    <span ng-bind="brand.label"></span>\n                </label>\n              </div>\n            </div>\n            <div class="col-sm-4">\n              <img ng-src="{{exporter.exportLogoUrl}}{{exporter.customizations.brand.logo}}" alt="{{exporter.customizations.brand.name}}" ng-show="exporter.customizations.brand" class="img-responsive img-thumbnail center-block export-logo"/>\n            </div>\n          </div>\n          <p class="alert alert-danger" role="alert" ng-show="exporter.hasErrors && customizeForm.eventExportBrand.$error.required">Gelieve een logo te selecteren. Dit is een noodzakelijk veld.</p>\n        </div>\n\n      <div class="form-group">\n        <label>Kies een sjabloon</label>\n        <div class="row">\n          <div class="col-sm-8">\n            <div class="radio" ng-repeat="template in ::exporter.templates">\n              <label>\n                <input type="radio" name="eventExportTemplate" ng-model="exporter.customizations.template"\n                       ng-value="template" class="export-customization-brand-radio" ng-required="true">\n                <span ng-bind="template.label"></span>\n              </label>\n            </div>\n          </div>\n          <div class="col-sm-4">\n            <img ng-src="{{exporter.templateUrl}}{{exporter.customizations.template.img}}" alt="{{exporter.customizations.template.label}}" ng-show="exporter.customizations.template" class="img-responsive img-thumbnail center-block export-template"/>\n          </div>\n        </div>\n        <p class="alert alert-danger" role="alert" ng-show="exporter.hasErrors && customizeForm.eventExportTemplate.$error.required">Gelieve een sjabloon te selecteren. Dit is een noodzakelijk veld.</p>\n      </div>\n\n        <div class="form-group">\n          <label for="export-customization-title">Titel</label> <small class="text-muted">verplicht in te vullen</small>\n          <input placeholder="Bv. Uit met Vlieg of UiT in Gent" class="form-control" id="export-customization-title"\n                 ng-model="exporter.customizations.title" name="eventExportTitle" ng-required="\'true\'">\n          <p class="alert alert-danger" role="alert" ng-show="exporter.hasErrors && customizeForm.eventExportTitle.$error.required">Gelieve een titel toe te voegen. Dit is een noodzakelijk veld.</p>\n        </div>\n\n        <div class="form-group">\n          <label for="export-customization-subtitle">Ondertitel</label>\n          <input placeholder="Bv. 5 meeneemtips voor families" class="form-control" id="export-customization-subtitle"\n                 ng-model="exporter.customizations.subtitle" name="eventExportSubtitle">\n        </div>\n\n        <div class="form-group">\n          <label for="export.customization-footer">Afsluiter</label>\n          <input placeholder="Bv. Meer tips op www.uitinvlaanderen.be" class="form-control"\n                 id="export.customization-footer" ng-model="exporter.customizations.footer" name="eventExportFooter">\n        </div>\n\n        <div class="form-group">\n          <label for="export.customization-publisher">Verantwoordelijke uitgever</label>\n          <input placeholder="Bv. Cultuurnet Vlaanderen" class="form-control" id="export.customization-publisher"\n                 ng-model="exporter.customizations.publisher" name="eventExportPublisher">\n        </div>\n    </div>\n    <udb-export-modal-buttons></udb-export-modal-buttons>\n  </form>\n\n  <form ng-switch-when="confirm">\n    <div class="modal-body">\n      <h5>Export versturen</h5>\n      <div class="form-group">\n        <label>Email</label>\n        <input type="text" ng-model="exporter.email" name="eventExportEmail"/>\n      </div>\n    </div>\n    <udb-export-modal-buttons></udb-export-modal-buttons>\n  </form>\n\n  <form ng-switch-when="finished">\n    <div class="modal-body">\n      <h5>Bedankt</h5>\n\n      <p>De gevraagde items worden geëxporteerd.</p>\n\n      <p ng-hide="exporter.email">Wanneer het gevraagde bestand klaar is, verschijnt een melding in de taakbalk.</p>\n      <p ng-show="exporter.email">Wanneer het gevraagde bestand klaar is, verschijnt een melding in de taakbalk en sturen we je het document via mail.</p>\n    </div>\n  </form>\n\n</div>\n\n<div class="modal-footer" ng-show="exporter.getActiveStepName() === \'finished\'">\n  <button class="btn btn-default" ng-click="exporter.close()">sluiten</button>\n</div>\n'),a.put("templates/export-job.template.html",'<p>\n  <button type="button" class="close udb-hide-job-button" ng-click="hideJob(job)" aria-label="Close">\n    <span aria-hidden="true">×</span>\n  </button>\n  <ins>\n    <span am-time-ago="::job.getLogDateByState()"></span> <i class="fa fa-check-circle udb-job-success"></i>\n  </ins>\n  <span class="udb-job-description" ng-bind="::job.getDescription()"></span>\n  <a role="button" target="_blank" class="btn btn-default" ng-href="{{job.exportUrl}}">\n    Downloaden\n  </a>\n</p>\n'),a.put("templates/export-modal-buttons.directive.html",'<div class="modal-footer" ng-hide="exporter.getActiveStepName() === \'finished\'">\n  <button class="btn btn-default pull-left" ng-click="exporter.previousStep()"\n          ng-hide="exporter.isOnFirstStep()">Vorige stap</button>\n  <button ng-hide="exporter.onLastStep()" class="btn btn-primary"\n          ng-click="exporter.nextStep()">Volgende </button>\n  <button ng-show="exporter.onLastStep()" class="btn btn-primary" ng-click="exporter.export()">Exporteren</button>\n</div>\n'),a.put("templates/query-search-bar.html",'<form class="form-inline query-search-bar" role="search">\n  <div class="form-group">\n    <label for="user-search-input" ng-bind="::qsb.searchLabel"></label>\n    <input type="text"\n           id="user-search-input"\n           class="form-control"\n           ng-model="qsb.queryString"\n           autocomplete="off"\n           ng-change="qsb.find()">\n    <a ng-if="qsb.helpLink" ng-href="{{::qsb.helpLink}}" target="_blank" class="advanced-search" ng-bind="::qsb.helpLabel"></a>\n  </div>\n</form>\n'),a.put("templates/label-creator.html",'<h1 class="title">Label toevoegen</h1>\n\n<form name="creator.form" class="css-form" novalidate>\n    <div class="label-create-wrapper">\n        <div class="row">\n            <div class="col-md-6">\n                <div class="form-group" udb-form-group>\n                    <label class="control-label" for="label-name-field">Naam</label>\n                    <input id="label-name-field"\n                        class="form-control"\n                        name="name"\n                        type="text"\n                        udb-unique-label\n                        udb-semicolon-label-check\n                        ng-minlength="2"\n                        ng-required="true"\n                        ng-maxlength="255"\n                        ng-model="creator.label.name"\n                        ng-model-options="{debounce: 300}"\n                        ng-disabled="creator.creating">\n                    <p class="help-block" ng-if="creator.form.name.$error.uniqueLabel">Er bestaat al een label met deze naam.</p>\n                    <p class="help-block" ng-if="creator.form.name.$error.required">Een label naam is verplicht.</p>\n                    <p class="help-block" ng-if="creator.form.name.$error.minlength">Een label moet uit minstens 2 tekens bestaan.</p>\n                    <p class="help-block" ng-if="creator.form.name.$error.maxlength">Een label mag maximum 255 tekens bevatten.</p>\n                    <p class="help-block" ng-if="creator.form.name.$error.semicolonLabel">Een label naam mag geen puntkomma bevatten.</p>\n                </div>\n            </div>\n        </div>\n        <div class="row">\n            <div class="col-md-12">\n                <div class="checkbox">\n                    <label>\n                        <input type="checkbox"\n                            ng-model="creator.label.isVisible"> Tonen op publicatiekanalen\n                    </label>\n                </div>\n                <div class="checkbox">\n                    <label>\n                        <input type="checkbox"\n                            ng-model="creator.label.isPrivate"> Voorbehouden aan specifieke gebruikersgroepen\n                    </label>\n                </div>\n            </div>\n\n    \n        </div>\n    </div>\n\n    <div class="row">\n        <div class="col-md-12">\n            <button ng-disabled="!creator.form.$valid || creator.creating"\n                    type="button"\n                    class="btn btn-primary"\n                    ng-click="creator.create()">\n                Aanmaken <i class="fa fa-circle-o-notch fa-spin" ng-show="creator.creating"></i>\n            </button>\n        </div>\n    </div>\n</form>\n'),
-a.put("templates/label-editor.html",'<h1 class="title">Label bewerken</h1>\n\n<div ng-show="!editor.label && !editor.loadingError">\n    <i class="fa fa-circle-o-notch fa-spin"></i>\n</div>\n\n<form name="editor.form" class="css-form label-editor-wrapper" novalidate>\n    <div ng-show="editor.label">\n        <div class="row">\n            <div class="col-md-6">\n                <div class="form-group" udb-form-group>\n                    <label for="label-name-field">Naam</label>\n                    <input id="label-name-field"\n                           class="form-control"\n                           type="text"\n                           name="name"\n                           udb-semicolon-label-check\n                           ng-model="editor.label.name"\n                           ng-minlength="2"\n                           ng-required="true"\n                           ng-maxlength="255"\n                           ng-disabled="editor.renaming">\n                    <p class="help-block" ng-if="editor.form.name.$error.required">Een label naam is verplicht.</p>\n                    <p class="help-block" ng-if="editor.form.name.$error.minlength">Een label moet uit minstens 2 tekens bestaan.</p>\n                    <p class="help-block" ng-if="editor.form.name.$error.maxlength">Een label mag maximum 255 tekens bevatten.</p>\n                    <p class="help-block" ng-if="editor.form.name.$error.semicolonLabel">Een label naam mag geen puntkomma bevatten.</p>\n                </div>\n            </div>\n        </div>\n        <div class="row">\n            <div class="col-md-12">\n                <label>\n                    <input type="checkbox"\n                           ng-model="editor.label.isVisible"> Tonen op publicatiekanalen\n                </label>\n            </div>\n        </div>\n        <div class="row">\n            <div class="col-md-12">\n                <label>\n                    <input type="checkbox"\n                           ng-model="editor.label.isPrivate"> Voorbehouden aan specifieke gebruikersgroepen\n                </label>\n            </div>\n        </div>\n    </div>\n    <button ng-disabled="!editor.form.$valid || editor.saving"\n            type="button"\n            class="btn btn-primary"\n            ng-click="editor.save()">\n        Opslaan <i class="fa fa-circle-o-notch fa-spin" ng-show="editor.saving"></i>\n    </button>\n\n    <div ng-show="editor.loadingError">\n        <span ng-bind="editor.loadingError"></span>\n    </div>\n</form>\n'),a.put("templates/labels-list.html",'<h1 class="title">Labels <small><a ui-sref="split.manageLabels.create">toevoegen</a></small></h1>\n\n<div class="row">\n    <div class="col-md-11">\n        <udb-query-search-bar search-label="Zoeken op labelnaam"\n                              on-change="llc.queryChanged(query)"\n        ></udb-query-search-bar>\n    </div>\n    <div class="col-md-1 text-right">\n        <i ng-show="llc.loading" class="fa fa-circle-o-notch fa-spin"></i>\n    </div>\n</div>\n\n<div class="row search-result-block" ng-cloak>\n    <div class="col-md-12">\n        <div class="alert alert-info" role="alert" ng-show="llc.query.length < llc.minQueryLength">\n            <p>Schrijf een zoekopdracht van minstens 3 karakters in het veld hierboven om labels te zoeken.</p>\n            <p>Laat het veld leeg om alle labels op te vragen in alfabetische volgorde.</p>\n        </div>\n        <div ng-show="llc.query.length >= llc.minQueryLength && llc.searchResult.totalItems === 0"\n             class="alert alert-warning" role="alert">\n            Geen labels gevonden.\n        </div>\n        <div ng-show="llc.problem" class="alert alert-warning" role="alert">\n            <span>Er ging iets mis tijdens het zoeken:</span>\n            <br>\n            <strong ng-bind="llc.problem.title"></strong>\n        </div>\n        <div class="query-search-result"\n             ng-class="{\'loading-search-result\': llc.loading}"\n             ng-show="llc.searchResult.totalItems > 0">\n            <div class="table-responsive" >\n                <table class="table table-hover table-striped">\n                    <thead>\n                    <tr>\n                        <th>Naam</th>\n                        <th>Verborgen</th>\n                        <th>Voorbehouden</th>\n                        <th>Uitgesloten</th>\n                        <th>Opties</th>\n                    </tr>\n                    </thead>\n                    <tbody>\n                    <tr ng-repeat="label in llc.searchResult.member">\n                        <td ng-bind="::label.name"></td>\n                        <td ng-bind="::(label.visibility === \'invisible\' ? \'Verborgen\' : \'\')"></td>\n                        <td ng-bind="::(label.privacy === \'private\' ? \'Voorbehouden\' : \'\')"></td>\n                        <td ng-bind="::(label.excluded ? \'Uitgesloten\' : \'\')"></td>\n                        <td>\n                            <a ui-sref="split.manageLabels.edit({id: label.uuid})">Bewerken</a>\n                        </td>\n                    </tr>\n                    </tbody>\n                </table>\n            </div>\n            <div class="panel-footer">\n                <uib-pagination\n                        total-items="llc.searchResult.totalItems"\n                        ng-model="llc.page"\n                        items-per-page="llc.searchResult.itemsPerPage"\n                        max-size="10"\n                        ng-change="llc.pageChanged(llc.page)">\n                </uib-pagination>\n            </div>\n        </div>\n    </div>\n</div>\n'),a.put("templates/moderation-offer.html",'<p ng-show="moc.continueValidation()" class="text-muted" translate-once="moderate.validate"></p>\n\n<button ng-if="moc.isReadyForValidation()" type="submit" class="btn btn-success btn-moderation" ng-click="moc.approve()">\n    <i class="fa fa-flag text-success"></i><span translate-once="moderate.approve"></span></button>\n<button ng-if="moc.isReadyForValidation()" type="submit" class="btn btn-danger btn-moderation" ng-click="moc.askForRejectionReasons()">\n    <i class="fa fa-flag text-danger"></i><span translate-once="moderate.reject"></span></button>\n\n<span ng-if="moc.isApproved()" class="offer-approved text-success btn-moderation">\n    <i class="fa fa-flag"></i><span translate-once="moderate.approved"></span>\n</span>\n<span ng-if="moc.isRejected()" class="offer-rejected text-danger btn-moderation">\n    <i class="fa fa-flag"></i><span translate-once="moderate.rejected"></span>\n</span>\n\n<span ng-show="moc.continueValidation()">\n    <a ui-sref="management.moderation.list" ui-sref-opts="{reload:true}" id="continue-validation" ng-if="(moc.isApproved() || moc.isRejected())" translate-once="moderate.continue_validation"></a></span>\n'),a.put("templates/moderation-summary.html",'<article class="moderation-summary">\n    <div class="error text-danger" ng-show="moc.error" ng-bind="moc.error"></div>\n    <div class="text-info" ng-show="moc.loading"><i class="fa fa-circle-o-notch fa-spin"></i> Moderatie aanbod "{{moc.offerId}}" wordt geladen.</div>\n\n    <div class="row" ng-if="!moc.loading">\n        <div class="col-md-9">\n            <header class="udb-short-info">\n                <span class="udb-category" ng-bind="moc.offer.type.label"></span>\n                <span class="udb-short-info-seperator" ng-show="moc.offer.type.label && moc.offer.theme.label"> • </span>\n                <span class="udb-theme" ng-bind="moc.offer.theme.label"></span>\n\n                <a ng-href="{{ moc.offer.url  + \'/preview\' }}">\n                    <h2 ng-bind="moc.offer.name"></h2>\n                </a>\n            </header>\n\n            <p class="text-muted">\n                <udb-calendar-summary offer="::moc.offer" show-opening-hours="true"></udb-calendar-summary>\n            </p>\n\n            <div class="content" ng-bind-html="moc.offer.description"></div>\n\n            <a ng-href="{{ ::moc.offer.url  + \'/preview\' }}">\n                Alle info bekijken\n            </a> &nbsp;\n            <a ng-href="{{ ::moc.offer.url  + \'/edit\' }}">\n                Bewerken\n            </a>\n        </div>\n        <div class="col-md-3" ng-class="{muted: !moc.offer.image}">\n            <img ng-if="moc.offer.image" class="offer-image-thumbnail center-block" ng-src="{{moc.offer.image+\'?maxwidth=150&maxheight=150\'}}" />\n            <div class="no-img center-block" ng-if="!moc.offer.image">Geen afbeelding</div>\n        </div>\n    </div>\n    <footer class="row" ng-hide="moc.loading">\n        <div class="col-md-6">Toegevoegd door\n            <span ng-if="::!moc.isGodUser">\n                <span ng-bind="moc.offer.creator"></span>\n            </span>\n            <span ng-if="::moc.isGodUser">\n                <a href="{{ moc.uitId + moc.offer.creator }}"><span ng-bind="moc.offer.creator"></span></a>\n            </span>\n        </div>\n        <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6 text-right">\n            <udb-moderation-offer offer-id="{{moc.offerId}}" continue="false"></udb-moderation-offer>\n        </div>\n    </footer>\n</article>\n'),a.put("templates/reject-offer-confirm-modal.html",'<div class="modal-body">\n    <div class="row">\n\n      <div class="col-xs-12">\n        <p>Duid de reden aan voor het afkeuren van dit aanbod:</p>\n\n        <form>\n          <div class="checkbox">\n            <label>\n              <input type="radio" name="type" ng-model="response.type" value="DUPLICATE"> Dit aanbod bestaat al.\n            </label>\n          </div>\n\n          <div class="checkbox">\n            <label>\n              <input type="radio" name="type" ng-model="response.type" value="INAPPROPRIATE"> Dit aanbod heeft een ongepaste inhoud.\n            </label>\n          </div>\n\n          <div class="checkbox">\n            <label>\n              <input type="radio" name="type" ng-model="response.type" value="OTHER"> Andere, specifieer:\n              <input type="text" name="reason" ng-model="response.reason">\n            </label>\n          </div>\n        </form>\n\n        <div class="text-danger" ng-show="error" ng-bind="error"></div>\n      </div>\n\n    </div>\n</div>\n<div class="modal-footer">\n  <button type="button" class="btn btn-default" ng-click="cancel()">\n    Annuleren\n  </button>\n  <button type="button" class="btn btn-primary" ng-click="reject()">\n    Aanbod afkeuren <i class="fa fa-circle-o-notch fa-spin" ng-show="saving"></i>\n  </button>\n</div>'),a.put("templates/moderation-list.html",'<h1 class="title">Valideren</h1>\n\n<div ng-show="moderator.loading && !moderator.loadingError">\n    <i class="fa fa-circle-o-notch fa-spin"></i>\n</div>\n\n<div class="row">\n    <div class="col-md-12">\n        <div class="alert alert-info" role="alert" translate-once="moderate.infoAlert">\n        </div>\n    </div>\n</div>\n\n<div class="row">\n    <div class="col-md-12">\n        <div class="form-inline">\n            <div class="form-group">\n                <label>Valideer als</label>\n                <select class="form-control"\n                        name="role"\n                        ng-change="moderator.findModerationContent(moderator.selectedRole)"\n                        ng-model="moderator.selectedRole"\n                        ng-options="role.name for role in moderator.roles track by role.uuid">\n                </select>\n            </div>\n        </div>\n    </div>\n</div>\n\n<div class="row search-result-block" ng-cloak>\n    <div class="col-md-12">\n        <p class="rv-item-counter">\n            <ng-pluralize count="moderator.searchResult.totalItems"\n                          when="{1: \'1 resultaat\', other: \'{} resultaten\'}"></ng-pluralize>\n        </p>\n    </div>\n    <div class="col-md-12" ng-repeat="offer in moderator.searchResult.member">\n        <udb-moderation-summary offer-id="{{offer[\'@id\']}}" offer-type="{{offer[\'@type\']}}">\n        </udb-moderation-summary>\n    </div>\n    <div class="col-md-12">\n        <div class="panel-footer">\n            <uib-pagination\n                    total-items="moderator.searchResult.totalItems"\n                    ng-model="moderator.page"\n                    items-per-page="moderator.searchResult.itemsPerPage"\n                    max-size="10"\n                    ng-change="moderator.pageChanged(moderator.page)">\n            </uib-pagination>\n        </div>\n    </div>\n</div>\n'),a.put("templates/organization-delete.modal.html",'<div class="modal-body">\n    <div class="row">\n\n        <div class="col-xs-12">\n            <p>Ben je zeker dat je "<span ng-bind="::odc.organization.name"></span>" wil verwijderen? Deze actie kan niet ongedaan worden.</p>\n        </div>\n\n        <div class="col-xs-12">\n            <div class="alert alert-danger" ng-show="error">\n                Er ging iets fout bij het verwijderen van de organisatie.\n            </div>\n        </div>\n\n    </div>\n</div>\n<div class="modal-footer">\n    <button type="button" class="btn btn-default" ng-click="odc.cancelRemoval()">\n        Annuleren\n    </button>\n    <button type="button" class="btn btn-primary" ng-click="odc.deleteOrganization()">\n        Definitief verwijderen <i class="fa fa-circle-o-notch fa-spin" ng-show="odc.saving"></i>\n    </button>\n</div>\n'),a.put("templates/organization-search-item-new.html",'<tr class="organization-search-item" ng-class="{\'deleted\': osic.organizationDeleted}" ng-if="::osic.organization">\n    <td style="padding-left: 30px"><strong><a ng-bind="::osic.organization.name" ui-sref="split.organizerDetail({id: osic.organization.id})"></a></strong></td>\n    <td ng-if="::osic.organization.address.addressLocality">\n        <span ng-bind="::osic.organization.address.streetAddress"></span>\n        <br>\n        <span ng-bind="::osic.organization.address.addressLocality"></span>\n    </td>\n    <td ng-if="::!osic.organization.address.addressLocality">\n        <span translate-once="search.organization.noAddress"></span>\n    </td>\n    <td style="padding-right: 30px">\n        <div ng-if="::osic.organization.created">\n            <i class="fa fa-clock"></i> <span ng-bind="::osic.organization.created | amDateFormat:\'DD/MM/YYYY HH:mm\'"></span>\n        </div>\n        <div ng-if="::osic.organization.creator">\n            <i class="fa fa-user"></i> <span ng-bind="::osic.organization.creator"></span>\n        </div>\n    </td>\n</tr>\n'),a.put("templates/organization-search-new.html",'<div class="row" style="margin-top: 2rem">\n    <div class="col-md-9"> \n    <udb-query-search-bar search-label="search.organization.searchOrganization"\n                          on-change="$ctrl.queryChanged(query)"></udb-query-search-bar>\n    </div>\n<div class="col-md-1">\n    <i ng-show="$ctrl.loading" class="fa fa-circle-o-notch fa-spin"></i>\n</div>\n<div class="col-md-2 text-right">\n    <a class="btn btn-primary pull-right" ui-sref="split.organizer">\n        <i class="fa fa-plus-circle"></i> <span translate-once="search.organization.addOrganizer"></span>\n    </a>\n</div>\n</div>\n<div class="row search-result-block" ng-cloak>\n<div class="col-md-12">\n    <div ng-show="$ctrl.query.length >= $ctrl.minQueryLength && $ctrl.searchResult.totalItems === 0"\n         class="alert alert-warning" role="alert">\n        <p translate-once="search.organization.notFound"></p>\n    </div>\n    <div ng-show="$ctrl.problem" class="alert alert-warning" role="alert">\n        <span translate-once="search.organization.error"></span>\n        <br>\n        <strong ng-bind="$ctrl.problem.title"></strong>\n    </div>\n    <div class="query-search-result organization-search-results"\n         ng-class="{\'loading-search-result\': $ctrl.loading}"\n         ng-show="$ctrl.searchResult.totalItems > 0">\n      <div class="table-responsive">\n        <table class="table">\n            <thead>\n            <tr>\n                <th class="col-md-5" style="padding-left: 30px" translate-once="search.organization.name"></th>\n                <th class="col-md-3" translate-once="search.organization.address"></th>\n                <th class="col-md-4" style="padding-right: 30px" translate-once="search.organization.info"></th>\n            </tr>\n            </thead>\n            <tbody udb-organization-search-item="organization" ng-repeat="organization in $ctrl.searchResult.member">\n            </tbody>\n        </table>\n        <div class="panel-footer">\n            <uib-pagination\n                    total-items="$ctrl.searchResult.totalItems"\n                    ng-model="$ctrl.page"\n                    items-per-page="$ctrl.searchResult.itemsPerPage"\n                    max-size="10"\n                    ng-change="$ctrl.pageChanged($ctrl.page)">\n            </uib-pagination>\n        </div>\n      </div>\n    </div>\n</div>\n</div>\n'),a.put("templates/organization-search-item.html",'<tr class="organization-search-item" ng-class="{\'deleted\': osic.organizationDeleted}" ng-if="::osic.organization">\n    <td><strong><a ng-bind="::osic.organization.name" ui-sref="split.organizerDetail({id: osic.organization.id})"></a></strong></td>\n    <td>\n        <span ng-bind="::osic.organization.address.streetAddress"></span>\n        <br>\n        <span ng-bind="::osic.organization.address.addressLocality"></span>\n    </td>\n    <td>\n        <span ng-bind="::osic.organization.created | amDateFormat:\'DD/MM/YYYY HH:mm\'"></span>\n        <span class="organization-search-item-email" ng-if="::osic.organization.email">\n            <br><span ng-bind="::osic.organization.email"></span>\n        </span>\n        <span class="organization-search-item-url" ng-if="::osic.organization.url">\n            <br><a ng-href="{{::osic.organization.url}}" target="_blank" ng-bind="::osic.organization.url"></a>\n        </span>\n    </td>\n    <td class="text-right">\n        <div class="pull-right btn-group" uib-dropdown>\n            <a class="btn btn-default" ui-sref="split.organizerEdit({id: osic.organization.id})">Bewerken</a>\n            <button type="button" class="btn btn-default" uib-dropdown-toggle><span class="caret"></span></button>\n            <ul uib-dropdown-menu role="menu">\n                <li role="menuitem">\n                    <a ui-sref="management.organizers.search.delete({id: osic.organization.id})">Verwijderen</a>\n                </li>\n            </ul>\n        </div>\n    </td>\n</tr>\n'),a.put("templates/organization-search.html",'<h1 class="title">Organisaties</h1>\n\n<div class="row">\n    <div class="col-md-12">\n        <udb-query-search-bar search-label="Zoeken op organisatie"\n                              help-link="https://documentatie.uitdatabank.be/content/search_api_3/latest/searching-organizers.html"\n                              help-label="via geavanceerde zoekopdracht"\n                              on-change="$ctrl.queryChanged(query)"></udb-query-search-bar>\n    </div>\n    <div class="col-md-2">\n        <i ng-show="$ctrl.loading" class="fa fa-circle-o-notch fa-spin"></i>\n    </div>\n    <div class="col-md-12 text-right">\n        <a class="btn btn-primary" ui-sref="split.organizer">\n            <i class="fa fa-plus-circle"></i> Organisatie toevoegen\n        </a>\n    </div>\n</div>\n\n<div class="row search-result-block" ng-cloak>\n    <div class="col-md-12">\n        <div class="alert alert-info" role="alert" ng-show="$ctrl.query.length < $ctrl.minQueryLength">\n            <p>Schrijf een zoekopdracht van minstens 3 karakters in het veld hierboven om organisaties te zoeken.</p>\n            <p>Laat het veld leeg om alle organisaties op te vragen in alfabetische volgorde.</p>\n        </div>\n        <div ng-show="$ctrl.query.length >= $ctrl.minQueryLength && $ctrl.searchResult.totalItems === 0"\n             class="alert alert-warning" role="alert">\n            <p>Geen organisaties gevonden.</p>\n        </div>\n        <div ng-show="$ctrl.problem" class="alert alert-warning" role="alert">\n            <span>Er ging iets mis tijdens het zoeken:</span>\n            <br>\n            <strong ng-bind="$ctrl.problem.title"></strong>\n        </div>\n        <div class="query-search-result organization-search-results"\n             ng-class="{\'loading-search-result\': $ctrl.loading}"\n             ng-show="$ctrl.searchResult.totalItems > 0">\n          <div class="panel panel-default">\n            <table class="table">\n                <thead>\n                <tr>\n                    <th>Naam</th>\n                    <th>Adres</th>\n                    <th></th>\n                    <th class="text-right">Opties</th>\n                </tr>\n                </thead>\n                <tbody udb-organization-search-item="organization" ng-repeat="organization in $ctrl.searchResult.member">\n                </tbody>\n            </table>\n            <div class="panel-footer">\n                <uib-pagination\n                        total-items="$ctrl.searchResult.totalItems"\n                        ng-model="$ctrl.page"\n                        items-per-page="$ctrl.searchResult.itemsPerPage"\n                        max-size="10"\n                        ng-change="$ctrl.pageChanged($ctrl.page)">\n                </uib-pagination>\n            </div>\n          </div>\n        </div>\n    </div>\n</div>\n'),a.put("templates/role-delete-confirm-modal.html",'<div class="modal-body">\n    <div class="row">\n\n      <div class="col-xs-12">\n        <p>Ben je zeker dat je "<span ng-bind="::item.name"></span>" wil verwijderen? Deze actie kan niet ongedaan worden.</p>\n      </div>\n\n      <div class="col-xs-12">\n        <div class="alert alert-danger" ng-show="error">\n          Er ging iets fout bij het verwijderen van de rol.\n        </div>\n      </div>\n\n    </div>\n</div>\n<div class="modal-footer">\n  <button type="button" class="btn btn-default" ng-click="cancelRemoval()">\n    Annuleren\n  </button>\n  <button type="button" class="btn btn-primary" ng-click="deleteRole()">\n    Definitief verwijderen <i class="fa fa-circle-o-notch fa-spin" ng-show="saving"></i>\n  </button>\n</div>\n'),a.put("templates/role-form.html",'<h1 class="title">Role bewerken</h1>\n\n<div ng-show="!editor.loadedRole && !editor.loadingError">\n    <i class="fa fa-circle-o-notch fa-spin"></i>\n</div>\n\n<form name="editor.form" class="css-form" novalidate>\n    <div class="row">\n        <div class="col-md-6">\n            <div class="form-group" udb-form-group ng-if="!editor.editName && editor.role.name && editor.role[\'uuid\']">\n              <label class="control-label">Naam</label>\n              <p><span ng-bind="editor.role.name"></span>\n              <a href ng-click="editor.editName = true">Wijzigen</a></p>\n            </div>\n            <div class="form-group" udb-form-group ng-if="editor.editName || !editor.role[\'uuid\']">\n                <label class="control-label" for="label-name-field">Naam</label>\n                <input id="label-name-field"\n                       class="form-control"\n                       name="name"\n                       type="text"\n                       ng-minlength="3"\n                       ng-required="true"\n                       ng-maxlength="255"\n                       ng-model="editor.role.name"\n                       ng-disabled="editor.saving">\n                <p class="help-block" ng-if="editor.form.name.$error.required">Een role naam is verplicht.</p>\n                <p class="help-block" ng-if="editor.form.name.$error.maxlength">Een role mag maximum 255 tekens bevatten.</p>\n                <p class="help-block" ng-if="editor.form.name.$error.minlength">Een role moet uit minstens 3 tekens bestaan.</p>\n\n            </div>\n            <button ng-disabled="!editor.form.$valid || editor.saving"\n              ng-if="!editor.role[\'uuid\']"\n              type="button"\n              class="btn btn-primary"\n              ng-click="editor.createRole()">\n              Opslaan <i class="fa fa-circle-o-notch fa-spin" ng-show="editor.saving"></i>\n            </button>\n\n            <button ng-disabled="!editor.form.$valid || editor.saving"\n              ng-if="editor.editName"\n              type="button"\n              class="btn btn-primary"\n              ng-click="editor.updateName()">\n              Opslaan <i class="fa fa-circle-o-notch fa-spin" ng-show="editor.saving"></i>\n            </button>\n        </div>\n    </div>\n    <div class="row" ng-show="editor.role[\'uuid\']">\n        <div class="col-md-12">\n            <div class="form-group" udb-form-group ng-if="!editor.editConstraint">\n                <label class="control-label">Bewerkrecht</label>\n                <p><span ng-bind="editor.role.constraints.v3"></span>\n                    <a href ng-click="editor.editConstraint = true">Wijzigen</a>\n                    <a href ng-click="editor.removeConstraint()" ng-if="editor.constraintExists()">Verwijderen</a></p>\n            </div>\n            <div ng-if="editor.editConstraint">\n                <div class="form-group" udb-form-group>\n                    <label class="control-label" for="label-name-field">Bewerkrecht</label>\n                    <input id="constraint-v3-field"\n                           class="form-control"\n                           name="constraintv3"\n                           type="text"\n                           ng-model="editor.role.constraints.v3"\n                           ng-disabled="editor.saving">\n                </div>\n                <button ng-disabled="!editor.form.$valid || editor.saving"\n                        type="button"\n                        class="btn btn-primary"\n                        ng-if="::editor.constraintExists()"\n                        ng-click="editor.updateConstraint()">\n                    Opslaan <i class="fa fa-circle-o-notch fa-spin" ng-show="editor.saving"></i>\n                </button>\n                <button ng-disabled="!editor.form.$valid || editor.saving"\n                        type="button"\n                        class="btn btn-primary"\n                        ng-if="::!editor.constraintExists()"\n                        ng-click="editor.createConstraint()">\n                    Opslaan <i class="fa fa-circle-o-notch fa-spin" ng-show="editor.saving"></i>\n                </button>\n            </div>\n        </div>\n    </div>\n    <div class="row" ng-show="editor.role[\'uuid\']">\n      <div class="col-md-12">\n        <uib-tabset class="role-form-tabset">\n          <uib-tab heading="Permissies">\n            <div class="row">\n              <div class="col-md-6">\n                  <input class="form-control permission-searchbar" placeholder="Zoeken op naam" ng-model="permissionSearch">\n              </div>\n              <div class="col-md-1">\n                <i ng-show="!editor.loadedRolePermissions" class="fa fa-circle-o-notch fa-spin"></i>\n              </div>\n            </div>\n            <div class="row">\n              <div class="col-md-12">\n                <div class="checkbox" ng-repeat="permission in editor.availablePermissions | filter: permissionSearch">\n                  <label>\n                        <input  type="checkbox"\n                                name="editor.role.permissions[]"\n                                value="{{permission.key}}"\n                                ng-checked="!!(editor.role.permissions | filter: {key: permission.key}).length"\n                                ng-click="editor.updatePermission(permission)"\n                        > <strong ng-bind="permission.name"></strong>\n                  </label>\n                </div>\n              </div>\n            </div>\n      \n          </uib-tab>\n          <uib-tab heading="Leden">\n              <div class="row">\n                  <div class="col-md-11 form-inline">\n                          <label class="control-label">Voeg lid toe</label>\n                          <input placeholder="E-mailadres"\n                                 id="email"\n                                 type="email"\n                                 name="email"\n                                 data-ng-model="editor.email"\n                                 class="form-control" />\n                          <button type="submit"\n                                  class="btn btn-primary"\n                                  ng-click="editor.addUser()"\n                                  ng-disabled="!editor.form.$valid || editor.addingUser">\n                              Toevoegen <i class="fa fa-circle-o-notch fa-spin" ng-show="editor.addingUser"></i>\n                          </button>\n                  </div>\n                  <div class="col-md-1">\n                      <i ng-show="!editor.loadedRoleUsers" class="fa fa-circle-o-notch fa-spin"></i>\n                  </div>\n              </div>\n              <div class="row">\n                  <div class="col-md-12" ng-show="editor.role.users.length && editor.loadedRoleUsers">\n                    <table class="table">\n                        <thead>\n                          <tr>\n                              <th>E-mailadres</th>\n                              <th>Verwijderen</th>\n                          </tr>\n                        </thead>\n                        <tbody>\n                          <tr ng-repeat="user in editor.role.users">\n                              <td ng-bind="::user.email"></td>\n                              <td><a href ng-click="editor.removeUser(user)">Lidmaatschap verwijderen</a></td>\n                          </tr>\n                        </tbody>\n                    </table>\n                  </div>\n                  <div class="col-md-12" ng-hide="editor.role.users.length">\n                      Er hangen nog geen gebruikers aan deze rol. Voeg een gebruiker aan deze rol toe door zijn/haar e-mailadres hierboven in te geven.\n                  </div>\n              </div>\n          </uib-tab>\n          <uib-tab heading="Labels">\n            <div class="row">\n              <div class="col-md-6 form-group">\n                <label class="control-label">Voeg een label toe</label>\n                <udb-search-label role="editor.role"\n                                  label-added="editor.addLabel(label)">\n              </div>\n            </div><!-- /row -->\n            <div class="row">\n              <div class="col-md-12" ng-show="editor.role.labels.length && editor.loadedRoleLabels">\n                <table class="table">\n                    <thead>\n                      <tr>\n                          <th>Toegevoegde labels</th>\n                          <th>Verwijderen</th>\n                          <th></th>\n                      </tr>\n                    </thead>\n                    <tbody>\n                      <tr ng-repeat="label in editor.role.labels">\n                          <td ng-bind="::label.name"></td>\n                          <td><a href ng-click="editor.removeLabel(label)">Lidmaatschap verwijderen</a></td>\n                          <td><span class="text-danger" ng-if="label.privacy === \'public\'">Dit label is niet voorbehouden</span></td>\n                      </tr>\n                    </tbody>\n                </table>\n              </div>\n              <div class="col-md-12" ng-hide="editor.role.labels.length">\n                  Er hangen nog geen labels aan deze rol.\n              </div>\n            </div><!-- /row -->\n          </uib-tab>\n        </uib-tabset>\n      </div>\n    </div>\n</form>\n'),a.put("templates/roles-list.html",'<h1 class="title">Rollen <small><a ui-sref="split.manageRoles.create" ui-sref-opts="{reload:true}">toevoegen</a></small></h1>\n\n<div class="row">\n    <div class="col-md-9">\n        <udb-query-search-bar search-label="Zoeken op rolnaam"\n                              on-change="rlc.queryChanged(query)"\n        ></udb-query-search-bar>\n    </div>\n    <div class="col-md-1">\n        <i ng-show="rlc.loading" class="fa fa-circle-o-notch fa-spin"></i>\n    </div>\n    <div class="col-md-2 text-right">\n        <a class="btn btn-primary" ui-sref="split.manageRoles.create" ui-sref-opts="{reload:true}">\n            <i class="fa fa-plus-circle"></i> Rol toevoegen\n        </a>\n    </div>\n</div>\n\n<div class="row search-result-block" ng-cloak>\n    <div class="col-md-12">\n        <div class="alert alert-info" role="alert" ng-show="rlc.query.length < rlc.minQueryLength">\n            <p>Schrijf een zoekopdracht van minstens 3 karakters in het veld hierboven om rollen te zoeken.</p>\n            <p>Laat het veld leeg om alle rollen op te vragen in alfabetische volgorde.</p>\n        </div>\n        <div ng-show="rlc.query.length >= rlc.minQueryLength && rlc.searchResult.totalItems === 0"\n             class="alert alert-warning" role="alert">\n            <p>Geen rollen gevonden.</p>\n        </div>\n        <div ng-show="rlc.problem" class="alert alert-warning" role="alert">\n            <span>Er ging iets mis tijdens het zoeken:</span>\n            <br>\n            <strong ng-bind="rlc.problem.title"></strong>\n        </div>\n        <div class="query-search-result roles-results"\n             ng-class="{\'loading-search-result\': rlc.loading}"\n             ng-show="rlc.searchResult.totalItems > 0">\n                <table class="table table-hover table-striped">\n                    <thead>\n                    <tr>\n                        <th>Naam</th>\n                        <th>Opties</th>\n                    </tr>\n                    </thead>\n                    <tbody>\n                    <tr ng-repeat="role in rlc.searchResult.member">\n                        <td ng-bind="::role.name"></td>\n                        <td>\n                            <div class="btn-group">\n                                <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">\n                                    Bewerken <span class="caret"></span></button>\n                                <ul class="dropdown-menu">\n                                    <li><a ui-sref="split.manageRoles.edit({id: role.uuid})" ui-sref-opts="{reload:true}">Bewerken</a></li>\n                                    <li><a href ng-click="rlc.openDeleteConfirmModal(role)">Verwijderen</a></li>\n                                </ul>\n                            </div>\n                            </td>\n                    </tr>\n                    </tbody>\n                </table>\n            <div class="panel-footer">\n                <uib-pagination\n                        total-items="rlc.searchResult.totalItems"\n                        ng-model="rlc.page"\n                        items-per-page="rlc.searchResult.itemsPerPage"\n                        max-size="10"\n                        ng-change="rlc.pageChanged(rlc.page)">\n                </uib-pagination>\n            </div>\n        </div>\n    </div>\n</div>\n'),
+a.put("templates/label-editor.html",'<h1 class="title">Label bewerken</h1>\n\n<div ng-show="!editor.label && !editor.loadingError">\n    <i class="fa fa-circle-o-notch fa-spin"></i>\n</div>\n\n<form name="editor.form" class="css-form label-editor-wrapper" novalidate>\n    <div ng-show="editor.label">\n        <div class="row">\n            <div class="col-md-6">\n                <div class="form-group" udb-form-group>\n                    <label for="label-name-field">Naam</label>\n                    <input id="label-name-field"\n                           class="form-control"\n                           type="text"\n                           name="name"\n                           udb-semicolon-label-check\n                           ng-model="editor.label.name"\n                           ng-minlength="2"\n                           ng-required="true"\n                           ng-maxlength="255"\n                           ng-disabled="editor.renaming">\n                    <p class="help-block" ng-if="editor.form.name.$error.required">Een label naam is verplicht.</p>\n                    <p class="help-block" ng-if="editor.form.name.$error.minlength">Een label moet uit minstens 2 tekens bestaan.</p>\n                    <p class="help-block" ng-if="editor.form.name.$error.maxlength">Een label mag maximum 255 tekens bevatten.</p>\n                    <p class="help-block" ng-if="editor.form.name.$error.semicolonLabel">Een label naam mag geen puntkomma bevatten.</p>\n                </div>\n            </div>\n        </div>\n        <div class="row">\n            <div class="col-md-12">\n                <label>\n                    <input type="checkbox"\n                           ng-model="editor.label.isVisible"> Tonen op publicatiekanalen\n                </label>\n            </div>\n        </div>\n        <div class="row">\n            <div class="col-md-12">\n                <label>\n                    <input type="checkbox"\n                           ng-model="editor.label.isPrivate"> Voorbehouden aan specifieke gebruikersgroepen\n                </label>\n            </div>\n        </div>\n    </div>\n    <button ng-disabled="!editor.form.$valid || editor.saving"\n            type="button"\n            class="btn btn-primary"\n            ng-click="editor.save()">\n        Opslaan <i class="fa fa-circle-o-notch fa-spin" ng-show="editor.saving"></i>\n    </button>\n\n    <div ng-show="editor.loadingError">\n        <span ng-bind="editor.loadingError"></span>\n    </div>\n</form>\n'),a.put("templates/labels-list.html",'<h1 class="title">Labels <small><a ui-sref="split.manageLabels.create">toevoegen</a></small></h1>\n\n<div class="row">\n    <div class="col-md-11">\n        <udb-query-search-bar search-label="Zoeken op labelnaam"\n                              on-change="llc.queryChanged(query)"\n        ></udb-query-search-bar>\n    </div>\n    <div class="col-md-1 text-right">\n        <i ng-show="llc.loading" class="fa fa-circle-o-notch fa-spin"></i>\n    </div>\n</div>\n\n<div class="row search-result-block" ng-cloak>\n    <div class="col-md-12">\n        <div class="alert alert-info" role="alert" ng-show="llc.query.length < llc.minQueryLength">\n            <p>Schrijf een zoekopdracht van minstens 3 karakters in het veld hierboven om labels te zoeken.</p>\n            <p>Laat het veld leeg om alle labels op te vragen in alfabetische volgorde.</p>\n        </div>\n        <div ng-show="llc.query.length >= llc.minQueryLength && llc.searchResult.totalItems === 0"\n             class="alert alert-warning" role="alert">\n            Geen labels gevonden.\n        </div>\n        <div ng-show="llc.problem" class="alert alert-warning" role="alert">\n            <span>Er ging iets mis tijdens het zoeken:</span>\n            <br>\n            <strong ng-bind="llc.problem.title"></strong>\n        </div>\n        <div class="query-search-result"\n             ng-class="{\'loading-search-result\': llc.loading}"\n             ng-show="llc.searchResult.totalItems > 0">\n            <div class="table-responsive" >\n                <table class="table table-hover table-striped">\n                    <thead>\n                    <tr>\n                        <th>Naam</th>\n                        <th>Verborgen</th>\n                        <th>Voorbehouden</th>\n                        <th>Uitgesloten</th>\n                        <th>Opties</th>\n                    </tr>\n                    </thead>\n                    <tbody>\n                    <tr ng-repeat="label in llc.searchResult.member">\n                        <td ng-bind="::label.name"></td>\n                        <td ng-bind="::(label.visibility === \'invisible\' ? \'Verborgen\' : \'\')"></td>\n                        <td ng-bind="::(label.privacy === \'private\' ? \'Voorbehouden\' : \'\')"></td>\n                        <td ng-bind="::(label.excluded ? \'Uitgesloten\' : \'\')"></td>\n                        <td>\n                            <a ui-sref="split.manageLabels.edit({id: label.uuid})">Bewerken</a>\n                        </td>\n                    </tr>\n                    </tbody>\n                </table>\n            </div>\n            <div class="panel-footer">\n                <uib-pagination\n                        total-items="llc.searchResult.totalItems"\n                        ng-model="llc.page"\n                        items-per-page="llc.searchResult.itemsPerPage"\n                        max-size="10"\n                        ng-change="llc.pageChanged(llc.page)">\n                </uib-pagination>\n            </div>\n        </div>\n    </div>\n</div>\n'),a.put("templates/moderation-offer.html",'<p ng-show="moc.continueValidation()" class="text-muted" translate-once="moderate.validate"></p>\n\n<button ng-if="moc.isReadyForValidation()" type="submit" class="btn btn-success btn-moderation" ng-click="moc.approve()">\n    <i class="fa fa-flag text-success"></i><span translate-once="moderate.approve"></span></button>\n<button ng-if="moc.isReadyForValidation()" type="submit" class="btn btn-danger btn-moderation" ng-click="moc.askForRejectionReasons()">\n    <i class="fa fa-flag text-danger"></i><span translate-once="moderate.reject"></span></button>\n\n<span ng-if="moc.isApproved()" class="offer-approved text-success btn-moderation">\n    <i class="fa fa-flag"></i><span translate-once="moderate.approved"></span>\n</span>\n<span ng-if="moc.isRejected()" class="offer-rejected text-danger btn-moderation">\n    <i class="fa fa-flag"></i><span translate-once="moderate.rejected"></span>\n</span>\n\n<span ng-show="moc.continueValidation()">\n    <a ui-sref="management.moderation.list" ui-sref-opts="{reload:true}" id="continue-validation" ng-if="(moc.isApproved() || moc.isRejected())" translate-once="moderate.continue_validation"></a></span>\n'),a.put("templates/moderation-summary.html",'<article class="moderation-summary">\n    <div class="error text-danger" ng-show="moc.error" ng-bind="moc.error"></div>\n    <div class="text-info" ng-show="moc.loading"><i class="fa fa-circle-o-notch fa-spin"></i> Moderatie aanbod "{{moc.offerId}}" wordt geladen.</div>\n\n    <div class="row" ng-if="!moc.loading">\n        <div class="col-md-9">\n            <header class="udb-short-info">\n                <span class="udb-category" ng-bind="moc.offer.type.label"></span>\n                <span class="udb-short-info-seperator" ng-show="moc.offer.type.label && moc.offer.theme.label"> • </span>\n                <span class="udb-theme" ng-bind="moc.offer.theme.label"></span>\n\n                <a ng-href="{{ moc.offer.url  + \'/preview\' }}">\n                    <h2 ng-bind="moc.offer.name"></h2>\n                </a>\n            </header>\n\n            <p class="text-muted">\n                <udb-calendar-summary offer="::moc.offer" show-opening-hours="true"></udb-calendar-summary>\n            </p>\n\n            <div class="content" ng-bind-html="moc.offer.description"></div>\n\n            <a ng-href="{{ ::moc.offer.url  + \'/preview\' }}">\n                Alle info bekijken\n            </a> &nbsp;\n            <a ng-href="{{ ::moc.offer.url  + \'/edit\' }}">\n                Bewerken\n            </a>\n        </div>\n        <div class="col-md-3" ng-class="{muted: !moc.offer.image}">\n            <img ng-if="moc.offer.image" class="offer-image-thumbnail center-block" ng-src="{{moc.offer.image+\'?maxwidth=150&maxheight=150\'}}" />\n            <div class="no-img center-block" ng-if="!moc.offer.image">Geen afbeelding</div>\n        </div>\n    </div>\n    <footer class="row" ng-hide="moc.loading">\n        <div class="col-md-6">Toegevoegd door\n            <span ng-if="::!moc.isGodUser">\n                <span ng-bind="moc.offer.creator"></span>\n            </span>\n            <span ng-if="::moc.isGodUser">\n                <a href="{{ moc.uitId + moc.offer.creator }}"><span ng-bind="moc.offer.creator"></span></a>\n            </span>\n        </div>\n        <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6 text-right">\n            <udb-moderation-offer offer-id="{{moc.offerId}}" continue="false"></udb-moderation-offer>\n        </div>\n    </footer>\n</article>\n'),a.put("templates/reject-offer-confirm-modal.html",'<div class="modal-body">\n    <div class="row">\n\n      <div class="col-xs-12">\n        <p>Duid de reden aan voor het afkeuren van dit aanbod:</p>\n\n        <form>\n          <div class="checkbox">\n            <label>\n              <input type="radio" name="type" ng-model="response.type" value="DUPLICATE"> Dit aanbod bestaat al.\n            </label>\n          </div>\n\n          <div class="checkbox">\n            <label>\n              <input type="radio" name="type" ng-model="response.type" value="INAPPROPRIATE"> Dit aanbod heeft een ongepaste inhoud.\n            </label>\n          </div>\n\n          <div class="checkbox">\n            <label>\n              <input type="radio" name="type" ng-model="response.type" value="OTHER"> Andere, specifieer:\n              <input type="text" name="reason" ng-model="response.reason">\n            </label>\n          </div>\n        </form>\n\n        <div class="text-danger" ng-show="error" ng-bind="error"></div>\n      </div>\n\n    </div>\n</div>\n<div class="modal-footer">\n  <button type="button" class="btn btn-default" ng-click="cancel()">\n    Annuleren\n  </button>\n  <button type="button" class="btn btn-primary" ng-click="reject()">\n    Aanbod afkeuren <i class="fa fa-circle-o-notch fa-spin" ng-show="saving"></i>\n  </button>\n</div>'),a.put("templates/moderation-list.html",'<h1 class="title">Valideren</h1>\n\n<div ng-show="moderator.loading && !moderator.loadingError">\n    <i class="fa fa-circle-o-notch fa-spin"></i>\n</div>\n\n<div class="row">\n    <div class="col-md-12">\n        <div class="alert alert-info" role="alert" translate-once="moderate.infoAlert">\n        </div>\n    </div>\n</div>\n\n<div class="row">\n    <div class="col-md-12">\n        <div class="form-inline">\n            <div class="form-group">\n                <label>Valideer als</label>\n                <select class="form-control"\n                        name="role"\n                        ng-change="moderator.findModerationContent(moderator.selectedRole)"\n                        ng-model="moderator.selectedRole"\n                        ng-options="role.name for role in moderator.roles track by role.uuid">\n                </select>\n            </div>\n        </div>\n    </div>\n</div>\n\n<div class="row search-result-block" ng-cloak>\n    <div class="col-md-12">\n        <p class="rv-item-counter">\n            <ng-pluralize count="moderator.searchResult.totalItems"\n                          when="{1: \'1 resultaat\', other: \'{} resultaten\'}"></ng-pluralize>\n        </p>\n    </div>\n    <div class="col-md-12" ng-repeat="offer in moderator.searchResult.member">\n        <udb-moderation-summary offer-id="{{offer[\'@id\']}}" offer-type="{{offer[\'@type\']}}">\n        </udb-moderation-summary>\n    </div>\n    <div class="col-md-12">\n        <div class="panel-footer">\n            <uib-pagination\n                    total-items="moderator.searchResult.totalItems"\n                    ng-model="moderator.page"\n                    items-per-page="moderator.searchResult.itemsPerPage"\n                    max-size="10"\n                    ng-change="moderator.pageChanged(moderator.page)">\n            </uib-pagination>\n        </div>\n    </div>\n</div>\n'),a.put("templates/organization-delete.modal.html",'<div class="modal-body">\n    <div class="row">\n\n        <div class="col-xs-12">\n            <p>Ben je zeker dat je "<span ng-bind="::odc.organization.name"></span>" wil verwijderen? Deze actie kan niet ongedaan worden.</p>\n        </div>\n\n        <div class="col-xs-12">\n            <div class="alert alert-danger" ng-show="error">\n                Er ging iets fout bij het verwijderen van de organisatie.\n            </div>\n        </div>\n\n    </div>\n</div>\n<div class="modal-footer">\n    <button type="button" class="btn btn-default" ng-click="odc.cancelRemoval()">\n        Annuleren\n    </button>\n    <button type="button" class="btn btn-primary" ng-click="odc.deleteOrganization()">\n        Definitief verwijderen <i class="fa fa-circle-o-notch fa-spin" ng-show="odc.saving"></i>\n    </button>\n</div>\n'),a.put("templates/organization-search-item-new.html",'<tr class="organization-search-item" ng-class="{\'deleted\': osic.organizationDeleted}" ng-if="::osic.organization">\n    <td style="padding-left: 30px"><strong><a ng-bind="::osic.organization.name" ui-sref="split.organizerDetail({id: osic.organization.id})"></a></strong></td>\n    <td ng-if="::osic.organization.address.addressLocality">\n        <span ng-bind="::osic.organization.address.streetAddress"></span>\n        <br>\n        <span ng-bind="::osic.organization.address.addressLocality"></span>\n    </td>\n    <td ng-if="::!osic.organization.address.addressLocality">\n        <span translate-once="search.organization.noAddress"></span>\n    </td>\n    <td style="padding-right: 30px">\n        <div ng-if="::osic.organization.created">\n            <i class="fa fa-clock"></i> <span ng-bind="::osic.organization.created | amDateFormat:\'DD/MM/YYYY HH:mm\'"></span>\n        </div>\n        <div ng-if="::osic.organization.creator">\n            <i class="fa fa-user"></i> <span ng-bind="::osic.organization.creator"></span>\n        </div>\n    </td>\n</tr>\n'),a.put("templates/organization-search-new.html",'<div class="row" style="margin-top: 2rem">\n    <div class="col-md-9"> \n    <udb-query-search-bar search-label="search.organization.searchOrganization"\n                          on-change="$ctrl.queryChanged(query)"></udb-query-search-bar>\n    </div>\n<div class="col-md-1">\n    <i ng-show="$ctrl.loading" class="fa fa-circle-o-notch fa-spin"></i>\n</div>\n<div class="col-md-2 text-right">\n    <a class="btn btn-primary pull-right" ui-sref="split.organizer">\n        <i class="fa fa-plus-circle"></i> <span translate-once="search.organization.addOrganizer"></span>\n    </a>\n</div>\n</div>\n<div class="row search-result-block" ng-cloak>\n<div class="col-md-12">\n    <div ng-show="$ctrl.query.length >= $ctrl.minQueryLength && $ctrl.searchResult.totalItems === 0"\n         class="alert alert-warning" role="alert">\n        <p translate-once="search.organization.notFound"></p>\n    </div>\n    <div ng-show="$ctrl.problem" class="alert alert-warning" role="alert">\n        <span translate-once="search.organization.error"></span>\n        <br>\n        <strong ng-bind="$ctrl.problem.title"></strong>\n    </div>\n    <div class="query-search-result organization-search-results"\n         ng-class="{\'loading-search-result\': $ctrl.loading}"\n         ng-show="$ctrl.searchResult.totalItems > 0">\n      <div class="table-responsive">\n        <table class="table">\n            <thead>\n            <tr>\n                <th class="col-md-5" style="padding-left: 30px" translate-once="search.organization.name"></th>\n                <th class="col-md-3" translate-once="search.organization.address"></th>\n                <th class="col-md-4" style="padding-right: 30px" translate-once="search.organization.info"></th>\n            </tr>\n            </thead>\n            <tbody udb-organization-search-item-new="organization" ng-repeat="organization in $ctrl.searchResult.member">\n            </tbody>\n        </table>\n        <div class="panel-footer">\n            <uib-pagination\n                    total-items="$ctrl.searchResult.totalItems"\n                    ng-model="$ctrl.page"\n                    items-per-page="$ctrl.searchResult.itemsPerPage"\n                    max-size="10"\n                    ng-change="$ctrl.pageChanged($ctrl.page)">\n            </uib-pagination>\n        </div>\n      </div>\n    </div>\n</div>\n</div>\n'),a.put("templates/organization-search-item.html",'<tr class="organization-search-item" ng-class="{\'deleted\': osic.organizationDeleted}" ng-if="::osic.organization">\n    <td><strong><a ng-bind="::osic.organization.name" ui-sref="split.organizerDetail({id: osic.organization.id})"></a></strong></td>\n    <td>\n        <span ng-bind="::osic.organization.address.streetAddress"></span>\n        <br>\n        <span ng-bind="::osic.organization.address.addressLocality"></span>\n    </td>\n    <td>\n        <span ng-bind="::osic.organization.created | amDateFormat:\'DD/MM/YYYY HH:mm\'"></span>\n        <span class="organization-search-item-email" ng-if="::osic.organization.email">\n            <br><span ng-bind="::osic.organization.email"></span>\n        </span>\n        <span class="organization-search-item-url" ng-if="::osic.organization.url">\n            <br><a ng-href="{{::osic.organization.url}}" target="_blank" ng-bind="::osic.organization.url"></a>\n        </span>\n    </td>\n    <td class="text-right">\n        <div class="pull-right btn-group" uib-dropdown>\n            <a class="btn btn-default" ui-sref="split.organizerEdit({id: osic.organization.id})">Bewerken</a>\n            <button type="button" class="btn btn-default" uib-dropdown-toggle><span class="caret"></span></button>\n            <ul uib-dropdown-menu role="menu">\n                <li role="menuitem">\n                    <a ui-sref="management.organizers.search.delete({id: osic.organization.id})">Verwijderen</a>\n                </li>\n            </ul>\n        </div>\n    </td>\n</tr>\n'),a.put("templates/organization-search.html",'<h1 class="title">Organisaties</h1>\n\n<div class="row">\n    <div class="col-md-12">\n        <udb-query-search-bar search-label="Zoeken op organisatie"\n                              help-link="https://documentatie.uitdatabank.be/content/search_api_3/latest/searching-organizers.html"\n                              help-label="via geavanceerde zoekopdracht"\n                              on-change="$ctrl.queryChanged(query)"></udb-query-search-bar>\n    </div>\n    <div class="col-md-2">\n        <i ng-show="$ctrl.loading" class="fa fa-circle-o-notch fa-spin"></i>\n    </div>\n    <div class="col-md-12 text-right">\n        <a class="btn btn-primary" ui-sref="split.organizer">\n            <i class="fa fa-plus-circle"></i> Organisatie toevoegen\n        </a>\n    </div>\n</div>\n\n<div class="row search-result-block" ng-cloak>\n    <div class="col-md-12">\n        <div class="alert alert-info" role="alert" ng-show="$ctrl.query.length < $ctrl.minQueryLength">\n            <p>Schrijf een zoekopdracht van minstens 3 karakters in het veld hierboven om organisaties te zoeken.</p>\n            <p>Laat het veld leeg om alle organisaties op te vragen in alfabetische volgorde.</p>\n        </div>\n        <div ng-show="$ctrl.query.length >= $ctrl.minQueryLength && $ctrl.searchResult.totalItems === 0"\n             class="alert alert-warning" role="alert">\n            <p>Geen organisaties gevonden.</p>\n        </div>\n        <div ng-show="$ctrl.problem" class="alert alert-warning" role="alert">\n            <span>Er ging iets mis tijdens het zoeken:</span>\n            <br>\n            <strong ng-bind="$ctrl.problem.title"></strong>\n        </div>\n        <div class="query-search-result organization-search-results"\n             ng-class="{\'loading-search-result\': $ctrl.loading}"\n             ng-show="$ctrl.searchResult.totalItems > 0">\n          <div class="panel panel-default">\n            <table class="table">\n                <thead>\n                <tr>\n                    <th>Naam</th>\n                    <th>Adres</th>\n                    <th></th>\n                    <th class="text-right">Opties</th>\n                </tr>\n                </thead>\n                <tbody udb-organization-search-item="organization" ng-repeat="organization in $ctrl.searchResult.member">\n                </tbody>\n            </table>\n            <div class="panel-footer">\n                <uib-pagination\n                        total-items="$ctrl.searchResult.totalItems"\n                        ng-model="$ctrl.page"\n                        items-per-page="$ctrl.searchResult.itemsPerPage"\n                        max-size="10"\n                        ng-change="$ctrl.pageChanged($ctrl.page)">\n                </uib-pagination>\n            </div>\n          </div>\n        </div>\n    </div>\n</div>\n'),a.put("templates/role-delete-confirm-modal.html",'<div class="modal-body">\n    <div class="row">\n\n      <div class="col-xs-12">\n        <p>Ben je zeker dat je "<span ng-bind="::item.name"></span>" wil verwijderen? Deze actie kan niet ongedaan worden.</p>\n      </div>\n\n      <div class="col-xs-12">\n        <div class="alert alert-danger" ng-show="error">\n          Er ging iets fout bij het verwijderen van de rol.\n        </div>\n      </div>\n\n    </div>\n</div>\n<div class="modal-footer">\n  <button type="button" class="btn btn-default" ng-click="cancelRemoval()">\n    Annuleren\n  </button>\n  <button type="button" class="btn btn-primary" ng-click="deleteRole()">\n    Definitief verwijderen <i class="fa fa-circle-o-notch fa-spin" ng-show="saving"></i>\n  </button>\n</div>\n'),a.put("templates/role-form.html",'<h1 class="title">Role bewerken</h1>\n\n<div ng-show="!editor.loadedRole && !editor.loadingError">\n    <i class="fa fa-circle-o-notch fa-spin"></i>\n</div>\n\n<form name="editor.form" class="css-form" novalidate>\n    <div class="row">\n        <div class="col-md-6">\n            <div class="form-group" udb-form-group ng-if="!editor.editName && editor.role.name && editor.role[\'uuid\']">\n              <label class="control-label">Naam</label>\n              <p><span ng-bind="editor.role.name"></span>\n              <a href ng-click="editor.editName = true">Wijzigen</a></p>\n            </div>\n            <div class="form-group" udb-form-group ng-if="editor.editName || !editor.role[\'uuid\']">\n                <label class="control-label" for="label-name-field">Naam</label>\n                <input id="label-name-field"\n                       class="form-control"\n                       name="name"\n                       type="text"\n                       ng-minlength="3"\n                       ng-required="true"\n                       ng-maxlength="255"\n                       ng-model="editor.role.name"\n                       ng-disabled="editor.saving">\n                <p class="help-block" ng-if="editor.form.name.$error.required">Een role naam is verplicht.</p>\n                <p class="help-block" ng-if="editor.form.name.$error.maxlength">Een role mag maximum 255 tekens bevatten.</p>\n                <p class="help-block" ng-if="editor.form.name.$error.minlength">Een role moet uit minstens 3 tekens bestaan.</p>\n\n            </div>\n            <button ng-disabled="!editor.form.$valid || editor.saving"\n              ng-if="!editor.role[\'uuid\']"\n              type="button"\n              class="btn btn-primary"\n              ng-click="editor.createRole()">\n              Opslaan <i class="fa fa-circle-o-notch fa-spin" ng-show="editor.saving"></i>\n            </button>\n\n            <button ng-disabled="!editor.form.$valid || editor.saving"\n              ng-if="editor.editName"\n              type="button"\n              class="btn btn-primary"\n              ng-click="editor.updateName()">\n              Opslaan <i class="fa fa-circle-o-notch fa-spin" ng-show="editor.saving"></i>\n            </button>\n        </div>\n    </div>\n    <div class="row" ng-show="editor.role[\'uuid\']">\n        <div class="col-md-12">\n            <div class="form-group" udb-form-group ng-if="!editor.editConstraint">\n                <label class="control-label">Bewerkrecht</label>\n                <p><span ng-bind="editor.role.constraints.v3"></span>\n                    <a href ng-click="editor.editConstraint = true">Wijzigen</a>\n                    <a href ng-click="editor.removeConstraint()" ng-if="editor.constraintExists()">Verwijderen</a></p>\n            </div>\n            <div ng-if="editor.editConstraint">\n                <div class="form-group" udb-form-group>\n                    <label class="control-label" for="label-name-field">Bewerkrecht</label>\n                    <input id="constraint-v3-field"\n                           class="form-control"\n                           name="constraintv3"\n                           type="text"\n                           ng-model="editor.role.constraints.v3"\n                           ng-disabled="editor.saving">\n                </div>\n                <button ng-disabled="!editor.form.$valid || editor.saving"\n                        type="button"\n                        class="btn btn-primary"\n                        ng-if="::editor.constraintExists()"\n                        ng-click="editor.updateConstraint()">\n                    Opslaan <i class="fa fa-circle-o-notch fa-spin" ng-show="editor.saving"></i>\n                </button>\n                <button ng-disabled="!editor.form.$valid || editor.saving"\n                        type="button"\n                        class="btn btn-primary"\n                        ng-if="::!editor.constraintExists()"\n                        ng-click="editor.createConstraint()">\n                    Opslaan <i class="fa fa-circle-o-notch fa-spin" ng-show="editor.saving"></i>\n                </button>\n            </div>\n        </div>\n    </div>\n    <div class="row" ng-show="editor.role[\'uuid\']">\n      <div class="col-md-12">\n        <uib-tabset class="role-form-tabset">\n          <uib-tab heading="Permissies">\n            <div class="row">\n              <div class="col-md-6">\n                  <input class="form-control permission-searchbar" placeholder="Zoeken op naam" ng-model="permissionSearch">\n              </div>\n              <div class="col-md-1">\n                <i ng-show="!editor.loadedRolePermissions" class="fa fa-circle-o-notch fa-spin"></i>\n              </div>\n            </div>\n            <div class="row">\n              <div class="col-md-12">\n                <div class="checkbox" ng-repeat="permission in editor.availablePermissions | filter: permissionSearch">\n                  <label>\n                        <input  type="checkbox"\n                                name="editor.role.permissions[]"\n                                value="{{permission.key}}"\n                                ng-checked="!!(editor.role.permissions | filter: {key: permission.key}).length"\n                                ng-click="editor.updatePermission(permission)"\n                        > <strong ng-bind="permission.name"></strong>\n                  </label>\n                </div>\n              </div>\n            </div>\n      \n          </uib-tab>\n          <uib-tab heading="Leden">\n              <div class="row">\n                  <div class="col-md-11 form-inline">\n                          <label class="control-label">Voeg lid toe</label>\n                          <input placeholder="E-mailadres"\n                                 id="email"\n                                 type="email"\n                                 name="email"\n                                 data-ng-model="editor.email"\n                                 class="form-control" />\n                          <button type="submit"\n                                  class="btn btn-primary"\n                                  ng-click="editor.addUser()"\n                                  ng-disabled="!editor.form.$valid || editor.addingUser">\n                              Toevoegen <i class="fa fa-circle-o-notch fa-spin" ng-show="editor.addingUser"></i>\n                          </button>\n                  </div>\n                  <div class="col-md-1">\n                      <i ng-show="!editor.loadedRoleUsers" class="fa fa-circle-o-notch fa-spin"></i>\n                  </div>\n              </div>\n              <div class="row">\n                  <div class="col-md-12" ng-show="editor.role.users.length && editor.loadedRoleUsers">\n                    <table class="table">\n                        <thead>\n                          <tr>\n                              <th>E-mailadres</th>\n                              <th>Verwijderen</th>\n                          </tr>\n                        </thead>\n                        <tbody>\n                          <tr ng-repeat="user in editor.role.users">\n                              <td ng-bind="::user.email"></td>\n                              <td><a href ng-click="editor.removeUser(user)">Lidmaatschap verwijderen</a></td>\n                          </tr>\n                        </tbody>\n                    </table>\n                  </div>\n                  <div class="col-md-12" ng-hide="editor.role.users.length">\n                      Er hangen nog geen gebruikers aan deze rol. Voeg een gebruiker aan deze rol toe door zijn/haar e-mailadres hierboven in te geven.\n                  </div>\n              </div>\n          </uib-tab>\n          <uib-tab heading="Labels">\n            <div class="row">\n              <div class="col-md-6 form-group">\n                <label class="control-label">Voeg een label toe</label>\n                <udb-search-label role="editor.role"\n                                  label-added="editor.addLabel(label)">\n              </div>\n            </div><!-- /row -->\n            <div class="row">\n              <div class="col-md-12" ng-show="editor.role.labels.length && editor.loadedRoleLabels">\n                <table class="table">\n                    <thead>\n                      <tr>\n                          <th>Toegevoegde labels</th>\n                          <th>Verwijderen</th>\n                          <th></th>\n                      </tr>\n                    </thead>\n                    <tbody>\n                      <tr ng-repeat="label in editor.role.labels">\n                          <td ng-bind="::label.name"></td>\n                          <td><a href ng-click="editor.removeLabel(label)">Lidmaatschap verwijderen</a></td>\n                          <td><span class="text-danger" ng-if="label.privacy === \'public\'">Dit label is niet voorbehouden</span></td>\n                      </tr>\n                    </tbody>\n                </table>\n              </div>\n              <div class="col-md-12" ng-hide="editor.role.labels.length">\n                  Er hangen nog geen labels aan deze rol.\n              </div>\n            </div><!-- /row -->\n          </uib-tab>\n        </uib-tabset>\n      </div>\n    </div>\n</form>\n'),a.put("templates/roles-list.html",'<h1 class="title">Rollen <small><a ui-sref="split.manageRoles.create" ui-sref-opts="{reload:true}">toevoegen</a></small></h1>\n\n<div class="row">\n    <div class="col-md-9">\n        <udb-query-search-bar search-label="Zoeken op rolnaam"\n                              on-change="rlc.queryChanged(query)"\n        ></udb-query-search-bar>\n    </div>\n    <div class="col-md-1">\n        <i ng-show="rlc.loading" class="fa fa-circle-o-notch fa-spin"></i>\n    </div>\n    <div class="col-md-2 text-right">\n        <a class="btn btn-primary" ui-sref="split.manageRoles.create" ui-sref-opts="{reload:true}">\n            <i class="fa fa-plus-circle"></i> Rol toevoegen\n        </a>\n    </div>\n</div>\n\n<div class="row search-result-block" ng-cloak>\n    <div class="col-md-12">\n        <div class="alert alert-info" role="alert" ng-show="rlc.query.length < rlc.minQueryLength">\n            <p>Schrijf een zoekopdracht van minstens 3 karakters in het veld hierboven om rollen te zoeken.</p>\n            <p>Laat het veld leeg om alle rollen op te vragen in alfabetische volgorde.</p>\n        </div>\n        <div ng-show="rlc.query.length >= rlc.minQueryLength && rlc.searchResult.totalItems === 0"\n             class="alert alert-warning" role="alert">\n            <p>Geen rollen gevonden.</p>\n        </div>\n        <div ng-show="rlc.problem" class="alert alert-warning" role="alert">\n            <span>Er ging iets mis tijdens het zoeken:</span>\n            <br>\n            <strong ng-bind="rlc.problem.title"></strong>\n        </div>\n        <div class="query-search-result roles-results"\n             ng-class="{\'loading-search-result\': rlc.loading}"\n             ng-show="rlc.searchResult.totalItems > 0">\n                <table class="table table-hover table-striped">\n                    <thead>\n                    <tr>\n                        <th>Naam</th>\n                        <th>Opties</th>\n                    </tr>\n                    </thead>\n                    <tbody>\n                    <tr ng-repeat="role in rlc.searchResult.member">\n                        <td ng-bind="::role.name"></td>\n                        <td>\n                            <div class="btn-group">\n                                <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">\n                                    Bewerken <span class="caret"></span></button>\n                                <ul class="dropdown-menu">\n                                    <li><a ui-sref="split.manageRoles.edit({id: role.uuid})" ui-sref-opts="{reload:true}">Bewerken</a></li>\n                                    <li><a href ng-click="rlc.openDeleteConfirmModal(role)">Verwijderen</a></li>\n                                </ul>\n                            </div>\n                            </td>\n                    </tr>\n                    </tbody>\n                </table>\n            <div class="panel-footer">\n                <uib-pagination\n                        total-items="rlc.searchResult.totalItems"\n                        ng-model="rlc.page"\n                        items-per-page="rlc.searchResult.itemsPerPage"\n                        max-size="10"\n                        ng-change="rlc.pageChanged(rlc.page)">\n                </uib-pagination>\n            </div>\n        </div>\n    </div>\n</div>\n'),
 a.put("templates/search-label.html",'<ui-select ng-model="select.label"\n           reset-search-input="true"\n           on-select="select.labelAdded({label: $item})">\n    <ui-select-match placeholder="Voeg een label toe...">{{$item.name}}</ui-select-match>\n    <ui-select-no-choice ng-show="$select.search.length >= select.minimumInputLength &&">\n        <div class="udb-label-select-refreshing" style="padding: 3px 20px">\n            <i class="fa fa-circle-o-notch fa-spin"></i> Suggesties laden\n        </div>\n    </ui-select-no-choice>\n    <ui-select-choices repeat="label in select.availableLabels track by label.name"\n                       ng-show="$select.search.length >= select.minimumInputLength &&"\n                       ui-disable-choice="select.refreshing"\n                       refresh="select.suggestLabels($select.search)"\n                       refresh-delay="0"\n                       minimum-input-length="{{select.minimumInputLength}}">\n        <div>\n            <span ng-bind-html="label.name | highlight: $select.search"></span>\n            <span ng-if="!label.uuid"> (nieuw label toevoegen)</span>\n        </div>\n    </ui-select-choices>\n</ui-select>\n'),a.put("templates/user-editor.html",'<h1 class="title">Gebruiker bewerken</h1>\n\n<div ng-show="!editor.user && !editor.loadingError">\n    <i class="fa fa-circle-o-notch fa-spin"></i>\n</div>\n\n<div class="user-editor-wrapper" ng-show="editor.user">\n    <div class="row">\n        <div class="col-md-3">\n            <span>E-mailadres</span>\n        </div>\n        <div class="col-md-9">\n            <span ng-bind="editor.user.email"></span>\n        </div>\n    </div>\n    <div class="row">\n        <div class="col-md-3">\n            <span>Nick</span>\n        </div>\n        <div class="col-md-9">\n            <span ng-bind="editor.user.username"></span>\n        </div>\n    </div>\n</div>\n<br>\n<div class="panel panel-primary">\n    <div class="panel-heading">\n        <h3 class="panel-title">Rollen</h3>\n    </div>\n    <div class="panel-body">\n        <form class="form-inline" role="search">\n            <div class="form-group">\n                <label for="role-lookup">Rol toevoegen</label>\n                <input type="text"\n                       id="role-lookup"\n                       class="form-control uib-typeahead"\n                       placeholder="rol naam"\n                       ng-model="editor.roleLookupName"\n                       ng-disabled="editor.saving"\n                       uib-typeahead="role.name for role in editor.lookupRoles($viewValue)"\n                       typeahead-loading="editor.lookingForRoles"\n                       typeahead-on-select="editor.addRole($item)"\n                       typeahead-min-length="3"\n                       typeahead-template-url="templates/user-role-suggestion.html"/>\n            </div>\n        </form>\n        <br>\n        <p ng-show="editor.roles && editor.roles.length === 0">\n            Er zijn nog geen rollen toegekend aan deze gebruiker.\n        </p>\n    </div>\n    <ul class="list-group" ng-show="editor.roles">\n        <li class="list-group-item" ng-repeat="role in editor.roles" ng-class="editor.getRoleStyle(role)">\n            <a ui-sref="split.manageRoles.edit({id: role.uuid})" ng-bind="role.name"></a>\n            <button type="button" class="btn btn-link pull-right"\n                    ng-if="!editor.getRoleStyle(role)"\n                    ng-click="editor.deleteRole(role)">Verwijderen</button>\n            <button type="button" class="btn btn-link pull-right"\n                    ng-if="editor.getRoleStyle(role)"\n                    ng-click="editor.undoAction(role)">\n                <i class="fa fa-undo" aria-hidden="true"></i>\n            </button>\n        </li>\n    </ul>\n    <div class="panel-footer" ng-show="!editor.roles && !editor.rolesLoadingError">\n        <i class="fa fa-circle-o-notch fa-spin"></i>\n    </div>\n</div>\n\n<div class="row">\n    <div class="col-md-12 text-right">\n        <button ng-disabled="editor.actions.length === 0 || editor.saving"\n                type="button"\n                class="btn btn-primary"\n                ng-click="editor.save()">\n            Opslaan <i class="fa fa-circle-o-notch fa-spin" ng-show="editor.saving"></i>\n        </button>\n    </div>\n</div>\n\n<div ng-show="editor.loadingError">\n    <span ng-bind="editor.loadingError"></span>\n</div>\n'),a.put("templates/user-role-suggestion.html",'<a href tabindex="-1" ng-bind-html="match.model.name | uibTypeaheadHighlight:query"></a>'),a.put("templates/users-list.html",'<h1 class="title">Gebruikers</h1>\n\n<div class="row">\n    <div class="col-md-11">\n        <form class="form-inline" role="search" ng-submit="ulc.handleSubmit()">\n            <div class="form-group">\n                <label for="user-search-input">Zoeken op email</label>\n                <input type="text"\n                       id="user-search-input"\n                       class="form-control"\n                       ng-model="ulc.query"\n                       autocomplete="off"\n                       ng-change="ulc.handleChange()">\n            </div>\n        </form>\n    </div>\n    <div class="col-md-1 text-right">\n        <i ng-show="ulc.status === \'loading\'" class="fa fa-circle-o-notch fa-spin"></i>\n    </div>\n</div>\n\n<div class="row search-result-block" ng-cloak>\n    <div class="col-md-12">\n        <div class="alert alert-info" ng-show="ulc.status === \'idle\'" role="alert">\n            <p>Schrijf een geldig email-adres in het veld hierboven en druk op enter om gebruikers te zoeken.</p>\n        </div>\n        <div ng-show="ulc.status === \'notFound\'"\n             class="alert alert-warning" role="alert">\n            <p>Geen gebruiker gevonden voor het opgegeven e-mail adres.</p>\n        </div>\n        <div ng-show="ulc.status === \'problem\'" class="alert alert-warning" role="alert">\n            <span>Er ging iets mis tijdens het zoeken:</span>\n            <br>\n            <strong ng-bind="ulc.problem"></strong>\n        </div>\n    </div>\n</div>\n'),a.put("templates/event-migration-footer.component.html",'<div class="event-validation">\n    <a class="btn btn-success"\n       ng-click="migration.completeMigration()"\n       role="button"\n       ng-class="{disabled: !migration.migrationReady()}"\n       ng-bind="::migration.destination.description"></a>\n</div>\n'),a.put("templates/event-migration.html",'<div class="offer-form" ng-if="loaded">\n    <div class="alert alert-danger" role="alert">\n        <strong>Deze activiteit werd ingevoerd in de vorige versie van UiTdatabank.</strong><br>\n        Om deze te kunnen bewerken, is het nodig om de eerder gekozen locatie en adres éénmalig opnieuw te selecteren of in te voeren.\n    </div>\n\n    <udb-event-form-step3></udb-event-form-step3>\n\n    <udb-event-migration-footer></udb-event-migration-footer>\n</div>\n\n'),a.put("templates/translate-address.html",'<section class="translate-section">\n    <div class="row">\n        <div class="col-sm-3">\n            <p><strong><span translate-once="translate.address"></span></strong></p>\n        </div>\n        <div class="col-sm-9">\n            <div class="row">\n                <div class="col-sm-3">\n                    <p class="text-muted"><span translate-once="translate.original"></span></p>\n                </div>\n                <div class="col-sm-9">\n                    <p class="text-muted">\n                      <span ng-bind="tac.originalAddress.streetAddress"></span><br/>\n                      <span ng-bind="tac.originalAddress.postalCode"></span> \n                      <span ng-bind="tac.originalAddress.addressLocality"></span>\n                    </p>\n                </div>\n            </div>\n\n            <div class="row" ng-repeat="(code, language) in tac.activeLanguages" ng-show="language.active && !language.main">\n                <div class="col-sm-3">\n                    <p class="text-muted"><span translate-once="translate.translation"></span> {{code}}</p>\n                </div>\n                <div class="col-sm-9">\n                    \n                    <input type="text" ng-blur="tac.saveTranslatedAddress(code)" class="form-control form-group" ng-model="tac.translatedAddresses[code].streetAddress" placeholder="{{ \'translate.street\' | translate }}">\n                    <div class="row">\n                      <div class="col-xs-3">\n                        <span class="text-muted text-right form-control-static" ng-bind="::tac.translatedAddresses[code].postalCode"></span>\n                      </div>\n                      <div class="col-xs-9">\n                        <input type="text" ng-blur="tac.saveTranslatedAddress(code)" class="form-control form-group" ng-model="tac.translatedAddresses[code].addressLocality">\n                      </dvi>\n                </div>\n            </div>\n        </div>\n    </div>\n</section>'),a.put("templates/translate-description.html",'<section class="translate-section" ng-show="ttd.originalDescription">\n    <div class="row" >\n        <div class="col-sm-3">\n            <p><strong translate-once="translate.description"></strong></p>\n        </div>\n        <div class="col-sm-9">\n            <div class="row">\n                <div class="col-sm-3">\n                    <p class="text-muted" translate-once="translate.original"></p>\n                </div>\n                <div class="col-sm-9">\n                    <p class="text-muted" ng-bind="ttd.originalDescription"></p>\n                </div>\n            </div>\n\n            <div class="row" ng-repeat="(code, language) in ttd.activeLanguages" ng-show="language.active && !language.main">\n                <div class="col-sm-3">\n                    <p class="text-muted"><span translate-once="translate.translation"></span> {{code}}</p>\n                </div>\n                <div class="col-sm-9">\n                    <textarea ng-blur="ttd.saveTranslatedDescription(code)" class="form-control form-group" ng-model="ttd.translatedDescriptions[code]"></textarea>\n                </div>\n            </div>\n        </div>\n    </div>\n</section>'),a.put("templates/translate-images.html",'<section class="translate-section" ng-show="tic.offer.mediaObject.length > 0">\n    <div class="row">\n        <div class="col-sm-3">\n            <p><strong>Afbeelding(en)</strong></p>\n        </div>\n        <div class="col-sm-9">\n            <div class="row">\n                <div class="col-sm-3">\n                    <p class="text-muted">Origineel</p>\n                </div>\n                <div class="col-sm-9">\n                    <div class="panel panel-default">\n                        <div class="panel-body">\n                            <div ng-repeat="image in tic.eventFormData.mediaObjects | filter:{\'@type\': \'schema:ImageObject\', \'inLanguage\': tic.offer.mainLanguage} track by image.contentUrl" class="media-object">\n                                <div class="uploaded-image media">\n\n                                  <div class="media-left">\n                                    <img ng-src="{{ image.thumbnailUrl }}?width=50&height=50" style="width: 50px;">\n                                  </div>\n\n                                  <div class="media-body">\n                                    <div ng-bind="image.description"></div>\n                                    <div class="text-muted">&copy; <span ng-bind="image.copyrightHolder"><span translate-once="eventForm.step5.copyright"></span></span></div>\n                                  </div>\n\n                                </div>\n                              \n                              <!-- Single button -->\n                              <div class="btn-group">\n                                  <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">\n                                      Kopieren in een andere taal <span class="caret"></span>\n                                  </button>\n                                  <ul class="dropdown-menu">\n                                      <li ng-repeat="(code, language) in tic.activeLanguages" ng-if="language.active && !language.main"><button ng-click="tic.copyImage(image, code)" class="btn-link">{{code}}</button></li>\n                                  </ul>\n                              </div>\n                              \n                            </div>\n\n\n                        </div>\n                    </div>\n                </div>\n            </div>\n\n            <div class="row" ng-repeat="(code, language) in tic.activeLanguages" ng-show="language.active && !language.main">\n                <div class="col-sm-3">\n                    <p class="text-muted"><span translate-once="translate.translation"></span> {{code}}</p>\n                </div>\n                <div class="col-sm-9">\n                    <div class="panel panel-default">\n                        <div class="panel-body">\n                            <div ng-repeat="image in tic.eventFormData.mediaObjects | filter:{\'@type\': \'schema:ImageObject\', \'inLanguage\': code} track by image.contentUrl" class="media-object">\n                                <div class="uploaded-image">\n                                    <div class="media" ng-class="{\'main-image\': ($index === 0)}">\n                                        <a class="media-left" href="#">\n                                            <img ng-src="{{ image.thumbnailUrl }}?width=50&height=50" style="width: 50px;">\n                                        </a>\n\n                                        <div class="media-body">\n                                            <div ng-bind="image.description"></div>\n                                            <div class="text-muted">&copy; <span ng-bind="image.copyrightHolder"><span translate-once="eventForm.step5.copyright"></span></span></div>\n                                        </div>\n\n                                        <div class="media-actions">\n                                            <a class="btn btn-xs btn-primary" ng-click="tic.editImage(image)" translate-once="eventForm.step5.change"></a>\n                                            <a class="btn btn-xs btn-danger" ng-click="tic.removeImage(image)" translate-once="eventForm.step5.delete"></a>\n                                        </div>\n\n                                    </div>\n                                </div>\n                            </div>\n                            <a class="btn btn-default"\n                               href="#"\n                               translate-once="eventForm.step5.add_image"\n                               ng-click="tic.openUploadImageModal(code)"></a>\n                        </div>\n                    </div>\n\n                </div>\n            </div>\n        </div>\n    </div>\n</section>'),a.put("templates/translate-tariffs.html",'<section class="translate-section" ng-show="ttsc.originalTariffs.length > 0">\n    <div class="row" ng-repeat="originalTariff in ttsc.originalTariffs track by $index">\n        <div class="col-sm-3">\n            <p><strong><span translate-once="translate.tariff"></span> {{$index+1}}</strong></p>\n        </div>\n        <div class="col-sm-9">\n            <div class="row">\n                <div class="col-sm-3">\n                    <p class="orginal text-muted" translate-once="translate.original"></p>\n                </div>\n                <div class="col-sm-9">\n                    <p class="orginal text-muted" ng-bind="originalTariff"></p>\n                </div>\n            </div>\n\n            <div class="row" ng-repeat="(code, language) in ttsc.activeLanguages" ng-show="language.active && !language.main">\n                <div class="col-sm-3">\n                    <p class="text-muted"><span translate-once="translate.translation"></span> {{code}}</p>\n                </div>\n                <div class="col-sm-9">\n                    <input type="text" ng-blur="ttsc.saveTranslatedTariffs()" class="form-control form-group" ng-model="ttsc.translatedTariffs[$parent.$index][code]">\n                </div>\n            </div>\n        </div>\n    </div>\n</section>'),a.put("templates/translate-title.html",'<section class="translate-section">\n    <div class="row">\n        <div class="col-sm-3">\n            <p><strong translate-once="translate.title"></strong></p>\n        </div>\n        <div class="col-sm-9">\n            <div class="row">\n                <div class="col-sm-3">\n                    <p class="orginal text-muted" translate-once="translate.original"></p>\n                </div>\n                <div class="col-sm-9">\n                    <p class="orginal text-muted" ng-bind="ttc.originalName"></p>\n                </div>\n            </div>\n\n            <div class="row" ng-repeat="(code, language) in ttc.activeLanguages" ng-show="language.active && !language.main">\n                <div class="col-sm-3">\n                    <p class="orginal text-muted"><span translate-once="translate.original"></span> {{code}}</p>\n                </div>\n                <div class="col-sm-9">\n                    <textarea ng-blur="ttc.saveTranslatedName(code)" class="form-control form-group" ng-model="ttc.translatedNames[code]"></textarea>\n                </div>\n            </div>\n        </div>\n    </div>\n</section>'),a.put("templates/offer-translate.html",'<div ng-if="!loaded">\n  <p class="title"><span class="placeholder-title"></span></p>\n  <p class="text-center"><i class="fa fa-circle-o-notch fa-spin fa-fw"></i><span class="sr-only" translate-once="preview.loading"></span></p>\n</div>\n\n<div class="offer-translate" ng-if="loaded" >\n\n  <div class="page-header">\n    <div class="row">\n      <div class="col-sm-6">\n        <h1><span ng-bind="originalName"></span> <span translate-once="translate.translate"></span></h1>\n      </div>\n\n      <div class="col-sm-6">\n        <div class="offer-translate-chooser">\n          <label class="form-text">\n             <button ng-click="openEditPage()" class="btn-link btn-sm">\n               <span translate-once="translate.edit"></span> <span translate-once="translate.original"></span> ({{mainLanguage}})\n             </button>\n          </label>\n          <span ng-repeat="language in languages">\n            <span ng-if="!activeLanguages[language].main">\n              <label class="checkbox-inline" >\n                <input type="checkbox" ng-model="activeLanguages[language].active"/>{{language}}\n              </label>\n            </span>\n          </span>\n        </div>\n      </div>\n    </div>\n  </div>\n\n  <div class="offer-translate-wrapper">\n     <!-- Titel -->\n    <offer-translate-title offer="cachedOffer" active-languages="activeLanguages"></offer-translate-title>\n\n    <!-- Beschrijving -->\n    <offer-translate-description offer="cachedOffer" active-languages="activeLanguages"></offer-translate-description>\n\n    <!-- Prijs -->\n    <offer-translate-tariffs offer="cachedOffer" active-languages="activeLanguages"></offer-translate-tariffs>\n\n    <!-- Address -->\n    <offer-translate-address offer="cachedOffer" active-languages="activeLanguages" ng-if="isPlace"></offer-translate-address>\n  </div>\n\n  <button class="btn btn-success" ng-click="goToDashboard()" translate-once="translate.ready"></button>\n\n</div>\n'),a.put("templates/organizer-address.html",'<form name="oac.organizerAddressForm" class="organizer-address-form">\n    <div class="row">\n      <div class="col-xs-6">\n        <label translate-once="organizer.manage.address"></label>\n      </div>\n      <div class="col-xs-6">\n        <select ng-change="oac.changeCountrySelection()"\n          ng-options="option.code | translate for option in oac.availableCountries track by option.code"\n          ng-model="oac.selectedCountry"\n          ng-show="oac.availableCountries.length > 1"\n          class="form-control">\n        </select>\n      </div>\n    </div>\n\n    <div class="form-group"\n         ng-class="{\'has-error\' : oac.streetHasErrors && oac.organizerAddressForm.$submitted}">\n        <label translate-once="organizer.address.label_street"></label>\n        <input type="text"\n               class="form-control"\n               name="street"\n               placeholder="{{ \'organizer.address.label_street\' | translate }}"\n               ng-model="oac.address.streetAddress"\n               ng-change="oac.validateAddress()"\n               ng-model-options="{ updateOn: \'blur\' }">\n        <span class="has-error"\n              ng-show="oac.streetHasErrors && oac.organizerAddressForm.$submitted">\n            <span class="help-block" translate-once="organizer.address.help_street"></span>\n        </span>\n    </div>\n\n    <div class="row" >\n        <div class="col-xs-6">\n            <div class="form-group" ng-hide="oac.selectedCity !== \'\'"\n                 ng-class="{\'has-error\' : oac.cityHasErrors && oac.organizerAddressForm.$submitted}">\n                <label for="organizer-gemeente-autocomplete" id="gemeente-label" translate-once="organizer.address.label_city" ng-show="oac.selectedCountry.code === \'BE\'"></label>\n                <label for="organizer-gemeente-autocomplete" id="gemeente-label" translate-once="organizer.address.label_residence" ng-show="oac.selectedCountry.code === \'NL\'"></label>\n                <div id="gemeente-kiezer">\n                    <input id="organizer-gemeente-autocomplete"\n                           type="text"\n                           name="city"\n                           class="form-control uib-typeahead"\n                           ng-model="oac.cityAutocompleteTextField"\n                           uib-typeahead="city as city.label for city in oac.cities | filter:oac.filterCities($viewValue) | orderBy:oac.orderByLevenshteinDistance($viewValue)"\n                           typeahead-on-select="oac.selectCity($item, $label)"\n                           typeahead-min-length="2"\n                           typeahead-template-url="templates/city-suggestion.html"\n                           autocomplete="off">\n                    <span class="help-block" ng-show="oac.cityAutoCompleteError" translate-once="organizer.address.help_city">\n                    </span>\n                    <span class="has-error"\n                          ng-show="oac.cityHasErrors && oac.organizerAddressForm.$submitted">\n                        <span class="help-block" translate-once="organizer.address.error_city">\n                        </span>\n                    </span>\n                </div>\n            </div>\n            <div class="form-group" id="gemeente-gekozen" ng-if="oac.selectedCity">\n              <label id="gemeente-label" translate-once="organizer.address.label_city" ng-show="oac.selectedCountry.code === \'BE\'"></label>\n              <label id="gemeente-label" translate-once="organizer.address.label_residence" ng-show="oac.selectedCountry.code === \'NL\'"></label>\n              <p class="form-text">\n                <span id="gemeente-gekozen-button" ng-bind="::oac.selectedCity"></span>\n                <a href="#" class="btn btn-default btn-link" ng-click="oac.changeCitySelection()" translate-once="organizer.address.change"></a>\n              </p>\n            </div>\n        </div>\n        <div class="col-xs-6" ng-show="oac.selectedCountry.code == \'NL\'">\n            <div class="form-group"\n                 ng-class="{\'has-error\' : oac.zipHasErrors && oac.organizerAddressForm.$submitted}">\n                <label translate-once="organizer.address.zip"></label>\n                <span class="text-muted">bv. 1104CA</span>\n                <input type="text"\n                       class="form-control"\n                       name="postalCode"\n                       placeholder="{{ \'organizer.address.zip\' | translate }}"\n                       ng-model="oac.address.postalCode"\n                       ng-change="oac.validateAddress()">\n                <span class="has-error"\n                      ng-show="oac.zipHasErrors && oac.organizerAddressForm.$submitted">\n                    <span class="help-block" translate-once="organizer.address.help_zip"></span>\n                </span>\n                <span class="has-error"\n                      ng-show="!oac.zipHasErrors && oac.zipValidateError && oac.organizerAddressForm.$submitted">\n                    <span class="help-block" translate-once="organizer.address.validate_zip"></span>\n                </span>\n            </div>\n        </div>\n    </div>\n    <div class="row">\n      <div class="col-xs-6">\n        <a href="#" ng-show="oac.hasAddress" class="btn btn-default" ng-click="oac.clearAddressInfo()" translate-once="organizer.address.delete">Leegmaken</a>\n        <p ng-show="oac.addressRemovedSuccess" class="alert alert-success" translate-once="organizer.address.delete_success"></span>\n        <p ng-show="oac.addressRemovedError" class="alert alert-danger" translate-once="organizer.address.delete_error"></span>\n      </div>\n    </div>\n</form>\n'),a.put("templates/organizer-contact.html",'<div class="row">\n    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">\n        <p><strong translate-once="organizer.contact.title"></strong></p>\n    </div>\n</div>\n\n\n<div class="row" ng-show="occ.contact.length">\n  <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">\n    <ul>\n      <li ng-repeat="contact in occ.contact track by $index">\n        {{contact.value}}\n        <button type="button" class="close" aria-label="Close" ng-click="occ.deleteOrganizerContactInfo($index)">\n            <span aria-hidden="true">&times;</span>\n        </button>\n      </li>\n    </ul>\n  </div>\n</div>\n\n<div ng-show="occ.addingContactEntry">\n  <div class="panel panel-default">\n    <div class="panel-body">\n      <form name="occ.organizerContactWrapper">\n        <div ng-switch="occ.newContact.type">\n          <label ng-switch-when="url"><span translate-once="organizer.contact.enter_url"></span></label>\n          <label ng-switch-when="email"><span translate-once="organizer.contact.enter_email"></span></label>\n          <label ng-switch-when="phone"><span translate-once="organizer.contact.enter_phone"></span></label>\n        </div>\n        <div ng-switch="occ.newContact.type">\n          <div ng-switch-when="url" class="form-group" ng-class="{ \'has-error\': urlContactForm.url.$touched && urlContactForm.url.$invalid }">\n              <ng-form name="urlContactForm">\n                  <input type="text" name="url" udb-http-prefix class="form-control" ng-model="occ.newContact.value" ng-pattern="occ.contactUrlRegex" ng-model-options="{allowInvalid:true}" required>\n                  <div class="help-block" ng-messages="urlContactForm.url.$error" ng-show="!occ.isPristine && urlContactForm.url.$error">\n                      <p ng-message="required">\n                          <span translate-once="organizer.contact.required"></span>\n                      </p>\n                      <p ng-message="pattern">\n                          <span translate-once="organizer.contact.valid_url"></span>\n                      </p>\n                  </div>\n              </ng-form>\n          </div>\n          <div ng-switch-when="email" class="form-group" ng-class="{ \'has-error\': mailContactForm.email.$touched && mailContactForm.email.$invalid }">\n              <ng-form name="mailContactForm">\n                  <input type="text" name="email" ng-pattern="/^[^\\s@]+@[^\\s@]+\\.[^\\s@]{2,}$/" class="form-control" ng-model="occ.newContact.value" ng-model-options="{allowInvalid:true}" required>\n                  <div class="help-block" ng-messages="mailContactForm.email.$error" ng-show="!occ.isPristine && mailContactForm.email.$error">\n                      <p ng-message="required">\n                          <span translate-once="organizer.contact.required"></span>\n                      </p>\n                      <p ng-message="pattern">\n                          <span translate-once="organizer.contact.valid_email"></span>\n                      </p>\n                  </div>\n              </ng-form>\n          </div>\n          <div ng-switch-default class="form-group" ng-class="{ \'has-error\': phoneContactForm.phone.$touched && phoneContactForm.phone.$invalid }">\n              <ng-form name="phoneContactForm">\n                  <input type="tel" name="phone" class="form-control" ng-model="occ.newContact.value" ng-pattern="/^[^a-zA-Z]*$/" ng-model-options="{allowInvalid:true}" required>\n                  <div class="help-block" ng-messages="phoneContactForm.phone.$error" ng-show="!occ.isPristine && phoneContactForm.phone.$error">\n                      <p ng-message="required">\n                          <span translate-once="organizer.contact.required"></span>\n                      </p>\n                      <p ng-message="pattern">\n                          <span translate-once="organizer.contact.valid_phone"></span>\n                      </p>\n                  </div>\n              </ng-form>\n          </div>\n        </div>\n\n        <button type="button" ng-click="occ.cancelOrganizerContactEntry()" class="btn btn-link" translate-once="organizer.contact.cancel">\n        </button>\n\n        <button type="button" ng-click="occ.addOrganizerContactInfo()" class="btn btn-default" ng-disabled="occ.isPristine" translate-once="organizer.contact.add">\n        </button>\n\n      </form>\n    </div>\n  </div>\n</div>\n\n<div class="row" ng-hide="occ.addingContactEntry">\n    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">\n        <ul class="list-unstyled">\n            <li><a ng-click="occ.addOrganizerContactEntry(\'phone\')" href="#" translate-once="organizer.contact.add_phone"></a></li>\n            <li><a ng-click="occ.addOrganizerContactEntry(\'email\')" href="#" translate-once="organizer.contact.add_email"></a></li>\n            <li><a ng-click="occ.addOrganizerContactEntry(\'url\')" href="#" translate-once="organizer.contact.add_url"></a></li>\n        </ul>\n    </div>\n</div>\n'),a.put("templates/organizer-detail.html",'<div ng-if="!odc.finishedLoading()">\n    <i class="fa fa-circle-o-notch fa-spin"></i>\n</div>\n\n<h1 class="title" ng-bind="odc.organizer.name"></h1>\n\n<div class="row" ng-if="odc.finishedLoading()">\n  <div class="col-sm-3 col-sm-push-9">\n    <div class="list-group" ng-if="!odc.organizer.deleted">\n      <button class="list-group-item"\n              type="button"\n              ui-sref="split.organizerEdit({id: odc.organizer.id})"\n              ng-if="odc.canEdit()">\n        <i class="fas fa-pencil-alt" aria-hidden="true"></i>\n        <span translate-once="organizer.manage.edit"></span>\n      </button>\n      <button\n      class="list-group-item"\n      type="button"\n      ui-sref="split.organizerOwnership({id: odc.organizer.id})"\n      ng-if="odc.canEdit() && odc.isOwnershipEnabled()"\n    >\n      <span translate-once="organizer.manage.ownerships.manage"></span>\n    </button>\n      <span ng-if="odc.isManageState()">\n        <button class="list-group-item"\n                ng-click="odc.deleteOrganization()">\n          <i class="fa fa-trash" aria-hidden="true"></i>\n          <span translate-once="organizer.manage.delete"></span>\n        </button>\n        <button class="list-group-item"\n                ui-sref="management.organizers.search({id: odc.organizer.id})">\n          <i class="fa fa-arrow-left" aria-hidden="true"></i>\n          <span translate-once="organizer.manage.overview"></span>\n        </button>\n      </span>\n      <span ng-if="!odc.isManageState()">\n        <button class="list-group-item"\n                ui-sref="split.footer.dashboard">\n          <i class="fa fa-arrow-left" aria-hidden="true"></i>\n          <span translate-once="organizer.manage.dashboard"></span>\n        </button>\n      </span>\n    </div>\n  </div>\n  <div class="col-sm-9 col-sm-pull-3">\n    <div class="organizer-detail-wrapper">\n      <table ng-if="odc.organizer && !odc.organizer.deleted" class="table udb3-data-table">\n        <colgroup>\n          <col style="width:20%"/>\n          <col style="width:80%"/>\n        </colgroup>\n        <tr>\n          <td>\n            <span class="row-label" translate-once="organizer.manage.name"></span>\n          </td>\n          <td>\n            <span ng-bind="::odc.organizer.name"></span>\n          </td>\n        </tr>\n        <tr ng-if="::odc.organizer.description">\n          <td>\n            <span class="row-label" translate-once="organizer.manage.description"></span>\n          </td>\n          <td>\n            <span ng-bind-html="::odc.organizer.description"></span>\n          </td>\n        </tr>\n        <tr ng-if="::odc.organizer.educationalDescription">\n          <td>\n            <span class="row-label" translate-once="organizer.manage.educational_description"></span>\n          </td>\n          <td>\n            <span ng-bind-html="::odc.organizer.educationalDescription"></span>\n          </td>\n        </tr>\n        <tr>\n          <td>\n            <span class="row-label" translate-once="organizer.manage.address"></span>\n          </td>\n          <td>\n            <span ng-bind="::odc.organizer.address.streetAddress"></span><br/>\n            <span ng-bind="::odc.organizer.address.postalCode"></span>\n            <span ng-bind="::odc.organizer.address.addressLocality"></span>\n          </td>\n        </tr>\n        <tbody udb-contact-point-detail="::odc.organizer.contactPoint"></tbody>\n        <tr>\n          <td>\n            <span class="row-label" translate-once="organizer.manage.labels"></span>\n            <i class="fa fa-circle-o-notch fa-spin" ng-show="labelSaving"></i>\n          </td>\n          <td>\n            <udb-label-select labels="odc.organizer.labels"\n                              label-added="odc.addLabel(label)"\n                              label-removed="odc.deleteLabel(label)"></udb-label-select>\n            <div ng-if="odc.labelResponse === \'unlabelError\'" class="alert alert-danger">\n                <span ng-if="odc.labelsError !== \'Label not allowed\'" ng-bind="odc.labelsError"></span>\n                <span ng-if="odc.labelsError === \'Label not allowed\'" translate-once="errors.labelNotAllowed"></span>\n            </div>\n          </td>\n        </tr>\n        <tbody udb-image-detail="::odc.organizer.mediaObject" image="::odc.organizer.image"></tbody>\n      </table>\n    </div>\n \n\n    <div class="alert alert-danger" ng-if="odc.organizer && odc.organizer.deleted">\n      <span translate-once="organizer.manage.removed"></span>\n    </div>\n\n    <div ng-show="odc.loadingError">\n        <span ng-bind="odc.loadingError"></span>\n    </div>\n  </div>\n</div>\n'),
 a.put("templates/organizer-form.html",'<h1 class="title" ng-bind="ofc.originalName"></h1>\n\n<div ng-show="ofc.loadingError">\n    <i class="fa fa-circle-o-notch fa-spin"></i>\n</div>\n\n    <form name="ofc.organizerForm" class="organizer-edit-form">\n        <div class="row">\n            <div class="col-sm-12 col-md-8">\n                <p class="alert alert-danger" ng-show="ofc.hasErrors">\n                    <span ng-show="ofc.organizersWebsiteFound">Deze URL is al in gebruik door een andere organisatie.<br /></span>\n                    <span ng-show="ofc.websiteError">Er ging iets mis met het controleren van de website.<br /></span>\n                    <span ng-show="ofc.organizerForm.website.$error.required || ofc.urlError">Gelieve een website in te vullen.<br /></span>\n                    <span ng-show="ofc.organizerForm.name.$error.required">Gelieve een naam in te vullen.<br /></span>\n                    <span ng-show="ofc.organizerForm.name.$error.maxlength" translate-once="organizer.modal.name_maxlength"><br /></span>\n                    <span ng-show="ofc.addressError">Gelieve een geldig adres in te vullen.<br /></span>\n                    <span ng-show="ofc.contactError">Gelieve alle contactinfo correct in te vullen.<br /></span>\n                    <span ng-show="ofc.saveError">Er ging iets mis tijdens het opslaan.<br /></span>\n                </p>\n\n                <div class="form-group has-feedback"\n                     ng-class="{\'has-error\' : (ofc.organizersWebsiteFound || ofc.urlError || ofc.organizerEditForm.website.$error.required) && ofc.hasErrors }">\n                    <label>Website</label>\n                    <input type="url"\n                           id="organizer-website"\n                           udb-http-prefix\n                           name="website"\n                           class="form-control"\n                           ng-model-options="{ debounce: 300 }"\n                           ng-model="ofc.organizer.website"\n                           ng-change="ofc.validateWebsite()"\n                           aria-describedby="organizer-website-status"\n                           autocomplete="off"\n                           required>\n                    <span class="fa fa-circle-o-notch fa-spin form-control-feedback" ng-show="ofc.showWebsiteValidation" aria-hidden="true"></span>\n                </div>\n            </div>\n        </div>\n\n        <div class="row">\n            <div class="col-sm-12 col-md-8">\n                <div class="form-group" ng-class="{\'has-error\' : ofc.nameError && ofc.hasErrors }">\n                    <label>Naam</label>\n                    <input type="text"\n                           name="name"\n                           class="form-control"\n                           ng-model="ofc.organizer.name"\n                           ng-change="ofc.validateName()"\n                           ng-maxlength="250"\n                           required>\n                    <p class="help-block">De officiële publieke naam van de organisatie.</p>\n                </div>\n            </div>\n        </div>\n    </form>\n\n    <udb-organizer-address ng-if="ofc.showAddressComponent"\n                           address="ofc.organizer.address"\n                           on-update="ofc.validateAddress(error)"></udb-organizer-address>\n    <udb-organizer-contact contact="ofc.contact"\n                           on-update="ofc.validateContact(error)"></udb-organizer-contact>\n\n    <button type="button"\n            class="btn btn-primary organisator-bewerken-bewaren"\n            ng-disabled="ofc.disableSubmit || ofc.contactError"\n            ng-click="ofc.validateOrganizer()">\n        Bewaren\n    </button>\n    <a class="btn btn-default organisator-bewerken-annuleren"\n       ng-click="ofc.cancel()">Annuleren</a>\n\n<div ng-show="ofc.loadingError">\n    <span ng-bind="ofc.loadingError"></span>\n</div>\n'),a.put("templates/place-detail.html",'<div ng-if="placeIdIsInvalid">\n  <div class="page-header">\n    <h1 translate-once="preview.not_found"></h1>\n  </div>\n\n  <div class="row">\n    <div class="col-xs-12">\n      <p translate-once="preview.not_found_help"></p>\n    </div>\n  </div>\n</div>\n\n<div ng-if="!finishedLoading">\n  <p class="title"><span class="placeholder-title"></span></p>\n  <p class="text-center"><i class="fa fa-circle-o-notch fa-spin fa-fw"></i><span class="sr-only" translate-once="preview.loading"></span></p>\n</div>\n\n<div ng-if="place && finishedLoading" class="place-detail">\n  <h1 class="title" ng-bind="::place.name"></h1>\n\n  <div class="row">\n    <div class="col-sm-3 col-sm-push-9">\n      <div class="list-group" ng-if="::permissions">\n        <button ng-if="::permissions.editing"\n                class="list-group-item"\n                type="button"\n                ng-click="openEditPage()"><i class="fas fa-pencil-alt" aria-hidden="true"></i>  <span translate-once="preview.edit"></span> <span ng-if="place.mainLanguage !== language" ng-bind="\'(\' + place.mainLanguage + \')\'"></span></button>\n        <button ng-if="::permissions.editing"\n                class="list-group-item"\n                type="button"\n                ng-click="openTranslatePage()"><i class="fa fa-globe" aria-hidden="true"></i>  <span translate-once="preview.translate"></span></button>\n        <a ng-if="::(permissions.editing && !isOmdApp)"\n           class="list-group-item"\n           ng-href="{{ place.url + \'/status\' }}"><i class="far fa-calendar-check" aria-hidden="true"></i>  <span translate-once="preview.change_availability"></span></a>\n        <button ng-if="::permissions.editing"\n                class="list-group-item"\n                href="#"\n                ng-click="deletePlace()"><i class="fa fa-trash" aria-hidden="true"></i>  <span translate-once="preview.delete"></span></button>\n      </div>\n    </div>\n\n    <div class="col-xs-9 col-sm-pull-3">\n      <ul class="nav nav-tabs">\n        <li ng-repeat="tab in tabs" ng-class="{active: isTabActive(tab.id)}" role="tab">\n          <a ng-click="makeTabActive(tab.id)" role="tab" translate-once="preview.tabs.{{tab.id}}" href="#"></a>\n        </li>\n      </ul>\n\n      <div class="tab-pane" role="tabpanel" ng-show="isTabActive(\'data\')">\n        <table class="table udb3-data-table">\n          <colgroup>\n            <col style="width:20%"/>\n            <col style="width:80%"/>\n          </colgroup>\n          <tbody>\n            <tr>\n              <td><span class="row-label" translate-once="preview.title"></span></td>\n              <td>{{::place.name}}</td>\n            </tr>\n            <tr>\n              <td><span class="row-label" translate-once="preview.type"></span></td>\n              <td>{{::translateType(place.type.label)}}</td>\n            </tr>\n\n            <tr ng-class="{muted: !place.description}">\n              <td><span class="row-label" translate-once="preview.description"></span></td>\n              <td ng-if="place.description">\n                <div ng-bind-html="place.description" class="event-detail-description"></div>\n              </td>\n              <td ng-if="!place.description" translate-once="preview.no_description"></td>\n            </tr>\n            <tr>\n              <td><span class="row-label" translate-once="preview.where"></span></td>\n              <td>{{::place.address.streetAddress}}<br />\n                {{::place.address.postalCode}} {{::place.address.addressLocality}}<br />\n                {{::place.address.addressCountry}}</td>\n            </tr>\n          </tbody>\n          <tbody udb-booking-info-detail="::place.bookingInfo"></tbody>\n          <tbody udb-contact-point-detail="::place.contactPoint"></tbody>\n          <tbody>\n            <tr>\n              <td>\n                <span class="row-label" translate-once="preview.labels"></span>\n              </td>\n              <td>\n                <p><udb-label-select labels="::place.labels"\n                                  label-added="labelAdded(label)"\n                                  label-removed="labelRemoved(label)">\n                </udb-label-select></p>\n                <p ng-if="labelResponse === \'error\'" class="alert alert-danger">\n                  <span translate-once="preview.labels_error" translate-values="{ labelName: \'{{labelsError.name}}\' }"></span>\n                </p>\n                <p ng-if="labelResponse === \'success\'" class="alert alert-success">\n                  <span translate-once="preview.labels_success" translate-values="{ addedLabel: \'{{addedLabel}}\' }"></span>\n                </p>\n                <p ng-if="labelResponse === \'unlabelError\'" class="alert alert-danger">\n                  <span ng-if="labelsError !== \'Label not allowed\'" ng-bind="labelsError"></span>\n                  <span ng-if="labelsError === \'Label not allowed\'" translate-once="errors.labelNotAllowed"></span>\n                </p>\n              </td>\n            </tr>\n            <tr>\n              <td><span class="row-label" translate-once="preview.age_label"></span></td>\n              <td>\n                <span ng-if="::place.typicalAgeRange">{{ageRange}}</span>\n                <span ng-if="::(!place.typicalAgeRange)" translate-once="preview.all_ages"></span>\n              </td>\n            </tr>\n          </tbody>\n          <tbody udb-image-detail="::place.mediaObject" image="::place.image"></tbody>\n          <tbody>\n            <tr ng-class="::{muted:(place.videos.length === 0)}">\n              <td><span class="row-label" translate-once="preview.videos_label"></span></td>\n              <td ng-if="::place.videos.length"> \n                <ul>\n                  <li ng-repeat="video in ::place.videos">\n                    <a target="_blank" rel="noopener noreferrer" ng-href="{{video.url}}" >{{ video.url }}</a>\n                  </li>\n                </ul>\n              </td>\n              <td ng-if="::place.videos.length === 0" translate-once="preview.no_videos"></td>\n            </tr>\n          </tbody>\n        </table>\n      </div>\n\n      <div role="tabpanel" class="tab-pane" ng-show="isTabActive(\'history\')">\n        <div class="timeline">\n          <p ng-show="!placeHistory" class="text-center">\n            <i class="fa fa-circle-o-notch fa-spin fa-fw"></i><span class="sr-only" translate-once="preview.loading"></span>\n          </p>\n          <div ng-if="::placeHistory">\n            <dl ng-repeat="placeAction in ::placeHistory track by $index">\n              <dt ng-bind="::placeAction.date | date:\'dd/MM/yyyy H:mm\'"></dt>\n              <dd>\n                <span class="author" ng-if="placeAction.author" ng-bind="::placeAction.author"></span>\n                <br ng-if="::placeAction.author"/>\n                <span class="description" ng-bind="::placeAction.description"></span>\n                <div ng-if="::placeAction.api">\n                  API: <span class="api" ng-bind="::placeAction.api"></span>\n                </div>\n                <div ng-if="::placeAction.apiKey">\n                  API key: <span class="api" ng-bind="::placeAction.apiKey"></span>\n                  <span ng-if="::placeAction.consumerName">(<span class="consumerName" ng-bind="::placeAction.consumerName"></span>)</span>\n                </div>\n              </dd>\n            </dl>\n          </div>\n        </div>\n      </div>\n\n      <div class="tab-pane" role="tabpanel" ng-show="isTabActive(\'publication\')">\n        <table class="table udb3-data-table">\n          <colgroup>\n            <col style="width:20%"/>\n            <col style="width:80%"/>\n          </colgroup>\n          <tbody udb-workflow-status="::place">\n          </tbody>\n        </table>\n      </div>\n\n    </div>\n  </div>\n</div>\n'),a.put("templates/delete-search-modal.html",'<div class="modal-body">\n    <p>Ben je zeker dat je deze zoekopdracht wil verwijderen?</p>\n</div>\n\n<div class="modal-footer">\n    <button class="btn btn-primary udb-delete-query-cancel-button" ng-click="cancel()">Annuleren</button>\n    <button class="btn btn-danger udb-delete-query-confirm-button" ng-click="confirm()">Verwijderen</button>\n</div>\n'),a.put("templates/save-search-modal.html",'<form name="saveQueryForm" novalidate class="save-search-modal">\n\n    <div class="modal-header">\n        <h5 class="modal-title" translate-once="search.savedSearches.modal.mainTitle"></h5>\n    </div>\n\n    <ul class="nav nav-tabs">\n        <li ng-class="{active: isTabActive(\'new\')}"><a style="cursor: pointer;" ng-click="makeTabActive(\'new\')" translate-once="search.savedSearches.modal.newTab"></a></li>\n        <li ng-class="{active: isTabActive(\'existing\')}"><a style="cursor: pointer;" ng-click="makeTabActive(\'existing\')" translate-once="search.savedSearches.modal.existingTab"></a></li>\n    </ul>\n\n    \n    <div class="tab-pane" ng-show="isTabActive(\'new\')" role="tabpanel">\n        <div class="modal-body">\n\n            <label translate-once="search.savedSearches.modal.giveName"></label>\n\n            <div class="row">\n                <div class="col-lg-12">\n                    <p class="alert alert-danger" role="alert" ng-show="wasSubmitted && saveQueryForm.queryName.$error.required">Een naam is verplicht.</p>\n                    <input type="text" ng-required="\'true\'" name="queryName" ng-model="queryName" class="form-control"/>\n                </div>\n            </div>\n        </div>\n\n        <div class="modal-footer">\n        <button type="button" class="btn btn-default udb-save-query-cancel-button" ng-click="cancel()" translate-once="search.savedSearches.modal.cancel"></button>\n        <button type="submit" class="btn btn-primary udb-save-query-ok-button" ng-click="ok(\'new\')" translate-once="search.savedSearches.modal.save"></button>\n        </div>\n    </div>\n\n    <div class="tab-pane"  ng-show="isTabActive(\'existing\')"  role="tabpanel">\n        <div class="modal-body">\n            <label translate-once="search.savedSearches.modal.selectSavedSearch"></label>\n            <select class="form-control" ng-model="queryId" ng-change="setQueryName()">\n                <option ng-repeat="search in savedSearches" value="{{search.id}}">{{search.name}}</option>\n            </select>\n        </div>\n  \n        <div class="modal-footer">\n            <button type="button" class="btn btn-default udb-save-query-cancel-button" ng-click="cancel()" translate-once="search.savedSearches.modal.cancel"></button>\n            <button type="submit" class="btn btn-primary udb-save-query-ok-button" ng-click="ok(\'existing\')" translate-once="search.savedSearches.modal.save"></button>\n        </div>\n\n    </div>\n\n\n</form>\n'),a.put("templates/save-search.directive.html",'<p style="margin-top: 12px;">\n    <strong translate-once="search.savedSearches.yourSearch"></strong>\n    <button href="#" ng-click="saveSearch()" class="btn btn-default rv-action">\n        <i class="fa fa-save"></i> <span translate-once="search.savedSearches.save"></span>\n    </button>\n    <span style="cursor:pointer;color:#999999;margin-left: 5px;" ng-click="openAnnouncementModal()">\n        <i class="fa fa-question-circle"></i>\n    </span>\n</p>\n'),a.put("templates/saved-searches-list.html",'<div class="container-fluid">\n    <h1 translate-once="search.savedSearches.mySearches"></h1>\n    <table class="table">\n        <tr>\n            <th class="saved-search-title-column">\n                <strong translate-once="search.savedSearches.title"></strong>\n            </th>\n            <th>\n                Query\n            </th>\n            <td>\n            </td>\n        </tr>\n        <tr ng-repeat="savedSearch in savedSearches">\n            <td>\n                <p>\n                  <i class="fa fa-bookmark"></i>\n                  <span ng-bind="::savedSearch.name"></span></p>\n                <p><a \n                    ng-href="search?query={{::encodeURI(savedSearch.query)}}" \n                    class="small"\n                    translate-once="search.savedSearches.viewResults"\n                    ></a></p>\n            </td>\n            <td class="saved-search-query">\n                <textarea ui-codemirror="{ onLoad : codemirrorLoaded }" ng-model="::savedSearch.query" class="query form-control" rows="3"\n                          ui-codemirror-opts="editorOptions"></textarea>\n            </td>\n            <td>\n                <a class="btn btn-default" ng-if="::savedSearch.id" ng-click="::deleteSavedSearch(savedSearch.id)"><i class="fa fa-trash"></i></a>\n            </td>\n        </tr>\n    </table>\n</div>\n'),a.put("templates/event-link.directive.html",'<a ng-href="{{ event.url + \'/preview\' }}" ng-bind="::event.name"></a>\n'),a.put("templates/label-select.html",'<p class="small text-muted" translate-once="labels.what"></p>\n\n<form name="form">\n  <div class="form-group">\n    <input type="text"\n    class="form-control typeahead"\n    ng-model="select.currentLabel"\n    ng-pattern="select.regex"\n    uib-typeahead="suggestion.name for suggestion in select.suggestLabels($viewValue)"\n    typeahead-on-select="select.onSelect($item)"\n    typeahead-min-length="2"\n    id="input" name="input"\n    autocomplete="off"\n    ng-minlength="2"\n    ng-maxlength="50"/>\n  </div>\n</form>\n\n<div class="alert alert-warning" ng-show="!form.input.$valid && !form.input.$error.minlength ">\n  <p><span translate-once="labels.invalid"></span><br>\n    <ul>\n      <li translate-once="labels.chars"></li>\n      <li translate-once="labels.excluded"></li>\n      <li translate-once="labels.length"></li>\n    </ul>\n</div>\n\n<ul class="list-inline">\n  <li ng-repeat="label in select.labels">\n    <span ng-hide="select.hiddenLabels.includes(label.name)" class="badge">{{label.name}} <a ng-click="select.onRemove(label)" class="badge-remove">&times;</a></span>\n  </li>\n</ul>\n'),a.put("templates/offer-accessibility-info.component.html",'<div ng-if="$ctrl.offer.facilities.length > 0">\n    <div>\n        <span ng-click="showFacilities = !showFacilities" style="cursor:pointer;">\n            <i class="fa fa-{{ showFacilities ? \'chevron-down\' : \'chevron-right\' }}"></i>\n            <strong ng-bind="$ctrl.offer.facilities.length"></strong> voorziening(en)\n        </span>\n        <ul ng-show="showFacilities">\n            <li ng-repeat="facility in $ctrl.offer.facilities" ng-bind="::facility.label"></li>\n        </ul>\n    </div>\n\n    <button type="button" class="btn btn-link" ng-click="$ctrl.changeFacilities()">Wijzigen</button>\n</div>\n\n<div ng-show="$ctrl.offer.facilities.length === 0">\n    <button type="button" class="btn btn-primary" ng-click="$ctrl.changeFacilities()">\n        Voorzieningen toevoegen\n    </button>\n</div>'),a.put("templates/query-editor-daterangepicker.directive.html",'<div>\n  <p class="input-group" ng-hide="field.transformer === \'<\'">\n    <input type="text" class="form-control" uib-datepicker-popup="{{drp.dateFormat}}" ng-model="field.lowerBound"\n           is-open="drp.startOpened" ng-required="true" datepicker-options="drp.options"/>\n    <span class="input-group-btn">\n        <button type="button" class="btn btn-default" ng-click="drp.openStart($event)">\n          <i class="fa fa-calendar"></i>\n        </button>\n    </span>\n  </p>\n\n  <span ng-hide="field.transformer === \'<\' || field.transformer === \'>\' || field.transformer === \'=\'">tot</span>\n\n  <p class="input-group" ng-hide="field.transformer === \'>\' || field.transformer === \'=\'">\n    <input type="text" class="form-control" uib-datepicker-popup="{{drp.dateFormat}}" ng-model="field.upperBound"\n           is-open="drp.endOpened" ng-required="true" datepicker-options="drp.options"/>\n    <span class="input-group-btn">\n        <button type="button" class="btn btn-default" ng-click="drp.openEnd($event)">\n          <i class="fa fa-calendar"></i>\n        </button>\n    </span>\n  </p>\n</div>'),a.put("templates/query-editor-field.directive.html",'<div class="row voorwaarde qe-field {{ getOperatorClass() }}">\n  <div class="col-md-3">\n    <div class="form-group">\n      <select\n          ng-options="fieldOption.name as fieldOption.label group by fieldOption.groupLabel for fieldOption in qe.fieldOptions | orderBy:[\'groupIndex\',\'label\']"\n          ng-model="field.name" class="form-control" ng-change="qe.fieldTypeSelected(field)">\n      </select>\n    </div>\n\n  </div>\n  <div class="col-md-3">\n    <div class="form-group">\n      <select ng-model="field.transformer" class="form-control"\n              ng-options="transformer + (field.fieldType === \'date-range\' ? \'_DATE\' : \'\') | translate for transformer in qe.transformers[field.name]">\n      </select>\n    </div>\n  </div>\n\n  <div class="col-md-3 field-query-term" ng-switch="field.fieldType">\n    <div ng-switch-when="string">\n      <input type="text" ng-model="field.term"\n             class="form-control"/>\n    </div>\n    <div ng-switch-when="tokenized-string">\n      <input type="text" ng-model="field.term"\n             class="form-control"/>\n    </div>\n    <div ng-switch-when="term">\n      <select ng-options="term.id as term.label for term in qe.termOptions[field.name] | orderBy:\'label\'"\n              ng-model="field.term" class="form-control">\n        <option value="">-- maak een keuze --</option>\n      </select>\n    </div>\n\n    <div ng-switch-when="termNis">\n      <select ng-options="term.key as term.name for term in qe.termOptions[field.name]"\n              ng-model="field.term" class="form-control">\n        <option value="">-- maak een keuze --</option>\n      </select>\n    </div>\n\n    <div ng-switch-when="choice">\n      <select ng-options="\'choice.\' + option | translate for option in qe.termOptions[field.name]"\n              ng-model="field.term" class="form-control">\n        <option value="">-- maak een keuze --</option>\n      </select>\n    </div>\n\n    <div ng-switch-when="check">\n      <label class="radio-inline">\n        <input type="radio" ng-model="field.term" value="{{field.name}}"> ja\n      </label>\n      <label class="radio-inline">\n        <input type="radio" ng-model="field.term" value="(!{{field.name}})"> nee\n      </label>\n    </div>\n\n    <div ng-switch-when="date-range">\n      <udb-query-editor-daterangepicker>\n      </udb-query-editor-daterangepicker>\n    </div>\n\n    <div ng-switch-when="number" ng-switch="field.transformer">\n      <div ng-switch-when="=">\n        <input type="text" class="form-control" ng-model="field.term"/>\n      </div>\n\n      <div ng-switch-when=">">\n        <input type="text" class="form-control" ng-model="field.lowerBound"/>\n      </div>\n\n      <div ng-switch-when="<">\n        <input type="text" class="form-control" ng-model="field.upperBound"/>\n      </div>\n\n      <div ng-switch-when="><">\n        <input type="text" class="form-control" ng-model="field.lowerBound"/>\n        <span>tot</span>\n        <input type="text" class="form-control" ng-model="field.upperBound"/>\n      </div>\n    </div>\n  </div>\n\n  <div class="col-md-2 col-xs-8">\n    <div class="form-group">\n      <div class="btn-group btn-group-justified" role="group">\n        <a type="button" class="btn btn-default" ng-click="addSubGroup($index)"\n           ng-disabled="isSubGroup() && !$last">\n          AND\n        </a>\n        <a type="button" class="btn btn-default" ng-click="addField($index)">\n          OR\n        </a>\n      </div>\n    </div>\n  </div>\n\n  <div class="col-md-1 col-xs-4">\n    <button type="button" class="close" aria-label="Close" ng-click="removeField($index)"\n            ng-show="canRemoveField()">\n      <span aria-hidden="true">×</span>\n    </button>\n  </div>\n</div>\n'),a.put("templates/query-editor-modal.html",'<div class="modal-header">\n  <h2 class="modal-title" translate-once="search.advancedQueryBuilder.title"></h2>\n</div>\n\n<div class="modal-body">\n\n  <div>\n    <p><span translate-once="search.advancedQueryBuilder.header.info"></span>\n      <a \n        href=\'https://helpdesk.publiq.be/hc/nl/articles/360008632440-Hoe-kan-ik-activiteiten-zoeken-op-basis-van-verschillende-parameters\' \n        target=\'_blank\'>\n        <span translate-once="search.advancedQueryBuilder.header.link"></span>\n      </a>.\n    </p>\n  </div>\n\n  <div class="udb-query-editor">\n    <div class="panel panel-default" ng-repeat="rootGroup in qe.groupedQueryTree.nodes">\n\n      <div class="panel-heading">\n        <div class="row">\n          <div class="col-sm-3">\n            <h3 class="panel-title"><span translate-once="search.advancedQueryBuilder.group"></span><span ng-bind="$index + 1"></span></h3>\n          </div>\n          <div class="col-sm-7">\n            <div class="btn-group control-in-uitsluiten" role="group" aria-label="...">\n              <button type="button" class="btn btn-default btn-sm" ng-click="qe.toggleExcludeGroup(rootGroup)">\n                <span ng-hide="rootGroup.excluded" class="fa fa-check-circle"></span>\n                <span translate-once="search.advancedQueryBuilder.include"></span>\n              </button>\n              <button type="button" class="btn btn-default btn-sm" ng-click="qe.toggleExcludeGroup(rootGroup)">\n                <span ng-show="rootGroup.excluded" class="fa fa-check-circle"></span>\n                <span translate-once="search.advancedQueryBuilder.exclude"></span>\n              </button>\n            </div>\n          </div>\n          <div class="col-sm-2">\n            <button type="button" class="close" aria-label="Close"\n                ng-show="qe.canRemoveGroup()" ng-click="qe.removeGroup($index)">\n              <span aria-hidden="true">×</span>\n            </button>\n          </div>\n        </div>\n      </div>\n\n      <div class="panel-body">\n        <div ng-repeat="field in rootGroup.nodes" ng-switch="field.type">\n          <div ng-switch-default>\n            <udb-query-editor-field></udb-query-editor-field>\n          </div>\n\n          <div ng-switch-when="group">\n            <udb-query-editor-field ng-repeat="field in field.nodes"></udb-query-editor-field>\n          </div>\n        </div>\n      </div>\n    </div>\n\n    <p>\n      <a type="button" class="btn btn-link" ng-click="qe.addGroup()">\n        <i class="fa fa-plus-circle"></i> <span translate-once="search.advancedQueryBuilder.addGroup"></span>\n      </a>\n    </p>\n\n    <div class="modal-footer">\n      <div class="row">\n\n        <div class="pull-right">\n          <a type="button" class="btn btn-default" ng-click="qe.stopEditing()">\n            <span translate-once="search.advancedQueryBuilder.cancel"></span>\n          </a>\n          <button type="button" class="btn btn-primary" ng-click="qe.updateQueryString()" translate-once="search.search">\n            <span translate-once="search.advancedQueryBuilder.search"></span>    \n          </button>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n'),a.put("templates/query-editor.directive.html",'<div class="udb-query-editor">\n  <div class="panel panel-default" ng-repeat="rootGroup in qe.groupedQueryTree.nodes">\n\n    <div class="panel-heading">\n      <div class="row">\n        <div class="col-sm-3">\n          <h3 class="panel-title"><span translate-once="search.advancedQueryBuilder.group"></span><span ng-bind="$index + 1"></span></h3>\n        </div>\n        <div class="col-sm-7">\n          <div class="btn-group control-in-uitsluiten" role="group" aria-label="...">\n            <button type="button" class="btn btn-default btn-sm" ng-click="qe.toggleExcludeGroup(rootGroup)">\n              <span ng-hide="rootGroup.excluded" class="fa fa-check-circle"></span>\n              <span translate-once="search.advancedQueryBuilder.include"></span>\n            </button>\n            <button type="button" class="btn btn-default btn-sm" ng-click="qe.toggleExcludeGroup(rootGroup)">\n              <span ng-show="rootGroup.excluded" class="fa fa-check-circle"></span>\n              <span translate-once="search.advancedQueryBuilder.exclude"></span>\n            </button>\n          </div>\n        </div>\n        <div class="col-sm-2">\n          <button type="button" class="close" aria-label="Close"\n                  ng-show="qe.canRemoveGroup()" ng-click="qe.removeGroup($index)">\n            <span aria-hidden="true">×</span>\n          </button>\n        </div>\n      </div>\n    </div>\n\n    <div class="panel-body">\n      <div ng-repeat="field in rootGroup.nodes" ng-switch="field.type">\n        <div ng-switch-default>\n          <udb-query-editor-field></udb-query-editor-field>\n        </div>\n\n        <div ng-switch-when="group">\n          <udb-query-editor-field ng-repeat="field in field.nodes"></udb-query-editor-field>\n        </div>\n      </div>\n    </div>\n  </div>\n\n  <button type="button" class="btn btn-default" ng-click="qe.addGroup()">\n    <i class="fa fa-plus-circle"></i> <span translate-once="search.advancedQueryBuilder.addGroup"></span>\n  </button>\n  <div class="pull-right">\n    <a type="button" class="btn btn-default" ng-click="qe.stopEditing()">\n      <span translate-once="search.advancedQueryBuilder.cancel"></span>\n    </a>\n    <button type="button" class="btn btn-primary" ng-click="qe.updateQueryString()" translate-once="search.search">\n      <span translate-once="search.advancedQueryBuilder.search"></span>\n    </button>\n  </div>\n</div>\n'),a.put("templates/search-bar.directive.html",'<h1 class="title" translate-once="search.search">Zoeken</h1>\n<form class="navbar-form navbar-left udb-header-search" role="search"\n      ng-class="{\'has-errors\': sb.hasErrors, \'is-editing\': sb.isEditing}">\n  <div class="form-group has-warning has-feedback">\n    <input type="text" class="form-control" ng-model="sb.queryString" ng-change="sb.queryChanged()">\n    <span class="dropdown saved-search-icon" uib-dropdown>\n      <i class="fa fa-bookmark" class="dropdown-toggle" uib-dropdown-toggle></i>\n      <ul class="dropdown-menu" uib-dropdown-menu role="menu">\n        <li role="presentation" class="dropdown-header" translate-once="search.savedSearches.savedSearches"></li>\n        <li ng-repeat="savedSearch in sb.savedSearches">\n          <a ng-bind="::savedSearch.name"\n             ng-click="sb.find(savedSearch.query)">\n          </a>\n        </li>\n        <li class="divider"></li>\n        <li><a href="saved-searches" translate-once="search.manage">Beheren</a></li>\n      </ul>\n    </span>\n    <i ng-show="sb.hasErrors" class="fas fa-exclamation-triangle warning-icon"></i>\n  </div>\n  <button type="submit" class="btn udb-search-button" ng-click="sb.find()">\n    <i class="fa fa-search"></i>\n  </button>\n</form>\n\n<ul class="nav navbar-nav">\n  <li>\n    <a href="#" ng-click="sb.editQuery()" class="advanced-search" ng-class="{\'is-editing\': sb.isEditing}"\n       translate-once="search.advanced">Geavanceerd</a>\n  </li>\n</ul>\n\n<ul class="alert alert-warning list-unstyled" style="clear: both; margin: 0 10px" ng-if="sb.errors.length">\n  <li ng-repeat="(index,error) in sb.errors track by index" ng-bind-html="error" />\n</ul>\n'),a.put("templates/event.directive.html",'<div class="event-content">\n  <div class="col-sm-5 rv-first-column">\n    <div class="rv-item-sidebar">\n      <div class="rv-selection-state" ng-class="{\'disabled\': resultViewer.querySelected}"\n           ng-click="resultViewer.toggleSelect(event)">\n        <span ng-class="resultViewer.isOfferSelected(event) ? \'fas fa-check-square\' : \'far fa-square\'"></span>\n      </div>\n    </div>\n\n    <div class="udb-short-info">\n      <span class="udb-category" ng-bind="event.type.label"></span>\n      <span class="udb-short-info-seperator" ng-show="event.type && event.theme"> • </span>\n      <span class="udb-theme" ng-bind="event.theme.label"></span>\n    </div>\n    <div class="udb-title">\n      <a ng-href="{{ event.url + \'/preview\' }}" ng-bind="event.name"></a>\n    </div>\n  </div>\n\n  <div class="col-sm-2">\n    <div class="udb-place-name" ng-bind="event.location.name"></div>\n    <div class="udb-place-city" ng-hide="event.location.isDummyPlaceForEducationEvents || event.attendanceMode == \'online\'" ng-bind="event.location.address.addressLocality"></div>\n  </div>\n\n  <div class="col-sm-2" ng-switch="event.calendarType">\n    <span ng-switch-when="permanent">permanent</span>\n    <span ng-switch-when="single">\n        <span class="udb-start-date" ng-bind="event.startDate | date: \'dd/MM/yyyy\'"></span>\n    </span>\n    <span ng-switch-when="periodic" class="udb-date-range">\n      <span class="udb-start-date" ng-bind="event.startDate | date: \'dd/MM/yyyy\'"></span>\n        <i class="fa fa-long-arrow-right"></i>\n        <span class="udb-end-date" ng-bind="event.endDate | date: \'dd/MM/yyyy\'"></span>\n    </span>\n    <span ng-switch-when="multiple" class="udb-date-range">\n        <span class="udb-start-date" ng-bind="event.startDate | date: \'dd/MM/yyyy\'"></span>\n        ,…,\n        <span class="udb-end-date" ng-bind="event.endDate | date: \'dd/MM/yyyy\'"></span>\n    </span>\n  </div>\n\n  <div class="col-sm-3 rv-specific-event-info">\n    <div class="rv-event-info-input udb-organizer"\n         ng-show="resultViewer.activeSpecific.id === \'input\'">\n      <div>\n        <span class="far fa-clock"></span>&nbsp;\n        <span ng-bind="event.modified | date : \'dd/MM/yyyy • HH:mm\'"></span>\n      </div>\n      <div class="udb-email">\n        <span class="fa fa-user"></span>&nbsp;\n        <span ng-if="::!eventCtrl.isGodUser">\n          <span ng-bind="event.creator"></span>\n        </span>\n        <span ng-if="::eventCtrl.isGodUser">\n          <a href="{{ eventCtrl.uitId + event.creator }}"><span ng-bind="event.creator"></span></a>\n        </span>\n      </div>\n      <div class="udb-organizer-name">\n        <span class="far fa-building"></span>&nbsp;\n        <span ng-bind="event.organizer ? event.organizer.name : \'-\'"></span>\n      </div>\n    </div>\n\n    <div ng-if="resultViewer.activeSpecific.id === \'accessibility\'" class="rv-event-info-accessibility">\n      <udb-offer-accessibility-info offer="event" offer-type="offerType"></udb-offer-accessibility-info>\n    </div>\n  </div>\n\n  <div class="col-sm-12" ng-show="eventCtrl.translation">\n    <div class="udb-details row">\n\n      <button type="button" class="close" ng-click="eventCtrl.stopTranslating()">\n        <span aria-hidden="true">&times;</span><span class="sr-only">Close</span>\n      </button>\n\n      <div class="col-sm-12">\n        <div ng-switch="eventCtrl.hasActiveTranslation()">\n          <div ng-switch-when="false" class="udb-translation-info">\n            Voer een {{ eventCtrl.activeLanguage.toUpperCase()+\'_ADJECTIVE\' | translate }} vertaling in\n          </div>\n\n          <div ng-switch-default class="udb-translation-info">\n            Wijzig de {{ eventCtrl.activeLanguage.toUpperCase()+\'_ADJECTIVE\'  | translate }} vertaling\n          </div>\n        </div>\n\n        <div class="row udb-property-translation">\n          <div class="col-sm-6">\n            <div class="form-group">\n              <label>Titel</label>\n              <input type="text" class="form-control" ng-model="eventCtrl.translation.name"/>\n            </div>\n            <div ng-show="eventCtrl.hasPropertyChanged(\'name\') && eventCtrl.hasActiveTranslation()">\n              <button ng-disabled="!eventCtrl.translation.name" class="btn btn-danger" ng-click="eventCtrl.applyPropertyChanges(\'name\')">\n                Opslaan\n              </button>\n              <button class="btn btn-default" ng-click="eventCtrl.undoPropertyChanges(\'name\')">Annuleren</button>\n            </div>\n          </div>\n          <div class="col-sm-6">\n            <strong>Basis-titel</strong>\n            <div ng-bind-html="::event.name"></div>\n          </div>\n        </div>\n\n\n        <div class="row udb-property-translation">\n          <div class="col-sm-6">\n            <div class="form-group">\n              <label>Beschrijving</label>\n              <textarea class="form-control resize-vertical" rows="3" ng-model="eventCtrl.translation.description"></textarea>\n            </div>\n            <div ng-show="eventCtrl.hasPropertyChanged(\'description\') && eventCtrl.hasActiveTranslation()">\n              <button ng-disabled="!eventCtrl.translation.description" class="btn btn-danger" ng-click="eventCtrl.applyPropertyChanges(\'description\')">\n                Opslaan\n              </button>\n              <button class="btn btn-default" ng-click="eventCtrl.undoPropertyChanges(\'description\')">Annuleren</button>\n            </div>\n          </div>\n          <div class="col-sm-6">\n            <strong>Basis-beschrijving</strong>\n            <div ng-bind-html="event.description"></div>\n          </div>\n        </div>\n\n        <div ng-hide="eventCtrl.hasActiveTranslation()">\n          <button ng-disabled="!eventCtrl.translation.name" class="btn btn-danger" ng-click="eventCtrl.translate()">Opslaan</button>\n          <button class="btn btn-default" ng-click="eventCtrl.stopTranslating()">Annuleren</button>\n        </div>\n      </div>\n\n\n    </div>\n  </div>\n\n  <div class="col-sm-12" ng-show="resultViewer.isShowingProperties()">\n    <div class="udb-details row">\n      <div class="col-sm-2" ng-if="resultViewer.eventProperties.image.visible">\n        <img ng-if="event.image" ng-src="{{event.image + \'?maxwidth=150&maxheight=150\'}}" alt="{{event.name}}" class="img-responsive">\n      </div>\n      <div ng-class="resultViewer.eventProperties.image.visible ? \'col-sm-10\' : \'col-sm-12\'">\n        <div ng-if="resultViewer.eventProperties.description.visible">\n          <div ng-bind-html="event.description" class="udb-description"></div>\n        </div>\n\n        <div ng-if="resultViewer.eventProperties.labels.visible && event.labels" class="udb-labels">\n          <span ng-hide="event.labels.length">Dit evenement is nog niet gelabeld.</span>\n          <udb-label-select labels="event.labels"\n                            label-added="eventCtrl.labelAdded(label)"\n                            label-removed="eventCtrl.labelRemoved(label)"></udb-label-select>\n          <div ng-if="eventCtrl.labelResponse === \'error\'" class="alert alert-danger">\n            Het toevoegen van het label \'{{eventCtrl.addedLabel}}\' is niet gelukt.\n          </div>\n          <div ng-if="eventCtrl.labelResponse === \'success\'" class="alert alert-success">\n            Het label \'{{eventCtrl.addedLabel}}\' werd succesvol toegevoegd.\n          </div>\n          <div ng-if="eventCtrl.labelResponse === \'unlabelError\'" class="alert alert-danger">\n            <span ng-if="eventCtrl.labelsError !== \'Label not allowed\'" ng-bind="eventCtrl.labelsError"></span>\n            <span ng-if="eventCtrl.labelsError === \'Label not allowed\'" translate-once="errors.labelNotAllowed"></span>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n'),
 a.put("templates/place.directive.html",'<div class="place-content">\n  <div class="col-sm-5 rv-first-column">\n    <div class="rv-item-sidebar">\n      <div class="rv-selection-state" ng-class="{\'disabled\': resultViewer.querySelected}"\n           ng-click="resultViewer.toggleSelect(event)">\n        <span ng-class="resultViewer.isOfferSelected(event) ? \'fas fa-check-square\' : \' far fa-square\'"></span>\n      </div>\n    </div>\n\n    <div class="udb-short-info">\n      <span class="udb-category" ng-bind="event.type.label"></span>\n      <span class="udb-short-info-seperator" ng-show="event.type && event.theme"> • </span>\n      <span class="udb-theme" ng-bind="event.theme.label"></span>\n    </div>\n    <div class="udb-title">\n      <a ng-href="{{ event.url + \'/preview\' }}" ng-bind="event.name"></a>\n    </div>\n  </div>\n\n  <div class="col-sm-2">\n    <div class="udb-place-city" ng-bind="event.address.addressLocality"></div>\n  </div>\n\n  <div class="col-sm-2" ng-switch="event.calendarType">\n    <span ng-switch-when="permanent">permanent</span>\n    <span ng-switch-when="periodic" class="udb-date-range">\n      <span class="udb-start-date" ng-bind="event.startDate | date: \'dd/MM/yyyy\'"></span>\n        <i class="fa fa-long-arrow-right"></i>\n        <span class="udb-end-date" ng-bind="event.endDate | date: \'dd/MM/yyyy\'"></span>\n    </span>\n  </div>\n\n  <div class="col-sm-3 rv-specific-event-info">\n    <div class="rv-event-info-input udb-organizer"\n         ng-show="resultViewer.activeSpecific.id === \'input\'">\n      <div>\n        <span class="far fa-clock"></span>&nbsp;\n        <span ng-bind="event.modified | date : \'dd/MM/yyyy • HH:mm\'"></span>\n      </div>\n      <div class="udb-email">\n        <span class="fa fa-user"></span>&nbsp;\n        <span ng-if="::!placeCtrl.isGodUser">\n          <span ng-bind="event.creator"></span>\n        </span>\n        <span ng-if="::placeCtrl.isGodUser">\n          <a href="{{ placeCtrl.uitId + event.creator }}"><span ng-bind="event.creator"></span></a>\n        </span>\n      </div>\n      <div class="udb-organizer-name">\n        <span class="far fa-building"></span>&nbsp;\n        <span ng-bind="event.organizer ? event.organizer.name : \'-\'"></span>\n      </div>\n    </div>\n\n    <div class="rv-event-info-price"\n         ng-show="resultViewer.activeSpecific.id === \'price\'" ng-switch="event.pricing">\n      <span ng-switch-when="free">gratis</span>\n      <span ng-switch-when="payed">\n          <i class="fa fa-eur meta icon"></i><span ng-if="event.price" ng-bind="event.price | currency"></span>\n      </span>\n      <span ng-switch-when="unknown">niet ingevoerd</span>\n    </div>\n\n    <div class="rv-event-info-translation btn-toolbar"\n         ng-show="resultViewer.activeSpecific.id === \'translation\'">\n      <button type="button" ng-repeat="language in ::placeCtrl.languageSelector"\n              ng-class="{active: placeCtrl.activeLanguage === language.lang}"\n              class="btn btn-default" ng-click="placeCtrl.toggleLanguage(language.lang)">\n        <span class="fa {{placeCtrl.getLanguageTranslationIcon(language.lang)}}"></span>\n        {{language.lang}}\n      </button>\n    </div>\n\n    <div ng-if="resultViewer.activeSpecific.id === \'accessibility\'" class="rv-event-info-accessibility">\n      <udb-offer-accessibility-info offer="event" offer-type="offerType"></udb-offer-accessibility-info>\n    </div>\n  </div>\n\n  <div class="col-sm-12" ng-show="placeCtrl.translation">\n    <div class="udb-details row">\n\n      <button type="button" class="close" ng-click="placeCtrl.stopTranslating()">\n        <span aria-hidden="true">&times;</span><span class="sr-only">Close</span>\n      </button>\n\n      <div class="col-sm-12">\n        <div ng-switch="placeCtrl.hasActiveTranslation()">\n          <div ng-switch-when="false" class="udb-translation-info">\n            Voer een {{ placeCtrl.activeLanguage.toUpperCase()+\'_ADJECTIVE\' | translate }} vertaling in\n          </div>\n\n          <div ng-switch-default class="udb-translation-info">\n            Wijzig de {{ placeCtrl.activeLanguage.toUpperCase()+\'_ADJECTIVE\'  | translate }} vertaling\n          </div>\n        </div>\n\n        <div class="row udb-property-translation">\n          <div class="col-sm-6">\n            <div class="form-group">\n              <label>Titel</label>\n              <input type="text" class="form-control" ng-model="placeCtrl.translation.name"/>\n            </div>\n            <div ng-show="placeCtrl.hasPropertyChanged(\'name\') && placeCtrl.hasActiveTranslation()">\n              <button ng-disabled="!placeCtrl.translation.name" class="btn btn-danger" ng-click="placeCtrl.applyPropertyChanges(\'name\')">\n                Opslaan\n              </button>\n              <button class="btn btn-default" ng-click="placeCtrl.undoPropertyChanges(\'name\')">Annuleren</button>\n            </div>\n          </div>\n          <div class="col-sm-6">\n            <strong>Basis-titel</strong>\n            <div ng-bind-html="::event.name"></div>\n          </div>\n        </div>\n\n\n        <div class="row udb-property-translation">\n          <div class="col-sm-6">\n            <div class="form-group">\n              <label>Beschrijving</label>\n              <textarea class="form-control resize-vertical" rows="3" ng-model="placeCtrl.translation.description"></textarea>\n            </div>\n            <div ng-show="placeCtrl.hasPropertyChanged(\'description\') && placeCtrl.hasActiveTranslation()">\n              <button ng-disabled="!placeCtrl.translation.description" class="btn btn-danger" ng-click="placeCtrl.applyPropertyChanges(\'description\')">\n                Opslaan\n              </button>\n              <button class="btn btn-default" ng-click="placeCtrl.undoPropertyChanges(\'description\')">Annuleren</button>\n            </div>\n          </div>\n          <div class="col-sm-6">\n            <strong>Basis-beschrijving</strong>\n            <div ng-bind-html="event.description"></div>\n          </div>\n        </div>\n\n        <div ng-hide="placeCtrl.hasActiveTranslation()">\n          <button ng-disabled="!placeCtrl.translation.name" class="btn btn-danger" ng-click="placeCtrl.translate()">Opslaan</button>\n          <button class="btn btn-default" ng-click="placeCtrl.stopTranslating()">Annuleren</button>\n        </div>\n      </div>\n\n\n    </div>\n  </div>\n\n  <div class="col-sm-12" ng-show="resultViewer.isShowingProperties()">\n    <div class="udb-details row">\n      <div class="col-sm-2" ng-if="resultViewer.eventProperties.image.visible">\n        <img ng-if="event.image" ng-src="{{event.image + \'?maxwidth=150&maxheight=150\'}}" alt="{{event.name}}" class="img-responsive">\n      </div>\n      <div ng-class="resultViewer.eventProperties.image.visible ? \'col-sm-10\' : \'col-sm-12\'">\n        <div ng-if="resultViewer.eventProperties.description.visible">\n          <div ng-bind-html="event.description" class="udb-description"></div>\n        </div>\n\n        <div ng-if="resultViewer.eventProperties.labels.visible && event.labels" class="udb-labels">\n          <span ng-hide="event.labels.length">Deze plaats is nog niet gelabeld.</span>\n          <udb-label-select labels="event.labels"\n                            label-added="placeCtrl.labelAdded(label)"\n                            label-removed="placeCtrl.labelRemoved(label)"></udb-label-select>\n          <div ng-if="placeCtrl.labelResponse === \'error\'" class="alert alert-danger">\n            Het toevoegen van het label \'{{placeCtrl.labelsError.name}}\' is niet gelukt.\n          </div>\n          <div ng-if="placeCtrl.labelResponse === \'success\'" class="alert alert-success">\n            Het label \'{{placeCtrl.addedLabel}}\' werd succesvol toegevoegd.\n          </div>\n          <div ng-if="placeCtrl.labelResponse === \'unlabelError\'" class="alert alert-danger">\n            <span ng-if="placeCtrl.labelsError !== \'Label not allowed\'" ng-bind="placeCtrl.labelsError"></span>\n            <span ng-if="placeCtrl.labelsError === \'Label not allowed\'" translate-once="errors.labelNotAllowed"></span>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n'),a.put("templates/search-facilities-modal.html",'<div class="modal-header">\n  <h4 class="modal-title">Toegankelijkheidsinformatie</h4>\n  <a href="https://documentatie.uitdatabank.be/content/uitdatabank/latest/categorisatie/voorzieningen.html" target="_blank" rel="noopener noreferrer">Meer info</a>\n</div>\n<div class="modal-body">\n\n  <div ng-repeat="(type, facilitiesForType) in facilities">\n    <label ng-bind="::(\'facilityLabel.\' + type) | translate"></label>\n    <div class="checkbox" ng-repeat="facility in ::facilitiesForType">\n      <label>\n        <input type="checkbox" ng-model="facility.selected">\n        <span ng-bind="::facility.label"></span>\n      </label>\n    </div>\n  </div>\n\n  <div class="alert alert-danger" ng-show="error">\n    Er ging iets fout tijdens het opslaan van de voorzieningen.\n  </div>\n\n</div>\n<div class="modal-footer">\n  <button type="button" class="btn btn-default" ng-click="cancel()">Annuleren</button>\n  <button type="button" class="btn btn-primary" ng-click="saveFacilities()">\n    Bevestigen <i class="fa fa-circle-o-notch fa-spin" ng-show="saving"></i>\n  </button>\n</div>\n'),a.put("templates/search.html",'<div class="row rv-result-viewer">\n  <div class="col-sm-12 rv-search-results" ng-class="{loading: resultViewer.loading}">\n\n      <div class="rv-controls" ng-show="resultViewer.totalItems">\n          <div class="row">\n              <div class="col-xs-12">\n                  <ul class="nav nav-pills" role="tablist">\n                      <li udb-save-search ng-show="activeQuery.queryString"\n                              udb-query-string="activeQuery.queryString">\n                      </li>\n                      <li>\n                          <p class="rv-item-counter">\n                              <span ng-if="resultViewer.totalItems === 1" translate-once="search.oneResult"></span>\n                              <span ng-if="resultViewer.totalItems > 1" translate="search.multipleResults" translate-values="{count: resultViewer.totalItems}"></span>\n                          </p>\n                      </li>\n                      <li>\n                          <label for="rv-event-{{propertyKey}}" class="rv-control-toggle"\n                                 ng-class="{active: resultViewer.eventProperties[propertyKey].visible}"\n                                 ng-repeat="propertyKey in [\'description\', \'labels\', \'image\']">\n                              <input type="checkbox" id="rv-event-{{propertyKey}}"\n                                     ng-model="resultViewer.eventProperties[propertyKey].visible"/>\n                              <span ng-bind="resultViewer.eventProperties[propertyKey].name"></span>\n                          </label>\n                      </li>\n                  </ul>\n              </div>\n          </div>\n      </div>\n\n    <p class="rv-no-result-notice" ng-show="!resultViewer.loading && resultViewer.totalItems === 0" ng-cloak translate-once="search.noEventsFound">\n        Geen evenementen gevonden, probeer een andere zoekopdracht.\n    </p>\n\n    <div ng-show="resultViewer.totalItems">\n        <div class="rv-item-info">\n\n            <div class="row" ng-hide="resultViewer.selectedOffers.length">\n                <div class="col-sm-5 rv-first-column" translate-once="search.what">Wat</div>\n                <div class="col-sm-2" translate-once="search.where">Waar</div>\n                <div class="col-sm-2" translate-once="search.when">Wanneer</div>\n                <div class="col-sm-3">\n                    <div role="presentation" class="dropdown">\n                        <span class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">\n                            <span class="selectedField" ng-bind="resultViewer.activeSpecific.name"></span> <span class="caret"></span>\n                        </span>\n                        <ul class="dropdown-menu" role="menu" aria-labelledby="rv-event-specific">\n                            <li role="presentation" ng-repeat="specific in resultViewer.eventSpecifics">\n                                <a role="menuitem" tabindex="-1" href="#" ng-bind="specific.name"\n                                   ng-click="resultViewer.activateSpecific(specific)"></a>\n                            </li>\n                        </ul>\n                    </div>\n                </div>\n            </div>\n\n            <div class="row" ng-show="resultViewer.selectedOffers.length">\n                <div class="col-sm-12 rv-first-column">\n                    <ng-pluralize count="resultViewer.querySelected ? resultViewer.totalItems : resultViewer.selectedOffers.length"\n                                  when="{\'1\': \'1 item geselecteerd\',\n                                         \'other\': \'{} items geselecteerd\'}">\n                    </ng-pluralize>\n\n                    <button class="btn btn-default rv-action" ng-click="label()">\n                        <i class="fa fa-tag"></i> <span translate-once="search.label"></span>\n                    </button>\n                    <button class="btn btn-default rv-action" ng-click="addLanguageIcons()" ng-if="language === \'nl\'">\n                      <i class="fa fa-comment-alt"></i> <span translate-once="search.languageIcons"></span>\n                    </button>\n                    <button class="btn btn-default rv-action" ng-click="exportEvents()">\n                        <i class="fa fa-cloud-download"></i> <span translate-once="search.exportButton"></span>\n                    </button>\n                    <a href="#" class="alert-link rv-action" ng-click="resultViewer.deselectAll()"><span translate-once="search.deselect"></span></a>\n                </div>\n            </div>\n\n            <div class="rv-item-sidebar">\n                <div class="rv-selection-state">\n                    <span class="dropdown" uib-dropdown ng-hide="resultViewer.selectedOffers.length">\n                      <span class="dropdown-toggle {{resultViewer.selectionState.icon}}" uib-dropdown-toggle>\n                      </span>\n                      <ul class="dropdown-menu">\n                          <li role="presentation" class="dropdown-header">Selecteer</li>\n                          <li ng-click="resultViewer.toggleSelection()">\n                              <a href>Alles op deze pagina <ng-pluralize count="resultViewer.events.length" when="{\'0\': \'(0 items)\',\'one\': \'(1 item)\',\'other\': \'({} items)\'}"></ng-pluralize></a>\n                          </li>\n                          <li ng-click="resultViewer.selectQuery()">\n                              <a href>Alle resultaten <ng-pluralize count="resultViewer.totalItems" when="{\'0\': \'(0 items)\',\'one\': \'(1 item)\',\'other\': \'({} items)\'}"></ng-pluralize></a>\n                          </li>\n                      </ul>\n                    </span>\n\n                    <span ng-show="resultViewer.selectedOffers.length" ng-click="resultViewer.toggleSelection()"\n                          class=" fa {{resultViewer.selectionState.icon}}"></span>\n                </div>\n            </div>\n        </div>\n\n        <div ng-repeat="event in resultViewer.events">\n            <udb-event class="row rv-item" ng-hide="eventCtrl.fetching" ng-if="event[\'@type\'] == \'Event\'"\n                       ng-class="{selected: resultViewer.isOfferSelected(event)}">\n            </udb-event>\n\n            <udb-place class="row rv-item" ng-hide="placeCtrl.fetching" ng-if="event[\'@type\'] == \'Place\'"\n                       ng-class="{selected: resultViewer.isOfferSelected(event)}">\n            </udb-place>\n        </div>\n\n\n      <uib-pagination total-items="resultViewer.totalItems" ng-model="currentPage" items-per-page="resultViewer.pageSize"\n                  ng-show="resultViewer.totalItems > 0" max-size="10" ng-change="pageChanged()"></uib-pagination>\n\n    <div class="col-sm-12" ng-show="realQuery">\n        <span class="help-block">\n          uitgevoerde query: <strong>{{realQuery}}</strong>\n        </span>\n    </div>\n    </div>\n  </div>\n    <div class="rv-loading-overlay" ng-show="resultViewer.loading">\n        <i class="fa fa-circle-o-notch fa-spin"></i> <span translate-once="search.search">Zoeken</span>…\n    </div>\n</div>\n'),a.put("templates/card-systems.html",'<div class="form-group">\n    <div class="card-system">\n        <label translate="uitpas.cardSystems.card_systems"></label>\n        <span ng-hide="cardSystemSelector.uitpasUnavailableType || (cardSystemSelector.availableCardSystems !== undefined)">\n            <i class="fa fa-circle-o-notch fa-spin"></i> Loading...\n        </span>\n        <span ng-show="cardSystemSelector.persistingCardSystems">\n            <i class="fa fa-circle-o-notch fa-spin"></i> Saving...\n        </span>\n\n        <div class="card-systems" ng-if="::cardSystemSelector.availableCardSystems">\n            <div class="uitpas-card-system row" ng-repeat="cardSystem in cardSystemSelector.availableCardSystems">\n                <div class="col-sm-6">\n                    <div class="checkbox">\n                        <label>\n                            <input type="checkbox"\n                                   ng-disabled="cardSystemSelector.persistingCardSystems"\n                                   ng-model="cardSystem.active"\n                                   ng-change="cardSystemSelector.activeCardSystemsChanged(cardSystem)">\n                                <span ng-bind="::cardSystem.name"></span>\n                        </label>\n                    </div>\n                </div>\n\n\n                <div class="col-sm-6" ng-if="cardSystem.distributionKeys.length">\n                    <select ng-model="cardSystem.assignedDistributionKey"\n                            ng-disabled="cardSystemSelector.persistingCardSystems || !cardSystem.active"\n                            ng-options="key as key.name for key in cardSystem.distributionKeys track by key.id"\n                            ng-change="cardSystemSelector.distributionKeyAssigned(cardSystem)">\n                    </select>\n                </div>\n            </div>\n        </div>\n\n        <div class="alert alert-danger" role="alert" ng-show="cardSystemSelector.uitpasUnavailableType">\n            <p translate="uitpas.cardSystems.{{cardSystemSelector.uitpasUnavailableType}}"></p>\n            <button ng-if="cardSystemSelector.uitpasUnavailableType === \'not_found\'" class="btn btn-default" ng-click="cardSystemSelector.refresh()" translate="uitpas.cardSystems.retry"></button>\n        </div>\n    </div>\n</div>'),a.put("templates/uitpasInfo.html",'<div class="row extra-uitpas" ng-if="showUitpasInfo">\n    <div class="extra-task">\n        <div class="col-sm-3">\n            <em class="extra-task-label" translate-once="uitpas.uitpasInfo.uitpas"></em>\n            <span> </span>\n            <i class="fa fa-circle-o-notch fa-spin" ng-show="savingUitpas"></i>\n        </div>\n        <div class="col-sm-9">\n            <div class="alert alert-info" ng-show="!upic.showCardSystems">\n                <p translate-once="uitpas.uitpasInfo.uitpas_alert"></p>\n            </div>\n\n            <div ng-if="upic.showCardSystems">\n                <div class="alert alert-info"\n                     role="alert" translate-once="uitpas.uitpasInfo.uitpas_info">\n                </div>\n\n                <card-system-selector organisation="upic.organizer" offer-data="upic.eventFormData">\n                </card-system-selector>\n            </div>\n        </div>\n    </div>\n</div>'),a.put("templates/organisation-suggestion.directive.html",'<span class="organisation-name" ng-bind-html="os.organisation.name | uibTypeaheadHighlight:os.query"></span>\n<small ng-if="os.organisation.isUitpas" class="label label-default uitpas-tag">UiTPAS</small>'),a.put("templates/organisation-uitpas-typeahead-template.html",'<a>\n    <span class="organisation-name" ng-bind-html="match.model.name | uibTypeaheadHighlight:query"></span>\n    <small ng-if="match.model.isUitpas" class="label label-default uitpas-tag">UiTPAS</small>\n</a>')}])}();
\ No newline at end of file
diff --git a/src/management/organizers/new/organization-search-new.html b/src/management/organizers/new/organization-search-new.html
index 4d9508cd..4509934f 100644
--- a/src/management/organizers/new/organization-search-new.html
+++ b/src/management/organizers/new/organization-search-new.html
@@ -35,7 +35,7 @@
                 <th class="col-md-4" style="padding-right: 30px" translate-once="search.organization.info"></th>
             </tr>
             </thead>
-            <tbody udb-organization-search-item="organization" ng-repeat="organization in $ctrl.searchResult.member">
+            <tbody udb-organization-search-item-new="organization" ng-repeat="organization in $ctrl.searchResult.member">
             </tbody>
         </table>
         <div class="panel-footer">