mirror of
https://github.com/drakkan/sftpgo.git
synced 2024-11-25 00:50:31 +00:00
bdb6f585c7
Enabling the "skip_natural_keys_validation" data provider setting, the natural keys for REST API/Web Admin as usernames, admin names, folder names are not restricted to unreserved URI chars Fixes #334 #308
300 lines
No EOL
11 KiB
HTML
300 lines
No EOL
11 KiB
HTML
{{template "base" .}}
|
||
|
||
{{define "title"}}{{.Title}}{{end}}
|
||
|
||
{{define "extra_css"}}
|
||
<link href="/static/vendor/datatables/dataTables.bootstrap4.min.css" rel="stylesheet">
|
||
<link href="/static/vendor/datatables/select.bootstrap4.min.css" rel="stylesheet">
|
||
<link href="/static/vendor/datatables/buttons.bootstrap4.min.css" rel="stylesheet">
|
||
{{end}}
|
||
|
||
{{define "page_body"}}
|
||
|
||
<div id="errorMsg" class="card mb-4 border-left-warning" style="display: none;">
|
||
<div id="errorTxt" class="card-body text-form-error"></div>
|
||
</div>
|
||
|
||
<div id="successMsg" class="card mb-4 border-left-success" style="display: none;">
|
||
<div id="successTxt" class="card-body"></div>
|
||
</div>
|
||
|
||
<div class="card shadow mb-4">
|
||
<div class="card-header py-3">
|
||
<h6 class="m-0 font-weight-bold text-primary">View and manage users</h6>
|
||
</div>
|
||
<div class="card-body">
|
||
<div class="table-responsive">
|
||
<table class="table table-striped table-bordered" id="dataTable" width="100%" cellspacing="0">
|
||
<thead>
|
||
<tr>
|
||
<th>ID</th>
|
||
<th>Username</th>
|
||
<th>Status</th>
|
||
<th>Expiration</th>
|
||
<th>Permissions</th>
|
||
<th>Bandwidth</th>
|
||
<th>Quota</th>
|
||
<th>Other</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
{{range .Users}}
|
||
<tr>
|
||
<td>{{.ID}}</td>
|
||
<td>{{.Username}}</td>
|
||
<td>{{if eq .Status 1 }}Active{{else}}Inactive{{end}}</td>
|
||
<td>{{.GetExpirationDateAsString}}</td>
|
||
<td>{{.GetPermissionsAsString}}</td>
|
||
<td>{{.GetBandwidthAsString}}</td>
|
||
<td>{{.GetQuotaSummary}}</td>
|
||
<td>{{.GetInfoString}}</td>
|
||
</tr>
|
||
{{end}}
|
||
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
{{end}}
|
||
|
||
{{define "dialog"}}
|
||
<div class="modal fade" id="deleteModal" tabindex="-1" role="dialog" aria-labelledby="deleteModalLabel"
|
||
aria-hidden="true">
|
||
<div class="modal-dialog" role="document">
|
||
<div class="modal-content">
|
||
<div class="modal-header">
|
||
<h5 class="modal-title" id="deleteModalLabel">
|
||
Confirmation required
|
||
</h5>
|
||
<button class="close" type="button" data-dismiss="modal" aria-label="Close">
|
||
<span aria-hidden="true">×</span>
|
||
</button>
|
||
</div>
|
||
<div class="modal-body">Do you want to delete the selected user?</div>
|
||
<div class="modal-footer">
|
||
<button class="btn btn-secondary" type="button" data-dismiss="modal">
|
||
Cancel
|
||
</button>
|
||
<a class="btn btn-warning" href="#" onclick="deleteAction()">
|
||
Delete
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
{{end}}
|
||
|
||
{{define "extra_js"}}
|
||
<script src="/static/vendor/datatables/jquery.dataTables.min.js"></script>
|
||
<script src="/static/vendor/datatables/dataTables.bootstrap4.min.js"></script>
|
||
<script src="/static/vendor/datatables/dataTables.select.min.js"></script>
|
||
<script src="/static/vendor/datatables/select.bootstrap4.min.js"></script>
|
||
<script src="/static/vendor/datatables/dataTables.buttons.min.js"></script>
|
||
<script src="/static/vendor/datatables/buttons.bootstrap4.min.js"></script>
|
||
<script type="text/javascript">
|
||
|
||
function deleteAction() {
|
||
var table = $('#dataTable').DataTable();
|
||
table.button('delete:name').enable(false);
|
||
var username = table.row({ selected: true }).data()[1];
|
||
var path = '{{.UserURL}}' + "/" + fixedEncodeURIComponent(username);
|
||
$('#deleteModal').modal('hide');
|
||
$.ajax({
|
||
url: path,
|
||
type: 'DELETE',
|
||
dataType: 'json',
|
||
headers: {'X-CSRF-TOKEN' : '{{.CSRFToken}}'},
|
||
timeout: 15000,
|
||
success: function (result) {
|
||
table.button('delete:name').enable(true);
|
||
window.location.href = '{{.UsersURL}}';
|
||
},
|
||
error: function ($xhr, textStatus, errorThrown) {
|
||
table.button('delete:name').enable(true);
|
||
var txt = "Unable to delete the selected user";
|
||
if ($xhr) {
|
||
var json = $xhr.responseJSON;
|
||
if (json) {
|
||
txt += ": " + json.error;
|
||
}
|
||
}
|
||
$('#errorTxt').text(txt);
|
||
$('#errorMsg').show();
|
||
setTimeout(function () {
|
||
$('#errorMsg').hide();
|
||
}, 5000);
|
||
}
|
||
});
|
||
}
|
||
|
||
$(document).ready(function () {
|
||
$.fn.dataTable.ext.buttons.add = {
|
||
text: 'Add',
|
||
name: 'add',
|
||
action: function (e, dt, node, config) {
|
||
window.location.href = '{{.UserURL}}';
|
||
}
|
||
};
|
||
|
||
$.fn.dataTable.ext.buttons.edit = {
|
||
text: 'Edit',
|
||
name: 'edit',
|
||
action: function (e, dt, node, config) {
|
||
var username = dt.row({ selected: true }).data()[1];
|
||
var path = '{{.UserURL}}' + "/" + fixedEncodeURIComponent(username);
|
||
window.location.href = path;
|
||
},
|
||
enabled: false
|
||
};
|
||
|
||
$.fn.dataTable.ext.buttons.clone = {
|
||
text: 'Clone',
|
||
name: 'clone',
|
||
action: function (e, dt, node, config) {
|
||
var username = dt.row({ selected: true }).data()[1];
|
||
var path = '{{.UserURL}}' + "?clone-from=" + fixedEncodeURIComponent(username);
|
||
window.location.href = path;
|
||
},
|
||
enabled: false
|
||
};
|
||
|
||
$.fn.dataTable.ext.buttons.template = {
|
||
text: 'Template',
|
||
name: 'template',
|
||
action: function (e, dt, node, config) {
|
||
var selectedRows = table.rows({ selected: true }).count();
|
||
if (selectedRows == 1){
|
||
var username = dt.row({ selected: true }).data()[1];
|
||
var path = '{{.UserTemplateURL}}' + "?from=" + fixedEncodeURIComponent(username);
|
||
window.location.href = path;
|
||
} else {
|
||
window.location.href = '{{.UserTemplateURL}}';
|
||
}
|
||
}
|
||
};
|
||
|
||
$.fn.dataTable.ext.buttons.delete = {
|
||
text: 'Delete',
|
||
name: 'delete',
|
||
action: function (e, dt, node, config) {
|
||
/*console.log("delete clicked, num row selected: " + dt.rows({ selected: true }).count());
|
||
var data = dt.rows({ selected: true }).data();
|
||
for (var i = 0; i < data.length; i++) {
|
||
console.log("selected row data: " + JSON.stringify(data[i]));
|
||
}*/
|
||
$('#deleteModal').modal('show');
|
||
},
|
||
enabled: false
|
||
};
|
||
|
||
$.fn.dataTable.ext.buttons.quota_scan = {
|
||
text: 'Quota scan',
|
||
name: 'quota_scan',
|
||
action: function (e, dt, node, config) {
|
||
dt.button('quota_scan:name').enable(false);
|
||
var username = dt.row({ selected: true }).data()[1];
|
||
var path = '{{.QuotaScanURL}}'
|
||
$.ajax({
|
||
url: path,
|
||
type: 'POST',
|
||
dataType: 'json',
|
||
headers: {'X-CSRF-TOKEN' : '{{.CSRFToken}}'},
|
||
data: JSON.stringify({ "username": username }),
|
||
timeout: 15000,
|
||
success: function (result) {
|
||
dt.button('quota_scan:name').enable(true);
|
||
$('#successTxt').text("Quota scan started for the selected user. Please reload the user's page to check when the scan ends");
|
||
$('#successMsg').show();
|
||
setTimeout(function () {
|
||
$('#successMsg').hide();
|
||
}, 5000);
|
||
},
|
||
error: function ($xhr, textStatus, errorThrown) {
|
||
dt.button('quota_scan:name').enable(true);
|
||
var txt = "Unable to update quota for the selected user";
|
||
if ($xhr) {
|
||
var json = $xhr.responseJSON;
|
||
if (json) {
|
||
if (json.message) {
|
||
txt += ": " + json.message;
|
||
} else if (json.error) {
|
||
txt += ": " + json.error;
|
||
}
|
||
}
|
||
}
|
||
$('#errorTxt').text(txt);
|
||
$('#errorMsg').show();
|
||
setTimeout(function () {
|
||
$('#errorMsg').hide();
|
||
}, 5000);
|
||
}
|
||
});
|
||
},
|
||
enabled: false
|
||
};
|
||
|
||
var table = $('#dataTable').DataTable({
|
||
dom: "<'row'<'col-sm-12'B>>" +
|
||
"<'row'<'col-sm-12 col-md-6'l><'col-sm-12 col-md-6'f>>" +
|
||
"<'row'<'col-sm-12'tr>>" +
|
||
"<'row'<'col-sm-12 col-md-5'i><'col-sm-12 col-md-7'p>>",
|
||
select: true,
|
||
stateSave: true,
|
||
stateDuration: 3600,
|
||
buttons: [],
|
||
"columnDefs": [
|
||
{
|
||
"targets": [0],
|
||
"visible": false,
|
||
"searchable": false
|
||
},
|
||
],
|
||
"scrollX": false,
|
||
"order": [[1, 'asc']]
|
||
});
|
||
|
||
{{if .LoggedAdmin.HasPermission "quota_scans"}}
|
||
table.button().add(0,'quota_scan');
|
||
{{end}}
|
||
|
||
{{if .LoggedAdmin.HasPermission "manage_system"}}
|
||
table.button().add(0,'template');
|
||
{{end}}
|
||
|
||
{{if .LoggedAdmin.HasPermission "del_users"}}
|
||
table.button().add(0,'delete');
|
||
{{end}}
|
||
|
||
{{if .LoggedAdmin.HasPermission "add_users"}}
|
||
table.button().add(0,'clone');
|
||
{{end}}
|
||
|
||
{{if .LoggedAdmin.HasPermission "edit_users"}}
|
||
table.button().add(0,'edit');
|
||
{{end}}
|
||
|
||
{{if .LoggedAdmin.HasPermission "add_users"}}
|
||
table.button().add(0,'add');
|
||
{{end}}
|
||
|
||
|
||
table.on('select deselect', function () {
|
||
var selectedRows = table.rows({ selected: true }).count();
|
||
{{if .LoggedAdmin.HasPermission "edit_users"}}
|
||
table.button('edit:name').enable(selectedRows == 1);
|
||
{{end}}
|
||
{{if .LoggedAdmin.HasPermission "add_users"}}
|
||
table.button('clone:name').enable(selectedRows == 1);
|
||
{{end}}
|
||
{{if .LoggedAdmin.HasPermission "del_users"}}
|
||
table.button('delete:name').enable(selectedRows == 1);
|
||
{{end}}
|
||
{{if .LoggedAdmin.HasPermission "quota_scans"}}
|
||
table.button('quota_scan:name').enable(selectedRows == 1);
|
||
{{end}}
|
||
});
|
||
});
|
||
</script>
|
||
{{end}} |