diff options
Diffstat (limited to 'views/partials/neweventform.handlebars')
| -rwxr-xr-x | views/partials/neweventform.handlebars | 52 |
1 files changed, 46 insertions, 6 deletions
diff --git a/views/partials/neweventform.handlebars b/views/partials/neweventform.handlebars index 51d1695..fff2f4d 100755 --- a/views/partials/neweventform.handlebars +++ b/views/partials/neweventform.handlebars @@ -1,3 +1,4 @@ +<h4 class="mb-2">Create an event</h4> <form id="newEventForm" action="/newevent" method="post" enctype="multipart/form-data"> <input type="text" hidden class="form-control" id="eventType" name="eventType" value="{{eventType}}"> <div class="form-group row"> @@ -46,9 +47,9 @@ <div class="form-group row"> <label for="eventImage" class="col-sm-2 col-form-label">Cover image</label> <div class="form-group col-sm-10"> - <div id="image-preview"> - <label for="image-upload" id="image-label">Choose file</label> - <input type="file" name="imageUpload" id="image-upload" /> + <div class="image-preview" id="eventImagePreview"> + <label for="image-upload" id="eventImageLabel">Choose file</label> + <input type="file" name="imageUpload" id="eventImageUpload" /> </div> <small class="form-text">Recommended dimensions (w x h): 920px by 300px.</small> </div> @@ -81,6 +82,33 @@ <div class="col-sm-2">Options</div> <div class="col-sm-10"> <div class="form-check"> + <input class="form-check-input" type="checkbox" id="eventGroupCheckbox" name="eventGroupCheckbox"> + <label class="form-check-label" for="eventGroupCheckbox"> + This event is part of an event group + </label> + </div> + <div class="card text-white bg-secondary my-2" id="eventGroupData"> + <div class="card-header"> + <strong>Link this event to an event group</strong> + </div> + <div class="card-body"> + <div class="form-group row"> + <label for="eventGroupID" class="col-sm-2 col-form-label">Event group ID</label> + <div class="form-group col-sm-10"> + <input type="text" class="form-control" id="eventGroupID" name="eventGroupID" placeholder="" data-validation-optional="true"> + <small class="form-text">You can find this short string of characters in the event group's link, in your confirmation email, or on the event group's page.</small> + </div> + </div> + <div class="form-group row"> + <label for="eventGroupEditToken" class="col-sm-2 col-form-label">Event group secret editing code</label> + <div class="form-group col-sm-10"> + <input type="text" class="form-control" id="eventGroupEditToken" name="eventGroupEditToken" placeholder="" data-validation-optional="true"> + <small class="form-text">You can find this long string of characters in the confirmation email you received when you created the event group.</small> + </div> + </div> + </div> + </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 @@ -118,9 +146,9 @@ <script> $(document).ready(function() { $.uploadPreview({ - input_field: "#image-upload", - preview_box: "#image-preview", - label_field: "#image-label", + input_field: "#eventImageUpload", + preview_box: "#eventImagePreview", + label_field: "#eventImageLabel", label_default: "Choose file", label_selected: "Change file", no_label: false @@ -147,5 +175,17 @@ $("#maxAttendees").attr("data-validation-optional","true").val("").removeClass('is-valid is-invalid'); } }); + $("#eventGroupCheckbox").on("click", function() { + if ($(this).is(':checked')) { + $("#eventGroupData").slideDown('fast'); + $("#eventGroupID").removeAttr("data-validation-optional").attr("data-validation","required"); + $("#eventGroupEditToken").removeAttr("data-validation-optional").attr("data-validation","required"); + } + else { + $("#eventGroupData").slideUp('fast'); + $("#eventGroupID").removeAttr("data-validation").attr("data-validation-optional","true").val(""); + $("#eventGroupEditToken").removeAttr("data-validation").attr("data-validation-optional","true").val(""); + } + }); }); </script> |