modules/users: Changed the order of the form fields

This commit is contained in:
michu2k
2021-07-31 16:17:33 +02:00
parent a7feb9e515
commit 4905db80ce
2 changed files with 83 additions and 83 deletions

View File

@@ -5,46 +5,46 @@
<h3 class="panel-title">{$users.title}</h3>
</div>
<div class="panel-body">
<form name="user" action="{?=url(ADMIN.'/users/save/'.@$users.form.id)?}" method="POST" enctype="multipart/form-data">
<fieldset>
<div class="form-group">
<label>{$lang.general.username}</label>
<input type="text" name="username" class="form-control" required value="{$users.form.username}" />
</div>
<div class="form-group">
<label>{$lang.users.display_name}</label>
<input type="text" name="fullname" class="form-control" placeholder="{$lang.general.can_be_empty}" value="{$users.form.fullname}" />
</div>
<div class="form-group">
<label>{$lang.users.photo}</label>
<div>
<img src="{$users.avatarURL}" width="96" height="96" class="img-thumbnail" id="photoPreview" style="cursor:pointer;" onclick="$('input[name=photo]').click()" />
<input type="file" name="photo" class="form-control hidden" />
</div>
</div>
<div class="form-group">
<label>{$lang.users.description}</label>
<textarea class="form-control" name="description" placeholder="{$lang.general.can_be_empty}" rows="6">{$users.form.description}</textarea>
</div>
<div class="form-group">
<label>{$lang.users.email}</label>
<input type="email" name="email" class="form-control" required value="{$users.form.email}" />
</div>
<div class="form-group">
<label>{$lang.general.password} {if: isset($users.form.id)}<a href="#" id="passwordChange" class="btn btn-default btn-xs">{$lang.general.change}</a>{/if}</label>
<input type="password" name="password" class="form-control" pattern=".{5,}" title="{$lang.users.too_short_pswd}" {if: isset($users.form.id)}value="********" placeholder="{$lang.users.new_password}" disabled {else}required{/if}/>
</div>
<div class="form-group">
<label>{$lang.users.access}</label>
<select name="access[]" multiple class="form-control" data-keep-open="true" data-use-dimmer="false" data-options-height="126px" {if: isset_or($users.form.id, 0) == 1}disabled{/if} required>
{loop: $users.modules}
<option value="{$value.dir}" data-left="<i class='fa fa-{$value.icon}'></i>" {$value.attr}>{$value.name}</option>
{/loop}
</select>
</div>
<div class="form-group">
<input type="submit" name="save" class="btn btn-primary" value="{$lang.general.save}" />
</div>
<form name="user" action="{?=url(ADMIN.'/users/save/'.@$users.form.id)?}" method="POST" enctype="multipart/form-data">
<fieldset>
<div class="form-group">
<label>{$lang.users.photo}</label>
<div>
<img src="{$users.avatarURL}" width="96" height="96" class="img-thumbnail" id="photoPreview" style="cursor:pointer;" onclick="$('input[name=photo]').click()" />
<input type="file" name="photo" class="form-control hidden" />
</div>
</div>
<div class="form-group">
<label>{$lang.general.username}</label>
<input type="text" name="username" class="form-control" required value="{$users.form.username}" />
</div>
<div class="form-group">
<label>{$lang.users.display_name}</label>
<input type="text" name="fullname" class="form-control" placeholder="{$lang.general.can_be_empty}" value="{$users.form.fullname}" />
</div>
<div class="form-group">
<label>{$lang.users.email}</label>
<input type="email" name="email" class="form-control" required value="{$users.form.email}" />
</div>
<div class="form-group">
<label>{$lang.general.password} {if: isset($users.form.id)}<a href="#" id="passwordChange" class="btn btn-default btn-xs">{$lang.general.change}</a>{/if}</label>
<input type="password" name="password" class="form-control" pattern=".{5,}" title="{$lang.users.too_short_pswd}" {if: isset($users.form.id)}value="********" placeholder="{$lang.users.new_password}" disabled {else}required{/if}/>
</div>
<div class="form-group">
<label>{$lang.users.description}</label>
<textarea class="form-control" name="description" placeholder="{$lang.general.can_be_empty}" rows="3">{$users.form.description}</textarea>
</div>
<div class="form-group">
<label>{$lang.users.access}</label>
<select name="access[]" multiple class="form-control" data-keep-open="true" data-use-dimmer="false" data-options-height="126px" {if: isset_or($users.form.id, 0) == 1}disabled{/if} required>
{loop: $users.modules}
<option value="{$value.dir}" data-left="<i class='fa fa-{$value.icon}'></i>" {$value.attr}>{$value.name}</option>
{/loop}
</select>
</div>
<div class="form-group">
<input type="submit" name="save" class="btn btn-primary" value="{$lang.general.save}" />
</div>
</fieldset>
</form>
</div>
@@ -53,19 +53,19 @@
</article>
<script>
// Avatar
var reader = new FileReader();
reader.addEventListener("load", function() {
$("#photoPreview").attr('src', reader.result);
}, false);
$("input[name=photo]").change(function() {
reader.readAsDataURL(this.files[0]);
});
// Avatar
var reader = new FileReader();
reader.addEventListener("load", function() {
$("#photoPreview").attr('src', reader.result);
}, false);
$("input[name=photo]").change(function() {
reader.readAsDataURL(this.files[0]);
});
// Password
$("#passwordChange").on("click", function() {
$("input[name=password]").val("").attr('disabled', false);
$(this).remove();
return false;
})
// Password
$("#passwordChange").on("click", function() {
$("input[name=password]").val("").attr('disabled', false);
$(this).remove();
return false;
})
</script>

