237 lines
No EOL
11 KiB
HTML
237 lines
No EOL
11 KiB
HTML
<!--
|
|
Copyright (C) 2023 Nicola Murino
|
|
|
|
This WebUI uses the KeenThemes Mega Bundle, a proprietary theme:
|
|
|
|
https://keenthemes.com/products/templates-mega-bundle
|
|
|
|
KeenThemes HTML/CSS/JS components are allowed for use only within the
|
|
SFTPGo product and restricted to be used in a resealable HTML template
|
|
that can compete with KeenThemes products anyhow.
|
|
|
|
This WebUI is allowed for use only within the SFTPGo product and
|
|
therefore cannot be used in derivative works/products without an
|
|
explicit grant from the SFTPGo Team (support@sftpgo.com).
|
|
-->
|
|
{{template "base" .}}
|
|
|
|
{{define "title"}}{{.Title}}{{end}}
|
|
|
|
{{- define "page_body"}}
|
|
<div class="card shadow-sm">
|
|
<div class="card-header bg-light">
|
|
<h3 class="card-title text-primary">{{if .IsAdd}}Add a new share{{else}}Edit share{{end}}</h3>
|
|
</div>
|
|
<div class="card-body">
|
|
{{- template "errmsg" .Error}}
|
|
<form id="share_form" action="{{.CurrentURL}}" method="POST" autocomplete="off">
|
|
<div class="form-group row">
|
|
<label class="col-md-3 col-form-label">Name</label>
|
|
<div class="col-md-9">
|
|
<input type="text" class="form-control" placeholder="" name="name" value="{{.Share.Name}}"
|
|
maxlength="255" autocomplete="nope" required {{if not .IsAdd}}readonly{{end}} />
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-group row mt-10">
|
|
<label class="col-md-3 col-form-label">Scope</label>
|
|
<div class="col-md-9">
|
|
<select name="scope" class="form-select" data-control="select2" data-hide-search="true">
|
|
<option value="1" {{if eq .Share.Scope 1 }}selected{{end}}>Read</option>
|
|
<option value="2" {{if eq .Share.Scope 2 }}selected{{end}}>Write</option>
|
|
<option value="3" {{if eq .Share.Scope 3 }}selected{{end}}>Read/Write</option>
|
|
</select>
|
|
<div class="form-text">
|
|
For scope "Write" and "Read&Write" you have to define one path and it must be a directory
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="card card-rounded mt-10">
|
|
<div class="card-header bg-light">
|
|
<h3 class="card-title">Paths</h3>
|
|
</div>
|
|
<div class="card-body">
|
|
<div id="paths">
|
|
<div class="form-group">
|
|
<div data-repeater-list="paths">
|
|
{{- range $idx, $val := .Share.Paths}}
|
|
<div data-repeater-item>
|
|
<div class="form-group row">
|
|
<div class="col-md-9">
|
|
<input type="text" class="form-control mt-3 mt-md-8"
|
|
placeholder="file or directory path, i.e. /dir or /dir/file.txt"
|
|
name="path" value="{{$val}}" />
|
|
</div>
|
|
<div class="col-md-3">
|
|
<a href="javascript:;" data-repeater-delete
|
|
class="btn btn-light-danger mt-3 mt-md-8">
|
|
<i class="ki-duotone ki-trash fs-5">
|
|
<span class="path1"></span>
|
|
<span class="path2"></span>
|
|
<span class="path3"></span>
|
|
<span class="path4"></span>
|
|
<span class="path5"></span>
|
|
</i>
|
|
Delete
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{{- else}}
|
|
<div data-repeater-item>
|
|
<div class="form-group row">
|
|
<div class="col-md-9">
|
|
<input type="text" class="form-control mt-3 mt-md-8"
|
|
placeholder="file or directory path, i.e. /dir or /dir/file.txt"
|
|
name="path" value="" />
|
|
</div>
|
|
<div class="col-md-3">
|
|
<a href="javascript:;" data-repeater-delete
|
|
class="btn btn-light-danger mt-3 mt-md-8">
|
|
<i class="ki-duotone ki-trash fs-5">
|
|
<span class="path1"></span>
|
|
<span class="path2"></span>
|
|
<span class="path3"></span>
|
|
<span class="path4"></span>
|
|
<span class="path5"></span>
|
|
</i>
|
|
Delete
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{{- end}}
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-group mt-5">
|
|
<a href="javascript:;" data-repeater-create class="btn btn-light-primary">
|
|
<i class="ki-duotone ki-plus fs-3"></i>
|
|
Add
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-group row mt-10">
|
|
<label class="col-md-3 col-form-label">Password</label>
|
|
<div class="col-md-9">
|
|
<input type="password" class="form-control" name="password" autocomplete="new-password"
|
|
placeholder="" spellcheck="false" value="{{.Share.Password}}" />
|
|
<div class="form-text">
|
|
If set the share will be password-protected
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-group row mt-10">
|
|
<label class="col-md-3 col-form-label">Expiration</label>
|
|
<div class="col-md-9">
|
|
<div class="input-group" data-td-target-input="nearest" data-td-target-toggle="nearest">
|
|
<input id="id_expiration" type="text" class="form-control" data-td-target="#id_expiration" />
|
|
<span class="input-group-text" data-td-target="#id_expiration" data-td-toggle="datetimepicker">
|
|
<i class="ki-duotone ki-calendar fs-2">
|
|
<span class="path1"></span>
|
|
<span class="path2"></span>
|
|
</i>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-group row mt-10">
|
|
<label class="col-md-3 col-form-label">Max tokens</label>
|
|
<div class="col-md-9">
|
|
<input type="number" min="0" class="form-control" name="max_tokens" value="{{.Share.MaxTokens}}" />
|
|
<div class="form-text">
|
|
Maximum number of times this share can be accessed. 0 means no limit
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-group row mt-10">
|
|
<label class="col-md-3 col-form-label">Allowed IP/Mask</label>
|
|
<div class="col-md-9">
|
|
<textarea class="form-control" name="allowed_ip" rows="3"
|
|
placeholder="">{{.Share.GetAllowedFromAsString}}</textarea>
|
|
<div class="form-text">
|
|
Comma separated IP/Mask in CIDR format, for example "192.168.1.0/24,10.8.0.100/32"
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-group row mt-10">
|
|
<label class="col-md-3 col-form-label">Description</label>
|
|
<div class="col-md-9">
|
|
<textarea class="form-control" name="description" rows="3"
|
|
placeholder="">{{.Share.Description}}</textarea>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="d-flex justify-content-end mt-12">
|
|
<input type="hidden" name="expiration_date" id="hidden_start_datetime" value="">
|
|
<input type="hidden" name="_form_token" value="{{.CSRFToken}}">
|
|
<button type="submit" id="form_submit" class="btn btn-primary px-10">
|
|
<span class="indicator-label">
|
|
Submit
|
|
</span>
|
|
<span class="indicator-progress">
|
|
Please wait... <span class="spinner-border spinner-border-sm align-middle ms-2"></span>
|
|
</span>
|
|
</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
{{- end}}
|
|
|
|
{{- define "extra_js"}}
|
|
<script src="{{.StaticURL}}/assets/plugins/custom/formrepeater/formrepeater.bundle.js"></script>
|
|
<script type="text/javascript">
|
|
KTUtil.onDOMContentLoaded(function () {
|
|
$('#paths').repeater({
|
|
initEmpty: false,
|
|
|
|
show: function () {
|
|
$(this).slideDown();
|
|
},
|
|
|
|
hide: function (deleteElement) {
|
|
$(this).slideUp(deleteElement);
|
|
}
|
|
});
|
|
|
|
const picker = new tempusDominus.TempusDominus(document.getElementById("id_expiration"), {
|
|
localization: {
|
|
format: 'yyyy-MM-dd HH:mm'
|
|
}
|
|
});
|
|
//{{ if gt .Share.ExpiresAt 0 }}
|
|
let input_dt = moment('{{.Share.ExpiresAt }}','x').toDate();
|
|
picker.dates.setValue(tempusDominus.DateTime.convert(input_dt));
|
|
//{{ end }}
|
|
|
|
$("#share_form").submit(function (event) {
|
|
let dt = $('#id_expiration').val();
|
|
if (dt) {
|
|
let d = picker.viewDate;
|
|
if (d) {
|
|
let dateString = moment.utc(d).format('YYYY-MM-DD HH:mm:ss');
|
|
$('#hidden_start_datetime').val(dateString);
|
|
} else {
|
|
$('#hidden_start_datetime').val("");
|
|
}
|
|
} else {
|
|
$('#hidden_start_datetime').val("");
|
|
}
|
|
let submitButton = document.querySelector('#form_submit');
|
|
submitButton.setAttribute('data-kt-indicator', 'on');
|
|
submitButton.disabled = true;
|
|
return true;
|
|
});
|
|
});
|
|
|
|
</script>
|
|
{{- end}} |