2021-11-06 13:13:20 +00:00
{{template "base" .}}
{{define "title"}}{{.Title}}{{end}}
{{define "extra_css"}}
< link href = "{{.StaticURL}}/vendor/datatables/dataTables.bootstrap4.min.css" rel = "stylesheet" >
< link href = "{{.StaticURL}}/vendor/datatables/buttons.bootstrap4.min.css" rel = "stylesheet" >
< link href = "{{.StaticURL}}/vendor/datatables/fixedHeader.bootstrap4.min.css" rel = "stylesheet" >
< link href = "{{.StaticURL}}/vendor/datatables/responsive.bootstrap4.min.css" rel = "stylesheet" >
< link href = "{{.StaticURL}}/vendor/datatables/select.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 shares< / h6 >
< / div >
< div class = "card-body" >
< div class = "table-responsive" >
< table class = "table table-hover nowrap" id = "dataTable" width = "100%" cellspacing = "0" >
< thead >
< tr >
< th > ID< / th >
< th > Name< / th >
< th > Scope< / th >
< th > Info< / th >
2021-11-25 19:09:11 +00:00
< th > < / th >
2021-11-06 13:13:20 +00:00
< / tr >
< / thead >
< tbody >
{{range .Shares}}
< tr >
< td > {{.ShareID}}< / td >
< td > {{.Name}}< / td >
< td > {{.GetScopeAsString}}< / td >
< td > {{.GetInfoString}}< / td >
2021-11-25 19:09:11 +00:00
< td > {{if .IsExpired}}1{{else}}0{{end}}< / td >
2021-11-06 13:13:20 +00:00
< / 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 share?< / 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 >
< div class = "modal fade" id = "linkModal" tabindex = "-1" role = "dialog" aria-labelledby = "linkModalLabel"
aria-hidden="true">
< div class = "modal-dialog" role = "document" >
< div class = "modal-content" >
< div class = "modal-header" >
< h5 class = "modal-title" id = "linkModalLabel" >
2022-06-03 12:36:38 +00:00
Share access links
2021-11-06 13:13:20 +00:00
< / h5 >
< button class = "close" type = "button" data-dismiss = "modal" aria-label = "Close" >
< span aria-hidden = "true" > × < / span >
< / button >
< / div >
< div class = "modal-body" >
< div id = "readShare" >
2021-11-30 19:32:10 +00:00
< p > You can download the shared contents, as single zip file, using this < a id = "readLink" href = "#" target = "_blank" > link< / a > .< / p >
2022-02-15 18:19:25 +00:00
< p > If the share consists of a single directory you can browse and download files using this < a id = "readBrowseLink" href = "#" target = "_blank" > page< / a > .< / p >
2022-02-06 15:46:43 +00:00
< p > If the share consists of a single file you can download it uncompressed using this < a id = "readUncompressedLink" href = "#" target = "_blank" > link< / a > .< / p >
2021-11-06 13:13:20 +00:00
< / div >
< div id = "writeShare" >
2022-02-15 18:19:25 +00:00
< p > You can upload one or more files to the shared directory using this < a id = "writePageLink" href = "#" target = "_blank" > page< / a > < / p >
< p >
< a data-toggle = "collapse" href = "#collapseWriteShareAdvanced" aria-expanded = "false" aria-controls = "collapseWriteShareAdvanced" >
Advanced options
< / a >
< / p >
< div class = "collapse" id = "collapseWriteShareAdvanced" >
< div class = "card card-body" >
< p > You can upload one or more files to the shared directory by sending a multipart/form-data request to this < a id = "writeLink" href = "#" target = "_blank" > link< / a > . The form field name for the file(s) is < b > < code > filenames< / code > < / b > .< / p >
< p > Example: < code > curl -F filenames=@file1.txt -F filenames=@file2.txt "share link"< / code > < / p >
< p > Or you can upload files one by one by adding the path encoded file name to the share < a id = "writeLinkSingle" href = "#" target = "_blank" > link< / a > and sending the file as POST body. The optional < b > < code > X-SFTPGO-MTIME< / code > < / b > header allows to set the file modification time as milliseconds since epoch.< / p >
< p > Example: < code > curl --data-binary @file.txt -H "Content-Type: application/octet-stream" -H "X-SFTPGO-MTIME: 1638882991234" "share link/file.txt"< / code > < / p >
< / div >
< / div >
2021-11-06 13:13:20 +00:00
< / div >
2021-11-25 19:09:11 +00:00
< div id = "expiredShare" >
This share is no longer accessible because it has expired
< / div >
2021-11-06 13:13:20 +00:00
< / div >
< div class = "modal-footer" >
< button class = "btn btn-primary" type = "button" data-dismiss = "modal" >
OK
< / button >
< / div >
< / div >
< / div >
< / div >
{{end}}
{{define "extra_js"}}
< script src = "{{.StaticURL}}/vendor/datatables/jquery.dataTables.min.js" > < / script >
< script src = "{{.StaticURL}}/vendor/datatables/dataTables.bootstrap4.min.js" > < / script >
< script src = "{{.StaticURL}}/vendor/datatables/dataTables.buttons.min.js" > < / script >
< script src = "{{.StaticURL}}/vendor/datatables/buttons.bootstrap4.min.js" > < / script >
< script src = "{{.StaticURL}}/vendor/datatables/dataTables.fixedHeader.min.js" > < / script >
< script src = "{{.StaticURL}}/vendor/datatables/dataTables.responsive.min.js" > < / script >
< script src = "{{.StaticURL}}/vendor/datatables/responsive.bootstrap4.min.js" > < / script >
< script src = "{{.StaticURL}}/vendor/datatables/dataTables.select.min.js" > < / script >
< script type = "text/javascript" >
function deleteAction() {
var table = $('#dataTable').DataTable();
table.button('delete:name').enable(false);
var shareID = table.row({ selected: true }).data()[0];
var path = '{{.ShareURL}}' + "/" + fixedEncodeURIComponent(shareID);
$('#deleteModal').modal('hide');
$.ajax({
url: path,
type: 'DELETE',
dataType: 'json',
headers: {'X-CSRF-TOKEN' : '{{.CSRFToken}}'},
timeout: 15000,
success: function (result) {
window.location.href = '{{.SharesURL}}';
},
error: function ($xhr, textStatus, errorThrown) {
var txt = "Unable to delete the selected share";
if ($xhr) {
var json = $xhr.responseJSON;
if (json) {
if (json.message){
txt += ": " + json.message;
} else {
txt += ": " + json.error;
}
}
}
$('#errorTxt').text(txt);
$('#errorMsg').show();
setTimeout(function () {
$('#errorMsg').hide();
}, 5000);
}
});
}
$(document).ready(function () {
$.fn.dataTable.ext.buttons.add = {
text: '< i class = "fas fa-plus" > < / i > ',
name: 'add',
titleAttr: "Add",
action: function (e, dt, node, config) {
window.location.href = '{{.ShareURL}}';
}
};
$.fn.dataTable.ext.buttons.edit = {
text: '< i class = "fas fa-pen" > < / i > ',
name: 'edit',
titleAttr: "Edit",
action: function (e, dt, node, config) {
var shareID = dt.row({ selected: true }).data()[0];
var path = '{{.ShareURL}}' + "/" + fixedEncodeURIComponent(shareID);
window.location.href = path;
},
enabled: false
};
$.fn.dataTable.ext.buttons.delete = {
text: '< i class = "fas fa-trash" > < / i > ',
name: 'delete',
titleAttr: "Delete",
action: function (e, dt, node, config) {
$('#deleteModal').modal('show');
},
enabled: false
};
$.fn.dataTable.ext.buttons.link = {
text: '< i class = "fas fa-link" > < / i > ',
name: 'link',
titleAttr: "Link",
action: function (e, dt, node, config) {
var shareData = dt.row({ selected: true }).data();
var shareID = shareData[0];
var shareScope = shareData[2];
2021-11-25 19:09:11 +00:00
var isExpired = shareData[4];
if (isExpired == "1"){
$('#expiredShare').show();
2021-11-06 13:13:20 +00:00
$('#writeShare').hide();
$('#readShare').hide();
2021-11-25 19:09:11 +00:00
} else {
var shareURL = '{{.BasePublicSharesURL}}' + "/" + fixedEncodeURIComponent(shareID);
if (shareScope == 'Read'){
$('#expiredShare').hide();
$('#writeShare').hide();
$('#readShare').show();
$('#readLink').attr("href", shareURL);
$('#readLink').attr("title", shareURL);
2021-11-30 19:32:10 +00:00
$('#readUncompressedLink').attr("href", shareURL+"?compress=false");
$('#readUncompressedLink').attr("title", shareURL+"?compress=false");
2022-02-06 15:46:43 +00:00
$('#readBrowseLink').attr("href", shareURL+"/browse");
$('#readBrowseLink').attr("title", shareURL+"/browse");
2021-11-25 19:09:11 +00:00
} else {
$('#expiredShare').hide();
$('#writeShare').show();
$('#readShare').hide();
2022-02-15 18:19:25 +00:00
$('#writePageLink').attr("href", shareURL+"/upload");
$('#writePageLink').attr("title", shareURL+"/upload");
2021-11-25 19:09:11 +00:00
$('#writeLink').attr("href", shareURL);
$('#writeLink').attr("title", shareURL);
2021-12-08 18:25:22 +00:00
$('#writeLinkSingle').attr("href", shareURL);
$('#writeLinkSingle').attr("title", shareURL);
2021-11-25 19:09:11 +00:00
}
2021-11-06 13:13:20 +00:00
}
$('#linkModal').modal('show');
},
enabled: false
};
var table = $('#dataTable').DataTable({
"select": {
"style": "single",
"blurable": true
},
"stateSave": true,
2021-12-04 06:58:49 +00:00
"stateDuration": 0,
2021-11-06 13:13:20 +00:00
"buttons": [],
"columnDefs": [
{
2021-11-25 19:09:11 +00:00
"targets": [0, 4],
2021-11-06 13:13:20 +00:00
"visible": false,
"searchable": false
}
],
"scrollX": false,
"scrollY": false,
"responsive": true,
"language": {
"emptyTable": "No share defined"
},
"order": [[1, 'asc']]
});
new $.fn.dataTable.FixedHeader( table );
table.button().add(0,'link');
table.button().add(0,'delete');
table.button().add(0,'edit');
table.button().add(0,'add');
table.buttons().container().appendTo('.col-md-6:eq(0)', table.table().container());
table.on('select deselect', function () {
var selectedRows = table.rows({ selected: true }).count();
table.button('edit:name').enable(selectedRows == 1);
table.button('clone:name').enable(selectedRows == 1);
table.button('delete:name').enable(selectedRows == 1);
table.button('link:name').enable(selectedRows == 1);
});
});
< / script >
{{end}}
