jostreff/wireguard-ui
1
0
Fork 0
mirror of https://github.com/ngoduykhanh/wireguard-ui.git synced 2025-06-07 00:46:58 +03:00
Code Issues Projects Releases Packages Wiki Activity Actions

added svg, file size limit

Browse source 
Added svg to logo choices, file size limits (5Mb for favicon, 10Mb for logo)
This commit is contained in:
Arminas 2023-02-21 13:14:42 +02:00 • committed by GitHub
parent 12d0dc6288
commit 830d5a1c59
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 32 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

7
handler/routes.go
View file

@ -52,7 +52,12 @@ func Favicon(db store.IStore) echo.HandlerFunc {
func BrandLogo(db store.IStore) echo.HandlerFunc { func BrandLogo(db store.IStore) echo.HandlerFunc {
return func(c echo.Context) error { return func(c echo.Context) error {
_, err := os.OpenFile(path.Join(db.GetPath(), "branding")+"/logo.png", os.O_RDONLY, 0777) _, err := os.OpenFile(path.Join(db.GetPath(), "branding")+"/logo.svg", os.O_RDONLY, 0777)
if err == nil {
return c.File(path.Join(db.GetPath(), "branding") + "/logo.svg")
}
_, err = os.OpenFile(path.Join(db.GetPath(), "branding")+"/logo.png", os.O_RDONLY, 0777)
if err == nil { if err == nil {
return c.File(path.Join(db.GetPath(), "branding") + "/logo.png") return c.File(path.Join(db.GetPath(), "branding") + "/logo.png")
} }

33
templates/branding_settings.html
View file

@ -26,7 +26,7 @@ Branding Settings
</div> </div>
<!-- /.card-header --> <!-- /.card-header -->
<!-- form start --> <!-- form start -->
<form role="form" id="frm_branding_settings" name="frm_branding_settings"> <form role="form" id="frm_branding_settings" name="frm_branding_settings" onsubmit="return false">
<div class="card-body"> <div class="card-body">
<div class="form-group"> <div class="form-group">
@ -48,7 +48,7 @@ Branding Settings
<input type="text" class="form-control" id="brand_logo" name="brand_logo" disabled> <input type="text" class="form-control" id="brand_logo" name="brand_logo" disabled>
<span class="input-group-append"> <span class="input-group-append">
<label class="btn btn-default">Select logo<input type="file" <label class="btn btn-default">Select logo<input type="file"
id="brand_logo_input" accept=".png,.jpg,.jpeg,.gif,.ico" hidden> id="brand_logo_input" accept=".svg,.png,.jpg,.jpeg,.gif,.ico" hidden>
</label> </label>
</span> </span>
</div> </div>
@ -80,10 +80,12 @@ Branding Settings
<dl> <dl>
<dt>1. Favicon</dt> <dt>1. Favicon</dt>
<dd>Formats accepted: <code>.ico</code></dd> <dd>Formats accepted: <code>.ico</code></dd>
<dd>Maximum file size: 5Mb.</dd>
<dd>Optional - leave blank or clear to continue using current favicon.</dd> <dd>Optional - leave blank or clear to continue using current favicon.</dd>
<dt>2. Brand logo</dt> <dt>2. Brand logo</dt>
<dd>The logo, displayed in the upper left corner.</dd> <dd>The logo, displayed in the upper left corner.</dd>
<dd>Formats accepted: <code>.png</code>, <code>.jpg</code>, <code>.jpeg</code>, <code>.gif</code>, <code>.ico</code></dd> <dd>Formats accepted: <code>.svg</code>, <code>.png</code>, <code>.jpg</code>, <code>.jpeg</code>, <code>.gif</code>, <code>.ico</code></dd>
<dd>Maximum file size: 10Mb.</dd>
<dd>Optional - leave blank or clear to continue using current brand logo.</dd> <dd>Optional - leave blank or clear to continue using current brand logo.</dd>
<dt>3. Brand name</dt> <dt>3. Brand name</dt>
<dd>The name, displayed in the upper left corner.</dd> <dd>The name, displayed in the upper left corner.</dd>
@ -110,12 +112,29 @@ Branding Settings
var count = 1; var count = 1;
if (typeof document.getElementById("favicon_input").files[0] !== 'undefined') { if (typeof document.getElementById("favicon_input").files[0] !== 'undefined') {
readFile(data, 'favicon', "favicon_input"); const faviconSize = document.getElementById("favicon_input").files[0].size / 1024 ** 2;
count++; if(faviconSize<=5) {
readFile(data, 'favicon', "favicon_input");
count++;
} else {
toastr.error("Favicon size is bigger than 5Mb.");
document.getElementById("favicon_input").value = null;
$("#favicon").val($("#favicon_input").val());
return false;
}
} }
if (typeof document.getElementById("brand_logo_input").files[0] !== 'undefined') { if (typeof document.getElementById("brand_logo_input").files[0] !== 'undefined') {
readFile(data, 'logo', "brand_logo_input"); const logoSize = document.getElementById("brand_logo_input").files[0].size / 1024 ** 2;
count++; if(logoSize<=10) {
readFile(data, 'logo', "brand_logo_input");
count++;
} else {
toastr.error("Brand logo size is bigger than 10Mb.");
document.getElementById("brand_logo_input").value =null;
$("#brand_logo").val($("#brand_logo_input").val());
return;
}
} }
function waitForRead() { function waitForRead() {