View File

@@ -5,35 +5,35 @@
<h3 class="panel-title">{$lang.general.manage}</h3>
</div>
<div class="panel-body">
<div class="table-responsive no-margin">
<table class="table table-striped no-margin">
<thead>
<tr>
<th>{$lang.general.username}</th>
<th>{$lang.users.display_name}</th>
<th>{$lang.users.email}</th>
<th class="text-right">{$lang.general.actions}</th>
</tr>
</thead>
<tbody>
{loop: $users}
<tr>
<td><a href="{$value.editURL}">{$value.username}</a></td>
<td>{$value.fullname}</td>
<td>{$value.email}</td>
<td class="text-right">
<a href="{$value.editURL}" class="btn btn-xs btn-success">
<i class="fa fa-pencil"></i> <span class="hidden-xs">{$lang.general.edit}</span>
</a>
<a href="{$value.delURL}" class="btn btn-xs btn-danger {if: $value.id==1 || $value.id==$myId}disabled{/if}" data-confirm="{$lang.users.delete_confirm}">
<i class="fa fa-trash-o"></i> <span class="hidden-xs">{$lang.general.delete}</span>
</a>
</td>
</tr>
{/loop}
</tbody>
</table>
</div>
<div class="table-responsive no-margin">
<table class="table table-striped no-margin">
<thead>
<tr>
<th>{$lang.general.username}</th>
<th>{$lang.users.display_name}</th>
<th>{$lang.users.email}</th>
<th class="text-right">{$lang.general.actions}</th>
</tr>
</thead>
<tbody>
{loop: $users}
<tr>
<td><a href="{$value.editURL}">{$value.username}</a></td>
<td>{$value.fullname}</td>
<td>{$value.email}</td>
<td class="text-right">
<a href="{$value.editURL}" class="btn btn-xs btn-success">
<i class="fa fa-pencil"></i> <span class="hidden-xs">{$lang.general.edit}</span>
</a>
<a href="{$value.delURL}" class="btn btn-xs btn-danger {if: $value.id==1 || $value.id==$myId}disabled{/if}" data-confirm="{$lang.users.delete_confirm}">
<i class="fa fa-trash-o"></i> <span class="hidden-xs">{$lang.general.delete}</span>
</a>
</td>
</tr>
{/loop}
</tbody>
</table>
</div>
</div>
</div>
</div>