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