341 lines
12 KiB
Plaintext
341 lines
12 KiB
Plaintext
@model Model_Account
|
|
@inject SaxLocaliser Localiser
|
|
|
|
<div class="sax-panel-section ProfileContact sax-populating">
|
|
|
|
<div class="sax-panel-info">
|
|
|
|
<div class="sax-header">
|
|
<div class="row">
|
|
<div class="col sax-action sax-edit"><div class="sax-caption">@Localiser["account.caption.profile.contact"]</div></div>
|
|
<div class="fixed">
|
|
@* Burger menu *@
|
|
<ul class="nav navbar-nav navbar-light navbar-right sax-burger">
|
|
<li class="dropdown-toggle caret-off">
|
|
<a href="#" class="dropdown" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"><span class="navbar-toggler-icon"></span></a>
|
|
<ul class="dropdown-menu dropdown-menu-right sax-dropdown-menu">
|
|
<li class="sax-dropdown-item sax-action sax-edit"><div class="sax-label">@(Localiser["label.update"])</div></li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
@* Filter item templates *@
|
|
<div class="sax-panel-item-template">
|
|
@* Burger dropdown item template - ul is ignored *@
|
|
<ul class="sax-dropdown-menu ProfileContact">
|
|
<li class="sax-dropdown-item sax-action"><div class="sax-label">...</div></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="sax-content">
|
|
|
|
<div class="row">
|
|
|
|
<div class="col">
|
|
|
|
<div class="sax-property AccountEmailAddress hidden">
|
|
<div class="row">
|
|
<div class="col-sm-4 sax-label text-sm-right">@Localiser["label.email.address"]</div>
|
|
<div class="col-sm-8 sax-value"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="sax-property AccountName hidden">
|
|
<div class="row">
|
|
<div class="col-sm-4 sax-label text-sm-right">@Localiser["label.name"]</div>
|
|
<div class="col-sm-8 sax-value"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="sax-property AccountLocation hidden">
|
|
<div class="row">
|
|
<div class="col-sm-4 sax-label text-sm-right">@Localiser["label.location"]</div>
|
|
<div class="col-sm-8 sax-value"></div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="fixed">
|
|
@* Account Contact image *@
|
|
<div class=""><img src="" class="sax-contact-image AccountContact" alt="" title="" /></div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
@* User Contact Details form *@
|
|
<div class="sax-panel-form">
|
|
|
|
@* User Contact Details form - Header *@
|
|
<div class="sax-header">
|
|
<div class="row">
|
|
<div class="col"><div class="sax-caption">@Localiser["account.caption.profile.contact"]</div></div>
|
|
<div class="fixed">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
@* User Contact Details form - Content *@
|
|
<div class="sax-content">
|
|
|
|
<div class="spacer2"></div>
|
|
|
|
@using (@Html.BeginForm(FormMethod.Post, new { @id = "frmProfileContact", @class = "sax-form", @onSubmit = "return false;" }))
|
|
{
|
|
|
|
@* User email *@
|
|
<div class="sax-form-control AccountEmailAddress">
|
|
<div class="row">
|
|
<div class="col-sm-3">
|
|
<div class="sax-label">
|
|
<label for="ifAccountEmailAddress"><span>@Localiser["label.email"]</span><span class="required"> *</span></label>
|
|
</div>
|
|
</div>
|
|
<div class="col-sm">
|
|
<div class="sax-control">
|
|
@Html.TextBoxFor(model => model.AccountEmailAddress, new { @id = "ifAccountEmailAddress", @class = "AccountEmailAddress sax-input", @readonly = "readonly", @maxlength = @Model.GetControlMaxLength(SaxDbDfn_Core.ColumnIdx.UserAccount_EmailAddress) })
|
|
</div>
|
|
<div class="sax-message"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
@* User Name *@
|
|
<div class="row">
|
|
|
|
<div class="col-sm-3">
|
|
<div class="sax-label d-none d-sm-block">
|
|
<label for="ifAccountEmailAddress"><span>@Localiser["label.name"]</span></label>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-sm row">
|
|
|
|
<div class="col-sm-4">
|
|
@* User first Title *@
|
|
<div class="sax-form-control AccountTitle pr8">
|
|
<div class="sax-label">
|
|
<label for="cbAccountTitle"><span>@Localiser["label.title"]</span></label>
|
|
</div>
|
|
<div class="sax-control">
|
|
@Html.DropDownListFor(model => model.AccountTitle, Model.TitlesForSelect, Localiser["label.select"], new { @id = "cbAccountTitle", @class = "AccountTitle sax-select" })
|
|
</div>
|
|
<div class="sax-message"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-sm-4">
|
|
@* User first name *@
|
|
<div class="sax-form-control AccountFirstName pr8">
|
|
<div class="sax-label">
|
|
<label for="ifAccountFirstName"><span>@Localiser["label.first.name"]</span><span class="required"> *</span></label>
|
|
</div>
|
|
<div class="sax-control">
|
|
@Html.TextBoxFor(model => model.AccountFirstName, new { @id = "ifAccountFirstName", @class = "AccountFirstName sax-input", @maxlength = @Model.GetControlMaxLength(SaxDbDfn_Core.ColumnIdx.UserAccount_FirstName) })
|
|
</div>
|
|
<div class="sax-message"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-sm-4">
|
|
@* User last name *@
|
|
<div class="sax-form-control AccountLastName">
|
|
<div class="sax-label">
|
|
<label for="ifAccountLastName"><span>@Localiser["label.last.name"]</span><span class="required"> *</span></label>
|
|
</div>
|
|
<div class="sax-control">
|
|
@Html.TextBoxFor(model => model.AccountLastName, new { @id = "ifAccountLastName", @class = "AccountLastName sax-input", @maxlength = @Model.GetControlMaxLength(SaxDbDfn_Core.ColumnIdx.UserAccount_LastName) })
|
|
</div>
|
|
<div class="sax-message"></div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
@* About *@
|
|
<div class="sax-form-control AccountAbout">
|
|
<div class="row">
|
|
<div class="col-sm-3">
|
|
<div class="sax-label">
|
|
<label for="ifAccountAbout"><span>@Localiser["label.about"]</span></label>
|
|
</div>
|
|
</div>
|
|
<div class="col-sm">
|
|
<div class="sax-control">
|
|
@Html.TextAreaFor(model => model.AccountAbout, new { @id = "ifAccountAbout", @class = "AccountAbout sax-input", @rows = 4, @maxlength = @Model.GetControlMaxLength(SaxDbDfn_Core.ColumnIdx.UserAccount_About) })
|
|
</div>
|
|
<div class="sax-message"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
@* Gender *@
|
|
<div class="sax-form-control AccountGender">
|
|
<div class="row">
|
|
<div class="col-sm-3">
|
|
<div class="sax-label">
|
|
<label for="cbAccountGender"><span>@Localiser["label.gender"]</span></label>
|
|
</div>
|
|
</div>
|
|
<div class="col-sm">
|
|
<div class="sax-control">
|
|
<select name="AccountGender" id="cbAccountGender" class="AccountGender sax-select"></select>
|
|
</div>
|
|
<div class="sax-message"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
@* Date of birth *@
|
|
<div class="row">
|
|
|
|
<div class="col-sm-3">
|
|
<div class="sax-form-control AccountDob">
|
|
<div class="sax-label">
|
|
<label for="ifAccountRegionIdCountry"><span>@Localiser["label.date.of.birth"]</span></label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-sm">
|
|
<div class="row">
|
|
|
|
@* DOB Year *@
|
|
<div class="col-4">
|
|
<div class="sax-form-control AccountDobYear pr8">
|
|
<div class="sax-label">
|
|
<label for="cbAccountDobYear"><span>@Localiser["label.year"]</span></label>
|
|
</div>
|
|
<div class="sax-control">
|
|
<select name="AccountDobYear" id="cbAccountDobYear" class="AccountDobYear sax-select" onchange="sax.refreshDob();"></select>
|
|
</div>
|
|
<div class="sax-message"></div>
|
|
</div>
|
|
</div>
|
|
|
|
@* DOB Month *@
|
|
<div class="col-4">
|
|
<div class="sax-form-control AccountDobMonth pr8">
|
|
<div class="sax-label">
|
|
<label for="cbAccountDobMonth"><span>@Localiser["label.month"]</span></label>
|
|
</div>
|
|
<div class="sax-control">
|
|
<select name="AccountDobMonth" id="cbAccountDobMonth" class="AccountDobMonth sax-select" onchange="sax.refreshDob();"></select>
|
|
</div>
|
|
<div class="sax-message"></div>
|
|
</div>
|
|
</div>
|
|
|
|
@* DOB Day *@
|
|
<div class="col-4">
|
|
<div class="sax-form-control AccountDobDay">
|
|
<div class="sax-label">
|
|
<label for="cbAccountDobDay"><span>@Localiser["label.day"]</span></label>
|
|
</div>
|
|
<div class="sax-control">
|
|
<select name="AccountDobDay" id="cbAccountDobDay" class="AccountDobDay sax-select" onchange="sax.refreshDob();"></select>
|
|
</div>
|
|
<div class="sax-message"></div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
@* Country Region *@
|
|
<div class="sax-form-control AccountRegionIdCountry">
|
|
<div class="row">
|
|
<div class="col-sm-3">
|
|
<div class="sax-label">
|
|
<label for="ifAccountRegionIdCountry"><span>@Localiser["label.country"]</span><span class="required"> *</span></label>
|
|
</div>
|
|
</div>
|
|
<div class="col-sm">
|
|
<div class="sax-control row">
|
|
@Html.HiddenFor(model => model.AccountRegionIdCountry, new { @id = "ifAccountRegionIdCountry", @class = "AccountRegionIdCountry" })
|
|
<div class="col"><input type="text" id="ifAccountRegionCaptionCountry" class="AccountRegionCaptionCountry sax-input" readonly="readonly" onDblClick="sax.selectRegionCountry()" /></div>
|
|
<div class="fixed"><button class="SelectRegionCountry sax-button" style="min-width:auto;margin-left:4px;padding:4px 6px" onclick="sax.selectRegionCountry()">@Localiser["label.select"]</button></div>
|
|
</div>
|
|
<div class="sax-message"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
@* Account image *@
|
|
<div class="sax-form-control AccountContactImage">
|
|
<div class="row">
|
|
<div class="col-sm-3">
|
|
<div class="sax-label">
|
|
<label for="ifAccountImage"><span>@Localiser["label.image"]</span></label>
|
|
</div>
|
|
</div>
|
|
<div class="col-sm">
|
|
<div class="sax-control">
|
|
<div id="pnlContactImageDrop" class="sax-panel-drop row">
|
|
<div class="fixed">
|
|
<div class=""><img src="" class="sax-contact-image AccountContact" alt="" title="" /></div>
|
|
</div>
|
|
<div class="col">
|
|
@Localiser["label.drag.image.here"]
|
|
<div class="DropMessage"></div>
|
|
<div class="UploadMessage"></div>
|
|
<div class="spacer4"></div>
|
|
@Localiser["label.alternatively"]:
|
|
<button id="pbSelectContactImage" class="sax-button" style="min-width:auto;margin-left:4px;padding:4px 6px;z-index:999;" onclick="sax.selectContactImage()">@Localiser["label.upload"]</button>
|
|
</div>
|
|
<div class="fixed">
|
|
<img id="" class="ContactImageUploadProgress" src="~/img/animated/progress-basketball-32.gif" style="display:none;margin:8px 4px;" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="sax-message"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
@* Action buttons *@
|
|
<div class="spacer2"></div>
|
|
<div class="row">
|
|
<div class="col-6 text-left"><button type="button" class="sax-button" value="" onclick="sax.refreshProfileContactInfo();">@Localiser["label.cancel"]</button></div>
|
|
<div class="col-6 text-right"><button type="button" class="sax-button" value="" onclick="sax.storeProfileContact();">@Localiser["label.save"]</button></div>
|
|
</div>
|
|
|
|
}
|
|
|
|
<div class="spacer2"></div>
|
|
|
|
</div>
|
|
|
|
<div id="dlgSelectContactImage" class="sax-dialog">
|
|
@using (@Html.BeginForm(FormMethod.Post, new { @id = "frmSelectContactImage", @class = "sax-form", @onSubmit = "return false;" }))
|
|
{
|
|
<div class="spacer4"></div>
|
|
<div class="sax-form-control AccountContactImage">
|
|
<div class="row">
|
|
<div class="fixed"><div style="padding:0 12px;">@Localiser["label.image"]</div></div>
|
|
<div class="col"><input type="file" id="ifContactImage" name="" class="fullwidth" style="" /></div>
|
|
</div>
|
|
<div class="sax-message"></div>
|
|
</div>
|
|
<div class="spacer2"></div>
|
|
<div class="row">
|
|
<div class="col"><div class="UploadMessage"></div></div>
|
|
<div class="fixed"><img id="" class="ContactImageUploadProgress" src="~/img/animated/progress-basketball-32.gif" style="display:none;margin:8px 4px;" /></div>
|
|
</div>
|
|
<div class="spacer2"></div>
|
|
}
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|