-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathCreateEvent.aspx
More file actions
128 lines (127 loc) · 7.5 KB
/
CreateEvent.aspx
File metadata and controls
128 lines (127 loc) · 7.5 KB
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
127
128
<%@ Page Title="" Language="C#" MasterPageFile="~/SmileMaster.Master" AutoEventWireup="true" CodeBehind="CreateEvent.aspx.cs" Inherits="EADPProject.CreateEvent" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
<br>
<form id="form2" runat="server">
<div style="padding: 10px;">
<asp:Panel ID="PanelErrorResult" Visible="false" runat="server" CssClass="alert alert-dismissable alert-danger">
<button type="button" class="close" data-dismiss="alert">
<span aria-hidden="true">×</span>
</button>
<asp:Label ID="Lbl_err" runat="server"></asp:Label>
</asp:Panel>
<div class="card card-body" style="color: #df744a">
<h3>Add Event
</h3>
<div class="row">
<div class="col-lg-9">
<div class="form-event-group">
<label class="font-italic" for="eventName">Event Name</label>
<asp:TextBox ID="tbEventName" runat="server" class="form-control" required />
</div>
<div class="form-event-group mb-4">
<label class="font-italic" for="eventDescription">Event Description</label>
<asp:TextBox TextMode="MultiLine" ID="tbEventDescription" runat="server" class="form-control" required />
</div>
<div class="form-event-group">
<label class="font-italic" for="eventCost">
Event Cost (Leave blank if event cost is
free)</label>
<asp:TextBox ID="tbEventCost" runat="server" class="form-control" />
</div>
<div class="form-event-group">
<label class="font-italic" for="eventLocation">Event Location</label>
<asp:TextBox ID="tbEventLocation" runat="server" class="form-control" required />
</div>
<div class="form-event-group">
<label class="font-italic" for="eventCapacity">Event Maximum Capacity (Leave blank if event has no capacity)</label>
<asp:TextBox ID="tbEventCapacity" runat="server" class="form-control" />
</div>
<div class="form-event-group">
<label class="font-italic" for="eventCategory">Event Category</label>
<asp:DropDownList runat="server" CssClass="form-control" ID="ddlCategory">
<asp:ListItem>-- Select --</asp:ListItem>
<asp:ListItem>Outdoors & Adventure</asp:ListItem>
<asp:ListItem>Tech</asp:ListItem>
<asp:ListItem>Family</asp:ListItem>
<asp:ListItem>Health and Wellness</asp:ListItem>
<asp:ListItem>Sports and Fitness</asp:ListItem>
<asp:ListItem>Learning</asp:ListItem>
<asp:ListItem>Food & Drink</asp:ListItem>
<asp:ListItem>Language & Culture</asp:ListItem>
<asp:ListItem>Music</asp:ListItem>
<asp:ListItem>Sci-Fi & Games</asp:ListItem>
<asp:ListItem>Arts</asp:ListItem>
<asp:ListItem>Dance</asp:ListItem>
<asp:ListItem>Fashion & Beauty</asp:ListItem>
<asp:ListItem>Career & Business</asp:ListItem>
</asp:DropDownList>
</div>
</div>
<div class="col-lg-3">
<asp:FileUpload ID="SaveImage" onchange="PreviewImage(this)" runat="server" Style="color: transparent;" AllowMultiple="false" />
<asp:Image runat="server" ID="posterImage" alt="No image selected"
class="border img-thumbnail img-fluid" Style="height: 95%; width: 100%" />
<br>
<asp:Label runat="server" ID="lblposter" />
</div>
</div>
<br>
<br>
<div class="form-group">
<div class="row">
<div class="col-12 col-sm-12 col-md-12 col-lg-3">
<label class="font-italic">Date of Event</label>
<asp:TextBox ID="tbEventDate" runat="server" class="form-control" Width="250" placeholder="dd/mm/yyyy" required />
</div>
<div class="col-lg-1">
</div>
<div class="col-sm-12 col-md-12 col-lg-3">
<label class="font-italic">Event Start Time</label>
<asp:TextBox ID="tbStartTime" type="time" runat="server" class="form-control" required />
</div>
<div class="col-lg-1">
</div>
<div class="col-sm-12 col-md-12 col-lg-3">
<label class="font-italic">Event End Time</label>
<asp:TextBox ID="tbEndTime" type="time" runat="server" class="form-control" required />
</div>
</div>
<div class="row">
<div class="col-12 col-sm-12 col-md-12 col-lg-3">
</div>
</div>
</div>
<br>
<div class="row">
<div class="col-12 col-sm-12 col-md-12 col-lg-12 text-right">
<asp:Button ID="ButtonCancelAdd" runat="server" UseSubmitBehavior="false" Text="Cancel" class="btn btn-danger" Width="130px" OnClick="ButtonCancelAdd_Click" />
<asp:Button ID="ButtonCreateEvent" runat="server" Text="Add Event" style="background-color:#df744a; color:white;" class="btn" Width="130px" OnClick="ButtonCreateEvent_Click" />
</div>
</div>
</div>
</div>
</form>
<br>
<script src="http://code.jquery.com/jquery-1.10.2.min.js" type="text/javascript"></script>
<script type="text/javascript">
function PreviewImage(item) {
if (item.files && item.files[0]) {
var reader = new FileReader();
reader.onload = function (e) {
$('#<%=posterImage.ClientID%>').prop('src', e.target.result)
.width(250)
.height(250);
};
reader.readAsDataURL(item.files[0]);
}
var upload = document.getElementById("<% =SaveImage.ClientID%>");
var label = document.getElementById("<% =lblposter.ClientID %>");
var str = upload.value
var strCut = str.slice(str.lastIndexOf('\\') + 1)
label.innerText = strCut
console.log(strCut)
}
</script>
</asp:Content>