Open-ILS/src/eg2/src/app/staff/admin/local/survey/survey-edit.component.html

   1 <eg-staff-banner bannerText="Survey ID # {{surveyId}}" i18n-bannerText
   2                 class="mb-3"></eg-staff-banner>
   3 <ngb-tabset #surveyTabs [activeId]="surveyTab" (tabChange)="onTabChange($event)" class="mb-3">
   4     <ngb-tab title="Edit Survey" i18n-title id="edit">
   5         <ng-template ngbTabContent>
   6             <div class="col-lg-6 offset-lg-3 mt-3">
   7                 <div style="text-align: center;">
   8                     <button class="p-2 mb-3 btn btn-danger btn-lg"
   9                     (click)="endSurvey()" i18n>
  10                         End Survey Now
  11                     </button>
  12                 </div>
  13                 <eg-fm-record-editor displayMode="inline"
  14                     hiddenFieldsList="id"
  15                     datetimeFieldsList="start_date,end_date"
  16                     idlClass="asv"
  17                     mode="update"
  18                     [record]="surveyObj">
  19                 </eg-fm-record-editor>
  20             </div>
  21         </ng-template>
  22     </ngb-tab>
  23     <ngb-tab title="Questions and Answers" i18n-title id="qanda">
  24         <ng-template ngbTabContent>
  25             <div class="col-lg-8 offset-lg-2 mt-3">
  26                 <eg-staff-banner bannerText="Questions & Answers" i18n-bannerText>
  27                     </eg-staff-banner>
  28                 <div *ngFor="let question of localArray; let questionIndex = index;">
  29                     <div class="mb-3 mt-3 p-2 bg-light input-group">
  30                         <label class="input-group-text">
  31                             <b>Question</b>
  32                         </label>
  33                         <input type="text" [(ngModel)]="question.words" class="form-control"
  34                             name="question-{{questionIndex}}">
  35                         <span class="input-group-append">
  36                             <button class="ml-2 btn btn-info"
  37                                 (click)="updateQuestion(question)" i18n>
  38                                 Save
  39                             </button>
  40                             <button class="ml-1 btn btn-danger"
  41                                 (click)="deleteQuestion(question)" i18n>
  42                                 Delete Question & Answers
  43                             </button>
  44                         </span>
  45                     </div>
  46                     <div *ngFor="let answer of question.answers; let answerIndex = index;"
  47                         class="mb-2 input-group">
  48                         <input class="form-control" type="text"
  49                             [(ngModel)]="answer.words"
  50                             name="answer-{{questionIndex}}-{{answerIndex}}">
  51                         <span class="input-group-append">
  52                             <button class="ml-2 btn btn-info"
  53                                 (click)="updateAnswer(answer, question, questionIndex, answerIndex)"
  54                                 i18n>
  55                                 Save
  56                             </button>
  57                             <button class="ml-1 btn btn-danger" (click)="deleteAnswer(answer)"
  58                                 i18n>
  59                                 Delete
  60                             </button>
  61                         </span>
  62                     </div>
  63                     <div class="mb-2 input-group">
  64                         <input class="form-control" type="text"
  65                             [(ngModel)]="newAnswerArray[questionIndex].inputText"
  66                                 value="">
  67                         <span class="input-group-append">
  68                             <button class="ml-2 btn btn-info"
  69                                 (click)="createAnswer(newAnswerArray[questionIndex].inputText, question)"
  70                                 i18n>
  71                                 Add Answer
  72                             </button>
  73                         </span>
  74                     </div>
  75                 </div>
  76                 <div class="mb-3 mt-3 p-2 bg-light input-group">
  77                     <label class="input-group-text">
  78                         <b>New Question</b>
  79                     </label>
  80                     <input #newQuestionInput
  81                         class="form-control"
  82                         type="text"
  83                         [(ngModel)]="newQuestionText"
  84                         name="question-new" value="">
  85                     <span class="input-group-append">
  86                         <button class="ml-2 btn btn-info"
  87                             (click)="createQuestion(newQuestionText)" i18n>
  88                             Save Question & Add Answer
  89                         </button>
  90                     </span>
  91                 </div>
  92             </div>
  93         </ng-template>
  94     </ngb-tab>
  95 </ngb-tabset>
  96
  97 <eg-string #createAnswerString i18n-text text="New Answer Added"></eg-string>
  98 <eg-string #createAnswerErrString i18n-text text="Failed to Create New Answer">
  99     </eg-string>
 100 <eg-string #createQuestionString i18n-text text="New Question Added"></eg-string>
 101 <eg-string #createQuestionErrString i18n-text text="Failed to Create New Question">
 102     </eg-string>
 103 <eg-string #delAnswerSuccessStr i18n-text text="Survey Answer deleted">
 104     </eg-string>
 105 <eg-string #delAnswerFailStr i18n-text text="Survey Answer deletion failed">
 106     </eg-string>
 107 <eg-string #delQuestionSuccessStr i18n-text text="Survey Question deleted">
 108     </eg-string>
 109 <eg-string #delQuestionFailStr i18n-text text="Survey Question deletion failed">
 110     </eg-string>
 111 <eg-string #updateAnswerSuccessStr i18n-text text="Survey Answer updated">
 112     </eg-string>
 113 <eg-string #updateAnswerFailStr i18n-text text="Survey Answer update failed">
 114     </eg-string>
 115 <eg-string #updateQuestionSuccessStr i18n-text text="Survey Question updated">
 116     </eg-string>
 117 <eg-string #updateQuestionFailStr i18n-text text="Survey Question update failed">
 118     </eg-string>
 119 <eg-string #endSurveyFailedString i18n-text
 120     text="Ending Survey failed or was not allowed"></eg-string>
 121 <eg-string #endSurveySuccessString i18n-text text="Survey ended"></eg-string>
 122 <eg-string #questionAlreadyStartedErrString i18n-text
 123     text="The survey Start Date must be set for the future to add new questions or modify existing questions.">
 124     </eg-string>