diff --git "a/couchdb/vodle/examples\302\247TEST_urlaub.json" "b/couchdb/vodle/examples\302\247TEST_urlaub.json"
new file mode 100644
index 000000000..78897fdee
--- /dev/null
+++ "b/couchdb/vodle/examples\302\247TEST_urlaub.json"
@@ -0,0 +1,37 @@
+{
+    "is_test": true,
+
+    "type": "winner",
+
+    "language": "de",
+
+    "title": "Gemeinsamer Urlaub des Fledermauszüchtervereins Telegrafenberg",
+
+    "desc": "Nach 30 Jahren erfolgreicher Fledermauszucht haben wir uns einen Urlaub verdient! Nur wohin soll's gehen?",
+    
+    "due_type": "custom",
+
+    "options": [
+        {
+            "name": "Südsee-Kreuzfahrt",
+            "desc": "Ganz entspannt verwöhnen lassen und was zu sehen bekommen",
+            "ratings": [100,100,100,100,100, 100,100,100,100,100, 0,0,0,0,0, 0,0,0,0,0]
+        },
+        {
+            "name": "Skiwoche in St. Moritz",
+            "desc": "Jede Menge Action",
+            "ratings": [0,0,0,0,0, 0,0,0,0,0, 100,100,100,100,100, 100,100,100,100,100]
+        },
+        {
+            "name": "Höhlenklettern bei Budapest",
+            "desc": "Dort gibt es auch Fledermäuse",
+            "ratings": [0,0,19,24,22, 53,60,67,74,71, 34,34,44,46,54, 84,88,94,0,0]
+        },
+        {
+            "name": "Segeltörn von Kiel nach Stockholm",
+            "desc": "auf einer klassischen Yacht",
+            "ratings": [72,73,81,84,93, 22,25,31,36,43, 0,4,8,13,19, 43,51,54,63,62]
+        }
+    ]
+
+}
diff --git a/docs/9701.4c52363c13f73908.js.map b/docs/9701.4c52363c13f73908.js.map
index 99d46d519..31dbdf0a2 100644
--- a/docs/9701.4c52363c13f73908.js.map
+++ b/docs/9701.4c52363c13f73908.js.map
@@ -1 +1 @@
-{"version":3,"mappings":"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","names":["i0","ctx_r23","ctx_r25","oxw","ctx_r26","ctx_r32","ctx_r34","ctx_r35","ctx_r39","value","ctx_r44","ctx_r46","ctx_r47","ctx_r55","ctx_r57","ctx_r58","ctx_r78","ctx_r80","ctx_r93","ctx_r96","ctx_r98","ctx_r104","i_r67","ctx_r111","ctx_r114","ctx_r116","ctx_r119","ctx_r121","ctx_r122","ctx_r123","ctx_r125","ctx_r126","ctx_r128","ctx_r131","ctx_r132","ev","key","ctrlKey","shiftKey","metaKey","altKey","DraftpollPage","constructor","router","route","formBuilder","popover","alertCtrl","G","translate","ref","this","environment","Math","max","poll_type","type","message","poll_language","poll_title","poll_desc","poll_url","poll_due_type","poll_due_custom","option_name","option_desc","option_url","L","entry","params","subscribe","pid","pd","JSON","parse","decodeURIComponent","n_options","options","length","ngOnInit","reset","ionViewWillEnter","D","page","ionViewDidEnter","ready","onDataReady","deleted","P","polls","state","info","p","language","title","desc","url","due_type","due_custom","db","db_from_pid","db_custom_server_url","db_custom_password","stage","oid","o","Object","entries","push","name","option_stage","warn","Date","expanded","Array","advanced_expanded","formGroup","setValue","S","toISOString","show_details","i","od","add_option_inputs","get","add_option","detectChanges","ionSelects","map","select","type_select","open","MouseEvent","onSelectServerReady","select_server","selectServerFormGroup","ionViewWillLeave","is_test","generate_pid","Poll","set_due","oids","trace","generate_oid","l","Option","ratings","setp","stringify","includes","remove_option","LocalNotifications","notifications","instant","body","id","then","res","catch","err","pids","exit","ionViewDidLeave","save_state","onDataChange","set_poll_type","c","valid","set_poll_language","set_poll_title","set_poll_desc","set_poll_url","set_poll_due_type","set_poll_due_custom","update_ref_date","set_option_name","set_option_desc","set_option_url","set_db","set_db_from_pid","set_db_custom_server_url","set_db_custom_password","set_focus","input_element_id","setTimeout","next_input_element","document","getElementById","setFocus","open_due_select","open_due_custom","changed_poll_type","blur_poll_title","poll_title_onKeydown","is_forward_key","blur_poll_desc","poll_desc_onKeydown","blur_poll_url","poll_url_onKeydown","changed_due_type","changed_poll_due_custom","blur_option_name","option_name_onKeydown","next_option","blur_option_desc","option_desc_onKeydown","blur_option_url","option_url_onKeydown","n","del_poll_dialog","create","buttons","text","role","handler","console","log","del_draft","present","del_option_dialog","del_option","no_more","new_option","showkebap","event","component","DraftpollKebapPage","translucent","showBackdrop","cssClass","componentProps","parent","popoverElement","send4review","import_csv_dialog","header","click","ready_button_clicked","updateValueAndValidity","navigate","group","FormControl","Validators","urlRegex","allowed_date","bind","delete","import_csv","file","target","files","reader","FileReader","onload","content","result","row","split","cols","slice","indexOf","trim","detailstoggle","checked","readAsText","restart_with_data","spec","encodeURIComponent","addControl","j","removeControl","pop","now","control","ref_date","past","get_max_due","too_late","last","valueOf","setDate","getDate","E","max_duration_days","selectors","IonSelect","ElementRef","SelectServerComponent","IonToggle","ctx","routes","path","DraftpollPageRoutingModule","RouterModule","DraftpollPageModule","CommonModule","FormsModule","IonicModule","ReactiveFormsModule","SharedcomponentsModule","TranslateModule"],"sources":["./src/app/draftpoll/draftpoll.page.html","./src/app/draftpoll/draftpoll.page.ts","./src/app/draftpoll/draftpoll-routing.module.ts","./src/app/draftpoll/draftpoll.module.ts"],"sourcesContent":["<!--\n(C) Copyright 2015–2022 Potsdam Institute for Climate Impact Research (PIK), authors, and contributors, see AUTHORS file.\n\nThis file is part of vodle.\n\nvodle is free software: you can redistribute it and/or modify it under the \nterms of the GNU Affero General Public License as published by the Free \nSoftware Foundation, either version 3 of the License, or (at your option) \nany later version.\n\nvodle is distributed in the hope that it will be useful, but WITHOUT ANY \nWARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR \nA PARTICULAR PURPOSE. See the GNU Affero General Public License for more \ndetails.\n\nYou should have received a copy of the GNU Affero General Public License \nalong with vodle. If not, see <https://www.gnu.org/licenses/>. \n-->\n\n<ion-header>\n  <ion-toolbar style=\"padding-right:11px;\">\n    <ion-buttons slot=\"start\">\n      <ion-menu-button></ion-menu-button>\n    </ion-buttons>\n    <ion-title [innerHtml]=\"'draftpoll.-page-title'|translate\"></ion-title>\n    <ion-buttons slot=\"end\" class=\"ion-no-padding ion-no-margin\">\n      <ion-button fill=\"clear\" (click)=\"del_poll_dialog()\" class=\"ion-no-padding ion-no-margin\">\n        <ion-icon name=\"trash-outline\" slot=\"icon-only\"></ion-icon>\n      </ion-button>\n      <ion-button fill=\"clear\" (click)=\"showkebap($event)\" class=\"ion-no-padding ion-no-margin\">\n        <ion-icon ios=\"ellipsis-horizontal\" md=\"ellipsis-vertical\" slot=\"icon-only\"></ion-icon>\n      </ion-button>\n    </ion-buttons>\n  </ion-toolbar>\n</ion-header>\n\n<ion-content *ngIf=\"ready\">\n  <form [formGroup]=\"formGroup\">\n\n    <!-- A hidden input needed to enable file upload from the kebap: -->\n    <input hidden id=\"choosefile\" type=\"file\" class=\"file\" (change)=\"import_csv($event)\" />\n\n    <!-- GENERAL POLL INFORMATION: -->\n\n    <!-- Show details button: -->\n    <ion-item color=\"primary\">\n      <ion-label [innerHtml]=\"'draftpoll.general-information'|translate\"></ion-label>\n      <ion-button slot=\"end\" fill=\"clear\" (click)=\"show_details=!show_details\" class=\"ion-no-margin ion-no-padding\">\n        <span style=\"color: white\" [innerHtml]=\"'details'|translate\"></span>\n        <ion-toggle \n          name=\"detail-toggle\" #detailstoggle [checked]=\"show_details\"\n          color=\"light\" style=\"--handle-background: black; padding-right: 0; margin-right: 0;\">\n        </ion-toggle><!--not (click)=\"show_details=!show_details\" because this is caught by the surrounding button!-->\n      </ion-button>\n    </ion-item>\n\n    <!-- Poll type: -->\n    <ion-item [color]=\"stage==0?'warning':''\"><!--stage 0-->\n      <ion-label color=\"primary\" position=\"floating\">\n        <span *ngIf=\"formGroup.get('poll_type').valid\" \n            [class]=\"stage==0?'current-field':''\" \n            ><!--style=\"position:relative;top:3px;z-index:10;\" now in class=poll-type-->\n          <ion-icon class=\"poll-type\"\n            [name]=\"formGroup.get('poll_type').value=='winner'?'trophy':'cut'\"\n            style=\"color:black\">\n          </ion-icon>&nbsp;\n        </span>\n        <span [class]=\"stage==0?'current-field':''\" \n          [innerHtml]=\"'draftpoll.type-label'|translate\">\n        </span>\n      </ion-label>\n      <ion-select \n          formControlName=\"poll_type\" \n          text-wrap autofocus tabindex=\"0\" \n          #ionSelects #type_select  \n          [cancelText]=\"'cancel'|translate\" [okText]=\"'OK'|translate\" \n          (ionChange)=\"set_poll_type();changed_poll_type()\">\n        <ion-select-option text-wrap value=\"winner\" [innerHtml]=\"'draftpoll.type-winner'|translate\"></ion-select-option>\n        <ion-select-option text-wrap value=\"share\" [innerHtml]=\"'draftpoll.type-share'|translate\"></ion-select-option>\n      </ion-select>\n    </ion-item>\n    <div class=\"validation-errors\">\n      <ng-container *ngFor=\"let validation of validation_messages.poll_type\">\n        <div class=\"error-message\" \n            *ngIf=\"formGroup.get('poll_type').hasError(validation.type) \n                    && (formGroup.get('poll_type').dirty || formGroup.get('poll_type').touched)\"\n            [innerHtml]=\"validation.message|translate\">\n        </div>\n      </ng-container>\n    </div>\n\n    <!-- Poll title: -->\n    <ng-container *ngIf=\"stage>0\">\n      <ion-item [color]=\"stage==1?'warning':'light'\"><!--stage 1-->\n        <ion-label position=\"floating\" color=\"primary\">\n          <span [class]=\"stage==1?'current-field':''\" \n            [innerHtml]=\"'draftpoll.title-label'|translate\">\n          </span>\n        </ion-label>\n        <ion-input  \n          id=\"input_poll_title\"\n          formControlName=\"poll_title\" [maxlength]=\"E.max_len.title\"\n          [placeholder]=\"'draftpoll.title-placeholder'|translate\"\n          tabindex=\"0\" type=\"text\" required inputmode=\"text\"\n          style=\"font-weight: bold; font-style: italic; font-size: larger;\"\n          (ionChange)=\"set_poll_title();\" debounce=\"100\"\n          (keydown)=\"poll_title_onKeydown($event)\"\n          (ionBlur)=\"blur_poll_title()\">\n        </ion-input>      \n      </ion-item>\n      <div class=\"validation-errors\">\n        <ng-container *ngFor=\"let validation of validation_messages.poll_title\">\n          <div class=\"error-message\" \n              *ngIf=\"formGroup.get('poll_title').hasError(validation.type) \n                      && (formGroup.get('poll_title').dirty || formGroup.get('poll_title').touched)\"\n              [innerHtml]=\"validation.message|translate\">\n          </div>\n        </ng-container>\n      </div>\n    </ng-container>  \n    \n    <!-- Poll description: -->\n    <ng-container *ngIf=\"stage>1 && show_details\">\n      <ion-item [color]=\"stage==2?'warning':''\"><!--stage 2-->\n        <ion-label position=\"floating\" color=\"primary\">\n          <span [class]=\"stage==2?'current-field':''\" \n            [innerHtml]=\"'draftpoll.desc-label'|translate\">\n          </span>\n        </ion-label>\n        <!--TODO: textarea too large (mostly white) in Firefox when desc is long -->\n        <ion-textarea \n          id=\"input_poll_desc\"\n          formControlName=\"poll_desc\" [maxlength]=\"E.max_len.desc\"\n          [placeholder]=\"'draftpoll.desc-placeholder'|translate\"\n          autofocus tabindex=\"0\" rows=\"1\" auto-grow type=\"text\" inputmode=\"text\" \n          style=\"font-style: italic;\"\n          (ionChange)=\"set_poll_desc()\" debounce=\"100\"\n          (keydown)=\"poll_desc_onKeydown($event)\"\n          (ionBlur)=\"blur_poll_desc()\">\n        </ion-textarea>\n        <ion-button \n          *ngIf=\"stage==2 && [null,''].includes(formGroup.get('poll_desc').value)\" \n          tabindex=\"-1\" color=\"primary\" slot=\"end\" class=\"skip-button\" \n          [innerHtml]=\"'skip'|translate\">\n        </ion-button><!--FIXME: no functionality?-->\n      </ion-item>\n      <div class=\"validation-errors\">\n        <ng-container *ngFor=\"let validation of validation_messages.poll_desc\">\n          <div class=\"error-message\" \n              *ngIf=\"formGroup.get('poll_desc').hasError(validation.type) \n                      && (formGroup.get('poll_desc').dirty || formGroup.get('poll_desc').touched)\"\n              [innerHtml]=\"validation.message|translate\">\n          </div>\n        </ng-container>\n      </div>\n    </ng-container>    \n\n    <!-- Poll URL: -->\n    <ng-container *ngIf=\"stage>2 && show_details\">\n      <ion-item [color]=\"stage==3?'warning':''\"><!--stage 3-->\n        <ion-label position=\"floating\" color=\"primary\">\n          <span [class]=\"stage==3?'current-field':''\" \n            [innerHtml]=\"'draftpoll.url-label'|translate\">\n          </span>\n        </ion-label>\n        <ion-input \n          id=\"input_poll_url\"\n          formControlName=\"poll_url\"\n          [placeholder]=\"'draftpoll.url-placeholder'|translate\"\n          tabindex=\"0\" type=\"text\" inputmode=\"url\" [maxlength]=\"E.max_len.url\"\n          style=\"font-size:smaller;word-wrap:normal;\"\n          (ionChange)=\"set_poll_url()\" debounce=\"100\"\n          (keydown)=\"poll_url_onKeydown($event)\"\n          (ionBlur)=\"blur_poll_url()\">\n        </ion-input>\n        <ion-button \n          *ngIf=\"stage==3 && [null,''].includes(formGroup.get('poll_url').value)\" \n          tabindex=\"-1\" color=\"primary\" slot=\"end\" class=\"skip-button\"\n          [innerHtml]=\"'skip'|translate\">\n        </ion-button>\n        <ion-button \n            *ngIf=\"formGroup.get('poll_url').valid && ![null,''].includes(formGroup.get('poll_url').value)\" \n            tabindex=\"-1\" fill=\"clear\" slot=\"end\" class=\"skip-button\" \n            (click)=\"G.open_url_in_new_tab(formGroup.get('poll_url').value)\">\n          <span [innerHtml]=\"'test'|translate\"></span>&nbsp;\n          <ion-icon name=\"open-outline\"></ion-icon>\n        </ion-button>\n      </ion-item>\n      <div class=\"validation-errors\">\n        <ng-container *ngFor=\"let validation of validation_messages.poll_url\">\n          <div class=\"error-message\" \n              *ngIf=\"formGroup.get('poll_url').hasError(validation.type) \n                      && (formGroup.get('poll_url').dirty || formGroup.get('poll_url').touched)\"\n              [innerHtml]=\"validation.message|translate\">\n          </div>\n        </ng-container>\n      </div>\n    </ng-container>    \n\n    <!-- Due type: -->\n    <ng-container *ngIf=\"stage>3\">\n      <ion-item [color]=\"stage==4?'warning':''\"><!--stage 4-->\n        <ion-label color=\"primary\" position=\"floating\">\n          <span [class]=\"stage==4?'current-field':''\" \n            [innerHtml]=\"'draftpoll.due-type-label'|translate\">\n          </span>\n        </ion-label>\n        <ion-select\n            id=\"due_select\" #due_select\n            formControlName=\"poll_due_type\" \n            [cancelText]=\"'cancel'|translate\" [okText]=\"'OK'|translate\" \n            #ionSelects tabindex=\"0\" required \n            (ionChange)=\"set_poll_due_type();changed_due_type()\">\n          <ion-select-option value=\"custom\" [innerHtml]=\"'draftpoll.due-type-custom'|translate\"></ion-select-option>\n          <ion-select-option value=\"10min\" [innerHtml]=\"'draftpoll.due-type-10min'|translate\"></ion-select-option>\n          <ion-select-option value=\"hour\" [innerHtml]=\"'draftpoll.due-type-hour'|translate\"></ion-select-option>\n          <ion-select-option value=\"24hr\" [innerHtml]=\"'draftpoll.due-type-24hr'|translate\"></ion-select-option>\n          <ion-select-option value=\"midnight\" [innerHtml]=\"'draftpoll.due-type-midnight'|translate\"></ion-select-option>\n          <ion-select-option value=\"tomorrow-noon\" [innerHtml]=\"'draftpoll.due-type-tomorrow-noon'|translate\"></ion-select-option>\n          <ion-select-option value=\"tomorrow-night\" [innerHtml]=\"'draftpoll.due-type-tomorrow-night'|translate\"></ion-select-option>\n          <ion-select-option value=\"friday-noon\" [innerHtml]=\"'draftpoll.due-type-friday-noon'|translate\"></ion-select-option>\n          <ion-select-option value=\"sunday-night\" [innerHtml]=\"'draftpoll.due-type-sunday-night'|translate\"></ion-select-option>\n          <ion-select-option value=\"week\" [innerHtml]=\"'draftpoll.due-type-week'|translate\"></ion-select-option>\n          <ion-select-option value=\"two-weeks\" [innerHtml]=\"'draftpoll.due-type-two-weeks'|translate\"></ion-select-option>\n          <ion-select-option value=\"four-weeks\" [innerHtml]=\"'draftpoll.due-type-four-weeks'|translate\"></ion-select-option>\n        </ion-select>\n      </ion-item>\n\n      <!-- Custom due date: -->\n      <ng-container *ngIf=\"formGroup.get('poll_due_type').value=='custom'\">\n        <ion-item [color]=\"stage==5?'warning':''\"><!--stage 5-->\n          <ion-label position=\"floating\" color=\"primary\">\n            <span [class]=\"stage==5?'current-field':''\" \n              [innerHtml]=\"'draftpoll.due-datetime-label'|translate\">\n            </span>\n          </ion-label>\n          <!--TODO: maybe use https://github.com/VitaliiBlagodir/cordova-plugin-datepicker instead-->\n          <ion-datetime \n            id=\"poll_due_custom\"\n            formControlName=\"poll_due_custom\" \n            tabindex=\"0\"\n            pickerFormat=\"DD MMM YY HH mm\"\n            displayFormat=\"DDDD, DD MMMM YYYY, HH:mm\" \n            [min]=\"G.P.ref_date.toISOString()\"\n            [max]=\"get_max_due().toISOString()\"\n            (ionClick)=\"G.P.update_ref_date();\"\n            (ionChange)=\"set_poll_due_custom();changed_poll_due_custom()\"\n            [dayNames]=\"'daynames-sunday-to-saturday'|translate\"\n            [monthNames]=\"'monthnames'|translate\"\n            [cancelText]=\"'cancel'|translate\"\n            [doneText]=\"'OK'|translate\">\n          </ion-datetime>\n        </ion-item>\n        <div class=\"validation-errors\">\n          <ng-container *ngFor=\"let validation of validation_messages.poll_due_custom\">\n            <div class=\"error-message\" \n                *ngIf=\"(!formGroup.get('poll_due_custom').valid) \n                        && (formGroup.get('poll_due_custom').dirty || formGroup.get('poll_due_custom').touched)\"\n                [innerHtml]=\"validation.message|translate\">\n            </div>\n          </ng-container>\n        </div>\n      </ng-container>\n    </ng-container>    \n\n    <!-- ADVANCED SETTINGS: -->\n\n    <ion-item *ngIf=\"stage>5\" [color]=\"advanced_expanded?'light':''\" (click)=\"advanced_expanded=!advanced_expanded\">\n      <ion-icon \n        [name]=\"advanced_expanded?'caret-down-outline':'caret-forward-outline'\" \n        size=\"small\" color=\"primary\">\n      </ion-icon>\n      <ion-label>\n        <small [innerHtml]=\"'&nbsp;&nbsp;&nbsp'+('draftpoll.advanced-settings'|translate)\"></small>\n      </ion-label>\n    </ion-item>\n\n    <!-- Language: -->\n    <ion-item [style.display]=\"(stage>5) && advanced_expanded?'block':'none'\">\n      <ion-label position=\"floating\" color=\"primary\">\n        <ion-icon name=\"language-outline\"></ion-icon>&nbsp;\n        <span [innerHtml]=\"'draftpoll.language'|translate\"></span>\n      </ion-label>\n      <ion-select #ionSelects formControlName=\"poll_language\" (ionChange)=\"set_poll_language()\"\n        [cancelText]=\"'cancel'|translate\" [okText]=\"'OK'|translate\" \n        style=\"font-size: smaller\">\n        <ion-select-option *ngFor=\"let lang of translate.langs\" [value]=\"lang\" [innerHtml]=\"G.S.language_names[lang]\"></ion-select-option>\n      </ion-select>\n    </ion-item>\n\n    <!-- Server: -->\n    <app-select-server #select_server\n      *ngIf=\"E.data_service.allow_other_servers\" \n      [page_object]=\"this\" [page]=\"'draftpoll'\"\n      [style.display]=\"(stage>5) && advanced_expanded?'block':'none'\">\n    </app-select-server><!--stage 7-->\n  \n    <!-- OPTIONS: -->\n\n    <ng-container *ngIf=\"stage>5\"><!--stage 6-->\n      <ion-item color=\"primary\">\n        <ion-label [innerHtml]=\"(formGroup.get('poll_type').value=='winner' ? 'options' : 'possible-targets')|translate\"></ion-label>\n      </ion-item>\n\n      <!-- LOOP OVER OPTIONS: -->\n\n      <div *ngFor=\"let item of [].constructor(n_options); let i = index\">\n\n        <!-- Option name: -->\n        <ion-item [color]=\"(i == n_options-1 && option_stage==0)?'warning':'light'\"><!--option_stage 0-->\n          <ion-button tabindex=\"-1\" \n              *ngIf=\"show_details\" \n              fill=\"clear\" slot=\"start\" class=\"field-expander\"\n              (click)=\"expanded[i]=!expanded[i]\">\n            <ion-icon [name]=\"expanded[i]?'caret-down-outline':'caret-forward-outline'\" slot=\"icon-only\"></ion-icon>\n          </ion-button>\n          <ion-label position=\"floating\" color=\"primary\">\n            <span [class]=\"option_stage==0?'current-field':''\"\n              [innerHtml]=\"\n                (formGroup.get('poll_type').value=='winner' \n                ? 'draftpoll.option-name-label' \n                : 'draftpoll.target-name-label') | translate\">\n            </span>\n          </ion-label>\n          <ion-input \n            [id]=\"'input_option_name'+i\"\n            [formControlName]=\"'option_name'+i\" \n            [placeholder]=\"(formGroup.get('poll_type').value == 'winner' \n                            ? 'draftpoll.option-name-placeholder' \n                            : 'draftpoll.target-name-placeholder') | translate\"\n            type=\"text\" required tabindex=\"0\" [maxlength]=\"E.max_len.name\"\n            style=\"font-weight: bold; font-style: italic;\"\n            (ionChange)=\"set_option_name(i)\" debounce=\"100\"\n            (keydown)=\"option_name_onKeydown($event, i, show_details)\"\n            (ionBlur)=\"blur_option_name(i)\">\n          </ion-input>      \n          <ion-button \n            *ngIf=\"i == n_options-1 && i > 1 && (formGroup.get('option_name'+i).value||'')==''\" \n            [innerHtml]=\"'draftpoll.no-more-button'|translate\"\n            color=\"primary\" slot=\"end\" class=\"skip-button\" tabindex=\"0\" \n            (click)=\"no_more()\">\n          </ion-button>\n          <ion-button \n              *ngIf=\"n_options>1 && !(i == n_options-1 && i > 1 && (formGroup.get('option_name'+i).value||'')=='')\" \n              fill=\"clear\" color=\"primary\" slot=\"end\" class=\"skip-button\" tabindex=\"-1\" \n              (click)=\"del_option_dialog(i)\">\n            <ion-icon slot=\"icon-only\" name=\"trash-outline\"></ion-icon>\n          </ion-button>\n        </ion-item>\n        <div class=\"validation-errors\">\n          <ng-container *ngFor=\"let validation of validation_messages.option_name\">\n            <div class=\"error-message\" \n                *ngIf=\"formGroup.get('option_name'+i).hasError(validation.type) \n                        && (formGroup.get('option_name'+i).dirty || formGroup.get('option_name'+i).touched)\"\n                [innerHtml]=\"validation.message|translate\">\n            </div>\n          </ng-container>\n        </div>\n\n        <!-- Option description: -->\n        <ng-container *ngIf=\"option_stage>0 && expanded[i]\">\n          <ion-item [color]=\"i == n_options-1 && option_stage==1?'warning':''\"><!--option_stage 1-->\n            <ion-label position=\"floating\" color=\"primary\">\n              <span [class]=\"option_stage==1?'current-field':''\" \n                [innerHtml]=\"'draftpoll.option-desc-label'|translate\">\n              </span>\n            </ion-label>\n            <ion-textarea \n              [id]=\"'input_option_desc'+i\"\n              [formControlName]=\"'option_desc'+i\" tabindex=\"0\" \n              [placeholder]=\"'draftpoll.option-desc-placeholder'|translate:{name:formGroup.get('option_name'+i).value}\"\n              rows=\"1\" auto-grow type=\"text\" [maxlength]=\"E.max_len.desc\"\n              style=\"font-style: italic;\"\n              (ionChange)=\"set_option_desc(i)\" debounce=\"100\"\n              (keydown)=\"option_desc_onKeydown($event, i)\"\n              (ionBlur)=\"blur_option_desc(i)\">\n            </ion-textarea>\n            <ion-button \n              *ngIf=\"option_stage==1 && i == n_options-1 && [null,''].includes(formGroup.get('option_desc'+i).value)\" \n              color=\"primary\" slot=\"end\" class=\"skip-button\" tabindex=\"-1\" \n              [innerHtml]=\"'skip'|translate\">\n            </ion-button>\n          </ion-item>\n          <div class=\"validation-errors\">\n            <ng-container *ngFor=\"let validation of validation_messages.option_desc\">\n              <div class=\"error-message\" \n                  *ngIf=\"formGroup.get('option_desc'+i).hasError(validation.type) \n                          && (formGroup.get('option_desc'+i).dirty || formGroup.get('option_desc'+i).touched)\"\n                [innerHtml]=\"validation.message|translate\">\n              </div>\n            </ng-container>\n          </div>\n        </ng-container>  \n\n        <!-- Option URL: -->\n        <ng-container *ngIf=\"option_stage>1 && expanded[i]\">\n          <ion-item [color]=\"i == n_options-1 && option_stage==2?'warning':''\"><!--option_stage 2-->\n            <ion-label position=\"floating\" color=\"primary\">\n              <span [class]=\"option_stage==2?'current-field':''\" \n                [innerHtml]=\"'draftpoll.option-url-label'|translate\">\n              </span>\n            </ion-label>\n            <ion-input \n              [id]=\"'input_option_url'+i\"\n              [formControlName]=\"'option_url'+i\" \n              [placeholder]=\"'draftpoll.option-url-placeholder'|translate:{name:formGroup.get('option_name'+i).value}\"\n              type=\"text\" inputmode=\"url\" tabindex=\"0\" [maxlength]=\"E.max_len.url\"\n              style=\"font-size: smaller;\"\n              (ionChange)=\"set_option_url(i)\" debounce=\"100\"\n              (keydown)=\"option_url_onKeydown($event, i)\"\n              (ionBlur)=\"blur_option_url(i)\">\n            </ion-input>\n            <ion-button \n              *ngIf=\"option_stage==2 && i == n_options-1 && [null,''].includes(formGroup.get('option_url'+i).value)\" \n              [innerHtml]=\"'skip'|translate\" tabindex=\"-1\" \n              color=\"primary\" slot=\"end\" class=\"skip-button\">\n            </ion-button>\n            <ion-button \n                *ngIf=\"formGroup.get('option_url'+i).valid && ![null,''].includes(formGroup.get('option_url'+i).value)\" \n                fill=\"clear\" slot=\"end\" class=\"skip-button\" tabindex=\"-1\" \n                (click)=\"G.open_url_in_new_tab(formGroup.get('option_url'+i).value)\">\n              <span [innerHtml]=\"'test'|translate\"></span>&nbsp;\n              <ion-icon name=\"open-outline\"></ion-icon>\n            </ion-button>\n          </ion-item>\n          <div class=\"validation-errors\">\n            <ng-container *ngFor=\"let validation of validation_messages.option_url\">\n              <div class=\"error-message\" \n                  *ngIf=\"formGroup.get('option_url'+i).hasError(validation.type) \n                          && (formGroup.get('option_url'+i).dirty || formGroup.get('option_url'+i).touched)\"\n                [innerHtml]=\"validation.message|translate\">\n              </div>\n            </ng-container>\n          </div>\n        </ng-container>    \n      </div>\n\n      <!-- (END OF LOOP OVER OPTIONS) -->\n\n      <!-- Add option button: -->\n      <ion-item lines=\"none\" *ngIf=\"option_stage==10 && formGroup.get('option_url'+(n_options-1)).valid\"\n          class=\"ion-no-padding\" style=\"padding-left: 5px; padding-top: 5px;\">\n        <ion-fab-button size=\"small\" (click)=\"new_option()\" fill=\"clear\" color=\"primary\">\n          <ion-icon name=\"add\"></ion-icon>\n        </ion-fab-button>\n        <ion-button tabindex=\"-1\" \n          [innerHtml]=\"(formGroup.get('poll_type').value=='winner' ? 'add-option' : 'add-target')|translate\"\n          class=\"ion-no-padding ion-no-margin\" fill=\"clear\" (click)=\"new_option()\"> \n        </ion-button>\n      </ion-item>\n      <ion-item lines=\"none\">\n        <small [innerHtml]=\"\n          (formGroup.get('poll_type').value == 'winner' \n          ? 'draftpoll.please-list-options-explanation' \n          : 'draftpoll.please-list-targets-explanation') | translate\">\n        </small>\n      </ion-item>\n    </ng-container>\n\n    <!-- FOOTER: -->\n\n    <ion-item \n        *ngIf=\"formGroup.get('poll_title').valid\" \n        lines=\"none\" class=\"ion-text-end\" text-wrap>\n      <ion-label style=\"line-height:1.0;\">\n        <small [innerHtml]=\"'('+('draftpoll.draft-saved'|translate)+')'\"></small>\n      </ion-label>\n      <ion-button size=\"large\" color=\"primary\" slot=\"end\" [disabled]=\"n_options<2 || !formGroup.valid\" \n          shape=\"round\" tabindex=\"0\" \n          (click)=\"ready_button_clicked()\">\n        <ion-icon name=\"checkmark\"></ion-icon>&nbsp;\n        <span [innerHtml]=\"'ready'|translate\"></span>\n      </ion-button>\n    </ion-item>\n\n  </form>\n</ion-content>\n","/*\n(C) Copyright 2015–2022 Potsdam Institute for Climate Impact Research (PIK), authors, and contributors, see AUTHORS file.\n\nThis file is part of vodle.\n\nvodle is free software: you can redistribute it and/or modify it under the \nterms of the GNU Affero General Public License as published by the Free \nSoftware Foundation, either version 3 of the License, or (at your option) \nany later version.\n\nvodle is distributed in the hope that it will be useful, but WITHOUT ANY \nWARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR \nA PARTICULAR PURPOSE. See the GNU Affero General Public License for more \ndetails.\n\nYou should have received a copy of the GNU Affero General Public License \nalong with vodle. If not, see <https://www.gnu.org/licenses/>. \n*/\n\n/*\nTODO:\n- fix next field not showing in android app\n- fix wrong option_stage when returning, make \"skip\" button work properly\n- make tab key autofocus work properly\n*/\n\nimport { Component, OnInit, ViewChild, ViewChildren, ElementRef, QueryList, ChangeDetectorRef } from '@angular/core';\nimport { Validators, FormBuilder, FormGroup, FormControl, ValidationErrors, AbstractControl } from '@angular/forms';\nimport { Router, ActivatedRoute } from \"@angular/router\";\nimport { TranslateService } from '@ngx-translate/core';\n\nimport { PopoverController, IonSelect, IonToggle, AlertController, IonInput, IonDatetime } from '@ionic/angular';\nimport { LocalNotifications } from '@capacitor/local-notifications';\n\nimport { DraftpollKebapPage } from '../draftpoll-kebap/draftpoll-kebap.module';  \n\nimport { GlobalService } from \"../global.service\";\nimport { Poll, Option } from \"../poll.service\";\nimport { SelectServerComponent } from '../sharedcomponents/select-server/select-server.component';\nimport { environment } from 'src/environments/environment';\n\ntype option_data_t = { oid?, name?, desc?, url?, ratings? };\n\nfunction is_forward_key(ev: KeyboardEvent) {\n  return (ev.key == \"Tab\" || ev.key == \"Enter\") && !ev.ctrlKey && !ev.shiftKey && !ev.metaKey && !ev.altKey;\n}\n\n@Component({\n  selector: 'app-draftpoll',\n  templateUrl: './draftpoll.page.html',\n  styleUrls: ['./draftpoll.page.scss'],\n})\nexport class DraftpollPage implements OnInit {\n\n  E = environment;\n  \n  // page template elements:\n  \n  @ViewChild(IonSelect, { static: false, read: ElementRef }) type_select_ref: ElementRef;\n  @ViewChild(IonSelect, { static: false }) type_select: IonSelect;\n  @ViewChild(IonSelect, { static: false }) due_select: IonSelect;\n  @ViewChild(SelectServerComponent, { static: false }) select_server: SelectServerComponent;\n  @ViewChild(IonToggle, { static: false }) detailstoggle: IonToggle;\n  @ViewChildren(IonSelect) ionSelects: QueryList<IonSelect>;\n\n  // form:\n\n  formGroup: FormGroup;\n  stage: number\n  option_stage: number;\n  expanded: Array<boolean>;\n  advanced_expanded: boolean;\n  deleted: boolean;\n\n  // draft poll data:\n\n  pd: { \n    pid?,\n    is_test?,\n    type?, language?, \n    title?, desc?, url?, \n    due_type?, due_custom?, \n    db?, db_from_pid?, db_custom_server_url?, db_custom_password?,\n    options?: option_data_t[] \n  };\n  get n_options() { return (this.pd.options||[]).length; }\n\n  // objects:\n\n  pid: string;\n\n  // other:\n\n  max = Math.max; // function used frequently in template\n\n  // LIFECYCLE:\n\n  show_details = false;\n  ready = false;  \n\n  constructor(\n    private router: Router,\n    private route: ActivatedRoute,\n    public formBuilder: FormBuilder, \n    private popover: PopoverController,\n    public alertCtrl: AlertController,\n    public G: GlobalService,\n    public translate: TranslateService,\n    private ref: ChangeDetectorRef\n  ) { \n    this.G.L.entry(\"DraftpollPage.constructor\");\n    this.route.params.subscribe( params => { \n      this.pid = params['pid'];\n      this.pd = JSON.parse(decodeURIComponent(params['pd']||\"{}\"));\n    } );\n  }\n  \n  ngOnInit() {\n    this.G.L.entry(\"DraftpollPage.ngOnInit\");\n    this.reset();\n  }\n\n  ionViewWillEnter() {\n    this.G.L.entry(\"DraftpollPage.ionViewWillEnter\");\n    this.G.D.page = this;\n    this.reset();\n  }\n\n  ionViewDidEnter() {\n    this.G.L.entry(\"DraftpollPage.ionViewDidEnter\");\n    if (this.G.D.ready && !this.ready) this.onDataReady();\n  }\n\n  onDataReady() {\n    this.G.L.entry(\"DraftpollPage.onDataReady\");\n    this.deleted = false;\n    if (!this.pid) {\n      this.stage = 0;\n      if (!this.pd) {\n        this.G.L.info(\"DraftpollPage editing new draft\");\n        this.pd = { db:'default' };\n      } else {\n        this.G.L.info(\"DraftpollPage editing draft with data\", this.pd);\n        this.pd.due_custom = (this.pd.due_custom||'')!=''?(new Date(this.pd.due_custom)):null;\n        this.pd.db = this.pd.db||'default';\n      }\n    } else if (this.pid in this.G.P.polls) {\n      if (this.G.P.polls[this.pid].state == 'draft') {\n        this.G.L.info(\"DraftpollPage editing existing draft\", this.pid);\n        // read data:\n        let p = this.G.P.polls[this.pid];\n        this.pd = { \n          pid:p.pid,\n          type:p.type, language:p.language,\n          title:p.title, desc:p.desc, url:p.url, \n          due_type:p.due_type, due_custom:p.due_custom, \n          db:p.db, db_from_pid:p.db_from_pid, db_custom_server_url:p.db_custom_server_url, db_custom_password:p.db_custom_password,\n          options: [] \n        };\n        this.stage = !(!!p.due_custom)?6:p.due_type?6:p.url!=''?4:p.desc!=''?3:p.title!=''?4:p.type?1:0;\n        for (let [oid, o] of Object.entries(p.options)) {\n          this.pd.options.push({ oid:oid, name:o.name, desc:o.desc, url:o.url });\n          this.stage = 6;\n          this.option_stage = 10;\n        }\n      } else {\n        this.G.L.warn(\"DraftpollPage non-draft pid ignored, generating new draft\");\n      }\n    } else {\n      this.G.L.warn(\"DraftpollPage unknown pid ignored, generating new draft\");\n    }\n    this.expanded = Array<boolean>(this.n_options);\n    this.advanced_expanded = false;\n    // fill form:\n    if (this.pd) {\n      this.formGroup.setValue({ \n        poll_type: this.pd.type||'',\n        poll_language: (this.pd.language||'')!=''?this.pd.language:this.G.S.language,\n        poll_title: this.pd.title||'', \n        poll_desc: this.pd.desc||'',\n        poll_url: this.pd.url||'', \n        poll_due_type: this.pd.due_type||'', \n        poll_due_custom: (!this.pd.due_custom)?'':this.pd.due_custom.toISOString(),\n      });\n      if (this.pd.language||this.pd.db_from_pid||this.pd.db_custom_server_url) {\n        this.advanced_expanded = true;\n      }\n      if (this.pd.desc||this.pd.url) {\n        this.show_details = true;\n      }\n      if (!this.pd.options) {\n        this.pd.options = [];\n      }\n      for (let [i, od] of this.pd.options.entries()) {\n        this.add_option_inputs(i);\n        this.formGroup.get('option_name'+i).setValue(od.name); \n        this.formGroup.get('option_desc'+i).setValue(od.desc); \n        this.formGroup.get('option_url'+i).setValue(od.url); \n        this.stage = 6;\n        this.option_stage = 10;\n        if (od.desc||od.url) {\n          this.show_details = true;\n        }\n      }\n    }\n    if (this.n_options==0) {\n      this.add_option({});\n      this.option_stage = 0;\n    }\n    // show the page:\n    this.ready = true;\n    // find select-server component and register us with it:\n    this.ref.detectChanges();\n    // make sure select-element values are translated properly:\n    this.ionSelects.map((select) => select.value = select.value);\n    // open the type selector?:\n    if (!this.formGroup.get('poll_type').value) {\n      this.type_select.open(new MouseEvent(\"click\"));\n    }\n  }\n\n  onSelectServerReady(select_server:SelectServerComponent) {\n    // called by SelectServerComponent is ready\n    this.select_server = select_server;\n    if (this.pd) {\n      this.select_server.selectServerFormGroup.setValue({\n        db: this.pd.db||'',\n        db_from_pid: this.pd.db_from_pid||'',\n        db_custom_server_url: this.pd.db_custom_server_url||'',\n        db_custom_password: this.pd.db_custom_password||'',\n      });\n    }\n  }\n\n  ionViewWillLeave() {\n    this.G.L.entry(\"DraftpollPage.ionViewWillLeave\");\n    // TODO: close/dismiss this.type_select, which is a popover\n    if ((this.pd.title||'')=='') {\n      this.G.L.info(\"DraftpollPage.ionViewWillLeave not saving empty title draft\");\n      // TODO: notify of deleted draft\n    } else if (!this.deleted) {\n      this.G.L.info(\"DraftpollPage.ionViewWillLeave saving draft\");\n      var p;\n      if (!this.pid) {\n        this.pid = (this.pd.is_test == true ? 'TEST_' : '') + this.G.P.generate_pid();\n      }\n      if (!(this.pid in this.G.P.polls)) {\n        // generate new poll object:\n        p = new Poll(this.G, this.pid);\n      } else {\n        p = this.G.P.polls[this.pid];\n      }\n      p.state = 'draft';\n      if (this.pd.is_test == true) {\n        p.is_test = true;\n      }\n      p.type = this.pd.type;\n      p.language = this.pd.language;\n      p.title = this.pd.title;\n      p.desc = this.pd.desc;\n      p.url = this.pd.url;\n      p.due_type = this.pd.due_type;\n      p.due_custom = this.pd.due_custom;\n      p.set_due();\n      p.db = this.pd.db;\n      p.db_from_pid = this.pd.db_from_pid;\n      p.db_custom_server_url = this.pd.db_custom_server_url;\n      p.db_custom_password = this.pd.db_custom_password;\n      let oids = [];\n      for (let od of this.pd.options) {\n        this.G.L.trace(\" storing option data\", od);\n        if ((od.name||'')!='') {\n          var o: Option;\n          if (!od.oid) {\n            od.oid = this.G.P.generate_oid(this.pid);\n            this.G.L.trace(\"  generated new oid\", od.oid);\n          }\n          if (!(od.oid in p.options)) {\n            // generate new options object:\n            this.G.L.trace(\"  creating new Option object\");\n            o = new Option(this.G, p, od.oid, od.name, od.desc, od.url);\n          } else {\n            o = p.options[od.oid];\n            this.G.L.trace(\"  reusing Option object\", o);\n            o.name = od.name;\n            o.desc = od.desc;\n            o.url = od.url;\n          }\n          oids.push(od.oid);\n          if (p.is_test && !!od.ratings) {\n            // mark poll as test poll and store ratings of simulated voters:\n            this.G.D.setp(this.pid, 'simulated_ratings.'+od.oid, JSON.stringify(od.ratings));\n          }\n        }\n      }\n      this.G.L.trace(\" oids now\", oids);\n      // remove deleted options from p:\n      for (let [oid, o] of Object.entries(p.options)) {\n        if (!oids.includes(oid)) {\n          this.G.L.trace(\" removing old option\", oid);\n          p.remove_option(oid);\n        }\n      }\n      // send local notification:\n      LocalNotifications.schedule({\n        notifications: [{\n          title: this.translate.instant(\"draftpoll.notification-saved-title\"),\n          body: p.title,\n          id: 1 // TODO: increment or leave out?\n        }]\n      })\n      .then(res => {\n        this.G.L.trace(\"DraftpollPage.ionViewWillLeave localNotifications.schedule succeeded:\", res);\n      }).catch(err => {\n        this.G.L.warn(\"DraftpollPage.ionViewWillLeave localNotifications.schedule failed:\", err);\n      });\n    }\n    this.G.L.trace(\"DraftpollPage.ionViewWillLeave D.pids:\", [...this.G.D.pids]);\n    this.G.L.exit(\"DraftpollPage.ionViewWillLeave\");\n  }\n\n  ionViewDidLeave() {\n    this.G.L.entry(\"DraftpollPage.ionViewDidLeave\");\n    this.G.D.save_state();\n    this.ready = false; // so that when returning, onDataReady will again be triggered\n    this.G.L.exit(\"DraftpollPage.ionViewDidLeave\");\n  }\n\n  // OTHER HOOKS:\n\n  // for DataService:\n\n  onDataChange() {\n    // called whenever data stored in database has changed\n    this.G.L.entry(\"DraftpollPage.onDataChange\");\n    // TODO: what?\n  }\n\n  // for form actions:\n\n  set_poll_type() {\n    let c = this.formGroup.get('poll_type');\n    if (c.valid) this.pd.type = c.value;\n  }\n\n  set_poll_language() {\n    let c = this.formGroup.get('poll_language');\n    if (c.valid) this.pd.language = c.value;\n  }\n\n  set_poll_title() {\n    let c = this.formGroup.get('poll_title');\n    if (c.valid) this.pd.title = c.value;\n  }\n\n  set_poll_desc() {\n    let c = this.formGroup.get('poll_desc');\n    if (c.valid) this.pd.desc = c.value;\n  }\n\n  set_poll_url() {\n    let c = this.formGroup.get('poll_url');\n    if (c.valid) this.pd.url = c.value;\n  }\n\n  set_poll_due_type() {\n    let c = this.formGroup.get('poll_due_type');\n    if (c.valid) this.pd.due_type = c.value;\n  }\n\n  set_poll_due_custom() {\n    this.G.P.update_ref_date();\n    let c = this.formGroup.get('poll_due_custom');\n    if (c.valid) this.pd.due_custom = new Date(c.value);\n  }\n\n  set_option_name(i: number) {\n    let c = this.formGroup.get('option_name'+i);\n    this.G.L.trace(\"set_option_name\",i,c.value);\n    if (c.valid) this.pd.options[i].name = c.value;\n    this.G.L.trace(\"set_option_name result\",this.pd.options,this.pd.options[i]);\n  }\n\n  set_option_desc(i: number) {\n    let c = this.formGroup.get('option_desc'+i);\n    if (c.valid) this.pd.options[i].desc = c.value;\n  }\n\n  set_option_url(i: number) {\n    let c = this.formGroup.get('option_url'+i);\n    if (c.valid) this.pd.options[i].url = c.value;\n  }\n\n  // selectServer component hooks:\n\n  set_db(value: string) {\n    this.pd.db = value;\n  }\n\n  set_db_from_pid(value: string) {\n    this.pd.db_from_pid = value;\n  }\n\n  set_db_custom_server_url(value: string) {\n    this.pd.db_custom_server_url = value;\n  }\n\n  set_db_custom_password(value: string) {\n    this.pd.db_custom_password = value;\n  }\n\n  // focus management:\n\n  set_focus(input_element_id: string) {\n    /** set the focus to a certain IonInput element after 100 ms */\n    setTimeout(() => {\n      const next_input_element = <IonInput><unknown>document.getElementById(input_element_id);\n      if (!!next_input_element) {\n        next_input_element.setFocus();\n      }\n    }, 100);  \n  }\n\n  open_due_select() {\n    // TODO: find a way to open it so that the title is still visible. \n    /**/\n    setTimeout(() => {\n      (<IonSelect><unknown>document.getElementById('due_select')).open(new MouseEvent(\"click\"));\n    }, 100);\n    /**/\n  }\n\n  open_due_custom() {\n    setTimeout(() => {\n      (<IonDatetime><unknown>document.getElementById('poll_due_custom')).open();\n    }, 100);\n  }\n\n  changed_poll_type() {\n    if (this.stage < 1) {\n      this.stage = Math.max(this.stage, 1);    \n      this.set_focus('input_poll_title');  \n    }\n  }\n\n  blur_poll_title() {\n    if (!this.formGroup.get('poll_title').valid) {\n      this.set_focus('input_poll_title');\n    }\n  }\n\n  poll_title_onKeydown(ev: KeyboardEvent) {\n    if (is_forward_key(ev)) {\n      if (this.formGroup.get('poll_title').valid) {\n        if (this.stage < 2) {\n          this.stage = this.show_details ? 2 : 4;\n        }\n        if (this.show_details) {\n          this.set_focus('input_poll_desc');\n        } else {\n          this.open_due_select();\n        }\n      } else {\n        this.set_focus('input_poll_title');\n      }  \n    }\n  }\n\n  blur_poll_desc() {\n  }\n\n  poll_desc_onKeydown(ev: KeyboardEvent) {\n    if (is_forward_key(ev)) {\n      if (this.stage < 3) {\n        this.stage = 3;\n        this.set_focus('input_poll_url');  \n      }  \n    }\n  }\n\n  blur_poll_url() {\n    if (!this.formGroup.get('poll_url').valid) {\n      this.set_focus('input_poll_url');\n    }\n  }\n\n  poll_url_onKeydown(ev: KeyboardEvent) {\n    if (is_forward_key(ev)) {\n      if (this.formGroup.get('poll_url').valid) {\n        if (this.stage < 4) {\n          this.stage = Math.max(this.stage, 4);\n        }\n        this.open_due_select(); // TODO: open select for due type      \n      } else {\n        this.set_focus('input_poll_url');\n      }  \n    }\n  }\n\n  changed_due_type() {\n    if (this.stage < 5) {\n      if (this.formGroup.get('poll_due_type').value == 'custom') {\n        this.stage = 5;\n        this.open_due_custom();\n      } else {\n        this.stage = 6;\n        this.set_focus('input_option_name0');\n      }\n    }\n  }\n\n  changed_poll_due_custom() {\n    if (this.formGroup.get('poll_due_custom').valid) {\n      if (this.stage < 6) {\n        this.stage = 6;\n        this.set_focus('input_option_name0');\n      }  \n    }\n  }\n\n  blur_option_name(i: number) {\n    if (!this.formGroup.get('option_name'+i).valid) {\n      this.set_focus('input_option_name'+i);\n    }\n  }\n\n  option_name_onKeydown(ev: KeyboardEvent, i: number, show_details: boolean) {\n    if (is_forward_key(ev)) {\n      if (this.formGroup.get('option_name'+i).valid) {\n        if (show_details) {\n          this.option_stage = this.max(this.option_stage, 1);\n          this.expanded[i] = true;\n          this.set_focus('input_option_desc'+i);\n        } else if (i == this.n_options - 1) {\n          this.next_option(i);\n        }\n      } else {\n        this.set_focus('input_option_name'+i);\n      }  \n    }\n  }\n\n  blur_option_desc(i: number) {\n    if (!this.formGroup.get('option_desc'+i).valid) {\n      this.set_focus('input_option_desc'+i);\n    }\n  }\n\n  option_desc_onKeydown(ev: KeyboardEvent, i: number) {\n    if (is_forward_key(ev)) {\n      if (this.formGroup.get('option_desc'+i).valid) {\n        this.option_stage = Math.max(this.option_stage, 2);\n        this.set_focus('input_option_url'+i);\n      } else {\n        this.set_focus('input_option_desc'+i);\n      }  \n    }\n  }\n\n  blur_option_url(i: number) {\n    if (!this.formGroup.get('option_url'+i).valid) {\n      this.set_focus('input_option_url'+i);\n    }\n  }\n  \n  option_url_onKeydown(ev: KeyboardEvent, i: number) {\n    if (is_forward_key(ev)) {\n      if (this.formGroup.get('option_url'+i).valid) {\n        if (i == this.n_options - 1) {\n          this.next_option(i);\n        } else {\n          this.set_focus('input_option_name'+(i+1));\n        }\n      } else {\n        this.set_focus('input_option_url'+i);\n      }  \n    }\n  }\n\n  next_option(i: number) {\n    this.option_stage = this.max(this.option_stage, 3);\n    this.expanded[i] = false;\n    this.add_option({});\n    this.set_focus('input_option_name'+(i+1));\n  }\n\n  async del_poll_dialog() { \n    const confirm = await this.alertCtrl.create({ \n      message: this.translate.instant(\n        \"draftpoll.del-poll-confirm-question\"), \n      buttons: [\n        { \n          text: this.translate.instant('cancel'), \n          role: 'Cancel',\n          handler: () => { \n            console.log('Confirm Cancel.');  \n          } \n        },\n        { \n          text: this.translate.instant('OK'),\n          role: 'Ok', \n          handler: () => {\n            this.del_draft();\n          } \n        } \n      ] \n    }); \n    await confirm.present(); \n  } \n\n  async del_option_dialog(i: number) { \n    const confirm = await this.alertCtrl.create({ \n      message: this.translate.instant(\n        this.formGroup.get('poll_type').value == 'choice' \n          ? \"draftpoll.del-option-confirm-question\" \n          : \"draftpoll.del-target-confirm-question\", \n        { name: this.formGroup.get('option_name'+i).value }), \n      buttons: [\n        { \n          text: this.translate.instant('cancel'), \n          role: 'Cancel',\n          handler: () => { \n            console.log('Confirm Cancel.');  \n          } \n        },\n        { \n          text: this.translate.instant('OK'),\n          role: 'Ok', \n          handler: () => {\n            this.del_option(i);\n          } \n        } \n      ] \n    }); \n    await confirm.present(); \n  } \n\n  no_more() {\n    if ((this.formGroup.get('option_name'+(this.n_options-1)).value||'')=='') {\n      this.option_stage = 10;\n      this.del_option(this.n_options-1);\n    }\n  }\n\n  new_option() {\n    this.option_stage = 0;\n    this.add_option({});\n  }\n  \n  // kebap:\n\n  showkebap(event: Event) {\n    this.popover.create({\n        event, \n        component: DraftpollKebapPage, \n        translucent: true,\n        showBackdrop: false,\n        cssClass: 'kebap',\n        componentProps: {parent: this}\n      })\n      .then((popoverElement)=>{\n        popoverElement.present();\n      })\n  }\n\n  send4review() { \n    this.G.L.warn(\"DraftpollPage.send4review not yet implemented!\");\n  }\n\n  async import_csv_dialog() { \n    const confirm = await this.alertCtrl.create({ \n      header: this.translate.instant('draftpoll.import-options-header'), \n      message: this.translate.instant(\"draftpoll.import-options-msg\"), \n      buttons: [\n        { \n          text: this.translate.instant('cancel'), \n          role: 'Cancel',\n          handler: () => { \n            console.log('Confirm Cancel.');  \n          } \n        },\n        { \n          text: this.translate.instant('choose-file'),\n          role: 'Ok', \n          handler: () => {\n            // open the file chooser by simulating a click to the hidden form field:\n            document.getElementById(\"choosefile\").click();\n          } \n        } \n      ] \n    }); \n    await confirm.present(); \n  } \n\n  // ready button:\n\n  ready_button_clicked() {\n    this.formGroup.get('poll_due_custom').updateValueAndValidity();\n    if (this.formGroup.valid) {\n      if (!this.pid) {\n        this.pid = (this.pd.is_test == true ? 'TEST_' : '') + this.G.P.generate_pid();\n      }\n      this.router.navigate(['/previewpoll/'+this.pid]);\n    }\n  }\n\n  // OTHER METHODS:\n\n  private reset() {\n    this.formGroup = this.formBuilder.group({\n      poll_type: new FormControl('', Validators.required),\n      poll_language: new FormControl(''),\n      poll_title: new FormControl('', Validators.required),\n      poll_desc: new FormControl(''),\n      poll_url: new FormControl('', Validators.pattern(this.G.urlRegex)),\n      poll_due_type: new FormControl('', Validators.required),\n      poll_due_custom: new FormControl('', this.allowed_date.bind(this)),\n    });\n    this.G.P.update_ref_date();\n  }\n\n  private del_draft() {\n    // TODO!\n    if (this.pid) {\n      this.G.P.polls[this.pid].delete();\n    }\n    this.deleted = true;\n    this.router.navigate([\"/mypolls\"]);\n  }\n\n  import_csv(event: Event) {\n    const file = (event.target as HTMLInputElement).files[0];\n    const reader = new FileReader();\n    const page = this;\n    reader.onload = function (event) {\n      const content = event.target.result as string;\n      for (var row of content.split(\"\\n\")) {\n        // TODO: improve csv parser!\n        var cols = row.split(/\\s*\"\\s*,\\s*\"\\s*/);\n        if (cols.length>0) {\n          cols[0] = cols[0].slice(cols[0].indexOf('\"')+1);\n          cols[cols.length-1] = cols[cols.length-1].slice(0, cols[cols.length-1].indexOf('\"'));\n          cols = cols.map(c => c.trim());\n          if (cols[0] != \"\") {\n            page.no_more();\n            if (cols.length==1) { \n              page.add_option({ name:cols[0] });\n            } else if (cols.length==2) { \n              page.add_option({ name:cols[0], desc:cols[1] });\n              page.detailstoggle.checked = true;\n            } else { \n              page.add_option({ name:cols[0], desc:cols[1], url:cols[2]}); \n              page.detailstoggle.checked = true;\n            }\n            page.stage = 10;\n            page.option_stage = 10;\n          }\n        }\n      }\n    }\n    reader.readAsText(file);\n  }\n\n  restart_with_data(spec: string) {\n    this.G.L.info(\"DraftpollPage.restart_with_data\", spec);\n    this.router.navigate(['/draftpoll/use/'+encodeURIComponent(spec)]);\n  }\n\n  private add_option(od: option_data_t) {\n    let i = this.n_options;\n    this.pd.options.push(od);\n    this.add_option_inputs(i);\n    this.formGroup.get('option_name'+i).setValue(od.name); \n    this.formGroup.get('option_desc'+i).setValue(od.desc); \n    this.formGroup.get('option_url'+i).setValue(od.url); \n  }\n\n  private add_option_inputs(i:number) {\n    this.formGroup.addControl('option_name'+i, new FormControl(\"\", Validators.required));\n    this.formGroup.addControl('option_desc'+i, new FormControl(\"\"));\n    this.formGroup.addControl('option_url'+i, new FormControl(\"\", Validators.pattern(this.G.urlRegex)));\n    this.option_stage = 0;\n  }\n  \n  private del_option(i: number) {\n    // move metadata of options i+1,i+2,... back one slot to i,i+1,...:\n    for (let j=i+1; j<this.n_options; j++) {\n      this.formGroup.get('option_name'+(j-1)).setValue(this.formGroup.get('option_name'+j).value); \n      this.formGroup.get('option_desc'+(j-1)).setValue(this.formGroup.get('option_desc'+j).value); \n      this.formGroup.get('option_url'+(j-1)).setValue(this.formGroup.get('option_url'+j).value); \n      this.pd.options[j-1] = this.pd.options[j];\n    }\n    // remove last:\n    let j = this.n_options-1;\n    this.formGroup.removeControl('option_name'+j);\n    this.formGroup.removeControl('option_desc'+j);\n    this.formGroup.removeControl('option_url'+j);\n    this.pd.options.pop();\n  }\n\n  now() { return new Date(); }\n\n  private allowed_date(control: AbstractControl): ValidationErrors | null {\n    if (control && control.value) {\n      const value = new Date(control.value);\n      // check whether in past:\n      if (this.G.P.ref_date >= value)\n      {\n          return {past: true};\n      }\n      // check whether too far in future:\n      if (this.get_max_due() < value)\n      {\n          return {too_late: true};\n      }\n      return null;\n    }\n  }\n\n  get_max_due() {\n    const last = new Date(this.G.P.ref_date.valueOf());\n    last.setDate(last.getDate() + this.E.polls.max_duration_days);\n    return last;\n  }\n\n  // CONSTANTS:\n\n  validation_messages = {\n    'poll_type': [\n      { type: 'required', message: 'validation.poll-type-required' },\n    ],\n    'poll_language': [\n    ],\n    'poll_title': [\n      { type: 'required', message: 'validation.poll-title-required' },\n    ],\n    'poll_desc': [\n    ],\n    'poll_url': [\n      { type: 'pattern', message: 'validation.poll-url-valid' },\n    ],\n    'poll_due_type': [\n      { type: 'required', message: 'validation.poll-due-type-required' },\n    ],\n    'poll_due_custom': [\n      { message: 'validation.poll-due-future' },\n    ],\n    'option_name': [\n      { type: 'required', message: 'validation.option-name-required' },\n    ],\n    'option_desc': [\n    ],\n    'option_url': [\n      { type: 'pattern', message: 'validation.option-url-valid' },\n    ],\n  }\n  \n}\n","/*\n(C) Copyright 2015–2022 Potsdam Institute for Climate Impact Research (PIK), authors, and contributors, see AUTHORS file.\n\nThis file is part of vodle.\n\nvodle is free software: you can redistribute it and/or modify it under the \nterms of the GNU Affero General Public License as published by the Free \nSoftware Foundation, either version 3 of the License, or (at your option) \nany later version.\n\nvodle is distributed in the hope that it will be useful, but WITHOUT ANY \nWARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR \nA PARTICULAR PURPOSE. See the GNU Affero General Public License for more \ndetails.\n\nYou should have received a copy of the GNU Affero General Public License \nalong with vodle. If not, see <https://www.gnu.org/licenses/>. \n*/\n\nimport { NgModule } from '@angular/core';\nimport { Routes, RouterModule } from '@angular/router';\n\nimport { DraftpollPage } from './draftpoll.page';\n\nconst routes: Routes = [\n  {\n    path: '',\n    component: DraftpollPage\n  }\n];\n\n@NgModule({\n  imports: [RouterModule.forChild(routes)],\n  exports: [RouterModule],\n})\nexport class DraftpollPageRoutingModule {}\n","/*\n(C) Copyright 2015–2022 Potsdam Institute for Climate Impact Research (PIK), authors, and contributors, see AUTHORS file.\n\nThis file is part of vodle.\n\nvodle is free software: you can redistribute it and/or modify it under the \nterms of the GNU Affero General Public License as published by the Free \nSoftware Foundation, either version 3 of the License, or (at your option) \nany later version.\n\nvodle is distributed in the hope that it will be useful, but WITHOUT ANY \nWARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR \nA PARTICULAR PURPOSE. See the GNU Affero General Public License for more \ndetails.\n\nYou should have received a copy of the GNU Affero General Public License \nalong with vodle. If not, see <https://www.gnu.org/licenses/>. \n*/\n\nimport { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\nimport { TranslateModule } from '@ngx-translate/core';\n\nimport { IonicModule } from '@ionic/angular';\n\nimport { DraftpollPageRoutingModule } from './draftpoll-routing.module';\nimport { SharedcomponentsModule } from '../sharedcomponents/sharedcomponents.module';\n\nimport { DraftpollPage } from './draftpoll.page';\nexport { DraftpollPage } from './draftpoll.page';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    FormsModule,\n    IonicModule,\n    ReactiveFormsModule,\n    DraftpollPageRoutingModule,\n    SharedcomponentsModule,\n    TranslateModule.forChild()\n  ],\n  declarations: [DraftpollPage]\n})\nexport class DraftpollPageModule {}\n"],"sourceRoot":"webpack:///","file":"9701.4c52363c13f73908.js"}
\ No newline at end of file
+{"version":3,"mappings":"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","names":["i0","ctx_r23","ctx_r25","oxw","ctx_r26","ctx_r32","ctx_r34","ctx_r35","ctx_r39","value","ctx_r44","ctx_r46","ctx_r47","ctx_r55","ctx_r57","ctx_r58","ctx_r78","ctx_r80","ctx_r93","ctx_r96","ctx_r98","ctx_r104","i_r67","ctx_r111","ctx_r114","ctx_r116","ctx_r119","ctx_r121","ctx_r122","ctx_r123","ctx_r125","ctx_r126","ctx_r128","ctx_r131","ctx_r132","ev","key","ctrlKey","shiftKey","metaKey","altKey","DraftpollPage","constructor","router","route","formBuilder","popover","alertCtrl","G","translate","ref","this","environment","Math","max","poll_type","type","message","poll_language","poll_title","poll_desc","poll_url","poll_due_type","poll_due_custom","option_name","option_desc","option_url","L","entry","params","subscribe","pid","pd","JSON","parse","decodeURIComponent","n_options","options","length","ngOnInit","reset","ionViewWillEnter","D","page","ionViewDidEnter","ready","onDataReady","deleted","P","polls","state","info","p","language","title","desc","url","due_type","due_custom","db","db_from_pid","db_custom_server_url","db_custom_password","stage","oid","o","Object","entries","push","name","option_stage","warn","Date","expanded","Array","advanced_expanded","formGroup","setValue","S","toISOString","show_details","i","od","add_option_inputs","get","add_option","detectChanges","ionSelects","map","select","type_select","open","MouseEvent","onSelectServerReady","select_server","selectServerFormGroup","ionViewWillLeave","is_test","generate_pid","Poll","set_due","oids","trace","generate_oid","l","Option","ratings","setp","stringify","includes","remove_option","LocalNotifications","notifications","instant","body","id","then","res","catch","err","pids","exit","ionViewDidLeave","save_state","onDataChange","set_poll_type","c","valid","set_poll_language","set_poll_title","set_poll_desc","set_poll_url","set_poll_due_type","set_poll_due_custom","update_ref_date","set_option_name","set_option_desc","set_option_url","set_db","set_db_from_pid","set_db_custom_server_url","set_db_custom_password","set_focus","input_element_id","setTimeout","next_input_element","document","getElementById","setFocus","open_due_select","open_due_custom","changed_poll_type","blur_poll_title","poll_title_onKeydown","is_forward_key","blur_poll_desc","poll_desc_onKeydown","blur_poll_url","poll_url_onKeydown","changed_due_type","changed_poll_due_custom","blur_option_name","option_name_onKeydown","next_option","blur_option_desc","option_desc_onKeydown","blur_option_url","option_url_onKeydown","n","del_poll_dialog","create","buttons","text","role","handler","console","log","del_draft","present","del_option_dialog","del_option","no_more","new_option","showkebap","event","component","DraftpollKebapPage","translucent","showBackdrop","cssClass","componentProps","parent","popoverElement","send4review","import_csv_dialog","header","click","ready_button_clicked","updateValueAndValidity","navigate","group","FormControl","Validators","urlRegex","allowed_date","bind","delete","import_csv","file","target","files","reader","FileReader","onload","content","result","row","split","cols","slice","indexOf","trim","detailstoggle","checked","readAsText","restart_with_data","spec","encodeURIComponent","addControl","j","removeControl","pop","now","control","ref_date","past","get_max_due","too_late","last","valueOf","setDate","getDate","E","max_duration_days","selectors","IonSelect","ElementRef","SelectServerComponent","IonToggle","ctx","routes","path","DraftpollPageRoutingModule","RouterModule","DraftpollPageModule","CommonModule","FormsModule","IonicModule","ReactiveFormsModule","SharedcomponentsModule","TranslateModule"],"sources":["./src/app/draftpoll/draftpoll.page.html","./src/app/draftpoll/draftpoll.page.ts","./src/app/draftpoll/draftpoll-routing.module.ts","./src/app/draftpoll/draftpoll.module.ts"],"sourcesContent":["<!--\n(C) Copyright 2015–2022 Potsdam Institute for Climate Impact Research (PIK), authors, and contributors, see AUTHORS file.\n\nThis file is part of vodle.\n\nvodle is free software: you can redistribute it and/or modify it under the \nterms of the GNU Affero General Public License as published by the Free \nSoftware Foundation, either version 3 of the License, or (at your option) \nany later version.\n\nvodle is distributed in the hope that it will be useful, but WITHOUT ANY \nWARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR \nA PARTICULAR PURPOSE. See the GNU Affero General Public License for more \ndetails.\n\nYou should have received a copy of the GNU Affero General Public License \nalong with vodle. If not, see <https://www.gnu.org/licenses/>. \n-->\n\n<ion-header>\n  <ion-toolbar style=\"padding-right:11px;\">\n    <ion-buttons slot=\"start\">\n      <ion-menu-button></ion-menu-button>\n    </ion-buttons>\n    <ion-title [innerHtml]=\"'draftpoll.-page-title'|translate\"></ion-title>\n    <ion-buttons slot=\"end\" class=\"ion-no-padding ion-no-margin\">\n      <ion-button fill=\"clear\" (click)=\"del_poll_dialog()\" class=\"ion-no-padding ion-no-margin\">\n        <ion-icon name=\"trash-outline\" slot=\"icon-only\"></ion-icon>\n      </ion-button>\n      <ion-button fill=\"clear\" (click)=\"showkebap($event)\" class=\"ion-no-padding ion-no-margin\">\n        <ion-icon ios=\"ellipsis-horizontal\" md=\"ellipsis-vertical\" slot=\"icon-only\"></ion-icon>\n      </ion-button>\n    </ion-buttons>\n  </ion-toolbar>\n</ion-header>\n\n<ion-content *ngIf=\"ready\">\n  <form [formGroup]=\"formGroup\">\n\n    <!-- A hidden input needed to enable file upload from the kebap: -->\n    <input hidden id=\"choosefile\" type=\"file\" class=\"file\" (change)=\"import_csv($event)\" />\n\n    <!-- GENERAL POLL INFORMATION: -->\n\n    <!-- Show details button: -->\n    <ion-item color=\"primary\">\n      <ion-label [innerHtml]=\"'draftpoll.general-information'|translate\"></ion-label>\n      <ion-button slot=\"end\" fill=\"clear\" (click)=\"show_details=!show_details\" class=\"ion-no-margin ion-no-padding\">\n        <span style=\"color: white\" [innerHtml]=\"'details'|translate\"></span>\n        <ion-toggle \n          name=\"detail-toggle\" #detailstoggle [checked]=\"show_details\"\n          color=\"light\" style=\"--handle-background: black; padding-right: 0; margin-right: 0;\">\n        </ion-toggle><!--not (click)=\"show_details=!show_details\" because this is caught by the surrounding button!-->\n      </ion-button>\n    </ion-item>\n\n    <!-- Poll type: -->\n    <ion-item [color]=\"stage==0?'warning':''\"><!--stage 0-->\n      <ion-label color=\"primary\" position=\"floating\">\n        <span *ngIf=\"formGroup.get('poll_type').valid\" \n            [class]=\"stage==0?'current-field':''\" \n            ><!--style=\"position:relative;top:3px;z-index:10;\" now in class=poll-type-->\n          <ion-icon class=\"poll-type\"\n            [name]=\"formGroup.get('poll_type').value=='winner'?'trophy':'cut'\"\n            style=\"color:black\">\n          </ion-icon>&nbsp;\n        </span>\n        <span [class]=\"stage==0?'current-field':''\" \n          [innerHtml]=\"'draftpoll.type-label'|translate\">\n        </span>\n      </ion-label>\n      <ion-select \n          formControlName=\"poll_type\" \n          text-wrap autofocus tabindex=\"0\" \n          #ionSelects #type_select  \n          [cancelText]=\"'cancel'|translate\" [okText]=\"'OK'|translate\" \n          (ionChange)=\"set_poll_type();changed_poll_type()\">\n        <ion-select-option text-wrap value=\"winner\" [innerHtml]=\"'draftpoll.type-winner'|translate\"></ion-select-option>\n        <ion-select-option text-wrap value=\"share\" [innerHtml]=\"'draftpoll.type-share'|translate\"></ion-select-option>\n      </ion-select>\n    </ion-item>\n    <div class=\"validation-errors\">\n      <ng-container *ngFor=\"let validation of validation_messages.poll_type\">\n        <div class=\"error-message\" \n            *ngIf=\"formGroup.get('poll_type').hasError(validation.type) \n                    && (formGroup.get('poll_type').dirty || formGroup.get('poll_type').touched)\"\n            [innerHtml]=\"validation.message|translate\">\n        </div>\n      </ng-container>\n    </div>\n\n    <!-- Poll title: -->\n    <ng-container *ngIf=\"stage>0\">\n      <ion-item [color]=\"stage==1?'warning':'light'\"><!--stage 1-->\n        <ion-label position=\"floating\" color=\"primary\">\n          <span [class]=\"stage==1?'current-field':''\" \n            [innerHtml]=\"'draftpoll.title-label'|translate\">\n          </span>\n        </ion-label>\n        <ion-input  \n          id=\"input_poll_title\"\n          formControlName=\"poll_title\" [maxlength]=\"E.max_len.title\"\n          [placeholder]=\"'draftpoll.title-placeholder'|translate\"\n          tabindex=\"0\" type=\"text\" required inputmode=\"text\"\n          style=\"font-weight: bold; font-style: italic; font-size: larger;\"\n          (ionChange)=\"set_poll_title();\" debounce=\"100\"\n          (keydown)=\"poll_title_onKeydown($event)\"\n          (ionBlur)=\"blur_poll_title()\">\n        </ion-input>      \n      </ion-item>\n      <div class=\"validation-errors\">\n        <ng-container *ngFor=\"let validation of validation_messages.poll_title\">\n          <div class=\"error-message\" \n              *ngIf=\"formGroup.get('poll_title').hasError(validation.type) \n                      && (formGroup.get('poll_title').dirty || formGroup.get('poll_title').touched)\"\n              [innerHtml]=\"validation.message|translate\">\n          </div>\n        </ng-container>\n      </div>\n    </ng-container>  \n    \n    <!-- Poll description: -->\n    <ng-container *ngIf=\"stage>1 && show_details\">\n      <ion-item [color]=\"stage==2?'warning':''\"><!--stage 2-->\n        <ion-label position=\"floating\" color=\"primary\">\n          <span [class]=\"stage==2?'current-field':''\" \n            [innerHtml]=\"'draftpoll.desc-label'|translate\">\n          </span>\n        </ion-label>\n        <!--TODO: textarea too large (mostly white) in Firefox when desc is long -->\n        <ion-textarea \n          id=\"input_poll_desc\"\n          formControlName=\"poll_desc\" [maxlength]=\"E.max_len.desc\"\n          [placeholder]=\"'draftpoll.desc-placeholder'|translate\"\n          autofocus tabindex=\"0\" rows=\"1\" auto-grow type=\"text\" inputmode=\"text\" \n          style=\"font-style: italic;\"\n          (ionChange)=\"set_poll_desc()\" debounce=\"100\"\n          (keydown)=\"poll_desc_onKeydown($event)\"\n          (ionBlur)=\"blur_poll_desc()\">\n        </ion-textarea>\n        <ion-button \n          *ngIf=\"stage==2 && [null,''].includes(formGroup.get('poll_desc').value)\" \n          tabindex=\"-1\" color=\"primary\" slot=\"end\" class=\"skip-button\" \n          [innerHtml]=\"'skip'|translate\">\n        </ion-button><!--FIXME: no functionality?-->\n      </ion-item>\n      <div class=\"validation-errors\">\n        <ng-container *ngFor=\"let validation of validation_messages.poll_desc\">\n          <div class=\"error-message\" \n              *ngIf=\"formGroup.get('poll_desc').hasError(validation.type) \n                      && (formGroup.get('poll_desc').dirty || formGroup.get('poll_desc').touched)\"\n              [innerHtml]=\"validation.message|translate\">\n          </div>\n        </ng-container>\n      </div>\n    </ng-container>    \n\n    <!-- Poll URL: -->\n    <ng-container *ngIf=\"stage>2 && show_details\">\n      <ion-item [color]=\"stage==3?'warning':''\"><!--stage 3-->\n        <ion-label position=\"floating\" color=\"primary\">\n          <span [class]=\"stage==3?'current-field':''\" \n            [innerHtml]=\"'draftpoll.url-label'|translate\">\n          </span>\n        </ion-label>\n        <ion-input \n          id=\"input_poll_url\"\n          formControlName=\"poll_url\"\n          [placeholder]=\"'draftpoll.url-placeholder'|translate\"\n          tabindex=\"0\" type=\"text\" inputmode=\"url\" [maxlength]=\"E.max_len.url\"\n          style=\"font-size:smaller;word-wrap:normal;\"\n          (ionChange)=\"set_poll_url()\" debounce=\"100\"\n          (keydown)=\"poll_url_onKeydown($event)\"\n          (ionBlur)=\"blur_poll_url()\">\n        </ion-input>\n        <ion-button \n          *ngIf=\"stage==3 && [null,''].includes(formGroup.get('poll_url').value)\" \n          tabindex=\"-1\" color=\"primary\" slot=\"end\" class=\"skip-button\"\n          [innerHtml]=\"'skip'|translate\">\n        </ion-button>\n        <ion-button \n            *ngIf=\"formGroup.get('poll_url').valid && ![null,''].includes(formGroup.get('poll_url').value)\" \n            tabindex=\"-1\" fill=\"clear\" slot=\"end\" class=\"skip-button\" \n            (click)=\"G.open_url_in_new_tab(formGroup.get('poll_url').value)\">\n          <span [innerHtml]=\"'test'|translate\"></span>&nbsp;\n          <ion-icon name=\"open-outline\"></ion-icon>\n        </ion-button>\n      </ion-item>\n      <div class=\"validation-errors\">\n        <ng-container *ngFor=\"let validation of validation_messages.poll_url\">\n          <div class=\"error-message\" \n              *ngIf=\"formGroup.get('poll_url').hasError(validation.type) \n                      && (formGroup.get('poll_url').dirty || formGroup.get('poll_url').touched)\"\n              [innerHtml]=\"validation.message|translate\">\n          </div>\n        </ng-container>\n      </div>\n    </ng-container>    \n\n    <!-- Due type: -->\n    <ng-container *ngIf=\"stage>3\">\n      <ion-item [color]=\"stage==4?'warning':''\"><!--stage 4-->\n        <ion-label color=\"primary\" position=\"floating\">\n          <span [class]=\"stage==4?'current-field':''\" \n            [innerHtml]=\"'draftpoll.due-type-label'|translate\">\n          </span>\n        </ion-label>\n        <ion-select\n            id=\"due_select\" #due_select\n            formControlName=\"poll_due_type\" \n            [cancelText]=\"'cancel'|translate\" [okText]=\"'OK'|translate\" \n            #ionSelects tabindex=\"0\" required \n            (ionChange)=\"set_poll_due_type();changed_due_type()\">\n        <!-- FIXME: apparently the ion-datetime is broken, so we need to disable this option until that is fixed: -->\n            <ion-select-option value=\"custom\" [innerHtml]=\"'draftpoll.due-type-custom'|translate\"></ion-select-option>\n            <!---->\n          <ion-select-option value=\"10min\" [innerHtml]=\"'draftpoll.due-type-10min'|translate\"></ion-select-option>\n          <ion-select-option value=\"hour\" [innerHtml]=\"'draftpoll.due-type-hour'|translate\"></ion-select-option>\n          <ion-select-option value=\"24hr\" [innerHtml]=\"'draftpoll.due-type-24hr'|translate\"></ion-select-option>\n          <ion-select-option value=\"midnight\" [innerHtml]=\"'draftpoll.due-type-midnight'|translate\"></ion-select-option>\n          <ion-select-option value=\"tomorrow-noon\" [innerHtml]=\"'draftpoll.due-type-tomorrow-noon'|translate\"></ion-select-option>\n          <ion-select-option value=\"tomorrow-night\" [innerHtml]=\"'draftpoll.due-type-tomorrow-night'|translate\"></ion-select-option>\n          <ion-select-option value=\"friday-noon\" [innerHtml]=\"'draftpoll.due-type-friday-noon'|translate\"></ion-select-option>\n          <ion-select-option value=\"sunday-night\" [innerHtml]=\"'draftpoll.due-type-sunday-night'|translate\"></ion-select-option>\n          <ion-select-option value=\"week\" [innerHtml]=\"'draftpoll.due-type-week'|translate\"></ion-select-option>\n          <ion-select-option value=\"two-weeks\" [innerHtml]=\"'draftpoll.due-type-two-weeks'|translate\"></ion-select-option>\n          <ion-select-option value=\"four-weeks\" [innerHtml]=\"'draftpoll.due-type-four-weeks'|translate\"></ion-select-option>\n        </ion-select>\n      </ion-item>\n\n      <!-- Custom due date: -->\n      <ng-container *ngIf=\"formGroup.get('poll_due_type').value=='custom'\">\n        <ion-item [color]=\"stage==5?'warning':''\"><!--stage 5-->\n          <ion-label position=\"floating\" color=\"primary\">\n            <span [class]=\"stage==5?'current-field':''\" \n              [innerHtml]=\"'draftpoll.due-datetime-label'|translate\">\n            </span>\n          </ion-label>\n          <!--TODO: maybe use https://github.com/VitaliiBlagodir/cordova-plugin-datepicker instead-->\n          <ion-datetime \n            id=\"poll_due_custom\"\n            formControlName=\"poll_due_custom\" \n            tabindex=\"0\"\n            pickerFormat=\"DD MMM YY HH mm\"\n            displayFormat=\"DDDD, DD MMMM YYYY, HH:mm\" \n            [min]=\"G.P.ref_date.toISOString()\"\n            [max]=\"get_max_due().toISOString()\"\n            (ionClick)=\"G.P.update_ref_date();\"\n            (ionChange)=\"set_poll_due_custom();changed_poll_due_custom()\"\n            [dayNames]=\"'daynames-sunday-to-saturday'|translate\"\n            [monthNames]=\"'monthnames'|translate\"\n            [cancelText]=\"'cancel'|translate\"\n            [doneText]=\"'OK'|translate\">\n          </ion-datetime>\n        </ion-item>\n        <div class=\"validation-errors\">\n          <ng-container *ngFor=\"let validation of validation_messages.poll_due_custom\">\n            <div class=\"error-message\" \n                *ngIf=\"(!formGroup.get('poll_due_custom').valid) \n                        && (formGroup.get('poll_due_custom').dirty || formGroup.get('poll_due_custom').touched)\"\n                [innerHtml]=\"validation.message|translate\">\n            </div>\n          </ng-container>\n        </div>\n      </ng-container>\n    </ng-container>    \n\n    <!-- ADVANCED SETTINGS: -->\n\n    <ion-item *ngIf=\"stage>5\" [color]=\"advanced_expanded?'light':''\" (click)=\"advanced_expanded=!advanced_expanded\">\n      <ion-icon \n        [name]=\"advanced_expanded?'caret-down-outline':'caret-forward-outline'\" \n        size=\"small\" color=\"primary\">\n      </ion-icon>\n      <ion-label>\n        <small [innerHtml]=\"'&nbsp;&nbsp;&nbsp'+('draftpoll.advanced-settings'|translate)\"></small>\n      </ion-label>\n    </ion-item>\n\n    <!-- Language: -->\n    <ion-item [style.display]=\"(stage>5) && advanced_expanded?'block':'none'\">\n      <ion-label position=\"floating\" color=\"primary\">\n        <ion-icon name=\"language-outline\"></ion-icon>&nbsp;\n        <span [innerHtml]=\"'draftpoll.language'|translate\"></span>\n      </ion-label>\n      <ion-select #ionSelects formControlName=\"poll_language\" (ionChange)=\"set_poll_language()\"\n        [cancelText]=\"'cancel'|translate\" [okText]=\"'OK'|translate\" \n        style=\"font-size: smaller\">\n        <ion-select-option *ngFor=\"let lang of translate.langs\" [value]=\"lang\" [innerHtml]=\"G.S.language_names[lang]\"></ion-select-option>\n      </ion-select>\n    </ion-item>\n\n    <!-- Server: -->\n    <app-select-server #select_server\n      *ngIf=\"E.data_service.allow_other_servers\" \n      [page_object]=\"this\" [page]=\"'draftpoll'\"\n      [style.display]=\"(stage>5) && advanced_expanded?'block':'none'\">\n    </app-select-server><!--stage 7-->\n  \n    <!-- OPTIONS: -->\n\n    <ng-container *ngIf=\"stage>5\"><!--stage 6-->\n      <ion-item color=\"primary\">\n        <ion-label [innerHtml]=\"(formGroup.get('poll_type').value=='winner' ? 'options' : 'possible-targets')|translate\"></ion-label>\n      </ion-item>\n\n      <!-- LOOP OVER OPTIONS: -->\n\n      <div *ngFor=\"let item of [].constructor(n_options); let i = index\">\n\n        <!-- Option name: -->\n        <ion-item [color]=\"(i == n_options-1 && option_stage==0)?'warning':'light'\"><!--option_stage 0-->\n          <ion-button tabindex=\"-1\" \n              *ngIf=\"show_details\" \n              fill=\"clear\" slot=\"start\" class=\"field-expander\"\n              (click)=\"expanded[i]=!expanded[i]\">\n            <ion-icon [name]=\"expanded[i]?'caret-down-outline':'caret-forward-outline'\" slot=\"icon-only\"></ion-icon>\n          </ion-button>\n          <ion-label position=\"floating\" color=\"primary\">\n            <span [class]=\"option_stage==0?'current-field':''\"\n              [innerHtml]=\"\n                (formGroup.get('poll_type').value=='winner' \n                ? 'draftpoll.option-name-label' \n                : 'draftpoll.target-name-label') | translate\">\n            </span>\n          </ion-label>\n          <ion-input \n            [id]=\"'input_option_name'+i\"\n            [formControlName]=\"'option_name'+i\" \n            [placeholder]=\"(formGroup.get('poll_type').value == 'winner' \n                            ? 'draftpoll.option-name-placeholder' \n                            : 'draftpoll.target-name-placeholder') | translate\"\n            type=\"text\" required tabindex=\"0\" [maxlength]=\"E.max_len.name\"\n            style=\"font-weight: bold; font-style: italic;\"\n            (ionChange)=\"set_option_name(i)\" debounce=\"100\"\n            (keydown)=\"option_name_onKeydown($event, i, show_details)\"\n            (ionBlur)=\"blur_option_name(i)\">\n          </ion-input>      \n          <ion-button \n            *ngIf=\"i == n_options-1 && i > 1 && (formGroup.get('option_name'+i).value||'')==''\" \n            [innerHtml]=\"'draftpoll.no-more-button'|translate\"\n            color=\"primary\" slot=\"end\" class=\"skip-button\" tabindex=\"0\" \n            (click)=\"no_more()\">\n          </ion-button>\n          <ion-button \n              *ngIf=\"n_options>1 && !(i == n_options-1 && i > 1 && (formGroup.get('option_name'+i).value||'')=='')\" \n              fill=\"clear\" color=\"primary\" slot=\"end\" class=\"skip-button\" tabindex=\"-1\" \n              (click)=\"del_option_dialog(i)\">\n            <ion-icon slot=\"icon-only\" name=\"trash-outline\"></ion-icon>\n          </ion-button>\n        </ion-item>\n        <div class=\"validation-errors\">\n          <ng-container *ngFor=\"let validation of validation_messages.option_name\">\n            <div class=\"error-message\" \n                *ngIf=\"formGroup.get('option_name'+i).hasError(validation.type) \n                        && (formGroup.get('option_name'+i).dirty || formGroup.get('option_name'+i).touched)\"\n                [innerHtml]=\"validation.message|translate\">\n            </div>\n          </ng-container>\n        </div>\n\n        <!-- Option description: -->\n        <ng-container *ngIf=\"option_stage>0 && expanded[i]\">\n          <ion-item [color]=\"i == n_options-1 && option_stage==1?'warning':''\"><!--option_stage 1-->\n            <ion-label position=\"floating\" color=\"primary\">\n              <span [class]=\"option_stage==1?'current-field':''\" \n                [innerHtml]=\"'draftpoll.option-desc-label'|translate\">\n              </span>\n            </ion-label>\n            <ion-textarea \n              [id]=\"'input_option_desc'+i\"\n              [formControlName]=\"'option_desc'+i\" tabindex=\"0\" \n              [placeholder]=\"'draftpoll.option-desc-placeholder'|translate:{name:formGroup.get('option_name'+i).value}\"\n              rows=\"1\" auto-grow type=\"text\" [maxlength]=\"E.max_len.desc\"\n              style=\"font-style: italic;\"\n              (ionChange)=\"set_option_desc(i)\" debounce=\"100\"\n              (keydown)=\"option_desc_onKeydown($event, i)\"\n              (ionBlur)=\"blur_option_desc(i)\">\n            </ion-textarea>\n            <ion-button \n              *ngIf=\"option_stage==1 && i == n_options-1 && [null,''].includes(formGroup.get('option_desc'+i).value)\" \n              color=\"primary\" slot=\"end\" class=\"skip-button\" tabindex=\"-1\" \n              [innerHtml]=\"'skip'|translate\">\n            </ion-button>\n          </ion-item>\n          <div class=\"validation-errors\">\n            <ng-container *ngFor=\"let validation of validation_messages.option_desc\">\n              <div class=\"error-message\" \n                  *ngIf=\"formGroup.get('option_desc'+i).hasError(validation.type) \n                          && (formGroup.get('option_desc'+i).dirty || formGroup.get('option_desc'+i).touched)\"\n                [innerHtml]=\"validation.message|translate\">\n              </div>\n            </ng-container>\n          </div>\n        </ng-container>  \n\n        <!-- Option URL: -->\n        <ng-container *ngIf=\"option_stage>1 && expanded[i]\">\n          <ion-item [color]=\"i == n_options-1 && option_stage==2?'warning':''\"><!--option_stage 2-->\n            <ion-label position=\"floating\" color=\"primary\">\n              <span [class]=\"option_stage==2?'current-field':''\" \n                [innerHtml]=\"'draftpoll.option-url-label'|translate\">\n              </span>\n            </ion-label>\n            <ion-input \n              [id]=\"'input_option_url'+i\"\n              [formControlName]=\"'option_url'+i\" \n              [placeholder]=\"'draftpoll.option-url-placeholder'|translate:{name:formGroup.get('option_name'+i).value}\"\n              type=\"text\" inputmode=\"url\" tabindex=\"0\" [maxlength]=\"E.max_len.url\"\n              style=\"font-size: smaller;\"\n              (ionChange)=\"set_option_url(i)\" debounce=\"100\"\n              (keydown)=\"option_url_onKeydown($event, i)\"\n              (ionBlur)=\"blur_option_url(i)\">\n            </ion-input>\n            <ion-button \n              *ngIf=\"option_stage==2 && i == n_options-1 && [null,''].includes(formGroup.get('option_url'+i).value)\" \n              [innerHtml]=\"'skip'|translate\" tabindex=\"-1\" \n              color=\"primary\" slot=\"end\" class=\"skip-button\">\n            </ion-button>\n            <ion-button \n                *ngIf=\"formGroup.get('option_url'+i).valid && ![null,''].includes(formGroup.get('option_url'+i).value)\" \n                fill=\"clear\" slot=\"end\" class=\"skip-button\" tabindex=\"-1\" \n                (click)=\"G.open_url_in_new_tab(formGroup.get('option_url'+i).value)\">\n              <span [innerHtml]=\"'test'|translate\"></span>&nbsp;\n              <ion-icon name=\"open-outline\"></ion-icon>\n            </ion-button>\n          </ion-item>\n          <div class=\"validation-errors\">\n            <ng-container *ngFor=\"let validation of validation_messages.option_url\">\n              <div class=\"error-message\" \n                  *ngIf=\"formGroup.get('option_url'+i).hasError(validation.type) \n                          && (formGroup.get('option_url'+i).dirty || formGroup.get('option_url'+i).touched)\"\n                [innerHtml]=\"validation.message|translate\">\n              </div>\n            </ng-container>\n          </div>\n        </ng-container>    \n      </div>\n\n      <!-- (END OF LOOP OVER OPTIONS) -->\n\n      <!-- Add option button: -->\n      <ion-item lines=\"none\" *ngIf=\"option_stage==10 && formGroup.get('option_url'+(n_options-1)).valid\"\n          class=\"ion-no-padding\" style=\"padding-left: 5px; padding-top: 5px;\">\n        <ion-fab-button size=\"small\" (click)=\"new_option()\" fill=\"clear\" color=\"primary\">\n          <ion-icon name=\"add\"></ion-icon>\n        </ion-fab-button>\n        <ion-button tabindex=\"-1\" \n          [innerHtml]=\"(formGroup.get('poll_type').value=='winner' ? 'add-option' : 'add-target')|translate\"\n          class=\"ion-no-padding ion-no-margin\" fill=\"clear\" (click)=\"new_option()\"> \n        </ion-button>\n      </ion-item>\n      <ion-item lines=\"none\">\n        <small [innerHtml]=\"\n          (formGroup.get('poll_type').value == 'winner' \n          ? 'draftpoll.please-list-options-explanation' \n          : 'draftpoll.please-list-targets-explanation') | translate\">\n        </small>\n      </ion-item>\n    </ng-container>\n\n    <!-- FOOTER: -->\n\n    <ion-item \n        *ngIf=\"formGroup.get('poll_title').valid\" \n        lines=\"none\" class=\"ion-text-end\" text-wrap>\n      <ion-label style=\"line-height:1.0;\">\n        <small [innerHtml]=\"'('+('draftpoll.draft-saved'|translate)+')'\"></small>\n      </ion-label>\n      <ion-button size=\"large\" color=\"primary\" slot=\"end\" [disabled]=\"n_options<2 || !formGroup.valid\" \n          shape=\"round\" tabindex=\"0\" \n          (click)=\"ready_button_clicked()\">\n        <ion-icon name=\"checkmark\"></ion-icon>&nbsp;\n        <span [innerHtml]=\"'ready'|translate\"></span>\n      </ion-button>\n    </ion-item>\n\n  </form>\n</ion-content>\n","/*\n(C) Copyright 2015–2022 Potsdam Institute for Climate Impact Research (PIK), authors, and contributors, see AUTHORS file.\n\nThis file is part of vodle.\n\nvodle is free software: you can redistribute it and/or modify it under the \nterms of the GNU Affero General Public License as published by the Free \nSoftware Foundation, either version 3 of the License, or (at your option) \nany later version.\n\nvodle is distributed in the hope that it will be useful, but WITHOUT ANY \nWARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR \nA PARTICULAR PURPOSE. See the GNU Affero General Public License for more \ndetails.\n\nYou should have received a copy of the GNU Affero General Public License \nalong with vodle. If not, see <https://www.gnu.org/licenses/>. \n*/\n\n/*\nTODO:\n- fix next field not showing in android app\n- fix wrong option_stage when returning, make \"skip\" button work properly\n- make tab key autofocus work properly\n*/\n\nimport { Component, OnInit, ViewChild, ViewChildren, ElementRef, QueryList, ChangeDetectorRef } from '@angular/core';\nimport { Validators, FormBuilder, FormGroup, FormControl, ValidationErrors, AbstractControl } from '@angular/forms';\nimport { Router, ActivatedRoute } from \"@angular/router\";\nimport { TranslateService } from '@ngx-translate/core';\n\nimport { PopoverController, IonSelect, IonToggle, AlertController, IonInput, IonDatetime } from '@ionic/angular';\nimport { LocalNotifications } from '@capacitor/local-notifications';\n\nimport { DraftpollKebapPage } from '../draftpoll-kebap/draftpoll-kebap.module';  \n\nimport { GlobalService } from \"../global.service\";\nimport { Poll, Option } from \"../poll.service\";\nimport { SelectServerComponent } from '../sharedcomponents/select-server/select-server.component';\nimport { environment } from 'src/environments/environment';\n\ntype option_data_t = { oid?, name?, desc?, url?, ratings? };\n\nfunction is_forward_key(ev: KeyboardEvent) {\n  return (ev.key == \"Tab\" || ev.key == \"Enter\") && !ev.ctrlKey && !ev.shiftKey && !ev.metaKey && !ev.altKey;\n}\n\n@Component({\n  selector: 'app-draftpoll',\n  templateUrl: './draftpoll.page.html',\n  styleUrls: ['./draftpoll.page.scss'],\n})\nexport class DraftpollPage implements OnInit {\n\n  E = environment;\n  \n  // page template elements:\n  \n  @ViewChild(IonSelect, { static: false, read: ElementRef }) type_select_ref: ElementRef;\n  @ViewChild(IonSelect, { static: false }) type_select: IonSelect;\n  @ViewChild(IonSelect, { static: false }) due_select: IonSelect;\n  @ViewChild(SelectServerComponent, { static: false }) select_server: SelectServerComponent;\n  @ViewChild(IonToggle, { static: false }) detailstoggle: IonToggle;\n  @ViewChildren(IonSelect) ionSelects: QueryList<IonSelect>;\n\n  // form:\n\n  formGroup: FormGroup;\n  stage: number\n  option_stage: number;\n  expanded: Array<boolean>;\n  advanced_expanded: boolean;\n  deleted: boolean;\n\n  // draft poll data:\n\n  pd: { \n    pid?,\n    is_test?,\n    type?, language?, \n    title?, desc?, url?, \n    due_type?, due_custom?, \n    db?, db_from_pid?, db_custom_server_url?, db_custom_password?,\n    options?: option_data_t[] \n  };\n  get n_options() { return (this.pd.options||[]).length; }\n\n  // objects:\n\n  pid: string;\n\n  // other:\n\n  max = Math.max; // function used frequently in template\n\n  // LIFECYCLE:\n\n  show_details = false;\n  ready = false;  \n\n  constructor(\n    private router: Router,\n    private route: ActivatedRoute,\n    public formBuilder: FormBuilder, \n    private popover: PopoverController,\n    public alertCtrl: AlertController,\n    public G: GlobalService,\n    public translate: TranslateService,\n    private ref: ChangeDetectorRef\n  ) { \n    this.G.L.entry(\"DraftpollPage.constructor\");\n    this.route.params.subscribe( params => { \n      this.pid = params['pid'];\n      this.pd = JSON.parse(decodeURIComponent(params['pd']||\"{}\"));\n    } );\n  }\n  \n  ngOnInit() {\n    this.G.L.entry(\"DraftpollPage.ngOnInit\");\n    this.reset();\n  }\n\n  ionViewWillEnter() {\n    this.G.L.entry(\"DraftpollPage.ionViewWillEnter\");\n    this.G.D.page = this;\n    this.reset();\n  }\n\n  ionViewDidEnter() {\n    this.G.L.entry(\"DraftpollPage.ionViewDidEnter\");\n    if (this.G.D.ready && !this.ready) this.onDataReady();\n  }\n\n  onDataReady() {\n    this.G.L.entry(\"DraftpollPage.onDataReady\");\n    this.deleted = false;\n    if (!this.pid) {\n      this.stage = 0;\n      if (!this.pd) {\n        this.G.L.info(\"DraftpollPage editing new draft\");\n        this.pd = { db:'default' };\n      } else {\n        this.G.L.info(\"DraftpollPage editing draft with data\", this.pd);\n        this.pd.due_custom = (this.pd.due_custom||'')!=''?(new Date(this.pd.due_custom)):null;\n        this.pd.db = this.pd.db||'default';\n      }\n    } else if (this.pid in this.G.P.polls) {\n      if (this.G.P.polls[this.pid].state == 'draft') {\n        this.G.L.info(\"DraftpollPage editing existing draft\", this.pid);\n        // read data:\n        let p = this.G.P.polls[this.pid];\n        this.pd = { \n          pid:p.pid,\n          type:p.type, language:p.language,\n          title:p.title, desc:p.desc, url:p.url, \n          due_type:p.due_type, due_custom:p.due_custom, \n          db:p.db, db_from_pid:p.db_from_pid, db_custom_server_url:p.db_custom_server_url, db_custom_password:p.db_custom_password,\n          options: [] \n        };\n        this.stage = !(!!p.due_custom)?6:p.due_type?6:p.url!=''?4:p.desc!=''?3:p.title!=''?4:p.type?1:0;\n        for (let [oid, o] of Object.entries(p.options)) {\n          this.pd.options.push({ oid:oid, name:o.name, desc:o.desc, url:o.url });\n          this.stage = 6;\n          this.option_stage = 10;\n        }\n      } else {\n        this.G.L.warn(\"DraftpollPage non-draft pid ignored, generating new draft\");\n      }\n    } else {\n      this.G.L.warn(\"DraftpollPage unknown pid ignored, generating new draft\");\n    }\n    this.expanded = Array<boolean>(this.n_options);\n    this.advanced_expanded = false;\n    // fill form:\n    if (this.pd) {\n      this.formGroup.setValue({ \n        poll_type: this.pd.type||'',\n        poll_language: (this.pd.language||'')!=''?this.pd.language:this.G.S.language,\n        poll_title: this.pd.title||'', \n        poll_desc: this.pd.desc||'',\n        poll_url: this.pd.url||'', \n        poll_due_type: this.pd.due_type||'', \n        poll_due_custom: (!this.pd.due_custom)?'':this.pd.due_custom.toISOString(),\n      });\n      if (this.pd.language||this.pd.db_from_pid||this.pd.db_custom_server_url) {\n        this.advanced_expanded = true;\n      }\n      if (this.pd.desc||this.pd.url) {\n        this.show_details = true;\n      }\n      if (!this.pd.options) {\n        this.pd.options = [];\n      }\n      for (let [i, od] of this.pd.options.entries()) {\n        this.add_option_inputs(i);\n        this.formGroup.get('option_name'+i).setValue(od.name); \n        this.formGroup.get('option_desc'+i).setValue(od.desc); \n        this.formGroup.get('option_url'+i).setValue(od.url); \n        this.stage = 6;\n        this.option_stage = 10;\n        if (od.desc||od.url) {\n          this.show_details = true;\n        }\n      }\n    }\n    if (this.n_options==0) {\n      this.add_option({});\n      this.option_stage = 0;\n    }\n    // show the page:\n    this.ready = true;\n    // find select-server component and register us with it:\n    this.ref.detectChanges();\n    // make sure select-element values are translated properly:\n    this.ionSelects.map((select) => select.value = select.value);\n    // open the type selector?:\n    if (!this.formGroup.get('poll_type').value) {\n      this.type_select.open(new MouseEvent(\"click\"));\n    }\n  }\n\n  onSelectServerReady(select_server:SelectServerComponent) {\n    // called by SelectServerComponent is ready\n    this.select_server = select_server;\n    if (this.pd) {\n      this.select_server.selectServerFormGroup.setValue({\n        db: this.pd.db||'',\n        db_from_pid: this.pd.db_from_pid||'',\n        db_custom_server_url: this.pd.db_custom_server_url||'',\n        db_custom_password: this.pd.db_custom_password||'',\n      });\n    }\n  }\n\n  ionViewWillLeave() {\n    this.G.L.entry(\"DraftpollPage.ionViewWillLeave\");\n    // TODO: close/dismiss this.type_select, which is a popover\n    if ((this.pd.title||'')=='') {\n      this.G.L.info(\"DraftpollPage.ionViewWillLeave not saving empty title draft\");\n      // TODO: notify of deleted draft\n    } else if (!this.deleted) {\n      this.G.L.info(\"DraftpollPage.ionViewWillLeave saving draft\");\n      var p;\n      if (!this.pid) {\n        this.pid = (this.pd.is_test == true ? 'TEST_' : '') + this.G.P.generate_pid();\n      }\n      if (!(this.pid in this.G.P.polls)) {\n        // generate new poll object:\n        p = new Poll(this.G, this.pid);\n      } else {\n        p = this.G.P.polls[this.pid];\n      }\n      p.state = 'draft';\n      if (this.pd.is_test == true) {\n        p.is_test = true;\n      }\n      p.type = this.pd.type;\n      p.language = this.pd.language;\n      p.title = this.pd.title;\n      p.desc = this.pd.desc;\n      p.url = this.pd.url;\n      p.due_type = this.pd.due_type;\n      p.due_custom = this.pd.due_custom;\n      p.set_due();\n      p.db = this.pd.db;\n      p.db_from_pid = this.pd.db_from_pid;\n      p.db_custom_server_url = this.pd.db_custom_server_url;\n      p.db_custom_password = this.pd.db_custom_password;\n      let oids = [];\n      for (let od of this.pd.options) {\n        this.G.L.trace(\" storing option data\", od);\n        if ((od.name||'')!='') {\n          var o: Option;\n          if (!od.oid) {\n            od.oid = this.G.P.generate_oid(this.pid);\n            this.G.L.trace(\"  generated new oid\", od.oid);\n          }\n          if (!(od.oid in p.options)) {\n            // generate new options object:\n            this.G.L.trace(\"  creating new Option object\");\n            o = new Option(this.G, p, od.oid, od.name, od.desc, od.url);\n          } else {\n            o = p.options[od.oid];\n            this.G.L.trace(\"  reusing Option object\", o);\n            o.name = od.name;\n            o.desc = od.desc;\n            o.url = od.url;\n          }\n          oids.push(od.oid);\n          if (p.is_test && !!od.ratings) {\n            // mark poll as test poll and store ratings of simulated voters:\n            this.G.D.setp(this.pid, 'simulated_ratings.'+od.oid, JSON.stringify(od.ratings));\n          }\n        }\n      }\n      this.G.L.trace(\" oids now\", oids);\n      // remove deleted options from p:\n      for (let [oid, o] of Object.entries(p.options)) {\n        if (!oids.includes(oid)) {\n          this.G.L.trace(\" removing old option\", oid);\n          p.remove_option(oid);\n        }\n      }\n      // send local notification:\n      LocalNotifications.schedule({\n        notifications: [{\n          title: this.translate.instant(\"draftpoll.notification-saved-title\"),\n          body: p.title,\n          id: 1 // TODO: increment or leave out?\n        }]\n      })\n      .then(res => {\n        this.G.L.trace(\"DraftpollPage.ionViewWillLeave localNotifications.schedule succeeded:\", res);\n      }).catch(err => {\n        this.G.L.warn(\"DraftpollPage.ionViewWillLeave localNotifications.schedule failed:\", err);\n      });\n    }\n    this.G.L.trace(\"DraftpollPage.ionViewWillLeave D.pids:\", [...this.G.D.pids]);\n    this.G.L.exit(\"DraftpollPage.ionViewWillLeave\");\n  }\n\n  ionViewDidLeave() {\n    this.G.L.entry(\"DraftpollPage.ionViewDidLeave\");\n    this.G.D.save_state();\n    this.ready = false; // so that when returning, onDataReady will again be triggered\n    this.G.L.exit(\"DraftpollPage.ionViewDidLeave\");\n  }\n\n  // OTHER HOOKS:\n\n  // for DataService:\n\n  onDataChange() {\n    // called whenever data stored in database has changed\n    this.G.L.entry(\"DraftpollPage.onDataChange\");\n    // TODO: what?\n  }\n\n  // for form actions:\n\n  set_poll_type() {\n    let c = this.formGroup.get('poll_type');\n    if (c.valid) this.pd.type = c.value;\n  }\n\n  set_poll_language() {\n    let c = this.formGroup.get('poll_language');\n    if (c.valid) this.pd.language = c.value;\n  }\n\n  set_poll_title() {\n    let c = this.formGroup.get('poll_title');\n    if (c.valid) this.pd.title = c.value;\n  }\n\n  set_poll_desc() {\n    let c = this.formGroup.get('poll_desc');\n    if (c.valid) this.pd.desc = c.value;\n  }\n\n  set_poll_url() {\n    let c = this.formGroup.get('poll_url');\n    if (c.valid) this.pd.url = c.value;\n  }\n\n  set_poll_due_type() {\n    let c = this.formGroup.get('poll_due_type');\n    if (c.valid) this.pd.due_type = c.value;\n  }\n\n  set_poll_due_custom() {\n    this.G.P.update_ref_date();\n    let c = this.formGroup.get('poll_due_custom');\n    if (c.valid) this.pd.due_custom = new Date(c.value);\n  }\n\n  set_option_name(i: number) {\n    let c = this.formGroup.get('option_name'+i);\n    this.G.L.trace(\"set_option_name\",i,c.value);\n    if (c.valid) this.pd.options[i].name = c.value;\n    this.G.L.trace(\"set_option_name result\",this.pd.options,this.pd.options[i]);\n  }\n\n  set_option_desc(i: number) {\n    let c = this.formGroup.get('option_desc'+i);\n    if (c.valid) this.pd.options[i].desc = c.value;\n  }\n\n  set_option_url(i: number) {\n    let c = this.formGroup.get('option_url'+i);\n    if (c.valid) this.pd.options[i].url = c.value;\n  }\n\n  // selectServer component hooks:\n\n  set_db(value: string) {\n    this.pd.db = value;\n  }\n\n  set_db_from_pid(value: string) {\n    this.pd.db_from_pid = value;\n  }\n\n  set_db_custom_server_url(value: string) {\n    this.pd.db_custom_server_url = value;\n  }\n\n  set_db_custom_password(value: string) {\n    this.pd.db_custom_password = value;\n  }\n\n  // focus management:\n\n  set_focus(input_element_id: string) {\n    /** set the focus to a certain IonInput element after 100 ms */\n    setTimeout(() => {\n      const next_input_element = <IonInput><unknown>document.getElementById(input_element_id);\n      if (!!next_input_element) {\n        next_input_element.setFocus();\n      }\n    }, 100);  \n  }\n\n  open_due_select() {\n    // TODO: find a way to open it so that the title is still visible. \n    /**/\n    setTimeout(() => {\n      (<IonSelect><unknown>document.getElementById('due_select')).open(new MouseEvent(\"click\"));\n    }, 100);\n    /**/\n  }\n\n  open_due_custom() {\n    setTimeout(() => {\n      (<IonDatetime><unknown>document.getElementById('poll_due_custom')).open();\n    }, 100);\n  }\n\n  changed_poll_type() {\n    if (this.stage < 1) {\n      this.stage = Math.max(this.stage, 1);    \n      this.set_focus('input_poll_title');  \n    }\n  }\n\n  blur_poll_title() {\n    if (!this.formGroup.get('poll_title').valid) {\n      this.set_focus('input_poll_title');\n    }\n  }\n\n  poll_title_onKeydown(ev: KeyboardEvent) {\n    if (is_forward_key(ev)) {\n      if (this.formGroup.get('poll_title').valid) {\n        if (this.stage < 2) {\n          this.stage = this.show_details ? 2 : 4;\n        }\n        if (this.show_details) {\n          this.set_focus('input_poll_desc');\n        } else {\n          this.open_due_select();\n        }\n      } else {\n        this.set_focus('input_poll_title');\n      }  \n    }\n  }\n\n  blur_poll_desc() {\n  }\n\n  poll_desc_onKeydown(ev: KeyboardEvent) {\n    if (is_forward_key(ev)) {\n      if (this.stage < 3) {\n        this.stage = 3;\n        this.set_focus('input_poll_url');  \n      }  \n    }\n  }\n\n  blur_poll_url() {\n    if (!this.formGroup.get('poll_url').valid) {\n      this.set_focus('input_poll_url');\n    }\n  }\n\n  poll_url_onKeydown(ev: KeyboardEvent) {\n    if (is_forward_key(ev)) {\n      if (this.formGroup.get('poll_url').valid) {\n        if (this.stage < 4) {\n          this.stage = Math.max(this.stage, 4);\n        }\n        this.open_due_select(); // TODO: open select for due type      \n      } else {\n        this.set_focus('input_poll_url');\n      }  \n    }\n  }\n\n  changed_due_type() {\n    if (this.stage < 5) {\n      if (this.formGroup.get('poll_due_type').value == 'custom') {\n        this.stage = 5;\n        this.open_due_custom();\n      } else {\n        this.stage = 6;\n        this.set_focus('input_option_name0');\n      }\n    }\n  }\n\n  changed_poll_due_custom() {\n    if (this.formGroup.get('poll_due_custom').valid) {\n      if (this.stage < 6) {\n        this.stage = 6;\n        this.set_focus('input_option_name0');\n      }  \n    }\n  }\n\n  blur_option_name(i: number) {\n    if (!this.formGroup.get('option_name'+i).valid) {\n      this.set_focus('input_option_name'+i);\n    }\n  }\n\n  option_name_onKeydown(ev: KeyboardEvent, i: number, show_details: boolean) {\n    if (is_forward_key(ev)) {\n      if (this.formGroup.get('option_name'+i).valid) {\n        if (show_details) {\n          this.option_stage = this.max(this.option_stage, 1);\n          this.expanded[i] = true;\n          this.set_focus('input_option_desc'+i);\n        } else if (i == this.n_options - 1) {\n          this.next_option(i);\n        }\n      } else {\n        this.set_focus('input_option_name'+i);\n      }  \n    }\n  }\n\n  blur_option_desc(i: number) {\n    if (!this.formGroup.get('option_desc'+i).valid) {\n      this.set_focus('input_option_desc'+i);\n    }\n  }\n\n  option_desc_onKeydown(ev: KeyboardEvent, i: number) {\n    if (is_forward_key(ev)) {\n      if (this.formGroup.get('option_desc'+i).valid) {\n        this.option_stage = Math.max(this.option_stage, 2);\n        this.set_focus('input_option_url'+i);\n      } else {\n        this.set_focus('input_option_desc'+i);\n      }  \n    }\n  }\n\n  blur_option_url(i: number) {\n    if (!this.formGroup.get('option_url'+i).valid) {\n      this.set_focus('input_option_url'+i);\n    }\n  }\n  \n  option_url_onKeydown(ev: KeyboardEvent, i: number) {\n    if (is_forward_key(ev)) {\n      if (this.formGroup.get('option_url'+i).valid) {\n        if (i == this.n_options - 1) {\n          this.next_option(i);\n        } else {\n          this.set_focus('input_option_name'+(i+1));\n        }\n      } else {\n        this.set_focus('input_option_url'+i);\n      }  \n    }\n  }\n\n  next_option(i: number) {\n    this.option_stage = this.max(this.option_stage, 3);\n    this.expanded[i] = false;\n    this.add_option({});\n    this.set_focus('input_option_name'+(i+1));\n  }\n\n  async del_poll_dialog() { \n    const confirm = await this.alertCtrl.create({ \n      message: this.translate.instant(\n        \"draftpoll.del-poll-confirm-question\"), \n      buttons: [\n        { \n          text: this.translate.instant('cancel'), \n          role: 'Cancel',\n          handler: () => { \n            console.log('Confirm Cancel.');  \n          } \n        },\n        { \n          text: this.translate.instant('OK'),\n          role: 'Ok', \n          handler: () => {\n            this.del_draft();\n          } \n        } \n      ] \n    }); \n    await confirm.present(); \n  } \n\n  async del_option_dialog(i: number) { \n    const confirm = await this.alertCtrl.create({ \n      message: this.translate.instant(\n        this.formGroup.get('poll_type').value == 'choice' \n          ? \"draftpoll.del-option-confirm-question\" \n          : \"draftpoll.del-target-confirm-question\", \n        { name: this.formGroup.get('option_name'+i).value }), \n      buttons: [\n        { \n          text: this.translate.instant('cancel'), \n          role: 'Cancel',\n          handler: () => { \n            console.log('Confirm Cancel.');  \n          } \n        },\n        { \n          text: this.translate.instant('OK'),\n          role: 'Ok', \n          handler: () => {\n            this.del_option(i);\n          } \n        } \n      ] \n    }); \n    await confirm.present(); \n  } \n\n  no_more() {\n    if ((this.formGroup.get('option_name'+(this.n_options-1)).value||'')=='') {\n      this.option_stage = 10;\n      this.del_option(this.n_options-1);\n    }\n  }\n\n  new_option() {\n    this.option_stage = 0;\n    this.add_option({});\n  }\n  \n  // kebap:\n\n  showkebap(event: Event) {\n    this.popover.create({\n        event, \n        component: DraftpollKebapPage, \n        translucent: true,\n        showBackdrop: false,\n        cssClass: 'kebap',\n        componentProps: {parent: this}\n      })\n      .then((popoverElement)=>{\n        popoverElement.present();\n      })\n  }\n\n  send4review() { \n    this.G.L.warn(\"DraftpollPage.send4review not yet implemented!\");\n  }\n\n  async import_csv_dialog() { \n    const confirm = await this.alertCtrl.create({ \n      header: this.translate.instant('draftpoll.import-options-header'), \n      message: this.translate.instant(\"draftpoll.import-options-msg\"), \n      buttons: [\n        { \n          text: this.translate.instant('cancel'), \n          role: 'Cancel',\n          handler: () => { \n            console.log('Confirm Cancel.');  \n          } \n        },\n        { \n          text: this.translate.instant('choose-file'),\n          role: 'Ok', \n          handler: () => {\n            // open the file chooser by simulating a click to the hidden form field:\n            document.getElementById(\"choosefile\").click();\n          } \n        } \n      ] \n    }); \n    await confirm.present(); \n  } \n\n  // ready button:\n\n  ready_button_clicked() {\n    this.formGroup.get('poll_due_custom').updateValueAndValidity();\n    if (this.formGroup.valid) {\n      if (!this.pid) {\n        this.pid = (this.pd.is_test == true ? 'TEST_' : '') + this.G.P.generate_pid();\n      }\n      this.router.navigate(['/previewpoll/'+this.pid]);\n    }\n  }\n\n  // OTHER METHODS:\n\n  private reset() {\n    this.formGroup = this.formBuilder.group({\n      poll_type: new FormControl('', Validators.required),\n      poll_language: new FormControl(''),\n      poll_title: new FormControl('', Validators.required),\n      poll_desc: new FormControl(''),\n      poll_url: new FormControl('', Validators.pattern(this.G.urlRegex)),\n      poll_due_type: new FormControl('', Validators.required),\n      poll_due_custom: new FormControl('', this.allowed_date.bind(this)),\n    });\n    this.G.P.update_ref_date();\n  }\n\n  private del_draft() {\n    // TODO!\n    if (this.pid) {\n      this.G.P.polls[this.pid].delete();\n    }\n    this.deleted = true;\n    this.router.navigate([\"/mypolls\"]);\n  }\n\n  import_csv(event: Event) {\n    const file = (event.target as HTMLInputElement).files[0];\n    const reader = new FileReader();\n    const page = this;\n    reader.onload = function (event) {\n      const content = event.target.result as string;\n      for (var row of content.split(\"\\n\")) {\n        // TODO: improve csv parser!\n        var cols = row.split(/\\s*\"\\s*,\\s*\"\\s*/);\n        if (cols.length>0) {\n          cols[0] = cols[0].slice(cols[0].indexOf('\"')+1);\n          cols[cols.length-1] = cols[cols.length-1].slice(0, cols[cols.length-1].indexOf('\"'));\n          cols = cols.map(c => c.trim());\n          if (cols[0] != \"\") {\n            page.no_more();\n            if (cols.length==1) { \n              page.add_option({ name:cols[0] });\n            } else if (cols.length==2) { \n              page.add_option({ name:cols[0], desc:cols[1] });\n              page.detailstoggle.checked = true;\n            } else { \n              page.add_option({ name:cols[0], desc:cols[1], url:cols[2]}); \n              page.detailstoggle.checked = true;\n            }\n            page.stage = 10;\n            page.option_stage = 10;\n          }\n        }\n      }\n    }\n    reader.readAsText(file);\n  }\n\n  restart_with_data(spec: string) {\n    this.G.L.info(\"DraftpollPage.restart_with_data\", spec);\n    this.router.navigate(['/draftpoll/use/'+encodeURIComponent(spec)]);\n  }\n\n  private add_option(od: option_data_t) {\n    let i = this.n_options;\n    this.pd.options.push(od);\n    this.add_option_inputs(i);\n    this.formGroup.get('option_name'+i).setValue(od.name); \n    this.formGroup.get('option_desc'+i).setValue(od.desc); \n    this.formGroup.get('option_url'+i).setValue(od.url); \n  }\n\n  private add_option_inputs(i:number) {\n    this.formGroup.addControl('option_name'+i, new FormControl(\"\", Validators.required));\n    this.formGroup.addControl('option_desc'+i, new FormControl(\"\"));\n    this.formGroup.addControl('option_url'+i, new FormControl(\"\", Validators.pattern(this.G.urlRegex)));\n    this.option_stage = 0;\n  }\n  \n  private del_option(i: number) {\n    // move metadata of options i+1,i+2,... back one slot to i,i+1,...:\n    for (let j=i+1; j<this.n_options; j++) {\n      this.formGroup.get('option_name'+(j-1)).setValue(this.formGroup.get('option_name'+j).value); \n      this.formGroup.get('option_desc'+(j-1)).setValue(this.formGroup.get('option_desc'+j).value); \n      this.formGroup.get('option_url'+(j-1)).setValue(this.formGroup.get('option_url'+j).value); \n      this.pd.options[j-1] = this.pd.options[j];\n    }\n    // remove last:\n    let j = this.n_options-1;\n    this.formGroup.removeControl('option_name'+j);\n    this.formGroup.removeControl('option_desc'+j);\n    this.formGroup.removeControl('option_url'+j);\n    this.pd.options.pop();\n  }\n\n  now() { return new Date(); }\n\n  private allowed_date(control: AbstractControl): ValidationErrors | null {\n    if (control && control.value) {\n      const value = new Date(control.value);\n      // check whether in past:\n      if (this.G.P.ref_date >= value)\n      {\n          return {past: true};\n      }\n      // check whether too far in future:\n      if (this.get_max_due() < value)\n      {\n          return {too_late: true};\n      }\n      return null;\n    }\n  }\n\n  get_max_due() {\n    const last = new Date(this.G.P.ref_date.valueOf());\n    last.setDate(last.getDate() + this.E.polls.max_duration_days);\n    return last;\n  }\n\n  // CONSTANTS:\n\n  validation_messages = {\n    'poll_type': [\n      { type: 'required', message: 'validation.poll-type-required' },\n    ],\n    'poll_language': [\n    ],\n    'poll_title': [\n      { type: 'required', message: 'validation.poll-title-required' },\n    ],\n    'poll_desc': [\n    ],\n    'poll_url': [\n      { type: 'pattern', message: 'validation.poll-url-valid' },\n    ],\n    'poll_due_type': [\n      { type: 'required', message: 'validation.poll-due-type-required' },\n    ],\n    'poll_due_custom': [\n      { message: 'validation.poll-due-future' },\n    ],\n    'option_name': [\n      { type: 'required', message: 'validation.option-name-required' },\n    ],\n    'option_desc': [\n    ],\n    'option_url': [\n      { type: 'pattern', message: 'validation.option-url-valid' },\n    ],\n  }\n  \n}\n","/*\n(C) Copyright 2015–2022 Potsdam Institute for Climate Impact Research (PIK), authors, and contributors, see AUTHORS file.\n\nThis file is part of vodle.\n\nvodle is free software: you can redistribute it and/or modify it under the \nterms of the GNU Affero General Public License as published by the Free \nSoftware Foundation, either version 3 of the License, or (at your option) \nany later version.\n\nvodle is distributed in the hope that it will be useful, but WITHOUT ANY \nWARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR \nA PARTICULAR PURPOSE. See the GNU Affero General Public License for more \ndetails.\n\nYou should have received a copy of the GNU Affero General Public License \nalong with vodle. If not, see <https://www.gnu.org/licenses/>. \n*/\n\nimport { NgModule } from '@angular/core';\nimport { Routes, RouterModule } from '@angular/router';\n\nimport { DraftpollPage } from './draftpoll.page';\n\nconst routes: Routes = [\n  {\n    path: '',\n    component: DraftpollPage\n  }\n];\n\n@NgModule({\n  imports: [RouterModule.forChild(routes)],\n  exports: [RouterModule],\n})\nexport class DraftpollPageRoutingModule {}\n","/*\n(C) Copyright 2015–2022 Potsdam Institute for Climate Impact Research (PIK), authors, and contributors, see AUTHORS file.\n\nThis file is part of vodle.\n\nvodle is free software: you can redistribute it and/or modify it under the \nterms of the GNU Affero General Public License as published by the Free \nSoftware Foundation, either version 3 of the License, or (at your option) \nany later version.\n\nvodle is distributed in the hope that it will be useful, but WITHOUT ANY \nWARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR \nA PARTICULAR PURPOSE. See the GNU Affero General Public License for more \ndetails.\n\nYou should have received a copy of the GNU Affero General Public License \nalong with vodle. If not, see <https://www.gnu.org/licenses/>. \n*/\n\nimport { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\nimport { TranslateModule } from '@ngx-translate/core';\n\nimport { IonicModule } from '@ionic/angular';\n\nimport { DraftpollPageRoutingModule } from './draftpoll-routing.module';\nimport { SharedcomponentsModule } from '../sharedcomponents/sharedcomponents.module';\n\nimport { DraftpollPage } from './draftpoll.page';\nexport { DraftpollPage } from './draftpoll.page';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    FormsModule,\n    IonicModule,\n    ReactiveFormsModule,\n    DraftpollPageRoutingModule,\n    SharedcomponentsModule,\n    TranslateModule.forChild()\n  ],\n  declarations: [DraftpollPage]\n})\nexport class DraftpollPageModule {}\n"],"sourceRoot":"webpack:///","file":"9701.4c52363c13f73908.js"}
\ No newline at end of file
diff --git a/examples/auto.csv b/examples/auto.csv
new file mode 100644
index 000000000..b74de0222
--- /dev/null
+++ b/examples/auto.csv
@@ -0,0 +1,7 @@
+"Kleinwagen Benziner"
+"SUV"
+"Hybrid"
+"E-Auto"
+"Lastenfahrrad"
+"kein eigenes, aber Car-Sharing"
+"gar kein Auto"
\ No newline at end of file
diff --git a/examples/firmenstandort.csv b/examples/firmenstandort.csv
new file mode 100644
index 000000000..aa34392c3
--- /dev/null
+++ b/examples/firmenstandort.csv
@@ -0,0 +1,7 @@
+"Zentral, repräsentativ, Einzelbüros"
+"Zentral, repräsentativ, Großraumbüro"
+"Zentral, repräsentativ, Desk Sharing und Home Office"
+"Gewerbegebiet, Einzelbüros"
+"Gewerbegebiet, Großraumbüro"
+"Gewerbegebiet, Desk Sharing und Home Office"
+"Komplett Home Office und Videokonferenzen"
\ No newline at end of file
diff --git a/examples/heizung.csv b/examples/heizung.csv
new file mode 100644
index 000000000..3a61607dd
--- /dev/null
+++ b/examples/heizung.csv
@@ -0,0 +1,6 @@
+"Gasbrennwerttherme"
+"Holzpelletheizung"
+"Luftwärmepumpe"
+"Erdwärmepumpe"
+"Elektroradiatoren"
+"Brennstoffzelle"
\ No newline at end of file
diff --git a/examples/wohnen.csv b/examples/wohnen.csv
new file mode 100644
index 000000000..16ee88f71
--- /dev/null
+++ b/examples/wohnen.csv
@@ -0,0 +1,11 @@
+"Fertige Altbauwohnung"
+"Fertige Neubauwohnung"
+"Fertiges Einfamilienhaus Massivbau"
+"Fertiges Einfamilienhaus Holzständerbauweise mit klassischer Polystyrol-Dämmung"
+"Fertiges Einfamilienhaus Holzständerbauweise mit natürlichen Dämmstoffen"
+"Neubau Eigenheim Massivbau"
+"Neubau Eigenheim Holzständerbauweise mit klassischer Polystyrol-Dämmung"
+"Neubau Eigenheim Holzständerbauweise mit natürlichen Dämmstoffen"
+"Wohnprojekt Altbau Sanierung / Umbau"
+"Wohnprojekt Neubau"
+"Alternatives Wohnprojekt / Kommune / Groß-Wohngemeinschaft"
\ No newline at end of file
diff --git a/src/app/draftpoll/draftpoll.page.html b/src/app/draftpoll/draftpoll.page.html
index 4e1b6c46c..18dc0644a 100644
--- a/src/app/draftpoll/draftpoll.page.html
+++ b/src/app/draftpoll/draftpoll.page.html
@@ -211,7 +211,9 @@
             [cancelText]="'cancel'|translate" [okText]="'OK'|translate" 
             #ionSelects tabindex="0" required 
             (ionChange)="set_poll_due_type();changed_due_type()">
-          <ion-select-option value="custom" [innerHtml]="'draftpoll.due-type-custom'|translate"></ion-select-option>
+        <!-- FIXME: apparently the ion-datetime is broken, so we need to disable this option until that is fixed: -->
+            <ion-select-option value="custom" [innerHtml]="'draftpoll.due-type-custom'|translate"></ion-select-option>
+            <!---->
           <ion-select-option value="10min" [innerHtml]="'draftpoll.due-type-10min'|translate"></ion-select-option>
           <ion-select-option value="hour" [innerHtml]="'draftpoll.due-type-hour'|translate"></ion-select-option>
           <ion-select-option value="24hr" [innerHtml]="'draftpoll.due-type-24hr'|translate"></ion-select-option>