diff options
| author | lowercasename <raphaelkabo@gmail.com> | 2019-09-14 10:08:09 +0100 |
|---|---|---|
| committer | lowercasename <raphaelkabo@gmail.com> | 2019-09-14 10:08:09 +0100 |
| commit | 9d3da3563ce13d54673cfa3468911caeb4836741 (patch) | |
| tree | b5a751b303552d68e1e406ea4ae110892f235153 /views/partials/neweventform.handlebars | |
| parent | 3b15d58ef86c041b44523462460fb3d70352ab1b (diff) | |
Functionality to limit number of attendees
Diffstat (limited to 'views/partials/neweventform.handlebars')
| -rwxr-xr-x | views/partials/neweventform.handlebars | 43 |
1 files changed, 38 insertions, 5 deletions
diff --git a/views/partials/neweventform.handlebars b/views/partials/neweventform.handlebars index bf6d0ed..51d1695 100755 --- a/views/partials/neweventform.handlebars +++ b/views/partials/neweventform.handlebars @@ -25,7 +25,7 @@ </div> </div> <div class="form-group row"> - <label for="timezone" class="col-sm-2 col-form-label">Timezone</label> + <label for="timezone" class="col-sm-2 col-form-label">Timezone</label> <div class="form-group col-sm-10"> <select class="select2" id="timezone" name="timezone"></select> </div> @@ -81,19 +81,31 @@ <div class="col-sm-2">Options</div> <div class="col-sm-10"> <div class="form-check"> + <input class="form-check-input" type="checkbox" id="interactionCheckbox" name="interactionCheckbox"> + <label class="form-check-label" for="interactionCheckbox"> + Users can post comments on this event + </label> + </div> + <div class="form-check"> <input class="form-check-input" type="checkbox" id="joinCheckbox" name="joinCheckbox"> <label class="form-check-label" for="joinCheckbox"> Users can mark themselves as attending this event </label> </div> - <div class="form-check"> - <input class="form-check-input" type="checkbox" id="interactionCheckbox" name="interactionCheckbox"> - <label class="form-check-label" for="interactionCheckbox"> - Users can post comments on this event + <div class="form-check" id="maxAttendeesCheckboxContainer"> + <input class="form-check-input" type="checkbox" id="maxAttendeesCheckbox" name="maxAttendeesCheckbox"> + <label class="form-check-label" for="maxAttendeesCheckbox"> + Set a limit on the maximum number of attendees </label> </div> </div> </div> + <div class="form-group row" id="maxAttendeesContainer"> + <label for="maxAttendees" class="col-sm-2 col-form-label">Attendee limit</label> + <div class="form-group col-sm-10"> + <input type="number" class="form-control" id="maxAttendees" name="maxAttendees" placeholder="Enter a number." data-validation="number" data-validation-optional="true"> + </div> + </div> <div class="form-group row"> <div class="col-sm-12 pt-3 pb-3 text-center"> <button type="submit" class="btn btn-primary w-50">Create</button> @@ -114,5 +126,26 @@ no_label: false }); autosize($('textarea')); + $("#maxAttendeesCheckbox").on("click", function() { + if ($(this).is(':checked')) { + $("#maxAttendeesContainer").slideDown('fast').css("display","flex"); + $("#maxAttendees").attr("data-validation-optional","false"); + } + else { + $("#maxAttendeesContainer").slideUp('fast'); + $("#maxAttendees").attr("data-validation-optional","true").val("").removeClass('is-valid is-invalid'); + } + }); + $("#joinCheckbox").on("click", function() { + if ($(this).is(':checked')) { + $("#maxAttendeesCheckboxContainer").slideDown('fast').css("display","flex"); + } + else { + $("#maxAttendeesCheckboxContainer").slideUp('fast'); + $("#maxAttendeesCheckbox").prop("checked",false); + $("#maxAttendeesContainer").slideUp('fast'); + $("#maxAttendees").attr("data-validation-optional","true").val("").removeClass('is-valid is-invalid'); + } + }); }); </script> |