142 lines
4.3 KiB
HTML
142 lines
4.3 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
|
<meta name="description" content="">
|
|
<meta name="author" content="">
|
|
<link rel="icon" href="/favicon.ico">
|
|
<base href="">
|
|
|
|
<title>Vvveb - DiceBear Plugin Settings</title>
|
|
|
|
<link href="css/admin.css" rel="stylesheet">
|
|
<style>
|
|
.style label {
|
|
min-width: 300px;
|
|
margin-bottom: 1rem;
|
|
}
|
|
|
|
.style label span {
|
|
margin:1rem;
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
|
|
<body>
|
|
|
|
<div id="container">
|
|
|
|
<div class="sidebar" data-v-copy-from="index.html,.sidebar">
|
|
</div>
|
|
|
|
|
|
<div class="main">
|
|
|
|
<div class="clearfix top-header" data-v-copy-from="index.html,.top-header">
|
|
</div>
|
|
|
|
<form id="settings-form" action="" method="post" class="settings" data-v-product>
|
|
<input type="hidden" name="action" id="action" value="save">
|
|
<input type="hidden" name="csrf" data-v-csrf>
|
|
|
|
<div class="actions">
|
|
<div class="title">
|
|
<h4 class="text-muted mt-2">
|
|
<img src="/plugins/dicebear/dicebear.svg">
|
|
<!--
|
|
<span>DiceBear plugin</span>
|
|
-->
|
|
</h4>
|
|
</div>
|
|
<div class="btns">
|
|
<a href="{$this.adminPath}index.php?module=plugin/plugins" title="Plugins list"
|
|
class="btn btn-icon btn-outline-secondary me-2">
|
|
<i class="la la-arrow-left"></i><span>Plugins list</span>
|
|
</a>
|
|
<button type="submit" href="" class="btn btn-primary btn-icon ms-1" title="Save post">
|
|
<i class="icon-create-outline"></i> <span>Save settings</span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<div id="main-content">
|
|
|
|
<div class="notifications" data-v-notifications data-v-copy-from="index.html,.notifications"></div>
|
|
|
|
<div class="content clearfix settings px-4">
|
|
|
|
<h5>Options</h5>
|
|
|
|
<div class="mb-3 row">
|
|
<div class="col-6">
|
|
<label for="settings[url]" class="col-form-label d-inline-block">
|
|
<span>Url</span>
|
|
</label>
|
|
<input type="text" class="form-control d-inline-block" name="settings[url]" value="https://api.dicebear.com/7.x/">
|
|
<div class="form-help m-2"><a href="https://www.dicebear.com/guides/host-the-http-api-yourself/" target="_blank">Set up your own instance</a></div>
|
|
</div>
|
|
|
|
<div class="col-6">
|
|
<label for="settings[size]" class="col-form-label d-inline-block">Avatar size</label><br>
|
|
<input type="number" class="form-control d-inline-block w-auto" name="settings[size]" value="60">
|
|
|
|
<div class="flip d-inline-block mx-4">
|
|
|
|
<div class="form-check form-check-inline">
|
|
<input class="form-check-input" type="radio" value="true" name="settings[flip]" id="flip-true">
|
|
<label class="form-check-label" for="flip-true">
|
|
Flip
|
|
</label>
|
|
</div>
|
|
<div class="form-check form-check-inline">
|
|
<input class="form-check-input" type="radio" value="false" name="settings[flip]" id="flip-false">
|
|
<label class="form-check-label" for="flip-false">
|
|
Don't flip
|
|
</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<hr>
|
|
|
|
|
|
<h5>Style</h5>
|
|
|
|
|
|
<div class="form-check form-check-inline style">
|
|
<label class="form-check-label btn btn-outline-secondary">
|
|
<input type="radio" name="settings[style]" class="form-check-input" value="mm">
|
|
<img alt="" src="https://api.dicebear.com/7.x/micah/svg?seed=JD" height="64" width="64" loading="lazy" decoding="async">
|
|
<span>Mystery Person</span>
|
|
</label>
|
|
</div>
|
|
|
|
<div class="form-check form-check-inline style">
|
|
<label class="form-check-label btn btn-outline-secondary">
|
|
<input type="radio" name="settings[style]" class="form-check-input" value="blank" />
|
|
<img alt="" src="https://api.dicebear.com/7.x/micah/svg?seed=JD" height="64" width="64" loading="lazy" decoding="async">
|
|
Blank
|
|
</label>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</form>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<script src="js/popper.min.js"></script>
|
|
<script src="js/bootstrap.min.js"></script>
|
|
<script id="admin-js" type="module" src="/js/admin.js"></script>
|
|
<script type="module" src="/js/admin.js"></script>
|
|
|
|
</body>
|
|
|
|
</html>
|