mirror of https://github.com/abpframework/eventhub
Berkan Sasmaz
6 years ago
11 changed files with 351 additions and 39 deletions
@ -0,0 +1,285 @@ |
|||
@page |
|||
@using EventHub.Web.Pages.Events.Components.EventsArea |
|||
@using Volo.Abp.Identity |
|||
@using Volo.Abp.ObjectExtending |
|||
@using Volo.Abp.Timing |
|||
@using Volo.Abp.Users |
|||
@inject ICurrentUser CurrentUser |
|||
@inject IClock Clock |
|||
@model EventHub.Web.Pages.ProfileModel |
|||
|
|||
<div class="container pt-4"> |
|||
<div class="row py-4"> |
|||
<div class="col-md"> |
|||
<ul class="nav nav-tabs profile-nav" id="myTab"> |
|||
<li class="nav-item"> |
|||
<a href="#MyProfile" class="nav-link active" data-toggle="tab">My Profile</a> |
|||
</li> |
|||
<li class="nav-item"> |
|||
<a href="#NotificationSettings" class="nav-link" data-toggle="tab">Notification Settings</a> |
|||
</li> |
|||
<li class="nav-item"> |
|||
<a href="#MyEvents" class="nav-link" data-toggle="tab">My Events</a> |
|||
</li> |
|||
<li class="nav-item"> |
|||
<a href="#MyPastEvents" class="nav-link" data-toggle="tab">My Past Events</a> |
|||
</li> |
|||
<li class="nav-item"> |
|||
<a href="#MyUpcomingEvents" class="nav-link" data-toggle="tab">My Upcoming Events</a> |
|||
</li> |
|||
</ul> |
|||
<div class="tab-content profile-content py-4"> |
|||
<div id="MyProfile" class="tab-pane fade show active"> |
|||
<div class="row"> |
|||
<div class="col-md-4"> |
|||
<div class="card"> |
|||
<div class="card-body text-center"> |
|||
<h3 class="text-left">Profile Photo</h3> |
|||
<img src="assets/big-avatar.png"> |
|||
<p class="mt-3"> |
|||
You should note that the photo to be added does not exceed <span class="text-primary">30 MB</span> in <span class="text-primary">JPEG</span> or <span class="text-primary">PNG</span> format. |
|||
</p> |
|||
|
|||
<a href="#" class="btn btn-primary btn-lg mt-2"> |
|||
Update Profile Photo |
|||
</a> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="col-md-8"> |
|||
<div class="card"> |
|||
<div class="card-body" style="min-height: 496px"> |
|||
<h3 class="mb-4">Profile Informations</h3> |
|||
<div class="form"> |
|||
<div class="row"> |
|||
<div class="col-md-6"> |
|||
<div class="form-label-group"> |
|||
<input type="Name" id="inputName" class="form-control" placeholder="Name" required=""> |
|||
<label for="inputName">Name</label> |
|||
</div> |
|||
</div> |
|||
<div class="col-md-6"> |
|||
<div class="form-label-group"> |
|||
<input type="Surname" id="inputSurname" class="form-control" placeholder="Surname" required=""> |
|||
<label for="inputSurname">Surname</label> |
|||
</div> |
|||
</div> |
|||
<div class="col-md-6"> |
|||
<div class="form-label-group"> |
|||
<input type="Email" id="inputEmail" class="form-control" placeholder="Email" required=""> |
|||
<label for="inputEmail">E-mail Address</label> |
|||
</div> |
|||
</div> |
|||
<div class="col-md-6"> |
|||
<div class="form-label-group"> |
|||
<input type="location" id="inputLocation" class="form-control" placeholder="Location" required=""> |
|||
<label for="inputLocation">Location</label> |
|||
</div> |
|||
</div> |
|||
<div class="col-md-6"> |
|||
<div class="form-label-group"> |
|||
<input type="Company" id="inputCompany" class="form-control" placeholder="Company" required=""> |
|||
<label for="inputCompany">Company</label> |
|||
</div> |
|||
</div> |
|||
<div class="col-md-6"> |
|||
<div class="form-label-group"> |
|||
<input type="Title" id="inputTitle" class="form-control" placeholder="Title" required=""> |
|||
<label for="inputTitle">Title</label> |
|||
</div> |
|||
</div> |
|||
|
|||
<div class="col-md-12"> |
|||
<div class="form-label-group"> |
|||
<input type="Bio" id="inputBio" class="form-control" placeholder="Bio" required=""> |
|||
<label for="inputBio">Bio</label> |
|||
</div> |
|||
</div> |
|||
|
|||
<div class="col-md-12 text-right"> |
|||
<a href="#" class="btn btn-primary btn-lg"> |
|||
Update Information |
|||
</a> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
<div class="card"> |
|||
<div class="card-body"> |
|||
<h3 class="mb-4">Change Password</h3> |
|||
<div class="form"> |
|||
<div class="row"> |
|||
<div class="col-md-6"> |
|||
<div class="form-label-group"> |
|||
<input type="OldPassword" id="inputName" class="form-control" placeholder="Old Password" required=""> |
|||
<label for="inputOldPassword">Old Password</label> |
|||
</div> |
|||
</div> |
|||
<div class="col-md-6"> |
|||
</div> |
|||
|
|||
<div class="col-md-6"> |
|||
<div class="form-label-group"> |
|||
<input type="NewPassword" id="inputName" class="form-control" placeholder="New Password" required=""> |
|||
<label for="inputNewPassword">New Password</label> |
|||
</div> |
|||
</div> |
|||
|
|||
<div class="col-md-6"> |
|||
<div class="form-label-group"> |
|||
<input type="NewPassword2" id="inputName" class="form-control" placeholder="New Password (Again)" required=""> |
|||
<label for="inputNewPassword2">New Password (Again)</label> |
|||
</div> |
|||
</div> |
|||
<div class="col-md-12 text-right"> |
|||
<a href="#" class="btn btn-primary btn-lg"> |
|||
Update Information |
|||
</a> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div id="NotificationSettings" class="tab-pane fade"> |
|||
<div class="row"> |
|||
<div class="col-md-8 mx-auto"> |
|||
<div class="card"> |
|||
<div class="card-body" style="min-height: 496px"> |
|||
<h3 class="mb-5">Notification Settings</h3> |
|||
<h4 class="mt-4 mb-3">General Notifications</h4> |
|||
<div class="row my-1"> |
|||
<div class="col">Send SMS notification</div> |
|||
<div class="col-auto text-right"> |
|||
<div class="checkbox switcher"> |
|||
<label for="switch1"> |
|||
<input type="checkbox" id="switch1" value=""> |
|||
<span> |
|||
<small></small> |
|||
</span> |
|||
</label> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="row my-1"> |
|||
<div class="col">Send E-mail notification</div> |
|||
<div class="col-auto text-right"> |
|||
<div class="checkbox switcher"> |
|||
<label for="switch2"> |
|||
<input type="checkbox" id="switch2" value="" checked> |
|||
<span> |
|||
<small></small> |
|||
</span> |
|||
</label> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
<h4 class="mt-4 mb-3">Special Notifications to EventHub</h4> |
|||
<div class="row my-1"> |
|||
<div class="col">Send notification about updates</div> |
|||
<div class="col-auto text-right"> |
|||
<div class="checkbox switcher"> |
|||
<label for="switch3"> |
|||
<input type="checkbox" id="switch3" value=""> |
|||
<span> |
|||
<small></small> |
|||
</span> |
|||
</label> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="row my-1"> |
|||
<div class="col">Send notification for organization suggestions</div> |
|||
<div class="col-auto text-right"> |
|||
<div class="checkbox switcher"> |
|||
<label for="switch4"> |
|||
<input type="checkbox" id="switch4" value="" checked> |
|||
<span> |
|||
<small></small> |
|||
</span> |
|||
</label> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="row my-1"> |
|||
<div class="col">Send notifications for new organizations</div> |
|||
<div class="col-auto text-right"> |
|||
<div class="checkbox switcher"> |
|||
<label for="switch5"> |
|||
<input type="checkbox" id="switch5" value=""> |
|||
<span> |
|||
<small></small> |
|||
</span> |
|||
</label> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div id="MyEvents" class="tab-pane fade"> |
|||
<div class="row"> |
|||
<div class="col"> |
|||
<div class="card"> |
|||
<div class="card-body" style="min-height: 496px"> |
|||
<h3 class="mb-4">My Events</h3> |
|||
@await Component.InvokeAsync(typeof(EventsAreaViewComponent), new |
|||
{ |
|||
registeredUserId = CurrentUser.Id, |
|||
maxResultCount = 6, |
|||
skipCount = 0 |
|||
}) |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div id="MyPastEvents" class="tab-pane fade"> |
|||
<div class="row"> |
|||
<div class="col"> |
|||
<div class="card"> |
|||
<div class="card-body" style="min-height: 496px"> |
|||
<h3 class="mb-4">My Past Events</h3> |
|||
<div class="past-events"> |
|||
@await Component.InvokeAsync(typeof(EventsAreaViewComponent), new |
|||
{ |
|||
maxDate = Clock.Now.ClearTime(), |
|||
registeredUserId = CurrentUser.Id, |
|||
maxResultCount = 6, |
|||
skipCount = 0 |
|||
}) |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div id="MyUpcomingEvents" class="tab-pane fade"> |
|||
<div class="row"> |
|||
<div class="col"> |
|||
<div class="card"> |
|||
<div class="card-body" style="min-height: 496px"> |
|||
<h3 class="mb-4">My Upcoming Events</h3> |
|||
@await Component.InvokeAsync(typeof(EventsAreaViewComponent), new |
|||
{ |
|||
minDate = Clock.Now.ClearTime(), |
|||
registeredUserId = CurrentUser.Id, |
|||
maxResultCount = 6, |
|||
skipCount = 0 |
|||
}) |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
@ -0,0 +1,9 @@ |
|||
namespace EventHub.Web.Pages |
|||
{ |
|||
public class ProfileModel : EventHubPageModel |
|||
{ |
|||
public void OnGet() |
|||
{ |
|||
} |
|||
} |
|||
} |
|||
Loading…
Reference in new issue