users should not be able to add new options shortly before poll ends …

src/app/addoption-dialog/addoption-dialog.page.html

@@ -49,7 +49,7 @@ <h1 [innerHtml]="'addoption.header'|translate"></h1>
                           : 'draftpoll.target-name-placeholder') | translate"
           type="text" required [maxlength]="E.max_len.name" 
           style="font-weight: bold; font-style: italic;">
-        </ion-input>      
+        </ion-input>
       </ion-item>
       <div class="validation-errors">
         <ng-container *ngFor="let validation of validation_messages.option_name">
@@ -125,14 +125,22 @@ <h1 [innerHtml]="'addoption.header'|translate"></h1>
             <ion-icon name="arrow-back-outline"></ion-icon>&nbsp;
             <span [innerHtml]="'cancel'|translate"></span>
           </ion-button>&nbsp;&nbsp;
-          <ion-button color="primary" [disabled]="!formGroup.valid"
+          <ion-button color="primary" [disabled]="isAddButtonDisabled()"
               shape="round" fill="solid"
               (click)="OK_button_clicked()"><!--type="submit" button-type="submit"-->
             <ion-icon name="checkmark"></ion-icon>&nbsp;
             <span [innerHtml]="'add'|translate"></span>
           </ion-button>
         </ion-buttons>
       </ion-item>
+      <div class="validation-errors">
+        <ng-container>
+          <div class="error-message"
+               *ngIf="!this.p.can_add_option()"
+               [innerHtml]="'poll.add-option-expired'|translate">
+          </div>
+        </ng-container>
+      </div>
       <ion-item lines="none">
         <small [innerHtml]="'addoption.info' | translate"></small>
       </ion-item>

src/app/addoption-dialog/addoption-dialog.page.ts

@@ -91,6 +91,11 @@ export class AddoptionDialogPage implements OnInit {
     setTimeout(() => this.focus_element.setFocus(), 100);
   }
 
+  isAddButtonDisabled(): boolean {
+      // Combine both conditions here
+      return !this.formGroup.valid || !this.p.can_add_option();
+    }
+
   OK_button_clicked() {
     /** add the option */
     const name = this.formGroup.get('option_name').value,

src/app/poll.service.ts

@@ -1914,6 +1914,15 @@ export class Poll {
     this.final_rand = rand;
   }
 
+  can_add_option(): boolean {
+     if (this.remaining_time_fraction > environment.no_more_options_time_fraction){
+         return true;
+       } else {
+         return false;
+       }
+  }
+
+
 
 }
 

src/app/poll/poll.page.html

@@ -930,12 +930,15 @@ <h3><b>
       <ng-container *ngIf="p.allow_voting">
         <ion-item lines="none" class="ion-no-padding" style="padding-left: 10px; padding-top: 10px;">
           <ion-fab-button 
-            size="small" (click)="add_option($event)" fill="clear" color="primary">
+            size="small" (click)="add_option($event)" fill="clear" color="primary"
+            [disabled]="!p.can_add_option()">
             <ion-icon name="add"></ion-icon>
+
           </ion-fab-button>
-          <ion-button 
+          <ion-button
             class="ion-no-padding ion-no-margin" fill="clear" (click)="add_option($event)"
-            [innerHtml]="'poll.add-option' | translate"> 
+            [innerHtml]="'poll.add-option' | translate"
+            [disabled]="!p.can_add_option()">
           </ion-button>
         </ion-item>
         <ion-item lines="none" style="padding-bottom: 10px!important;">

src/app/poll/poll.page.ts

@@ -786,6 +786,9 @@ export class PollPage implements OnInit {
   } 
 
   add_option(event: Event) {
+    if(!this.p.can_add_option()){
+      return;
+    }
     /** open the add option dialog popover */
     this.p.end_if_past_due();
     if (this.p.allow_voting) {

src/assets/i18n/en.json

@@ -601,7 +601,8 @@
         "explain": "Explain",
         "add-option": "Add option",
         "add-option-info": "If you believe some important option is missing and is not covered by any of the listed options, you can add it. Once added, options cannot be edited or removed again, however.",
-        "sorting": "Sorting options by approval..."
+        "sorting": "Sorting options by approval...",
+        "add-option-expired": "Time to add new options has expired."
     },
     "previewpoll": {
         "_COMMENT_SECTION_": "[COMMENT] strings used on the Please Check (Poll Preview) page:",

src/environments/environment.ts

@@ -55,6 +55,7 @@ export const environment = {
     enabled: false,
     max_weight: 3
   },
+  no_more_options_time_fraction: 1/14,
   db_put_retry_delay_ms: 100,
   default_lang: "en",
   github_url: "https://github.com/pik-gane/vodle/",