ac1a746f12
closed #89 fixed "loop connections" on same system #84 added error messages for "invalid" CREST "Client ID" added "bootboxjs" (customized styled checkboxes/radio buttons) CSS only "Font Awesome" version upgrade 4.4.0 -> 4.61 "Bootbox.js" version upgrade 4.3.0 -> 4.4.0 fixed "system dialog" (added responsive layout)
229 lines
12 KiB
HTML
229 lines
12 KiB
HTML
<div id="{{id}}">
|
|
|
|
<nav class="navbar navbar-default" role="navigation">
|
|
<div class="navbar-header pull-left">
|
|
<ul class="nav navbar-nav" role="tablist">
|
|
<li class="active">
|
|
<a role="tab" data-toggle="tab" data-name="account" href="#{{settingsAccountContainerId}}">
|
|
<i class="fa fa-user fa-fw"></i> Account
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a role="tab" data-toggle="tab" data-name="share" href="#{{settingsShareContainerId}}">
|
|
<i class="fa fa-share-alt fa-fw"></i> Share
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</nav>
|
|
|
|
<div class="tab-content">
|
|
<div role="tabpanel" class="tab-pane fade in active" id="{{settingsAccountContainerId}}">
|
|
{{! account tab ================================================================================================ }}
|
|
<form role="form" class="form-horizontal">
|
|
|
|
{{! Username }}
|
|
<div class="row">
|
|
<div class="col-sm-12">
|
|
<div class="form-group">
|
|
<label class="col-sm-3 control-label">Username</label>
|
|
<div class="col-sm-9">
|
|
<p class="form-control-static">
|
|
<i class="fa fa-fw fa-lg fa-pencil pull-right pf-dialog-icon-button collapsed" data-toggle="collapse" data-target="#collapseUsername" aria-expanded="false" aria-controls="collapseUsername"></i>
|
|
{{userData.name}}
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="collapseUsername" class="collapse">
|
|
<div class="row">
|
|
<div class="col-sm-12">
|
|
<div class="form-group">
|
|
<label for="name" class="col-sm-3 control-label">New Username</label>
|
|
<div class="col-sm-6">
|
|
<div class="input-group" title="Choose your unique username" data-placement="right">
|
|
<input name="name" type="text" class="form-control" id="name" value="" placeholder="Your username" data-error="Username required" data-minlength="5" data-minlength-error="Min. of 5 characters" data-username="true" autocomplete="nickname">
|
|
<span class="input-group-addon"><i class="fa fa-fw fa-user"></i></span>
|
|
</div>
|
|
<div class="help-block with-errors"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
{{! Email }}
|
|
<div class="row">
|
|
<div class="col-sm-12">
|
|
<div class="form-group">
|
|
<label class="col-sm-3 control-label">Email</label>
|
|
<div class="col-sm-9">
|
|
<p class="form-control-static">
|
|
<i class="fa fa-fw fa-lg fa-pencil pull-right pf-dialog-icon-button collapsed" data-toggle="collapse" data-target="#collapseEmail" aria-expanded="false" aria-controls="collapseEmail"></i>
|
|
{{#userData.email}}
|
|
{{userData.email}}
|
|
{{/userData.email}}
|
|
{{^userData.email}}
|
|
unknown
|
|
{{/userData.email}}
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="collapseEmail" class="collapse">
|
|
<div class="row">
|
|
<div class="col-sm-12">
|
|
<div class="form-group">
|
|
<label for="email" class="col-sm-3 control-label">New Email</label>
|
|
<div class="col-sm-6">
|
|
<div class="input-group" title="Enter your email. It will be kept private!" data-placement="right">
|
|
<input name="email" type="email" class="form-control" id="email" value="" placeholder="your@email.com" data-error="Email required" autocomplete="email" required>
|
|
<span class="input-group-addon"><i class="fa fa-fw fa-envelope"></i></span>
|
|
</div>
|
|
<div class="help-block with-errors"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="col-sm-12">
|
|
<div class="form-group">
|
|
<label for="email_confirm" class="col-sm-3 control-label">Confirm Email</label>
|
|
<div class="col-sm-6">
|
|
<div class="input-group" title="Confirm your email" data-placement="right">
|
|
<input name="email_confirm" type="email" class="form-control" id="email_confirm" value="" placeholder="your@email.com" data-error="Email required" data-match="#email" data-match-error="Email fields do not match" autocomplete="email" required>
|
|
<span class="input-group-addon"><i class="fa fa-fw fa-envelope"></i></span>
|
|
</div>
|
|
<div class="help-block with-errors"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
{{! Captcha }}
|
|
<div class="row">
|
|
<div class="col-sm-12">
|
|
<div class="form-group">
|
|
<label class="col-sm-3 control-label"></label>
|
|
<div class="col-sm-9">
|
|
<p id="{{captchaImageWrapperId}}" class="form-control-static">
|
|
<i class="fa fa-fw fa-lg fa-refresh pull-right pf-dialog-icon-button collapsed"></i>
|
|
<img id="{{captchaImageId}}" src="">
|
|
</p>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="row">
|
|
<div class="col-sm-12">
|
|
<div class="form-group">
|
|
<label for="captcha" class="col-sm-3 control-label">Captcha</label>
|
|
<div class="col-sm-6">
|
|
<div class="input-group" title="Enter Captcha" data-placement="right">
|
|
<input name="captcha" type="text" class="form-control" id="captcha" placeholder="" data-error="Captcha required" data-minlength="6" maxlength="6" autocomplete="off" required>
|
|
<span class="input-group-addon"><i class="fa fa-fw fa-picture-o"></i></span>
|
|
</div>
|
|
<div class="help-block with-errors"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="{{formErrorContainerClass}} alert alert-danger" style="display: none;">
|
|
<span class="txt-color txt-color-danger">Error</span>
|
|
<small> (important non-critical information)</small>
|
|
</div>
|
|
|
|
</form>
|
|
</div>
|
|
<div role="tabpanel" class="tab-pane" id="{{settingsShareContainerId}}">
|
|
{{! sharing tab ================================================================================================ }}
|
|
|
|
<form role="form" class="form-horizontal">
|
|
|
|
<div class="row">
|
|
<div class="col-sm-11">
|
|
<blockquote>
|
|
<p>
|
|
Before other pilots, corporations or alliances can invite you to their maps, you have to enable the associated option.
|
|
</p>
|
|
<small>Check out the "<a href="javascript:void(0);" onclick="$(document).triggerMenuEvent('Manual');">manual</a>" for more information
|
|
</small>
|
|
</blockquote>
|
|
</div>
|
|
</div>
|
|
|
|
{{#userData.character}}
|
|
<h4 class="pf-dynamic-area"><img src="{{ccpImageServer}}Character/{{id}}_32.jpg"> Private maps "<em class="pf-map-type-private">{{name}}</em>"</h4>
|
|
|
|
|
|
<div class="row">
|
|
<div class="col-sm-9">
|
|
<div class="col-sm-10">
|
|
<label for="privateSharing">
|
|
<input id="privateSharing" type="checkbox" name="privateSharing" data-toggle="toggle" value="1" {{#shared}}checked{{/shared}}>
|
|
map invite for private maps
|
|
</label>
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-3">
|
|
|
|
</div>
|
|
</div>
|
|
|
|
{{#corporation}}
|
|
<h4 class="pf-dynamic-area"><img src="{{ccpImageServer}}Corporation/{{id}}_32.png"> Corporation maps "<em class="pf-map-type-corporation">{{name}}</em>"</h4>
|
|
|
|
|
|
<div class="row">
|
|
<div class="col-sm-9">
|
|
<div class="col-sm-10">
|
|
<label for="corporationSharing">
|
|
<input id="corporationSharing" type="checkbox" name="corporationSharing" data-toggle="toggle" value="1" {{#shared}}checked{{/shared}}>
|
|
map invite for corporation maps
|
|
</label>
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-3">
|
|
|
|
</div>
|
|
</div>
|
|
|
|
{{/corporation}}
|
|
|
|
{{#alliance}}
|
|
<h4 class="pf-dynamic-area"><img src="{{ccpImageServer}}Alliance/{{id}}_32.png"> Alliance maps "<em class="pf-map-type-alliance">{{name}}</em>"</h4>
|
|
|
|
<div class="row">
|
|
<div class="col-sm-9">
|
|
<div class="col-sm-10">
|
|
<label for="allianceSharing">
|
|
<input id="allianceSharing" type="checkbox" name="allianceSharing" data-toggle="toggle" value="1" {{#shared}}checked{{/shared}}>
|
|
map invite for alliance maps
|
|
</label>
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-3">
|
|
|
|
</div>
|
|
</div>
|
|
{{/alliance}}
|
|
|
|
<input type="hidden" name="share">
|
|
|
|
{{/userData.character}}
|
|
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div> |