Create new question in the edit questionnaire created

This commit is contained in:
Qais Yousuf 2024-03-25 09:53:39 +01:00
parent 57ebc7119a
commit 4b6f367545

View file

@ -46,7 +46,7 @@
<input type="hidden" asp-for="Questions[i].Id" /> <input type="hidden" asp-for="Questions[i].Id" />
<div class="question-title"> <div class="question-title">
@Model.Questions[i].Text @Model.Questions[i].Text
<button type="button" class="btn btn-primary m-4 btn-sm editQuestion"><i class="bi bi-pencil-square"></i> Edit question</button>| <button type="button" class="btn btn-primary m-4 btn-sm shadow editQuestion"><i class="bi bi-pencil-square"></i> Edit question</button>|
</div> </div>
<div class="question-details" style="display: none;"> <div class="question-details" style="display: none;">
@ -74,13 +74,13 @@
</div> </div>
} }
</div> </div>
<button type="button" class="btn btn-success btn-sm mb-1 addAnswer"><i class="bi bi-plus-square"></i> Add new Answer</button> <button type="button" class="btn btn-success btn-sm mb-1 shadow addAnswer"><i class="bi bi-plus-square"></i> Add new Answer</button>
</div> </div>
<button type="button" class="btn btn-primary btn-ms ml-5 mt-3 saveQuestion" style="display: none;"><i class="bi bi-floppy"></i> Save question</button> <button type="button" class="btn btn-primary btn-ms ml-5 mt-3 shadow saveQuestion" style="display: none;"><i class="bi bi-floppy"></i> Save question</button>
<!-- Remove Question Button --> <!-- Remove Question Button -->
<div class="d-block"> <div class="d-block">
@Model.Questions[i].Text @Model.Questions[i].Text
<button type="button" class="btn btn-danger btn-sm mt-2 removeQuestion"><i class="bi bi-trash"></i> Remove question</button> <button type="button" class="btn btn-danger btn-sm mt-2 shadow removeQuestion"><i class="bi bi-trash"></i> Remove question</button>
</div> </div>
@ -91,10 +91,10 @@
</div> </div>
</div> </div>
<button type="button" class="btn btn-success mt-3" id="addNewQuestion"><i class="bi bi-plus"></i> Add New Question</button> <button type="button" class="btn btn-success btn-sm ml-4 mt-3 shadow" id="addNewQuestion"><i class="bi bi-plus"></i> Add New Question</button>
<div class="m-4"> <div class="m-4">
<button type="submit" class="btn btn-primary">Update questionnaire</button> <button type="submit" class="btn btn-primary btn-sm shadow">Update questionnaire</button>
| <a asp-action="Index" class="btn btn-info">Back to list</a> | <a asp-action="Index" class="btn btn-info btn-sm shadow">Back to list</a>
</div> </div>
</form> </form>
</div> </div>
@ -201,11 +201,8 @@
</div> </div>
</div> </div>
<div class="question-title" style="display:none;"> <div class="question-title" style="display:none;">
<input type="text" name="NewQuestions[${newQuestionIndex}].Text" class="form-control" placeholder="Enter question text"> <h6 class="text-success">Question created</h6>
<select name="NewQuestions[${newQuestionIndex}].Type" class="form-control"> <button type="button" class="btn btn-primary btn-ms ml-5 mt-3 editQuestion"><i class="bi bi-floppy"></i> Edit question</button>
<option value="0">Multiple Choice</option>
<option value="1">Text</option>
</select>
</div> </div>
<div class="question-details"> <div class="question-details">
<div class="form-group"> <div class="form-group">
@ -228,7 +225,7 @@
</div> </div>
<button type="button" class="btn btn-success btn-sm mb-1 addAnswer"><i class="bi bi-plus-square"></i> Add new Answer</button> <button type="button" class="btn btn-success btn-sm mb-1 addAnswer"><i class="bi bi-plus-square"></i> Add new Answer</button>
</div> </div>
<button type="button" class="btn btn-primary btn-ms ml-5 mt-3 saveQuestion" style="display: none;"><i class="bi bi-floppy"></i> Save question</button> <button type="button" class="btn btn-primary btn-ms ml-5 mt-3 saveQuestion"><i class="bi bi-floppy"></i> Save question</button>
<div class="d-block"> <div class="d-block">
<button type="button" class="btn btn-danger btn-sm mt-2 removeQuestion"><i class="bi bi-trash"></i> Remove question</button> <button type="button" class="btn btn-danger btn-sm mt-2 removeQuestion"><i class="bi bi-trash"></i> Remove question</button>
</div> </div>