fix: better modal UI

This commit is contained in:
Jannat Patel
2022-10-12 10:44:28 +05:30
parent 662813b378
commit 8d57ea4216
5 changed files with 108 additions and 60 deletions

View File

@@ -1,32 +1,42 @@
<div class="modal fade no-preview-modal" id="no-preview-modal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
aria-hidden="true">
<div class="modal fade no-preview-modal" id="no-preview-modal" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<div class="font-weight-bold">{{ _("Not available for preview") }}</div>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
<div class="modal-title">{{ _("Not Available for Preview") }}</div>
</div>
<div class="modal-body">
{% if is_user_interested %}
<div class=""> {{ _("You have opted to be notified for this course. You will receive an email when the course becomes available.") }} </div>
<div class="">
{{ _("You have opted to be notified for this course. You will receive an email when the course becomes available.") }}
</div>
{% else %}
<div class=""> {{ _("This lesson is not available for preview. Please join the course to access it.") }} </div>
<div class="">
{{ _("This lesson is not available for preview. Please join the course to access it.") }}
</div>
{% endif %}
</div>
{% if not is_user_interested %}
<div class="modal-footer">
<button class="btn btn-secondary btn-sm pull-right mr-2" data-dismiss="modal" aria-label="Close">
{{ _("Discard") }}
</button>
{% if course.upcoming %}
<div class="button is-primary notify-me" data-course="{{course.name | urlencode}}">
<button class="btn btn-primary btn-sm notify-me pull-right" data-course="{{course.name | urlencode}}">
{{ _("Notify me when available") }}
</div>
</button>
{% else %}
<div class="button is-primary join-batch" data-course="{{ course.name | urlencode}}">
{{ _("Start Learning") }}</div>
<button class="btn btn-primary btn-sm join-batch pull-right" data-course="{{ course.name | urlencode}}">
{{ _("Start Learning") }}
</button>
{% endif %}
</div>
{% endif %}
</div>
</div>
</div>

View File

@@ -120,10 +120,7 @@
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<div class="font-weight-bold">{{ _("Write a review") }}</div>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
<div class="modal-title">{{ _("Write a Review") }}</div>
</div>
@@ -154,8 +151,7 @@
<div class="control-input-wrapper">
<div class="control-input">
<textarea type="text" autocomplete="off" class="input-with-feedback form-control review-field"
data-fieldtype="Text" data-fieldname="feedback_comments" placeholder="" style="height: 300px;"
spellcheck="false"></textarea>
data-fieldtype="Text" data-fieldname="feedback_comments" spellcheck="false"></textarea>
</div>
</div>
</div>
@@ -165,9 +161,13 @@
<div class="modal-footer">
<div class="button submit-review is-primary" data-course="{{ course.name | urlencode}}" id="submit-review">
<button class="btn btn-secondary btn-sm mr-2" data-dismiss="modal" aria-label="Close">
{{ _("Discard") }}
</button>
<button class="btn btn-primary btn-sm" data-course="{{ course.name | urlencode}}" id="submit-review">
{{ _("Submit") }}
</div>
</button>
</div>
</div>
</div>