summaryrefslogtreecommitdiff
path: root/views/partials/eventForm.handlebars
blob: 1604d884dba9197aac34ed06ccff064b1afbab20 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
<input type="hidden" name="magicLinkToken" value="{{magicLinkToken}}" x-ref="magicLinkToken">
<div class="form-group">
  <label for="eventName" >*{{t "common.eventname" }}</label>
  <div class="form-group ">
    <input type="text" class="form-control" id="eventName" name="eventName" placeholder="{{t "views.partials.snappy" }}" x-model="data.eventName" >
  </div>
</div>
<div class="form-group">
  <label for="eventLocation" >*{{t "common.eventlocation" }}</label>
  <div class="form-group ">
    <input type="text" class="form-control" id="eventLocation" name="eventLocation" placeholder="{{t "views.event.locationdesc" }}" x-model="data.eventLocation">
  </div>
</div>
<div class="form-group">
  <label for="eventStart" >*{{t "common.eventstart" }}</label>
  <div class="form-group">
    <input type="datetime-local" class="form-control" id="eventStart" name="eventStart"  x-model="data.eventStart" x-on:blur="updateEventEnd">
  </div>
</div>
<div class="form-group">
  <label for="eventEnd" >*{{t "common.eventend" }}</label>
  <div class="form-group ">
    <input type="datetime-local" class="form-control" id="eventEnd" name="eventEnd"  x-model="data.eventEnd">
  </div>
</div>
<div class="form-group">
  <label for="timezone" >{{t "common.timezone" }}</label>
  <div class="form-group ">
    <select class="select2" id="timezone" name="timezone" x-ref="timezone"></select>
  </div>
</div>
<div class="form-group">
  <label for="eventDescription" >{{t "views.partials.eventform.eventdescription" }}</label>
  <div class="form-group ">
    <textarea class="form-control expand" id="eventDescription" name="eventDescription" placeholder="{{t "views.event.editlater" }}" x-model="data.eventDescription" ></textarea>
    <small class="form-text">{{{t "views.partials.mdsupport" }}}</small>
  </div>
</div>
<div class="form-group">
  <label for="eventURL">{{t "views.partials.eventform.eventurl" }}</label>
  <div class="form-group ">
    <input type="url" class="form-control" id="eventURL" name="eventURL" placeholder="" x-model="data.eventURL">
    <small class="form-text">{{t "views.partials.eventform.eventurldesc" }}</small>
  </div>
</div>
<div class="form-group">
  <label for="eventImage" >{{t "common.coverimg" }}</label>
  <div class="form-group ">
    <div class="image-preview" id="event-image-preview">
      <label for="image-upload" id="event-image-label">{{t "views.partials.choosefile" }}</label>
      <input type="file" name="imageUpload" id="event-image-upload" accept="image/jpeg,image/gif,image/png" x-ref="eventImageUpload" />
    </div>
    <small class="form-text">{{t "views.partials.recommendeddimensions" }}</small>
    {{#if eventData.image}}
      <div class="form-group my-2">
        <button type="button" class="button button--danger" id="deleteImage">{{t "views.partials.delimg" }}</button>
      </div>
    {{/if}}
  </div>
</div>
<div class="form-group">
  <label for="hostName" >{{t "views.partials.eventform.hostname" }}</label>
  <div class="form-group ">
    <input type="text" class="form-control" id="hostName" name="hostName" placeholder="{{t "views.partials.eventform.hostnamedesc" }}" x-model="data.hostName" >
  </div>
</div>
<div class="form-group">
  <label for="creatorEmail" >*{{t "views.partials.eventform.creatoremail" }}</label>
  <div class="form-group ">
    <input type="email" class="form-control" id="creatorEmail" name="creatorEmail" placeholder="{{t "views.partials.wontshow" }}" x-model.fill="data.creatorEmail" {{#if creatorEmail}}value="{{creatorEmail}}" readonly{{/if}}>
    <small class="form-text">{{t "views.partials.creatoremaildesc" }}</small>
  </div>
</div>
<div class="form-group">
  <label>{{t "views.partials.eventform.options" }}</label>
  <div >
    {{#if showPublicEventList}}
      <div class="form-check">
        <input class="form-check-input" type="checkbox" id="publicEventCheckbox" name="publicCheckbox" x-model="data.publicCheckbox">
        <label class="form-check-label" for="publicEventCheckbox">
          {{t "views.partials.eventform.publicevent" }}
        </label>
      </div>
    {{/if}}
    <div class="form-check">
      <input class="form-check-input" type="checkbox" id="interactionCheckbox" name="interactionCheckbox" x-model="data.interactionCheckbox">
      <label class="form-check-label" for="interactionCheckbox">
        {{t "views.interaction" }}
      </label>
    </div>
    <div class="form-check">
      <input class="form-check-input" type="checkbox" id="joinCheckbox" name="joinCheckbox" x-model="data.joinCheckbox">
      <label class="form-check-label" for="joinCheckbox">
        {{t "views.join" }}
      </label>
    </div>
    <div class="form-check" id="maxAttendeesCheckboxContainer" x-show="data.joinCheckbox">
      <input class="form-check-input" type="checkbox" id="maxAttendeesCheckbox" name="maxAttendeesCheckbox" x-model="data.maxAttendeesCheckbox">
      <label class="form-check-label" for="maxAttendeesCheckbox">
        {{t "views.partials.eventform.maxattendeestitle" }}
      </label>
    </div>
  </div>
</div>
<div class="form-group" id="maxAttendeesContainer" x-show="data.maxAttendeesCheckbox && data.joinCheckbox">
  <label for="maxAttendees" >{{t "views.partials.eventform.maxattendees" }}</label>
  <div class="form-group ">
    <input type="number" class="form-control" id="maxAttendees" name="maxAttendees" placeholder="{{t "views.event.enternum" }}" x-model="data.maxAttendees" >
  </div>
</div>
<div class="form-group">
  <div class="col-12">
    <div
      class="alert alert-danger"
      role="alert"
      x-show="errors.length > 0"
    >
      <p><i class="fas fa-exclamation-triangle"></i> {{t "views.partials.fixerrors" }}</p>
      <ul>
        <template x-for="error in errors">
          <li x-html="error.message"></li>
        </template>
      </ul>
    </div>
  </div>
</div>