no message
@@ -0,0 +1 @@
|
|||||||
|
cypvprCoc-5S8yBii_mlh10TUnfbKIiWp3Jy8ts-CiM.2Z1LjAdUhPj-g_-E51vjR9kpWoehvn_vCf1o4yI2bSI
|
||||||
9
404.html
Normal file
@@ -0,0 +1,9 @@
|
|||||||
|
|
||||||
|
<html>
|
||||||
|
<head><title>404 Not Found</title></head>
|
||||||
|
<body>
|
||||||
|
<center><h1>404 Not Found</h1></center>
|
||||||
|
<hr><center>nginx</center>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
||||||
1310
META-INF/MANIFEST.MF
Normal file
BIN
META-INF/fx.RSA
Normal file
1311
META-INF/fx.SF
Normal file
211
Ruaka/Ruaka.ui.css
Normal file
@@ -0,0 +1,211 @@
|
|||||||
|
* {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
html, body {
|
||||||
|
height: 100%;
|
||||||
|
overflow: hidden;
|
||||||
|
overflow-y: scroll;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.iframe-container {
|
||||||
|
display: flex;
|
||||||
|
transition: width 0.5s ease, transform 0.4s ease; /* 增加 width 的动画效果 */
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
iframe {
|
||||||
|
width: 100%; /* 每个iframe占用100%宽度 */
|
||||||
|
height: 100%;
|
||||||
|
border: none;
|
||||||
|
}
|
||||||
|
.mdui-bottom-nav {
|
||||||
|
position: absolute;
|
||||||
|
bottom: 0;
|
||||||
|
width: 100%;
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-around;
|
||||||
|
background-color: #fff;
|
||||||
|
}
|
||||||
|
.mdui-bottom-nav a {
|
||||||
|
flex-grow: 1;
|
||||||
|
text-align: center;
|
||||||
|
padding: 10px;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
.mdui-card {
|
||||||
|
background-color:#F2F3FA;
|
||||||
|
|
||||||
|
box-shadow: none;
|
||||||
|
}
|
||||||
|
body {
|
||||||
|
background-color:#F8F9FF;
|
||||||
|
}
|
||||||
|
.mdui-bottom-nav-active {
|
||||||
|
color:#D7E3F7;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.rk-jump-in {
|
||||||
|
animation: rji 0.5s ease-in-out;
|
||||||
|
opacity: 1;
|
||||||
|
|
||||||
|
}
|
||||||
|
/* 隐藏滚动条,但保留滑动功能 */
|
||||||
|
.rx {
|
||||||
|
overflow-x: scroll; /* 保留横向滚动功能 */
|
||||||
|
scrollbar-width: none; /* 针对 Firefox 浏览器隐藏滚动条 */
|
||||||
|
}
|
||||||
|
|
||||||
|
*::-webkit-scrollbar {
|
||||||
|
display: none; /* 针对 WebKit 浏览器(如 Chrome, Safari)隐藏滚动条 */
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes rji {
|
||||||
|
0% { opacity: 0;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
100% {
|
||||||
|
|
||||||
|
opacity: 1;
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.rk-jump-out {
|
||||||
|
animation: rjo 0.5s ease-in-out;
|
||||||
|
opacity: 0;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
@keyframes rjo {
|
||||||
|
0%{
|
||||||
|
|
||||||
|
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
100% {
|
||||||
|
|
||||||
|
opacity: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
.mdui-menu {
|
||||||
|
|
||||||
|
border-radius: 15px;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.rk-j-ro {
|
||||||
|
|
||||||
|
border-radius: 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rk-ro {
|
||||||
|
|
||||||
|
border-radius: 15px;
|
||||||
|
background-color: rgba(0, 0, 0, 0.01);
|
||||||
|
backdrop-filter: blur(10px);
|
||||||
|
-webkit-backdrop-filter: blur(10px);
|
||||||
|
}
|
||||||
|
|
||||||
|
.rk-to {
|
||||||
|
|
||||||
|
background-color: rgba(205, 205, 255, 0.03);
|
||||||
|
backdrop-filter: blur(10px);
|
||||||
|
-webkit-backdrop-filter: blur(10px);
|
||||||
|
}
|
||||||
|
|
||||||
|
.rk-a-show {
|
||||||
|
transform: scale(1);
|
||||||
|
animation: fccs 0.5s ease-in-out;
|
||||||
|
}
|
||||||
|
@keyframes fccs {
|
||||||
|
0% {
|
||||||
|
transform: scale(0);
|
||||||
|
|
||||||
|
}
|
||||||
|
100% {
|
||||||
|
|
||||||
|
|
||||||
|
transform: scale(1);
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.rk-a-hidden {
|
||||||
|
transform: scale(0);
|
||||||
|
animation: fccs 0.5s ease-in-out;
|
||||||
|
}
|
||||||
|
@keyframes fccs {
|
||||||
|
0% {
|
||||||
|
|
||||||
|
transform: scale(1);
|
||||||
|
}
|
||||||
|
100% {
|
||||||
|
|
||||||
|
|
||||||
|
transform: scale(0);
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
.mdui-overlay {
|
||||||
|
|
||||||
|
background-color: rgba(255, 255, 255, 0);
|
||||||
|
backdrop-filter: blur(5px);
|
||||||
|
-webkit-backdrop-filter: blur(5px);
|
||||||
|
}
|
||||||
|
.mdui-btn {
|
||||||
|
border-radius: 15px
|
||||||
|
}
|
||||||
|
.mdui-card {
|
||||||
|
border-radius: 15px
|
||||||
|
}
|
||||||
|
.mdui-dialog {
|
||||||
|
border-radius: 15px
|
||||||
|
}
|
||||||
|
.rk-mid {
|
||||||
|
max-width: 416px; /* 最大宽度不超过 512px */
|
||||||
|
width: 100%; /* 宽度为 100%,但不会超过 max-width */
|
||||||
|
position: absolute; /* 使用绝对定位 */
|
||||||
|
top: 50%; /* 距离顶部 50% */
|
||||||
|
left: 50%; /* 距离左侧 50% */
|
||||||
|
transform: translate(-50%, -50%); /* 通过 transform 将元素的中心点移到准确的中间位置 */
|
||||||
|
}
|
||||||
|
.rk-in-gray-bg {
|
||||||
|
background-color: #ECEEF4; /* Material Design 风格的浅灰色 */
|
||||||
|
border-top-left-radius: 6px; /* 左上角圆角 */
|
||||||
|
border-top-right-radius: 6px; /* 右上角圆角 */
|
||||||
|
padding-bottom: 0px;
|
||||||
|
padding-top: 0px;
|
||||||
|
}
|
||||||
|
.rk-in-la {
|
||||||
|
|
||||||
|
padding-right:15px;
|
||||||
|
padding-left:15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
code {color:#2196F3}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
.mdui-table {
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
210
Ruaka/Ruaka.ui.css.bak
Normal file
@@ -0,0 +1,210 @@
|
|||||||
|
* {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
html, body {
|
||||||
|
height: 100%;
|
||||||
|
overflow: hidden;
|
||||||
|
overflow-y: scroll;
|
||||||
|
}
|
||||||
|
.iframe-container {
|
||||||
|
display: flex;
|
||||||
|
transition: transform 0.4s ease;
|
||||||
|
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
iframe {
|
||||||
|
width: 100%; /* 每个iframe占用100%宽度 */
|
||||||
|
height: 100%;
|
||||||
|
border: none;
|
||||||
|
}
|
||||||
|
.mdui-bottom-nav {
|
||||||
|
position: absolute;
|
||||||
|
bottom: 0;
|
||||||
|
width: 100%;
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-around;
|
||||||
|
background-color: #fff;
|
||||||
|
}
|
||||||
|
.mdui-bottom-nav a {
|
||||||
|
flex-grow: 1;
|
||||||
|
text-align: center;
|
||||||
|
padding: 10px;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
.mdui-card {
|
||||||
|
background-color:#F2F3FA;
|
||||||
|
|
||||||
|
box-shadow: none;
|
||||||
|
}
|
||||||
|
body {
|
||||||
|
background-color:#F8F9FF;
|
||||||
|
}
|
||||||
|
.mdui-bottom-nav-active {
|
||||||
|
color:#D7E3F7;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.rk-jump-in {
|
||||||
|
animation: rji 0.5s ease-in-out;
|
||||||
|
opacity: 1;
|
||||||
|
|
||||||
|
}
|
||||||
|
/* 隐藏滚动条,但保留滑动功能 */
|
||||||
|
.rx {
|
||||||
|
overflow-x: scroll; /* 保留横向滚动功能 */
|
||||||
|
scrollbar-width: none; /* 针对 Firefox 浏览器隐藏滚动条 */
|
||||||
|
}
|
||||||
|
|
||||||
|
*::-webkit-scrollbar {
|
||||||
|
display: none; /* 针对 WebKit 浏览器(如 Chrome, Safari)隐藏滚动条 */
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes rji {
|
||||||
|
0% { opacity: 0;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
100% {
|
||||||
|
|
||||||
|
opacity: 1;
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.rk-jump-out {
|
||||||
|
animation: rjo 0.5s ease-in-out;
|
||||||
|
opacity: 0;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
@keyframes rjo {
|
||||||
|
0%{
|
||||||
|
|
||||||
|
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
100% {
|
||||||
|
|
||||||
|
opacity: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
.mdui-menu {
|
||||||
|
|
||||||
|
border-radius: 15px;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.rk-j-ro {
|
||||||
|
|
||||||
|
border-radius: 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rk-ro {
|
||||||
|
|
||||||
|
border-radius: 15px;
|
||||||
|
background-color: rgba(0, 0, 0, 0.01);
|
||||||
|
backdrop-filter: blur(10px);
|
||||||
|
-webkit-backdrop-filter: blur(10px);
|
||||||
|
}
|
||||||
|
|
||||||
|
.rk-to {
|
||||||
|
|
||||||
|
background-color: rgba(205, 205, 255, 0.03);
|
||||||
|
backdrop-filter: blur(10px);
|
||||||
|
-webkit-backdrop-filter: blur(10px);
|
||||||
|
}
|
||||||
|
|
||||||
|
.rk-a-show {
|
||||||
|
transform: scale(1);
|
||||||
|
animation: fccs 0.5s ease-in-out;
|
||||||
|
}
|
||||||
|
@keyframes fccs {
|
||||||
|
0% {
|
||||||
|
transform: scale(0);
|
||||||
|
|
||||||
|
}
|
||||||
|
100% {
|
||||||
|
|
||||||
|
|
||||||
|
transform: scale(1);
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.rk-a-hidden {
|
||||||
|
transform: scale(0);
|
||||||
|
animation: fccs 0.5s ease-in-out;
|
||||||
|
}
|
||||||
|
@keyframes fccs {
|
||||||
|
0% {
|
||||||
|
|
||||||
|
transform: scale(1);
|
||||||
|
}
|
||||||
|
100% {
|
||||||
|
|
||||||
|
|
||||||
|
transform: scale(0);
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
.mdui-overlay {
|
||||||
|
|
||||||
|
background-color: rgba(255, 255, 255, 0);
|
||||||
|
backdrop-filter: blur(5px);
|
||||||
|
-webkit-backdrop-filter: blur(5px);
|
||||||
|
}
|
||||||
|
.mdui-btn {
|
||||||
|
border-radius: 15px
|
||||||
|
}
|
||||||
|
.mdui-card {
|
||||||
|
border-radius: 15px
|
||||||
|
}
|
||||||
|
.mdui-dialog {
|
||||||
|
border-radius: 15px
|
||||||
|
}
|
||||||
|
.rk-mid {
|
||||||
|
max-width: 416px; /* 最大宽度不超过 512px */
|
||||||
|
width: 100%; /* 宽度为 100%,但不会超过 max-width */
|
||||||
|
position: absolute; /* 使用绝对定位 */
|
||||||
|
top: 50%; /* 距离顶部 50% */
|
||||||
|
left: 50%; /* 距离左侧 50% */
|
||||||
|
transform: translate(-50%, -50%); /* 通过 transform 将元素的中心点移到准确的中间位置 */
|
||||||
|
}
|
||||||
|
.rk-in-gray-bg {
|
||||||
|
background-color: #ECEEF4; /* Material Design 风格的浅灰色 */
|
||||||
|
border-top-left-radius: 6px; /* 左上角圆角 */
|
||||||
|
border-top-right-radius: 6px; /* 右上角圆角 */
|
||||||
|
padding-bottom: 0px;
|
||||||
|
padding-top: 0px;
|
||||||
|
}
|
||||||
|
.rk-in-la {
|
||||||
|
|
||||||
|
padding-right:15px;
|
||||||
|
padding-left:15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
code {color:#2196F3}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
.mdui-table {
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
BIN
Ruaka/bili.png
Normal file
|
After Width: | Height: | Size: 65 KiB |
149
Ruaka/jump.js
Normal file
@@ -0,0 +1,149 @@
|
|||||||
|
// 主函数:拦截所有跳转行为并处理
|
||||||
|
function interceptRedirects() {
|
||||||
|
// 拦截点击和 JavaScript 触发的跳转
|
||||||
|
document.addEventListener('click', function (event) {
|
||||||
|
if (event.target.tagName === 'A' && event.target.href && !isJavascriptUrl(event.target.href)) {
|
||||||
|
event.preventDefault(); // 阻止默认跳转
|
||||||
|
handleRedirect(event.target.href); // 处理跳转
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
// 拦截 location.href 或其他形式的直接跳转
|
||||||
|
const originalPushState = history.pushState;
|
||||||
|
const originalReplaceState = history.replaceState;
|
||||||
|
|
||||||
|
// 重写 pushState 以监听 pushState 跳转
|
||||||
|
history.pushState = function () {
|
||||||
|
originalPushState.apply(history, arguments);
|
||||||
|
handleRedirect(location.href); // 处理跳转
|
||||||
|
};
|
||||||
|
|
||||||
|
// 重写 replaceState 以监听 replaceState 跳转
|
||||||
|
history.replaceState = function () {
|
||||||
|
originalReplaceState.apply(history, arguments);
|
||||||
|
handleRedirect(location.href); // 处理跳转
|
||||||
|
};
|
||||||
|
|
||||||
|
// 监听 hash 变化的跳转
|
||||||
|
window.addEventListener('hashchange', function () {
|
||||||
|
handleRedirect(location.href); // 处理跳转
|
||||||
|
});
|
||||||
|
|
||||||
|
// 处理通过 <meta> 标签的跳转 (http-equiv="refresh")
|
||||||
|
function observeMetaTags() {
|
||||||
|
const metaObserver = new MutationObserver(function (mutations) {
|
||||||
|
mutations.forEach(function (mutation) {
|
||||||
|
mutation.addedNodes.forEach(function (node) {
|
||||||
|
// 检查添加的节点及其子节点中是否包含 <meta> 标签
|
||||||
|
if (node.nodeType === 1) { // 确保是元素节点
|
||||||
|
// 检查当前节点是否是 <meta> 标签
|
||||||
|
if (node.tagName === 'META' && node.httpEquiv === 'refresh') {
|
||||||
|
handleMetaRefresh(node);
|
||||||
|
}
|
||||||
|
|
||||||
|
// 检查子节点中是否包含 <meta> 标签
|
||||||
|
node.querySelectorAll('meta[http-equiv="refresh"]').forEach(meta => {
|
||||||
|
handleMetaRefresh(meta);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
// 监听整个文档的变化,捕捉 <meta> 标签的插入
|
||||||
|
metaObserver.observe(document.documentElement, { childList: true, subtree: true });
|
||||||
|
}
|
||||||
|
|
||||||
|
// 处理 <meta> 标签的刷新
|
||||||
|
function handleMetaRefresh(meta) {
|
||||||
|
const content = meta.content;
|
||||||
|
const timeout = parseInt(content.split(';')[0].trim()) * 1000 || 0;
|
||||||
|
const url = content.split('url=')[1]?.trim();
|
||||||
|
if (url && !isJavascriptUrl(url)) {
|
||||||
|
// 使用 setTimeout 延时处理跳转
|
||||||
|
setTimeout(() => {
|
||||||
|
handleRedirect(url); // 处理跳转
|
||||||
|
}, timeout);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
observeMetaTags(); // 开始监听 <meta> 标签
|
||||||
|
|
||||||
|
// 处理跳转逻辑
|
||||||
|
function handleRedirect(url) {
|
||||||
|
// 给 body 添加 class
|
||||||
|
document.body.classList.add('rk-jump-out');
|
||||||
|
|
||||||
|
rk.tip('Loading...', '<div class="mdui-progress"><div class="mdui-progress-indeterminate"></div></div>', 6000);
|
||||||
|
// 延迟 0.5 秒后执行跳转
|
||||||
|
setTimeout(() => {
|
||||||
|
window.location.href = url; // 跳转到目标 URL
|
||||||
|
}, 500);
|
||||||
|
|
||||||
|
// 在跳转后移除类名
|
||||||
|
setTimeout(() => {
|
||||||
|
document.body.classList.remove('rk-jump-out');
|
||||||
|
}, 2000); // 确保跳转完成后移除类名
|
||||||
|
}
|
||||||
|
|
||||||
|
// 判断 URL 是否以 "javascript:" 开头
|
||||||
|
function isJavascriptUrl(url) {
|
||||||
|
return url.trim().toLowerCase().startsWith("javascript:");
|
||||||
|
}
|
||||||
|
|
||||||
|
// 监听动态生成的元素(包括 <a> 和其他可能的跳转元素)
|
||||||
|
const observer = new MutationObserver(function (mutations) {
|
||||||
|
mutations.forEach(function (mutation) {
|
||||||
|
mutation.addedNodes.forEach(function (node) {
|
||||||
|
// 动态生成的 <a> 标签
|
||||||
|
if (node.tagName === 'A' && node.href && !isJavascriptUrl(node.href)) {
|
||||||
|
node.addEventListener('click', function (event) {
|
||||||
|
event.preventDefault();
|
||||||
|
handleRedirect(node.href); // 处理跳转
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
// 动态生成的其他元素(可能包含跳转逻辑的元素)
|
||||||
|
if (node.nodeType === 1) {
|
||||||
|
node.querySelectorAll('a').forEach(a => {
|
||||||
|
if (!isJavascriptUrl(a.href)) {
|
||||||
|
a.addEventListener('click', function (event) {
|
||||||
|
event.preventDefault();
|
||||||
|
handleRedirect(a.href); // 处理跳转
|
||||||
|
});
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
observer.observe(document.body, { childList: true, subtree: true });
|
||||||
|
|
||||||
|
// 专门监听 mdui-dialog 的展示和链接点击行为
|
||||||
|
function observeDialogLinks() {
|
||||||
|
const dialogs = document.querySelectorAll('.mdui-dialog');
|
||||||
|
|
||||||
|
dialogs.forEach(dialog => {
|
||||||
|
dialog.addEventListener('open.mdui.dialog', function() {
|
||||||
|
// 在对话框打开时,绑定其内的 <a> 标签的点击事件
|
||||||
|
dialog.querySelectorAll('a').forEach(a => {
|
||||||
|
if (!isJavascriptUrl(a.href)) {
|
||||||
|
a.addEventListener('click', function(event) {
|
||||||
|
event.preventDefault();
|
||||||
|
handleRedirect(a.href); // 处理跳转
|
||||||
|
});
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
// 初始化时调用一次,监听所有 .mdui-dialog
|
||||||
|
observeDialogLinks();
|
||||||
|
}
|
||||||
|
|
||||||
|
// 在页面加载完成时初始化拦截器
|
||||||
|
document.addEventListener('DOMContentLoaded', function () {
|
||||||
|
interceptRedirects();
|
||||||
|
});
|
||||||
148
Ruaka/jump.js.bak
Normal file
@@ -0,0 +1,148 @@
|
|||||||
|
// 主函数:拦截所有跳转行为并处理
|
||||||
|
function interceptRedirects() {
|
||||||
|
// 拦截点击和 JavaScript 触发的跳转
|
||||||
|
document.addEventListener('click', function (event) {
|
||||||
|
if (event.target.tagName === 'A' && event.target.href && !isJavascriptUrl(event.target.href)) {
|
||||||
|
event.preventDefault(); // 阻止默认跳转
|
||||||
|
handleRedirect(event.target.href); // 处理跳转
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
// 拦截 location.href 或其他形式的直接跳转
|
||||||
|
const originalPushState = history.pushState;
|
||||||
|
const originalReplaceState = history.replaceState;
|
||||||
|
|
||||||
|
// 重写 pushState 以监听 pushState 跳转
|
||||||
|
history.pushState = function () {
|
||||||
|
originalPushState.apply(history, arguments);
|
||||||
|
handleRedirect(location.href); // 处理跳转
|
||||||
|
};
|
||||||
|
|
||||||
|
// 重写 replaceState 以监听 replaceState 跳转
|
||||||
|
history.replaceState = function () {
|
||||||
|
originalReplaceState.apply(history, arguments);
|
||||||
|
handleRedirect(location.href); // 处理跳转
|
||||||
|
};
|
||||||
|
|
||||||
|
// 监听 hash 变化的跳转
|
||||||
|
window.addEventListener('hashchange', function () {
|
||||||
|
handleRedirect(location.href); // 处理跳转
|
||||||
|
});
|
||||||
|
|
||||||
|
// 处理通过 <meta> 标签的跳转 (http-equiv="refresh")
|
||||||
|
function observeMetaTags() {
|
||||||
|
const metaObserver = new MutationObserver(function (mutations) {
|
||||||
|
mutations.forEach(function (mutation) {
|
||||||
|
mutation.addedNodes.forEach(function (node) {
|
||||||
|
// 检查添加的节点及其子节点中是否包含 <meta> 标签
|
||||||
|
if (node.nodeType === 1) { // 确保是元素节点
|
||||||
|
// 检查当前节点是否是 <meta> 标签
|
||||||
|
if (node.tagName === 'META' && node.httpEquiv === 'refresh') {
|
||||||
|
handleMetaRefresh(node);
|
||||||
|
}
|
||||||
|
|
||||||
|
// 检查子节点中是否包含 <meta> 标签
|
||||||
|
node.querySelectorAll('meta[http-equiv="refresh"]').forEach(meta => {
|
||||||
|
handleMetaRefresh(meta);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
// 监听整个文档的变化,捕捉 <meta> 标签的插入
|
||||||
|
metaObserver.observe(document.documentElement, { childList: true, subtree: true });
|
||||||
|
}
|
||||||
|
|
||||||
|
// 处理 <meta> 标签的刷新
|
||||||
|
function handleMetaRefresh(meta) {
|
||||||
|
const content = meta.content;
|
||||||
|
const timeout = parseInt(content.split(';')[0].trim()) * 1000 || 0;
|
||||||
|
const url = content.split('url=')[1]?.trim();
|
||||||
|
if (url && !isJavascriptUrl(url)) {
|
||||||
|
// 使用 setTimeout 延时处理跳转
|
||||||
|
setTimeout(() => {
|
||||||
|
handleRedirect(url); // 处理跳转
|
||||||
|
}, timeout);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
observeMetaTags(); // 开始监听 <meta> 标签
|
||||||
|
|
||||||
|
// 处理跳转逻辑
|
||||||
|
function handleRedirect(url) {
|
||||||
|
// 给 body 添加 class
|
||||||
|
document.body.classList.add('rk-jump-out');
|
||||||
|
|
||||||
|
// 延迟 0.5 秒后执行跳转
|
||||||
|
setTimeout(() => {
|
||||||
|
window.location.href = url; // 跳转到目标 URL
|
||||||
|
}, 500);
|
||||||
|
|
||||||
|
// 在跳转后移除类名
|
||||||
|
setTimeout(() => {
|
||||||
|
document.body.classList.remove('rk-jump-out');
|
||||||
|
}, 2000); // 确保跳转完成后移除类名
|
||||||
|
}
|
||||||
|
|
||||||
|
// 判断 URL 是否以 "javascript:" 开头
|
||||||
|
function isJavascriptUrl(url) {
|
||||||
|
return url.trim().toLowerCase().startsWith("javascript:");
|
||||||
|
}
|
||||||
|
|
||||||
|
// 监听动态生成的元素(包括 <a> 和其他可能的跳转元素)
|
||||||
|
const observer = new MutationObserver(function (mutations) {
|
||||||
|
mutations.forEach(function (mutation) {
|
||||||
|
mutation.addedNodes.forEach(function (node) {
|
||||||
|
// 动态生成的 <a> 标签
|
||||||
|
if (node.tagName === 'A' && node.href && !isJavascriptUrl(node.href)) {
|
||||||
|
node.addEventListener('click', function (event) {
|
||||||
|
event.preventDefault();
|
||||||
|
handleRedirect(node.href); // 处理跳转
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
// 动态生成的其他元素(可能包含跳转逻辑的元素)
|
||||||
|
if (node.nodeType === 1) {
|
||||||
|
node.querySelectorAll('a').forEach(a => {
|
||||||
|
if (!isJavascriptUrl(a.href)) {
|
||||||
|
a.addEventListener('click', function (event) {
|
||||||
|
event.preventDefault();
|
||||||
|
handleRedirect(a.href); // 处理跳转
|
||||||
|
});
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
observer.observe(document.body, { childList: true, subtree: true });
|
||||||
|
|
||||||
|
// 专门监听 mdui-dialog 的展示和链接点击行为
|
||||||
|
function observeDialogLinks() {
|
||||||
|
const dialogs = document.querySelectorAll('.mdui-dialog');
|
||||||
|
|
||||||
|
dialogs.forEach(dialog => {
|
||||||
|
dialog.addEventListener('open.mdui.dialog', function() {
|
||||||
|
// 在对话框打开时,绑定其内的 <a> 标签的点击事件
|
||||||
|
dialog.querySelectorAll('a').forEach(a => {
|
||||||
|
if (!isJavascriptUrl(a.href)) {
|
||||||
|
a.addEventListener('click', function(event) {
|
||||||
|
event.preventDefault();
|
||||||
|
handleRedirect(a.href); // 处理跳转
|
||||||
|
});
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
// 初始化时调用一次,监听所有 .mdui-dialog
|
||||||
|
observeDialogLinks();
|
||||||
|
}
|
||||||
|
|
||||||
|
// 在页面加载完成时初始化拦截器
|
||||||
|
document.addEventListener('DOMContentLoaded', function () {
|
||||||
|
interceptRedirects();
|
||||||
|
});
|
||||||
92
Ruaka/res.js
Normal file
@@ -0,0 +1,92 @@
|
|||||||
|
document.addEventListener('DOMContentLoaded', function () {
|
||||||
|
// 获取所有的表单
|
||||||
|
const forms = document.querySelectorAll('form');
|
||||||
|
|
||||||
|
forms.forEach(function (form) {
|
||||||
|
// 检查是否包含 normal 属性,若有则跳过
|
||||||
|
if (form.hasAttribute('normal')) {
|
||||||
|
return; // 跳过此表单
|
||||||
|
}
|
||||||
|
|
||||||
|
// 移除之前可能绑定的事件监听器,确保不会重复绑定
|
||||||
|
form.removeEventListener('submit', handleFormSubmit);
|
||||||
|
|
||||||
|
// 绑定新的事件监听器
|
||||||
|
form.addEventListener('submit', handleFormSubmit);
|
||||||
|
});
|
||||||
|
|
||||||
|
function handleFormSubmit(event) {
|
||||||
|
event.preventDefault(); // 阻止默认提交
|
||||||
|
|
||||||
|
const form = event.target;
|
||||||
|
|
||||||
|
// 添加防止重复提交的标志
|
||||||
|
if (form.dataset.isSubmitting === 'true') {
|
||||||
|
return; // 如果已经在提交,则直接返回,防止重复提交
|
||||||
|
}
|
||||||
|
|
||||||
|
form.dataset.isSubmitting = 'true'; // 标记表单为正在提交
|
||||||
|
|
||||||
|
// 显示加载提示
|
||||||
|
rk.tip('Loading...', '<div class="mdui-progress"><div class="mdui-progress-indeterminate"></div></div>', 6000);
|
||||||
|
|
||||||
|
// 获取表单中的提交按钮
|
||||||
|
const submitButton = form.querySelector('button[type="submit"]');
|
||||||
|
|
||||||
|
// 给提交按钮设置禁用状态
|
||||||
|
if (submitButton) {
|
||||||
|
submitButton.disabled = true;
|
||||||
|
}
|
||||||
|
|
||||||
|
// 给id为 rk-form-load 的元素添加 rk-a-show class
|
||||||
|
const loader = document.getElementById('rk-form-load');
|
||||||
|
if (loader) {
|
||||||
|
loader.classList.remove('rk-a-hidden');
|
||||||
|
loader.classList.add('rk-a-show');
|
||||||
|
}
|
||||||
|
|
||||||
|
// 使用 FormData 对象获取表单数据
|
||||||
|
const formData = new FormData(form);
|
||||||
|
|
||||||
|
// 使用 fetch 发起请求
|
||||||
|
fetch(form.action, {
|
||||||
|
method: form.method,
|
||||||
|
body: formData,
|
||||||
|
})
|
||||||
|
.then(response => response.text()) // 获取纯文本响应
|
||||||
|
.then(data => {
|
||||||
|
// 提交成功时的处理
|
||||||
|
rk.tip('Tip', data, 3); // 使用 rk.tip 输出提示
|
||||||
|
|
||||||
|
// 延迟移除加载的 rk-a-show 类并添加 rk-a-hidden 类
|
||||||
|
setTimeout(() => {
|
||||||
|
if (loader) {
|
||||||
|
loader.classList.remove('rk-a-show');
|
||||||
|
loader.classList.add('rk-a-hidden');
|
||||||
|
}
|
||||||
|
// 恢复提交按钮的可点击状态
|
||||||
|
if (submitButton) {
|
||||||
|
submitButton.disabled = false;
|
||||||
|
}
|
||||||
|
form.dataset.isSubmitting = 'false'; // 解除提交锁定
|
||||||
|
}, 500); // 延迟 0.5 秒
|
||||||
|
})
|
||||||
|
.catch(error => {
|
||||||
|
// 处理错误情况
|
||||||
|
rk.tip('错误', '提交出错: ' + error.message, 3); // 使用 rk.tip 输出错误信息
|
||||||
|
|
||||||
|
// 延迟移除加载的 rk-a-show 类并添加 rk-a-hidden 类
|
||||||
|
setTimeout(() => {
|
||||||
|
if (loader) {
|
||||||
|
loader.classList.add('rk-a-hidden');
|
||||||
|
loader.classList.remove('rk-a-show');
|
||||||
|
}
|
||||||
|
// 恢复提交按钮的可点击状态
|
||||||
|
if (submitButton) {
|
||||||
|
submitButton.disabled = false;
|
||||||
|
}
|
||||||
|
form.dataset.isSubmitting = 'false'; // 解除提交锁定
|
||||||
|
}, 500); // 延迟 0.5 秒
|
||||||
|
});
|
||||||
|
}
|
||||||
|
});
|
||||||
90
Ruaka/res.js.bak
Normal file
@@ -0,0 +1,90 @@
|
|||||||
|
document.addEventListener('DOMContentLoaded', function () {
|
||||||
|
// 获取所有的表单
|
||||||
|
const forms = document.querySelectorAll('form');
|
||||||
|
|
||||||
|
forms.forEach(function (form) {
|
||||||
|
// 检查是否包含 normal 属性,若有则跳过
|
||||||
|
if (form.hasAttribute('normal')) {
|
||||||
|
return; // 跳过此表单
|
||||||
|
}
|
||||||
|
|
||||||
|
// 移除之前可能绑定的事件监听器,确保不会重复绑定
|
||||||
|
form.removeEventListener('submit', handleFormSubmit);
|
||||||
|
|
||||||
|
// 绑定新的事件监听器
|
||||||
|
form.addEventListener('submit', handleFormSubmit);
|
||||||
|
});
|
||||||
|
|
||||||
|
function handleFormSubmit(event) {
|
||||||
|
event.preventDefault(); // 阻止默认提交
|
||||||
|
|
||||||
|
const form = event.target;
|
||||||
|
|
||||||
|
// 添加防止重复提交的标志
|
||||||
|
if (form.dataset.isSubmitting === 'true') {
|
||||||
|
return; // 如果已经在提交,则直接返回,防止重复提交
|
||||||
|
}
|
||||||
|
|
||||||
|
form.dataset.isSubmitting = 'true'; // 标记表单为正在提交
|
||||||
|
|
||||||
|
// 获取表单中的提交按钮
|
||||||
|
const submitButton = form.querySelector('button[type="submit"]');
|
||||||
|
|
||||||
|
// 给提交按钮设置禁用状态
|
||||||
|
if (submitButton) {
|
||||||
|
submitButton.disabled = true;
|
||||||
|
}
|
||||||
|
|
||||||
|
// 给id为 rk-form-load 的元素添加 rk-a-show class
|
||||||
|
const loader = document.getElementById('rk-form-load');
|
||||||
|
if (loader) {
|
||||||
|
loader.classList.remove('rk-a-hidden');
|
||||||
|
loader.classList.add('rk-a-show');
|
||||||
|
}
|
||||||
|
|
||||||
|
// 使用 FormData 对象获取表单数据
|
||||||
|
const formData = new FormData(form);
|
||||||
|
|
||||||
|
// 使用 fetch 发起请求
|
||||||
|
fetch(form.action, {
|
||||||
|
method: form.method,
|
||||||
|
body: formData,
|
||||||
|
})
|
||||||
|
|
||||||
|
.then(response => response.text()) // 获取纯文本响应
|
||||||
|
.then(data => {
|
||||||
|
// 提交成功时的处理
|
||||||
|
rk.tip('Tip', data, 3); // 使用 rk.tip 输出提示
|
||||||
|
|
||||||
|
// 延迟移除加载的 rk-a-show 类并添加 rk-a-hidden 类
|
||||||
|
setTimeout(() => {
|
||||||
|
if (loader) {
|
||||||
|
loader.classList.remove('rk-a-show');
|
||||||
|
loader.classList.add('rk-a-hidden');
|
||||||
|
}
|
||||||
|
// 恢复提交按钮的可点击状态
|
||||||
|
if (submitButton) {
|
||||||
|
submitButton.disabled = false;
|
||||||
|
}
|
||||||
|
form.dataset.isSubmitting = 'false'; // 解除提交锁定
|
||||||
|
}, 500); // 延迟 0.5 秒
|
||||||
|
})
|
||||||
|
.catch(error => {
|
||||||
|
// 处理错误情况
|
||||||
|
rk.tip('错误', '提交出错: ' + error.message, 3); // 使用 rk.tip 输出错误信息
|
||||||
|
|
||||||
|
// 延迟移除加载的 rk-a-show 类并添加 rk-a-hidden 类
|
||||||
|
setTimeout(() => {
|
||||||
|
if (loader) {
|
||||||
|
loader.classList.add('rk-a-hidden');
|
||||||
|
loader.classList.remove('rk-a-show');
|
||||||
|
}
|
||||||
|
// 恢复提交按钮的可点击状态
|
||||||
|
if (submitButton) {
|
||||||
|
submitButton.disabled = false;
|
||||||
|
}
|
||||||
|
form.dataset.isSubmitting = 'false'; // 解除提交锁定
|
||||||
|
}, 500); // 延迟 0.5 秒
|
||||||
|
});
|
||||||
|
}
|
||||||
|
});
|
||||||
47
Ruaka/tip.css
Normal file
@@ -0,0 +1,47 @@
|
|||||||
|
.rk-tip-in {
|
||||||
|
bottom:50px;
|
||||||
|
right:10px;
|
||||||
|
animation: rki 1s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes rki {
|
||||||
|
0% {
|
||||||
|
right:-520px;
|
||||||
|
bottom:60px;
|
||||||
|
}
|
||||||
|
40% {
|
||||||
|
right:10px;
|
||||||
|
bottom:60px;
|
||||||
|
}
|
||||||
|
60 %{
|
||||||
|
right:10px;
|
||||||
|
bottom:20px;
|
||||||
|
|
||||||
|
}
|
||||||
|
100 %{
|
||||||
|
right:10px;
|
||||||
|
bottom:50px;
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.rk-tip-out {
|
||||||
|
right:-520px;
|
||||||
|
bottom:-110px;
|
||||||
|
animation: rko 1s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes rko {
|
||||||
|
0% {
|
||||||
|
bottom:50px;
|
||||||
|
right:10px;
|
||||||
|
}
|
||||||
|
50% {
|
||||||
|
bottom:-20px;
|
||||||
|
right:10px;
|
||||||
|
}
|
||||||
|
100% {
|
||||||
|
bottom:110px;
|
||||||
|
right:-520px;
|
||||||
|
}
|
||||||
|
}
|
||||||
47
Ruaka/tip.css.bak
Normal file
@@ -0,0 +1,47 @@
|
|||||||
|
.rk-tip-in {
|
||||||
|
bottom:30px;
|
||||||
|
right:10px;
|
||||||
|
animation: rki 1s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes rki {
|
||||||
|
0% {
|
||||||
|
right:-520px;
|
||||||
|
bottom:50px;
|
||||||
|
}
|
||||||
|
40% {
|
||||||
|
right:10px;
|
||||||
|
bottom:50px;
|
||||||
|
}
|
||||||
|
60 %{
|
||||||
|
right:10px;
|
||||||
|
bottom:-10px;
|
||||||
|
|
||||||
|
}
|
||||||
|
100 %{
|
||||||
|
right:10px;
|
||||||
|
bottom:10px;
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.rk-tip-out {
|
||||||
|
right:-520px;
|
||||||
|
bottom:-110px;
|
||||||
|
animation: rko 1s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes rko {
|
||||||
|
0% {
|
||||||
|
bottom:30px;
|
||||||
|
right:10px;
|
||||||
|
}
|
||||||
|
50% {
|
||||||
|
bottom:-20px;
|
||||||
|
right:10px;
|
||||||
|
}
|
||||||
|
100% {
|
||||||
|
bottom:110px;
|
||||||
|
right:-520px;
|
||||||
|
}
|
||||||
|
}
|
||||||
80
Ruaka/tip.js
Normal file
@@ -0,0 +1,80 @@
|
|||||||
|
// 创建 rk 对象
|
||||||
|
const rk = {
|
||||||
|
activeTips: [], // 当前激活的提示框数组
|
||||||
|
};
|
||||||
|
|
||||||
|
// 定义 rk.tip 函数
|
||||||
|
rk.tip = function(a, b, c) {
|
||||||
|
// 移除所有活动提示框
|
||||||
|
this.removeAllTips();
|
||||||
|
|
||||||
|
// 创建新的提示框
|
||||||
|
this.createTip(a, b, c);
|
||||||
|
};
|
||||||
|
|
||||||
|
// 创建提示框的辅助函数
|
||||||
|
rk.createTip = function(a, b, c) {
|
||||||
|
// 创建提示框元素
|
||||||
|
const tipElement = document.createElement('div');
|
||||||
|
tipElement.style.width = '80%';
|
||||||
|
tipElement.style.right = '10px';
|
||||||
|
tipElement.style.maxWidth = '512px';
|
||||||
|
tipElement.style.position = 'fixed';
|
||||||
|
tipElement.style.zIndex = '1000000';
|
||||||
|
tipElement.className = 'mdui-list-item mdui-ripple mdui-card rk-j-ro';
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
// 添加内容到提示框
|
||||||
|
tipElement.innerHTML = `
|
||||||
|
<i class="mdui-list-item-avatar mdui-icon material-icons mdui-color-blue mdui-text-color-white">fiber_manual_record</i>
|
||||||
|
<div class="mdui-list-item-content">
|
||||||
|
<div class="mdui-list-item-title">${a}</div>
|
||||||
|
<div class="mdui-list-item-text">${b}</div>
|
||||||
|
</div>`;
|
||||||
|
|
||||||
|
// 添加到文档主体和当前活动提示框数组中
|
||||||
|
document.body.appendChild(tipElement);
|
||||||
|
this.activeTips.push(tipElement); // 保存当前提示框
|
||||||
|
|
||||||
|
// 显示动画
|
||||||
|
setTimeout(() => {
|
||||||
|
tipElement.classList.add('rk-tip-in'); // 添加出现时的类
|
||||||
|
}, 0); // 延迟以显示动画
|
||||||
|
|
||||||
|
// 计算显示时间,确保最短为2秒
|
||||||
|
const showTime = Math.max(c * 1000 + 1000, 1000);
|
||||||
|
|
||||||
|
// 开始计时以移除提示框
|
||||||
|
setTimeout(() => {
|
||||||
|
this.removeTip(tipElement);
|
||||||
|
}, showTime);
|
||||||
|
};
|
||||||
|
|
||||||
|
// 定义移除单个提示框的辅助函数
|
||||||
|
rk.removeTip = function(tipElement) {
|
||||||
|
if (!tipElement) return;
|
||||||
|
|
||||||
|
// 立即添加 rk-tip-out 类以开始移除过程
|
||||||
|
tipElement.classList.remove('rk-tip-in');
|
||||||
|
tipElement.classList.add('rk-tip-out');
|
||||||
|
|
||||||
|
// 0.5秒后删除 DOM 结构
|
||||||
|
setTimeout(() => {
|
||||||
|
document.body.removeChild(tipElement);
|
||||||
|
this.activeTips = this.activeTips.filter(tip => tip !== tipElement); // 从数组中移除
|
||||||
|
}, 1000); // 动画持续时间
|
||||||
|
};
|
||||||
|
|
||||||
|
// 定义移除所有提示框的函数
|
||||||
|
rk.removeAllTips = function() {
|
||||||
|
// 遍历并移除所有活动提示框
|
||||||
|
this.activeTips.forEach(tipElement => {
|
||||||
|
this.removeTip(tipElement);
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
|
// 定义 rk.tip.re 函数
|
||||||
|
rk.tip.re = function() {
|
||||||
|
this.removeAllTips();
|
||||||
|
};
|
||||||
80
Ruaka/tip.js.bak
Normal file
@@ -0,0 +1,80 @@
|
|||||||
|
// 创建 rk 对象
|
||||||
|
const rk = {
|
||||||
|
activeTips: [], // 当前激活的提示框数组
|
||||||
|
};
|
||||||
|
|
||||||
|
// 定义 rk.tip 函数
|
||||||
|
rk.tip = function(a, b, c) {
|
||||||
|
// 移除所有活动提示框
|
||||||
|
this.removeAllTips();
|
||||||
|
|
||||||
|
// 创建新的提示框
|
||||||
|
this.createTip(a, b, c);
|
||||||
|
};
|
||||||
|
|
||||||
|
// 创建提示框的辅助函数
|
||||||
|
rk.createTip = function(a, b, c) {
|
||||||
|
// 创建提示框元素
|
||||||
|
const tipElement = document.createElement('div');
|
||||||
|
tipElement.style.width = '80%';
|
||||||
|
tipElement.style.right = '10px';
|
||||||
|
tipElement.style.maxWidth = '512px';
|
||||||
|
tipElement.style.position = 'fixed';
|
||||||
|
tipElement.style.zIndex = '10000';
|
||||||
|
tipElement.className = 'mdui-list-item mdui-ripple mdui-card rk-j-ro';
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
// 添加内容到提示框
|
||||||
|
tipElement.innerHTML = `
|
||||||
|
<i class="mdui-list-item-avatar mdui-icon material-icons mdui-color-blue mdui-text-color-white">fiber_manual_record</i>
|
||||||
|
<div class="mdui-list-item-content">
|
||||||
|
<div class="mdui-list-item-title">${a}</div>
|
||||||
|
<div class="mdui-list-item-text">${b}</div>
|
||||||
|
</div>`;
|
||||||
|
|
||||||
|
// 添加到文档主体和当前活动提示框数组中
|
||||||
|
document.body.appendChild(tipElement);
|
||||||
|
this.activeTips.push(tipElement); // 保存当前提示框
|
||||||
|
|
||||||
|
// 显示动画
|
||||||
|
setTimeout(() => {
|
||||||
|
tipElement.classList.add('rk-tip-in'); // 添加出现时的类
|
||||||
|
}, 0); // 延迟以显示动画
|
||||||
|
|
||||||
|
// 计算显示时间,确保最短为2秒
|
||||||
|
const showTime = Math.max(c * 1000 + 1000, 1000);
|
||||||
|
|
||||||
|
// 开始计时以移除提示框
|
||||||
|
setTimeout(() => {
|
||||||
|
this.removeTip(tipElement);
|
||||||
|
}, showTime);
|
||||||
|
};
|
||||||
|
|
||||||
|
// 定义移除单个提示框的辅助函数
|
||||||
|
rk.removeTip = function(tipElement) {
|
||||||
|
if (!tipElement) return;
|
||||||
|
|
||||||
|
// 立即添加 rk-tip-out 类以开始移除过程
|
||||||
|
tipElement.classList.remove('rk-tip-in');
|
||||||
|
tipElement.classList.add('rk-tip-out');
|
||||||
|
|
||||||
|
// 0.5秒后删除 DOM 结构
|
||||||
|
setTimeout(() => {
|
||||||
|
document.body.removeChild(tipElement);
|
||||||
|
this.activeTips = this.activeTips.filter(tip => tip !== tipElement); // 从数组中移除
|
||||||
|
}, 1000); // 动画持续时间
|
||||||
|
};
|
||||||
|
|
||||||
|
// 定义移除所有提示框的函数
|
||||||
|
rk.removeAllTips = function() {
|
||||||
|
// 遍历并移除所有活动提示框
|
||||||
|
this.activeTips.forEach(tipElement => {
|
||||||
|
this.removeTip(tipElement);
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
|
// 定义 rk.tip.re 函数
|
||||||
|
rk.tip.re = function() {
|
||||||
|
this.removeAllTips();
|
||||||
|
};
|
||||||
3
assets/css/tailwind.css
Normal file
@@ -0,0 +1,3 @@
|
|||||||
|
@tailwind base;
|
||||||
|
@tailwind components;
|
||||||
|
@tailwind utilities;
|
||||||
5
assets/css/tailwind.output.css
Normal file
1
assets/css/tailwind.output.css.bak
Normal file
BIN
assets/img/create-account-office-dark.jpeg
Normal file
|
After Width: | Height: | Size: 66 KiB |
BIN
assets/img/create-account-office.jpeg
Normal file
|
After Width: | Height: | Size: 73 KiB |
BIN
assets/img/dashboard.png
Normal file
|
After Width: | Height: | Size: 61 KiB |
BIN
assets/img/forgot-password-office-dark.jpeg
Normal file
|
After Width: | Height: | Size: 57 KiB |
BIN
assets/img/forgot-password-office.jpeg
Normal file
|
After Width: | Height: | Size: 90 KiB |
1
assets/img/github.svg
Normal file
@@ -0,0 +1 @@
|
|||||||
|
<svg viewBox="0 0 24 24" fill="currentColor"><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg>
|
||||||
|
After Width: | Height: | Size: 775 B |
BIN
assets/img/login-office-dark.jpeg
Normal file
|
After Width: | Height: | Size: 14 KiB |
BIN
assets/img/login-office.jpeg
Normal file
|
After Width: | Height: | Size: 37 KiB |
1
assets/img/twitter.svg
Normal file
@@ -0,0 +1 @@
|
|||||||
|
<svg viewBox="0 0 24 24" fill="currentColor"><path d="M23.954 4.569c-.885.389-1.83.654-2.825.775 1.014-.611 1.794-1.574 2.163-2.723-.951.555-2.005.959-3.127 1.184-.896-.959-2.173-1.559-3.591-1.559-2.717 0-4.92 2.203-4.92 4.917 0 .39.045.765.127 1.124C7.691 8.094 4.066 6.13 1.64 3.161c-.427.722-.666 1.561-.666 2.475 0 1.71.87 3.213 2.188 4.096-.807-.026-1.566-.248-2.228-.616v.061c0 2.385 1.693 4.374 3.946 4.827-.413.111-.849.171-1.296.171-.314 0-.615-.03-.916-.086.631 1.953 2.445 3.377 4.604 3.417-1.68 1.319-3.809 2.105-6.102 2.105-.39 0-.779-.023-1.17-.067 2.189 1.394 4.768 2.209 7.557 2.209 9.054 0 13.999-7.496 13.999-13.986 0-.209 0-.42-.015-.63.961-.689 1.8-1.56 2.46-2.548l-.047-.02z"/></svg>
|
||||||
|
After Width: | Height: | Size: 704 B |
8
assets/js/alp.js
Normal file
34
assets/js/charts-bars.js
Normal file
@@ -0,0 +1,34 @@
|
|||||||
|
/**
|
||||||
|
* For usage, visit Chart.js docs https://www.chartjs.org/docs/latest/
|
||||||
|
*/
|
||||||
|
const barConfig = {
|
||||||
|
type: 'bar',
|
||||||
|
data: {
|
||||||
|
labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],
|
||||||
|
datasets: [
|
||||||
|
{
|
||||||
|
label: 'Shoes',
|
||||||
|
backgroundColor: '#0694a2',
|
||||||
|
// borderColor: window.chartColors.red,
|
||||||
|
borderWidth: 1,
|
||||||
|
data: [-3, 14, 52, 74, 33, 90, 70],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: 'Bags',
|
||||||
|
backgroundColor: '#7e3af2',
|
||||||
|
// borderColor: window.chartColors.blue,
|
||||||
|
borderWidth: 1,
|
||||||
|
data: [66, 33, 43, 12, 54, 62, 84],
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
options: {
|
||||||
|
responsive: true,
|
||||||
|
legend: {
|
||||||
|
display: false,
|
||||||
|
},
|
||||||
|
},
|
||||||
|
}
|
||||||
|
|
||||||
|
const barsCtx = document.getElementById('bars')
|
||||||
|
window.myBar = new Chart(barsCtx, barConfig)
|
||||||
71
assets/js/charts-lines.js
Normal file
@@ -0,0 +1,71 @@
|
|||||||
|
/**
|
||||||
|
* For usage, visit Chart.js docs https://www.chartjs.org/docs/latest/
|
||||||
|
*/
|
||||||
|
const lineConfig = {
|
||||||
|
type: 'line',
|
||||||
|
data: {
|
||||||
|
labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],
|
||||||
|
datasets: [
|
||||||
|
{
|
||||||
|
label: 'Organic',
|
||||||
|
/**
|
||||||
|
* These colors come from Tailwind CSS palette
|
||||||
|
* https://tailwindcss.com/docs/customizing-colors/#default-color-palette
|
||||||
|
*/
|
||||||
|
backgroundColor: '#0694a2',
|
||||||
|
borderColor: '#0694a2',
|
||||||
|
data: [43, 48, 40, 54, 67, 73, 70],
|
||||||
|
fill: false,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: 'Paid',
|
||||||
|
fill: false,
|
||||||
|
/**
|
||||||
|
* These colors come from Tailwind CSS palette
|
||||||
|
* https://tailwindcss.com/docs/customizing-colors/#default-color-palette
|
||||||
|
*/
|
||||||
|
backgroundColor: '#7e3af2',
|
||||||
|
borderColor: '#7e3af2',
|
||||||
|
data: [24, 50, 64, 74, 52, 51, 65],
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
options: {
|
||||||
|
responsive: true,
|
||||||
|
/**
|
||||||
|
* Default legends are ugly and impossible to style.
|
||||||
|
* See examples in charts.html to add your own legends
|
||||||
|
* */
|
||||||
|
legend: {
|
||||||
|
display: false,
|
||||||
|
},
|
||||||
|
tooltips: {
|
||||||
|
mode: 'index',
|
||||||
|
intersect: false,
|
||||||
|
},
|
||||||
|
hover: {
|
||||||
|
mode: 'nearest',
|
||||||
|
intersect: true,
|
||||||
|
},
|
||||||
|
scales: {
|
||||||
|
x: {
|
||||||
|
display: true,
|
||||||
|
scaleLabel: {
|
||||||
|
display: true,
|
||||||
|
labelString: 'Month',
|
||||||
|
},
|
||||||
|
},
|
||||||
|
y: {
|
||||||
|
display: true,
|
||||||
|
scaleLabel: {
|
||||||
|
display: true,
|
||||||
|
labelString: 'Value',
|
||||||
|
},
|
||||||
|
},
|
||||||
|
},
|
||||||
|
},
|
||||||
|
}
|
||||||
|
|
||||||
|
// change this to the id of your chart element in HMTL
|
||||||
|
const lineCtx = document.getElementById('line')
|
||||||
|
window.myLine = new Chart(lineCtx, lineConfig)
|
||||||
35
assets/js/charts-pie.js
Normal file
@@ -0,0 +1,35 @@
|
|||||||
|
/**
|
||||||
|
* For usage, visit Chart.js docs https://www.chartjs.org/docs/latest/
|
||||||
|
*/
|
||||||
|
const pieConfig = {
|
||||||
|
type: 'doughnut',
|
||||||
|
data: {
|
||||||
|
datasets: [
|
||||||
|
{
|
||||||
|
data: [33, 33, 33],
|
||||||
|
/**
|
||||||
|
* These colors come from Tailwind CSS palette
|
||||||
|
* https://tailwindcss.com/docs/customizing-colors/#default-color-palette
|
||||||
|
*/
|
||||||
|
backgroundColor: ['#0694a2', '#1c64f2', '#7e3af2'],
|
||||||
|
label: 'Dataset 1',
|
||||||
|
},
|
||||||
|
],
|
||||||
|
labels: ['Shoes', 'Shirts', 'Bags'],
|
||||||
|
},
|
||||||
|
options: {
|
||||||
|
responsive: true,
|
||||||
|
cutoutPercentage: 80,
|
||||||
|
/**
|
||||||
|
* Default legends are ugly and impossible to style.
|
||||||
|
* See examples in charts.html to add your own legends
|
||||||
|
* */
|
||||||
|
legend: {
|
||||||
|
display: false,
|
||||||
|
},
|
||||||
|
},
|
||||||
|
}
|
||||||
|
|
||||||
|
// change this to the id of your chart element in HMTL
|
||||||
|
const pieCtx = document.getElementById('pie')
|
||||||
|
window.myPie = new Chart(pieCtx, pieConfig)
|
||||||
51
assets/js/focus-trap.js
Normal file
@@ -0,0 +1,51 @@
|
|||||||
|
/**
|
||||||
|
* Limit focus to focusable elements inside `element`
|
||||||
|
* @param {HTMLElement} element - DOM element to focus trap inside
|
||||||
|
* @return {Function} cleanup function
|
||||||
|
*/
|
||||||
|
function focusTrap(element) {
|
||||||
|
const focusableElements = getFocusableElements(element)
|
||||||
|
const firstFocusableEl = focusableElements[0]
|
||||||
|
const lastFocusableEl = focusableElements[focusableElements.length - 1]
|
||||||
|
|
||||||
|
// Wait for the case the element was not yet rendered
|
||||||
|
setTimeout(() => firstFocusableEl.focus(), 50)
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Get all focusable elements inside `element`
|
||||||
|
* @param {HTMLElement} element - DOM element to focus trap inside
|
||||||
|
* @return {HTMLElement[]} List of focusable elements
|
||||||
|
*/
|
||||||
|
function getFocusableElements(element = document) {
|
||||||
|
return [
|
||||||
|
...element.querySelectorAll(
|
||||||
|
'a, button, details, input, select, textarea, [tabindex]:not([tabindex="-1"])'
|
||||||
|
),
|
||||||
|
].filter((e) => !e.hasAttribute('disabled'))
|
||||||
|
}
|
||||||
|
|
||||||
|
function handleKeyDown(e) {
|
||||||
|
const TAB = 9
|
||||||
|
const isTab = e.key.toLowerCase() === 'tab' || e.keyCode === TAB
|
||||||
|
|
||||||
|
if (!isTab) return
|
||||||
|
|
||||||
|
if (e.shiftKey) {
|
||||||
|
if (document.activeElement === firstFocusableEl) {
|
||||||
|
lastFocusableEl.focus()
|
||||||
|
e.preventDefault()
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
if (document.activeElement === lastFocusableEl) {
|
||||||
|
firstFocusableEl.focus()
|
||||||
|
e.preventDefault()
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
element.addEventListener('keydown', handleKeyDown)
|
||||||
|
|
||||||
|
return function cleanup() {
|
||||||
|
element.removeEventListener('keydown', handleKeyDown)
|
||||||
|
}
|
||||||
|
}
|
||||||
62
assets/js/init-alpine.js
Normal file
@@ -0,0 +1,62 @@
|
|||||||
|
function data() {
|
||||||
|
function getThemeFromLocalStorage() {
|
||||||
|
// if user already changed the theme, use it
|
||||||
|
if (window.localStorage.getItem('dark')) {
|
||||||
|
return JSON.parse(window.localStorage.getItem('dark'))
|
||||||
|
}
|
||||||
|
|
||||||
|
// else return their preferences
|
||||||
|
return (
|
||||||
|
!!window.matchMedia &&
|
||||||
|
window.matchMedia('(prefers-color-scheme: dark)').matches
|
||||||
|
)
|
||||||
|
}
|
||||||
|
|
||||||
|
function setThemeToLocalStorage(value) {
|
||||||
|
window.localStorage.setItem('dark', value)
|
||||||
|
}
|
||||||
|
|
||||||
|
return {
|
||||||
|
dark: getThemeFromLocalStorage(),
|
||||||
|
toggleTheme() {
|
||||||
|
this.dark = !this.dark
|
||||||
|
setThemeToLocalStorage(this.dark)
|
||||||
|
},
|
||||||
|
isSideMenuOpen: false,
|
||||||
|
toggleSideMenu() {
|
||||||
|
this.isSideMenuOpen = !this.isSideMenuOpen
|
||||||
|
},
|
||||||
|
closeSideMenu() {
|
||||||
|
this.isSideMenuOpen = false
|
||||||
|
},
|
||||||
|
isNotificationsMenuOpen: false,
|
||||||
|
toggleNotificationsMenu() {
|
||||||
|
this.isNotificationsMenuOpen = !this.isNotificationsMenuOpen
|
||||||
|
},
|
||||||
|
closeNotificationsMenu() {
|
||||||
|
this.isNotificationsMenuOpen = false
|
||||||
|
},
|
||||||
|
isProfileMenuOpen: false,
|
||||||
|
toggleProfileMenu() {
|
||||||
|
this.isProfileMenuOpen = !this.isProfileMenuOpen
|
||||||
|
},
|
||||||
|
closeProfileMenu() {
|
||||||
|
this.isProfileMenuOpen = false
|
||||||
|
},
|
||||||
|
isPagesMenuOpen: false,
|
||||||
|
togglePagesMenu() {
|
||||||
|
this.isPagesMenuOpen = !this.isPagesMenuOpen
|
||||||
|
},
|
||||||
|
// Modal
|
||||||
|
isModalOpen: false,
|
||||||
|
trapCleanup: null,
|
||||||
|
openModal() {
|
||||||
|
this.isModalOpen = true
|
||||||
|
this.trapCleanup = focusTrap(document.querySelector('#modal'))
|
||||||
|
},
|
||||||
|
closeModal() {
|
||||||
|
this.isModalOpen = false
|
||||||
|
this.trapCleanup()
|
||||||
|
},
|
||||||
|
}
|
||||||
|
}
|
||||||
BIN
favicon.ico
Normal file
|
After Width: | Height: | Size: 32 KiB |
93
index.php
Normal file
@@ -0,0 +1,93 @@
|
|||||||
|
<!doctype html>
|
||||||
|
<html lang="zh-cn">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, shrink-to-fit=no">
|
||||||
|
<meta name="renderer" content="webkit">
|
||||||
|
|
||||||
|
<!-- MDUI CSS -->
|
||||||
|
<link rel="stylesheet" href="/mdui/css/mdui.min.css">
|
||||||
|
<link rel="stylesheet" href="/Ruaka/Ruaka.ui.css">
|
||||||
|
<link rel="stylesheet" href="/Ruaka/tip.css">
|
||||||
|
<script src="/Ruaka/jump.js"></script>
|
||||||
|
<script src="/Ruaka/res.js"></script>
|
||||||
|
<script src="/Ruaka/tip.js"></script>
|
||||||
|
|
||||||
|
<title>Fuxsto Host V3</title>
|
||||||
|
|
||||||
|
<style>
|
||||||
|
/* 自定义样式 */
|
||||||
|
body {
|
||||||
|
background-color: #f5f5f5;
|
||||||
|
}
|
||||||
|
.header {
|
||||||
|
text-align: center;
|
||||||
|
margin-top: 40px;
|
||||||
|
}
|
||||||
|
.buttons {
|
||||||
|
text-align: center;
|
||||||
|
margin-top: 20px;
|
||||||
|
}
|
||||||
|
.content {
|
||||||
|
padding: 20px;
|
||||||
|
background-color: #ffffff;
|
||||||
|
border-radius: 8px;
|
||||||
|
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
|
||||||
|
margin-top: 30px;
|
||||||
|
}
|
||||||
|
.chip-container {
|
||||||
|
text-align: center;
|
||||||
|
margin-top: 20px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body class="rk-jump-in">
|
||||||
|
|
||||||
|
<div class="mdui-container header">
|
||||||
|
<div class="mdui-typo-display-4 mdui-text-color-blue-a200">Fuxsto</div>
|
||||||
|
<div class="mdui-typo-display-3-opacity">Host</div>
|
||||||
|
|
||||||
|
<div class="chip-container">
|
||||||
|
<div class="mdui-chip">
|
||||||
|
<span class="mdui-chip-icon mdui-color-blue">
|
||||||
|
<i class="mdui-icon material-icons">donut_large</i>
|
||||||
|
</span>
|
||||||
|
<span class="mdui-chip-title">Make More Fun.</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="buttons">
|
||||||
|
<?php
|
||||||
|
session_start();
|
||||||
|
if ($_SESSION['log'] != 1) {
|
||||||
|
echo '
|
||||||
|
<a href="/user/register.fx" class="mdui-hoverable mdui-text-color-blue-a200 mdui-btn mdui-color-theme-accent mdui-ripple mdui-m-x-1">
|
||||||
|
<i class="mdui-icon mdui-icon-left material-icons">assistant_photo</i> 注册
|
||||||
|
</a>
|
||||||
|
<a href="/user/sign.fx" class="mdui-hoverable mdui-text-color-blue-a200 mdui-btn mdui-color-theme-accent mdui-ripple mdui-m-x-1">
|
||||||
|
<i class="mdui-icon mdui-icon-left material-icons">assistant_photo</i> 登陆
|
||||||
|
</a>';
|
||||||
|
} else {
|
||||||
|
echo '<a href="/user" class="mdui-hoverable mdui-text-color-blue-a200 mdui-btn mdui-color-theme-accent mdui-ripple mdui-m-x-1">
|
||||||
|
<i class="mdui-icon mdui-icon-left material-icons">assistant_photo</i> 用户中心
|
||||||
|
</a>';
|
||||||
|
}
|
||||||
|
?>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="content">
|
||||||
|
<div class="mdui-typo">
|
||||||
|
<h1 class="mdui-text-color-blue-a200">关于我们</h1>
|
||||||
|
<p>提供稳定,快速高效的服务,我们的团队致力于助力小站长,为您提供免费的空间托管/资源托管服务。</p>
|
||||||
|
<p>团队至今已成立两年,紧跟时代的潮流,为你提供多样化现代化的业务。</p>
|
||||||
|
<h1 class="mdui-text-color-blue-a200">展望未来</h1>
|
||||||
|
<p>我们将持续为您提供优质的服务,我们将坚持以公益为宗旨。</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- MDUI JavaScript -->
|
||||||
|
<script src="/mdui/js/mdui.min.js"></script>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
6
main.js
Normal file
@@ -0,0 +1,6 @@
|
|||||||
|
import * as React from 'react';
|
||||||
|
import Button from '@mui/material/Button';
|
||||||
|
|
||||||
|
export default function ButtonUsage() {
|
||||||
|
return <Button variant="contained">Hello world</Button>;
|
||||||
|
}
|
||||||
13559
mdui/css/mdui.css
Normal file
1
mdui/css/mdui.css.map
Normal file
6
mdui/css/mdui.min.css
vendored
Normal file
6
mdui/css/mdui.min.css.bak
Normal file
1
mdui/css/mdui.min.css.map
Normal file
201
mdui/fonts/roboto/LICENSE.txt
Normal file
@@ -0,0 +1,201 @@
|
|||||||
|
Apache License
|
||||||
|
Version 2.0, January 2004
|
||||||
|
http://www.apache.org/licenses/
|
||||||
|
|
||||||
|
TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
|
||||||
|
|
||||||
|
1. Definitions.
|
||||||
|
|
||||||
|
"License" shall mean the terms and conditions for use, reproduction,
|
||||||
|
and distribution as defined by Sections 1 through 9 of this document.
|
||||||
|
|
||||||
|
"Licensor" shall mean the copyright owner or entity authorized by
|
||||||
|
the copyright owner that is granting the License.
|
||||||
|
|
||||||
|
"Legal Entity" shall mean the union of the acting entity and all
|
||||||
|
other entities that control, are controlled by, or are under common
|
||||||
|
control with that entity. For the purposes of this definition,
|
||||||
|
"control" means (i) the power, direct or indirect, to cause the
|
||||||
|
direction or management of such entity, whether by contract or
|
||||||
|
otherwise, or (ii) ownership of fifty percent (50%) or more of the
|
||||||
|
outstanding shares, or (iii) beneficial ownership of such entity.
|
||||||
|
|
||||||
|
"You" (or "Your") shall mean an individual or Legal Entity
|
||||||
|
exercising permissions granted by this License.
|
||||||
|
|
||||||
|
"Source" form shall mean the preferred form for making modifications,
|
||||||
|
including but not limited to software source code, documentation
|
||||||
|
source, and configuration files.
|
||||||
|
|
||||||
|
"Object" form shall mean any form resulting from mechanical
|
||||||
|
transformation or translation of a Source form, including but
|
||||||
|
not limited to compiled object code, generated documentation,
|
||||||
|
and conversions to other media types.
|
||||||
|
|
||||||
|
"Work" shall mean the work of authorship, whether in Source or
|
||||||
|
Object form, made available under the License, as indicated by a
|
||||||
|
copyright notice that is included in or attached to the work
|
||||||
|
(an example is provided in the Appendix below).
|
||||||
|
|
||||||
|
"Derivative Works" shall mean any work, whether in Source or Object
|
||||||
|
form, that is based on (or derived from) the Work and for which the
|
||||||
|
editorial revisions, annotations, elaborations, or other modifications
|
||||||
|
represent, as a whole, an original work of authorship. For the purposes
|
||||||
|
of this License, Derivative Works shall not include works that remain
|
||||||
|
separable from, or merely link (or bind by name) to the interfaces of,
|
||||||
|
the Work and Derivative Works thereof.
|
||||||
|
|
||||||
|
"Contribution" shall mean any work of authorship, including
|
||||||
|
the original version of the Work and any modifications or additions
|
||||||
|
to that Work or Derivative Works thereof, that is intentionally
|
||||||
|
submitted to Licensor for inclusion in the Work by the copyright owner
|
||||||
|
or by an individual or Legal Entity authorized to submit on behalf of
|
||||||
|
the copyright owner. For the purposes of this definition, "submitted"
|
||||||
|
means any form of electronic, verbal, or written communication sent
|
||||||
|
to the Licensor or its representatives, including but not limited to
|
||||||
|
communication on electronic mailing lists, source code control systems,
|
||||||
|
and issue tracking systems that are managed by, or on behalf of, the
|
||||||
|
Licensor for the purpose of discussing and improving the Work, but
|
||||||
|
excluding communication that is conspicuously marked or otherwise
|
||||||
|
designated in writing by the copyright owner as "Not a Contribution."
|
||||||
|
|
||||||
|
"Contributor" shall mean Licensor and any individual or Legal Entity
|
||||||
|
on behalf of whom a Contribution has been received by Licensor and
|
||||||
|
subsequently incorporated within the Work.
|
||||||
|
|
||||||
|
2. Grant of Copyright License. Subject to the terms and conditions of
|
||||||
|
this License, each Contributor hereby grants to You a perpetual,
|
||||||
|
worldwide, non-exclusive, no-charge, royalty-free, irrevocable
|
||||||
|
copyright license to reproduce, prepare Derivative Works of,
|
||||||
|
publicly display, publicly perform, sublicense, and distribute the
|
||||||
|
Work and such Derivative Works in Source or Object form.
|
||||||
|
|
||||||
|
3. Grant of Patent License. Subject to the terms and conditions of
|
||||||
|
this License, each Contributor hereby grants to You a perpetual,
|
||||||
|
worldwide, non-exclusive, no-charge, royalty-free, irrevocable
|
||||||
|
(except as stated in this section) patent license to make, have made,
|
||||||
|
use, offer to sell, sell, import, and otherwise transfer the Work,
|
||||||
|
where such license applies only to those patent claims licensable
|
||||||
|
by such Contributor that are necessarily infringed by their
|
||||||
|
Contribution(s) alone or by combination of their Contribution(s)
|
||||||
|
with the Work to which such Contribution(s) was submitted. If You
|
||||||
|
institute patent litigation against any entity (including a
|
||||||
|
cross-claim or counterclaim in a lawsuit) alleging that the Work
|
||||||
|
or a Contribution incorporated within the Work constitutes direct
|
||||||
|
or contributory patent infringement, then any patent licenses
|
||||||
|
granted to You under this License for that Work shall terminate
|
||||||
|
as of the date such litigation is filed.
|
||||||
|
|
||||||
|
4. Redistribution. You may reproduce and distribute copies of the
|
||||||
|
Work or Derivative Works thereof in any medium, with or without
|
||||||
|
modifications, and in Source or Object form, provided that You
|
||||||
|
meet the following conditions:
|
||||||
|
|
||||||
|
(a) You must give any other recipients of the Work or
|
||||||
|
Derivative Works a copy of this License; and
|
||||||
|
|
||||||
|
(b) You must cause any modified files to carry prominent notices
|
||||||
|
stating that You changed the files; and
|
||||||
|
|
||||||
|
(c) You must retain, in the Source form of any Derivative Works
|
||||||
|
that You distribute, all copyright, patent, trademark, and
|
||||||
|
attribution notices from the Source form of the Work,
|
||||||
|
excluding those notices that do not pertain to any part of
|
||||||
|
the Derivative Works; and
|
||||||
|
|
||||||
|
(d) If the Work includes a "NOTICE" text file as part of its
|
||||||
|
distribution, then any Derivative Works that You distribute must
|
||||||
|
include a readable copy of the attribution notices contained
|
||||||
|
within such NOTICE file, excluding those notices that do not
|
||||||
|
pertain to any part of the Derivative Works, in at least one
|
||||||
|
of the following places: within a NOTICE text file distributed
|
||||||
|
as part of the Derivative Works; within the Source form or
|
||||||
|
documentation, if provided along with the Derivative Works; or,
|
||||||
|
within a display generated by the Derivative Works, if and
|
||||||
|
wherever such third-party notices normally appear. The contents
|
||||||
|
of the NOTICE file are for informational purposes only and
|
||||||
|
do not modify the License. You may add Your own attribution
|
||||||
|
notices within Derivative Works that You distribute, alongside
|
||||||
|
or as an addendum to the NOTICE text from the Work, provided
|
||||||
|
that such additional attribution notices cannot be construed
|
||||||
|
as modifying the License.
|
||||||
|
|
||||||
|
You may add Your own copyright statement to Your modifications and
|
||||||
|
may provide additional or different license terms and conditions
|
||||||
|
for use, reproduction, or distribution of Your modifications, or
|
||||||
|
for any such Derivative Works as a whole, provided Your use,
|
||||||
|
reproduction, and distribution of the Work otherwise complies with
|
||||||
|
the conditions stated in this License.
|
||||||
|
|
||||||
|
5. Submission of Contributions. Unless You explicitly state otherwise,
|
||||||
|
any Contribution intentionally submitted for inclusion in the Work
|
||||||
|
by You to the Licensor shall be under the terms and conditions of
|
||||||
|
this License, without any additional terms or conditions.
|
||||||
|
Notwithstanding the above, nothing herein shall supersede or modify
|
||||||
|
the terms of any separate license agreement you may have executed
|
||||||
|
with Licensor regarding such Contributions.
|
||||||
|
|
||||||
|
6. Trademarks. This License does not grant permission to use the trade
|
||||||
|
names, trademarks, service marks, or product names of the Licensor,
|
||||||
|
except as required for reasonable and customary use in describing the
|
||||||
|
origin of the Work and reproducing the content of the NOTICE file.
|
||||||
|
|
||||||
|
7. Disclaimer of Warranty. Unless required by applicable law or
|
||||||
|
agreed to in writing, Licensor provides the Work (and each
|
||||||
|
Contributor provides its Contributions) on an "AS IS" BASIS,
|
||||||
|
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
|
||||||
|
implied, including, without limitation, any warranties or conditions
|
||||||
|
of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
|
||||||
|
PARTICULAR PURPOSE. You are solely responsible for determining the
|
||||||
|
appropriateness of using or redistributing the Work and assume any
|
||||||
|
risks associated with Your exercise of permissions under this License.
|
||||||
|
|
||||||
|
8. Limitation of Liability. In no event and under no legal theory,
|
||||||
|
whether in tort (including negligence), contract, or otherwise,
|
||||||
|
unless required by applicable law (such as deliberate and grossly
|
||||||
|
negligent acts) or agreed to in writing, shall any Contributor be
|
||||||
|
liable to You for damages, including any direct, indirect, special,
|
||||||
|
incidental, or consequential damages of any character arising as a
|
||||||
|
result of this License or out of the use or inability to use the
|
||||||
|
Work (including but not limited to damages for loss of goodwill,
|
||||||
|
work stoppage, computer failure or malfunction, or any and all
|
||||||
|
other commercial damages or losses), even if such Contributor
|
||||||
|
has been advised of the possibility of such damages.
|
||||||
|
|
||||||
|
9. Accepting Warranty or Additional Liability. While redistributing
|
||||||
|
the Work or Derivative Works thereof, You may choose to offer,
|
||||||
|
and charge a fee for, acceptance of support, warranty, indemnity,
|
||||||
|
or other liability obligations and/or rights consistent with this
|
||||||
|
License. However, in accepting such obligations, You may act only
|
||||||
|
on Your own behalf and on Your sole responsibility, not on behalf
|
||||||
|
of any other Contributor, and only if You agree to indemnify,
|
||||||
|
defend, and hold each Contributor harmless for any liability
|
||||||
|
incurred by, or claims asserted against, such Contributor by reason
|
||||||
|
of your accepting any such warranty or additional liability.
|
||||||
|
|
||||||
|
END OF TERMS AND CONDITIONS
|
||||||
|
|
||||||
|
APPENDIX: How to apply the Apache License to your work.
|
||||||
|
|
||||||
|
To apply the Apache License to your work, attach the following
|
||||||
|
boilerplate notice, with the fields enclosed by brackets "[]"
|
||||||
|
replaced with your own identifying information. (Don't include
|
||||||
|
the brackets!) The text should be enclosed in the appropriate
|
||||||
|
comment syntax for the file format. We also recommend that a
|
||||||
|
file or class name and description of purpose be included on the
|
||||||
|
same "printed page" as the copyright notice for easier
|
||||||
|
identification within third-party archives.
|
||||||
|
|
||||||
|
Copyright [yyyy] [name of copyright owner]
|
||||||
|
|
||||||
|
Licensed under the Apache License, Version 2.0 (the "License");
|
||||||
|
you may not use this file except in compliance with the License.
|
||||||
|
You may obtain a copy of the License at
|
||||||
|
|
||||||
|
http://www.apache.org/licenses/LICENSE-2.0
|
||||||
|
|
||||||
|
Unless required by applicable law or agreed to in writing, software
|
||||||
|
distributed under the License is distributed on an "AS IS" BASIS,
|
||||||
|
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
||||||
|
See the License for the specific language governing permissions and
|
||||||
|
limitations under the License.
|
||||||
BIN
mdui/fonts/roboto/Roboto-Black.woff
Normal file
BIN
mdui/fonts/roboto/Roboto-Black.woff2
Normal file
BIN
mdui/fonts/roboto/Roboto-BlackItalic.woff
Normal file
BIN
mdui/fonts/roboto/Roboto-BlackItalic.woff2
Normal file
BIN
mdui/fonts/roboto/Roboto-Bold.woff
Normal file
BIN
mdui/fonts/roboto/Roboto-Bold.woff2
Normal file
BIN
mdui/fonts/roboto/Roboto-BoldItalic.woff
Normal file
BIN
mdui/fonts/roboto/Roboto-BoldItalic.woff2
Normal file
BIN
mdui/fonts/roboto/Roboto-Light.woff
Normal file
BIN
mdui/fonts/roboto/Roboto-Light.woff2
Normal file
BIN
mdui/fonts/roboto/Roboto-LightItalic.woff
Normal file
BIN
mdui/fonts/roboto/Roboto-LightItalic.woff2
Normal file
BIN
mdui/fonts/roboto/Roboto-Medium.woff
Normal file
BIN
mdui/fonts/roboto/Roboto-Medium.woff2
Normal file
BIN
mdui/fonts/roboto/Roboto-MediumItalic.woff
Normal file
BIN
mdui/fonts/roboto/Roboto-MediumItalic.woff2
Normal file
BIN
mdui/fonts/roboto/Roboto-Regular.woff
Normal file
BIN
mdui/fonts/roboto/Roboto-Regular.woff2
Normal file
BIN
mdui/fonts/roboto/Roboto-RegularItalic.woff
Normal file
BIN
mdui/fonts/roboto/Roboto-RegularItalic.woff2
Normal file
BIN
mdui/fonts/roboto/Roboto-Thin.woff
Normal file
BIN
mdui/fonts/roboto/Roboto-Thin.woff2
Normal file
BIN
mdui/fonts/roboto/Roboto-ThinItalic.woff
Normal file
BIN
mdui/fonts/roboto/Roboto-ThinItalic.woff2
Normal file
393
mdui/icons/material-icons/LICENSE.txt
Normal file
@@ -0,0 +1,393 @@
|
|||||||
|
Attribution 4.0 International
|
||||||
|
|
||||||
|
=======================================================================
|
||||||
|
|
||||||
|
Creative Commons Corporation ("Creative Commons") is not a law firm and
|
||||||
|
does not provide legal services or legal advice. Distribution of
|
||||||
|
Creative Commons public licenses does not create a lawyer-client or
|
||||||
|
other relationship. Creative Commons makes its licenses and related
|
||||||
|
information available on an "as-is" basis. Creative Commons gives no
|
||||||
|
warranties regarding its licenses, any material licensed under their
|
||||||
|
terms and conditions, or any related information. Creative Commons
|
||||||
|
disclaims all liability for damages resulting from their use to the
|
||||||
|
fullest extent possible.
|
||||||
|
|
||||||
|
Using Creative Commons Public Licenses
|
||||||
|
|
||||||
|
Creative Commons public licenses provide a standard set of terms and
|
||||||
|
conditions that creators and other rights holders may use to share
|
||||||
|
original works of authorship and other material subject to copyright
|
||||||
|
and certain other rights specified in the public license below. The
|
||||||
|
following considerations are for informational purposes only, are not
|
||||||
|
exhaustive, and do not form part of our licenses.
|
||||||
|
|
||||||
|
Considerations for licensors: Our public licenses are
|
||||||
|
intended for use by those authorized to give the public
|
||||||
|
permission to use material in ways otherwise restricted by
|
||||||
|
copyright and certain other rights. Our licenses are
|
||||||
|
irrevocable. Licensors should read and understand the terms
|
||||||
|
and conditions of the license they choose before applying it.
|
||||||
|
Licensors should also secure all rights necessary before
|
||||||
|
applying our licenses so that the public can reuse the
|
||||||
|
material as expected. Licensors should clearly mark any
|
||||||
|
material not subject to the license. This includes other CC-
|
||||||
|
licensed material, or material used under an exception or
|
||||||
|
limitation to copyright. More considerations for licensors:
|
||||||
|
wiki.creativecommons.org/Considerations_for_licensors
|
||||||
|
|
||||||
|
Considerations for the public: By using one of our public
|
||||||
|
licenses, a licensor grants the public permission to use the
|
||||||
|
licensed material under specified terms and conditions. If
|
||||||
|
the licensor's permission is not necessary for any reason--for
|
||||||
|
example, because of any applicable exception or limitation to
|
||||||
|
copyright--then that use is not regulated by the license. Our
|
||||||
|
licenses grant only permissions under copyright and certain
|
||||||
|
other rights that a licensor has authority to grant. Use of
|
||||||
|
the licensed material may still be restricted for other
|
||||||
|
reasons, including because others have copyright or other
|
||||||
|
rights in the material. A licensor may make special requests,
|
||||||
|
such as asking that all changes be marked or described.
|
||||||
|
Although not required by our licenses, you are encouraged to
|
||||||
|
respect those requests where reasonable. More_considerations
|
||||||
|
for the public:
|
||||||
|
wiki.creativecommons.org/Considerations_for_licensees
|
||||||
|
|
||||||
|
=======================================================================
|
||||||
|
|
||||||
|
Creative Commons Attribution 4.0 International Public License
|
||||||
|
|
||||||
|
By exercising the Licensed Rights (defined below), You accept and agree
|
||||||
|
to be bound by the terms and conditions of this Creative Commons
|
||||||
|
Attribution 4.0 International Public License ("Public License"). To the
|
||||||
|
extent this Public License may be interpreted as a contract, You are
|
||||||
|
granted the Licensed Rights in consideration of Your acceptance of
|
||||||
|
these terms and conditions, and the Licensor grants You such rights in
|
||||||
|
consideration of benefits the Licensor receives from making the
|
||||||
|
Licensed Material available under these terms and conditions.
|
||||||
|
|
||||||
|
|
||||||
|
Section 1 -- Definitions.
|
||||||
|
|
||||||
|
a. Adapted Material means material subject to Copyright and Similar
|
||||||
|
Rights that is derived from or based upon the Licensed Material
|
||||||
|
and in which the Licensed Material is translated, altered,
|
||||||
|
arranged, transformed, or otherwise modified in a manner requiring
|
||||||
|
permission under the Copyright and Similar Rights held by the
|
||||||
|
Licensor. For purposes of this Public License, where the Licensed
|
||||||
|
Material is a musical work, performance, or sound recording,
|
||||||
|
Adapted Material is always produced where the Licensed Material is
|
||||||
|
synched in timed relation with a moving image.
|
||||||
|
|
||||||
|
b. Adapter's License means the license You apply to Your Copyright
|
||||||
|
and Similar Rights in Your contributions to Adapted Material in
|
||||||
|
accordance with the terms and conditions of this Public License.
|
||||||
|
|
||||||
|
c. Copyright and Similar Rights means copyright and/or similar rights
|
||||||
|
closely related to copyright including, without limitation,
|
||||||
|
performance, broadcast, sound recording, and Sui Generis Database
|
||||||
|
Rights, without regard to how the rights are labeled or
|
||||||
|
categorized. For purposes of this Public License, the rights
|
||||||
|
specified in Section 2(b)(1)-(2) are not Copyright and Similar
|
||||||
|
Rights.
|
||||||
|
|
||||||
|
d. Effective Technological Measures means those measures that, in the
|
||||||
|
absence of proper authority, may not be circumvented under laws
|
||||||
|
fulfilling obligations under Article 11 of the WIPO Copyright
|
||||||
|
Treaty adopted on December 20, 1996, and/or similar international
|
||||||
|
agreements.
|
||||||
|
|
||||||
|
e. Exceptions and Limitations means fair use, fair dealing, and/or
|
||||||
|
any other exception or limitation to Copyright and Similar Rights
|
||||||
|
that applies to Your use of the Licensed Material.
|
||||||
|
|
||||||
|
f. Licensed Material means the artistic or literary work, database,
|
||||||
|
or other material to which the Licensor applied this Public
|
||||||
|
License.
|
||||||
|
|
||||||
|
g. Licensed Rights means the rights granted to You subject to the
|
||||||
|
terms and conditions of this Public License, which are limited to
|
||||||
|
all Copyright and Similar Rights that apply to Your use of the
|
||||||
|
Licensed Material and that the Licensor has authority to license.
|
||||||
|
|
||||||
|
h. Licensor means the individual(s) or entity(ies) granting rights
|
||||||
|
under this Public License.
|
||||||
|
|
||||||
|
i. Share means to provide material to the public by any means or
|
||||||
|
process that requires permission under the Licensed Rights, such
|
||||||
|
as reproduction, public display, public performance, distribution,
|
||||||
|
dissemination, communication, or importation, and to make material
|
||||||
|
available to the public including in ways that members of the
|
||||||
|
public may access the material from a place and at a time
|
||||||
|
individually chosen by them.
|
||||||
|
|
||||||
|
j. Sui Generis Database Rights means rights other than copyright
|
||||||
|
resulting from Directive 96/9/EC of the European Parliament and of
|
||||||
|
the Council of 11 March 1996 on the legal protection of databases,
|
||||||
|
as amended and/or succeeded, as well as other essentially
|
||||||
|
equivalent rights anywhere in the world.
|
||||||
|
|
||||||
|
k. You means the individual or entity exercising the Licensed Rights
|
||||||
|
under this Public License. Your has a corresponding meaning.
|
||||||
|
|
||||||
|
|
||||||
|
Section 2 -- Scope.
|
||||||
|
|
||||||
|
a. License grant.
|
||||||
|
|
||||||
|
1. Subject to the terms and conditions of this Public License,
|
||||||
|
the Licensor hereby grants You a worldwide, royalty-free,
|
||||||
|
non-sublicensable, non-exclusive, irrevocable license to
|
||||||
|
exercise the Licensed Rights in the Licensed Material to:
|
||||||
|
|
||||||
|
a. reproduce and Share the Licensed Material, in whole or
|
||||||
|
in part; and
|
||||||
|
|
||||||
|
b. produce, reproduce, and Share Adapted Material.
|
||||||
|
|
||||||
|
2. Exceptions and Limitations. For the avoidance of doubt, where
|
||||||
|
Exceptions and Limitations apply to Your use, this Public
|
||||||
|
License does not apply, and You do not need to comply with
|
||||||
|
its terms and conditions.
|
||||||
|
|
||||||
|
3. Term. The term of this Public License is specified in Section
|
||||||
|
6(a).
|
||||||
|
|
||||||
|
4. Media and formats; technical modifications allowed. The
|
||||||
|
Licensor authorizes You to exercise the Licensed Rights in
|
||||||
|
all media and formats whether now known or hereafter created,
|
||||||
|
and to make technical modifications necessary to do so. The
|
||||||
|
Licensor waives and/or agrees not to assert any right or
|
||||||
|
authority to forbid You from making technical modifications
|
||||||
|
necessary to exercise the Licensed Rights, including
|
||||||
|
technical modifications necessary to circumvent Effective
|
||||||
|
Technological Measures. For purposes of this Public License,
|
||||||
|
simply making modifications authorized by this Section 2(a)
|
||||||
|
(4) never produces Adapted Material.
|
||||||
|
|
||||||
|
5. Downstream recipients.
|
||||||
|
|
||||||
|
a. Offer from the Licensor -- Licensed Material. Every
|
||||||
|
recipient of the Licensed Material automatically
|
||||||
|
receives an offer from the Licensor to exercise the
|
||||||
|
Licensed Rights under the terms and conditions of this
|
||||||
|
Public License.
|
||||||
|
|
||||||
|
b. No downstream restrictions. You may not offer or impose
|
||||||
|
any additional or different terms or conditions on, or
|
||||||
|
apply any Effective Technological Measures to, the
|
||||||
|
Licensed Material if doing so restricts exercise of the
|
||||||
|
Licensed Rights by any recipient of the Licensed
|
||||||
|
Material.
|
||||||
|
|
||||||
|
6. No endorsement. Nothing in this Public License constitutes or
|
||||||
|
may be construed as permission to assert or imply that You
|
||||||
|
are, or that Your use of the Licensed Material is, connected
|
||||||
|
with, or sponsored, endorsed, or granted official status by,
|
||||||
|
the Licensor or others designated to receive attribution as
|
||||||
|
provided in Section 3(a)(1)(A)(i).
|
||||||
|
|
||||||
|
b. Other rights.
|
||||||
|
|
||||||
|
1. Moral rights, such as the right of integrity, are not
|
||||||
|
licensed under this Public License, nor are publicity,
|
||||||
|
privacy, and/or other similar personality rights; however, to
|
||||||
|
the extent possible, the Licensor waives and/or agrees not to
|
||||||
|
assert any such rights held by the Licensor to the limited
|
||||||
|
extent necessary to allow You to exercise the Licensed
|
||||||
|
Rights, but not otherwise.
|
||||||
|
|
||||||
|
2. Patent and trademark rights are not licensed under this
|
||||||
|
Public License.
|
||||||
|
|
||||||
|
3. To the extent possible, the Licensor waives any right to
|
||||||
|
collect royalties from You for the exercise of the Licensed
|
||||||
|
Rights, whether directly or through a collecting society
|
||||||
|
under any voluntary or waivable statutory or compulsory
|
||||||
|
licensing scheme. In all other cases the Licensor expressly
|
||||||
|
reserves any right to collect such royalties.
|
||||||
|
|
||||||
|
|
||||||
|
Section 3 -- License Conditions.
|
||||||
|
|
||||||
|
Your exercise of the Licensed Rights is expressly made subject to the
|
||||||
|
following conditions.
|
||||||
|
|
||||||
|
a. Attribution.
|
||||||
|
|
||||||
|
1. If You Share the Licensed Material (including in modified
|
||||||
|
form), You must:
|
||||||
|
|
||||||
|
a. retain the following if it is supplied by the Licensor
|
||||||
|
with the Licensed Material:
|
||||||
|
|
||||||
|
i. identification of the creator(s) of the Licensed
|
||||||
|
Material and any others designated to receive
|
||||||
|
attribution, in any reasonable manner requested by
|
||||||
|
the Licensor (including by pseudonym if
|
||||||
|
designated);
|
||||||
|
|
||||||
|
ii. a copyright notice;
|
||||||
|
|
||||||
|
iii. a notice that refers to this Public License;
|
||||||
|
|
||||||
|
iv. a notice that refers to the disclaimer of
|
||||||
|
warranties;
|
||||||
|
|
||||||
|
v. a URI or hyperlink to the Licensed Material to the
|
||||||
|
extent reasonably practicable;
|
||||||
|
|
||||||
|
b. indicate if You modified the Licensed Material and
|
||||||
|
retain an indication of any previous modifications; and
|
||||||
|
|
||||||
|
c. indicate the Licensed Material is licensed under this
|
||||||
|
Public License, and include the text of, or the URI or
|
||||||
|
hyperlink to, this Public License.
|
||||||
|
|
||||||
|
2. You may satisfy the conditions in Section 3(a)(1) in any
|
||||||
|
reasonable manner based on the medium, means, and context in
|
||||||
|
which You Share the Licensed Material. For example, it may be
|
||||||
|
reasonable to satisfy the conditions by providing a URI or
|
||||||
|
hyperlink to a resource that includes the required
|
||||||
|
information.
|
||||||
|
|
||||||
|
3. If requested by the Licensor, You must remove any of the
|
||||||
|
information required by Section 3(a)(1)(A) to the extent
|
||||||
|
reasonably practicable.
|
||||||
|
|
||||||
|
4. If You Share Adapted Material You produce, the Adapter's
|
||||||
|
License You apply must not prevent recipients of the Adapted
|
||||||
|
Material from complying with this Public License.
|
||||||
|
|
||||||
|
|
||||||
|
Section 4 -- Sui Generis Database Rights.
|
||||||
|
|
||||||
|
Where the Licensed Rights include Sui Generis Database Rights that
|
||||||
|
apply to Your use of the Licensed Material:
|
||||||
|
|
||||||
|
a. for the avoidance of doubt, Section 2(a)(1) grants You the right
|
||||||
|
to extract, reuse, reproduce, and Share all or a substantial
|
||||||
|
portion of the contents of the database;
|
||||||
|
|
||||||
|
b. if You include all or a substantial portion of the database
|
||||||
|
contents in a database in which You have Sui Generis Database
|
||||||
|
Rights, then the database in which You have Sui Generis Database
|
||||||
|
Rights (but not its individual contents) is Adapted Material; and
|
||||||
|
|
||||||
|
c. You must comply with the conditions in Section 3(a) if You Share
|
||||||
|
all or a substantial portion of the contents of the database.
|
||||||
|
|
||||||
|
For the avoidance of doubt, this Section 4 supplements and does not
|
||||||
|
replace Your obligations under this Public License where the Licensed
|
||||||
|
Rights include other Copyright and Similar Rights.
|
||||||
|
|
||||||
|
|
||||||
|
Section 5 -- Disclaimer of Warranties and Limitation of Liability.
|
||||||
|
|
||||||
|
a. UNLESS OTHERWISE SEPARATELY UNDERTAKEN BY THE LICENSOR, TO THE
|
||||||
|
EXTENT POSSIBLE, THE LICENSOR OFFERS THE LICENSED MATERIAL AS-IS
|
||||||
|
AND AS-AVAILABLE, AND MAKES NO REPRESENTATIONS OR WARRANTIES OF
|
||||||
|
ANY KIND CONCERNING THE LICENSED MATERIAL, WHETHER EXPRESS,
|
||||||
|
IMPLIED, STATUTORY, OR OTHER. THIS INCLUDES, WITHOUT LIMITATION,
|
||||||
|
WARRANTIES OF TITLE, MERCHANTABILITY, FITNESS FOR A PARTICULAR
|
||||||
|
PURPOSE, NON-INFRINGEMENT, ABSENCE OF LATENT OR OTHER DEFECTS,
|
||||||
|
ACCURACY, OR THE PRESENCE OR ABSENCE OF ERRORS, WHETHER OR NOT
|
||||||
|
KNOWN OR DISCOVERABLE. WHERE DISCLAIMERS OF WARRANTIES ARE NOT
|
||||||
|
ALLOWED IN FULL OR IN PART, THIS DISCLAIMER MAY NOT APPLY TO YOU.
|
||||||
|
|
||||||
|
b. TO THE EXTENT POSSIBLE, IN NO EVENT WILL THE LICENSOR BE LIABLE
|
||||||
|
TO YOU ON ANY LEGAL THEORY (INCLUDING, WITHOUT LIMITATION,
|
||||||
|
NEGLIGENCE) OR OTHERWISE FOR ANY DIRECT, SPECIAL, INDIRECT,
|
||||||
|
INCIDENTAL, CONSEQUENTIAL, PUNITIVE, EXEMPLARY, OR OTHER LOSSES,
|
||||||
|
COSTS, EXPENSES, OR DAMAGES ARISING OUT OF THIS PUBLIC LICENSE OR
|
||||||
|
USE OF THE LICENSED MATERIAL, EVEN IF THE LICENSOR HAS BEEN
|
||||||
|
ADVISED OF THE POSSIBILITY OF SUCH LOSSES, COSTS, EXPENSES, OR
|
||||||
|
DAMAGES. WHERE A LIMITATION OF LIABILITY IS NOT ALLOWED IN FULL OR
|
||||||
|
IN PART, THIS LIMITATION MAY NOT APPLY TO YOU.
|
||||||
|
|
||||||
|
c. The disclaimer of warranties and limitation of liability provided
|
||||||
|
above shall be interpreted in a manner that, to the extent
|
||||||
|
possible, most closely approximates an absolute disclaimer and
|
||||||
|
waiver of all liability.
|
||||||
|
|
||||||
|
|
||||||
|
Section 6 -- Term and Termination.
|
||||||
|
|
||||||
|
a. This Public License applies for the term of the Copyright and
|
||||||
|
Similar Rights licensed here. However, if You fail to comply with
|
||||||
|
this Public License, then Your rights under this Public License
|
||||||
|
terminate automatically.
|
||||||
|
|
||||||
|
b. Where Your right to use the Licensed Material has terminated under
|
||||||
|
Section 6(a), it reinstates:
|
||||||
|
|
||||||
|
1. automatically as of the date the violation is cured, provided
|
||||||
|
it is cured within 30 days of Your discovery of the
|
||||||
|
violation; or
|
||||||
|
|
||||||
|
2. upon express reinstatement by the Licensor.
|
||||||
|
|
||||||
|
For the avoidance of doubt, this Section 6(b) does not affect any
|
||||||
|
right the Licensor may have to seek remedies for Your violations
|
||||||
|
of this Public License.
|
||||||
|
|
||||||
|
c. For the avoidance of doubt, the Licensor may also offer the
|
||||||
|
Licensed Material under separate terms or conditions or stop
|
||||||
|
distributing the Licensed Material at any time; however, doing so
|
||||||
|
will not terminate this Public License.
|
||||||
|
|
||||||
|
d. Sections 1, 5, 6, 7, and 8 survive termination of this Public
|
||||||
|
License.
|
||||||
|
|
||||||
|
|
||||||
|
Section 7 -- Other Terms and Conditions.
|
||||||
|
|
||||||
|
a. The Licensor shall not be bound by any additional or different
|
||||||
|
terms or conditions communicated by You unless expressly agreed.
|
||||||
|
|
||||||
|
b. Any arrangements, understandings, or agreements regarding the
|
||||||
|
Licensed Material not stated herein are separate from and
|
||||||
|
independent of the terms and conditions of this Public License.
|
||||||
|
|
||||||
|
|
||||||
|
Section 8 -- Interpretation.
|
||||||
|
|
||||||
|
a. For the avoidance of doubt, this Public License does not, and
|
||||||
|
shall not be interpreted to, reduce, limit, restrict, or impose
|
||||||
|
conditions on any use of the Licensed Material that could lawfully
|
||||||
|
be made without permission under this Public License.
|
||||||
|
|
||||||
|
b. To the extent possible, if any provision of this Public License is
|
||||||
|
deemed unenforceable, it shall be automatically reformed to the
|
||||||
|
minimum extent necessary to make it enforceable. If the provision
|
||||||
|
cannot be reformed, it shall be severed from this Public License
|
||||||
|
without affecting the enforceability of the remaining terms and
|
||||||
|
conditions.
|
||||||
|
|
||||||
|
c. No term or condition of this Public License will be waived and no
|
||||||
|
failure to comply consented to unless expressly agreed to by the
|
||||||
|
Licensor.
|
||||||
|
|
||||||
|
d. Nothing in this Public License constitutes or may be interpreted
|
||||||
|
as a limitation upon, or waiver of, any privileges and immunities
|
||||||
|
that apply to the Licensor or You, including from the legal
|
||||||
|
processes of any jurisdiction or authority.
|
||||||
|
|
||||||
|
|
||||||
|
=======================================================================
|
||||||
|
|
||||||
|
Creative Commons is not a party to its public licenses.
|
||||||
|
Notwithstanding, Creative Commons may elect to apply one of its public
|
||||||
|
licenses to material it publishes and in those instances will be
|
||||||
|
considered the "Licensor." Except for the limited purpose of indicating
|
||||||
|
that material is shared under a Creative Commons public license or as
|
||||||
|
otherwise permitted by the Creative Commons policies published at
|
||||||
|
creativecommons.org/policies, Creative Commons does not authorize the
|
||||||
|
use of the trademark "Creative Commons" or any other trademark or logo
|
||||||
|
of Creative Commons without its prior written consent including,
|
||||||
|
without limitation, in connection with any unauthorized modifications
|
||||||
|
to any of its public licenses or any other arrangements,
|
||||||
|
understandings, or agreements concerning use of licensed material. For
|
||||||
|
the avoidance of doubt, this paragraph does not form part of the public
|
||||||
|
licenses.
|
||||||
|
|
||||||
|
Creative Commons may be contacted at creativecommons.org.
|
||||||
1
mdui/icons/material-icons/MaterialIcons-Regular.ijmap
Normal file
BIN
mdui/icons/material-icons/MaterialIcons-Regular.woff
Normal file
BIN
mdui/icons/material-icons/MaterialIcons-Regular.woff2
Normal file
5976
mdui/js/mdui.esm.js
Normal file
1
mdui/js/mdui.esm.js.map
Normal file
6474
mdui/js/mdui.js
Normal file
1
mdui/js/mdui.js.map
Normal file
7
mdui/js/mdui.min.js
vendored
Normal file
1
mdui/js/mdui.min.js.map
Normal file
862
pages/404.html
Normal file
@@ -0,0 +1,862 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html :class="{ 'theme-dark': dark }" x-data="data()" lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8" />
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||||
|
<title>404 - Windmill Dashboard</title>
|
||||||
|
<link
|
||||||
|
href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap"
|
||||||
|
rel="stylesheet"
|
||||||
|
/>
|
||||||
|
<link rel="stylesheet" href="../assets/css/tailwind.output.css" />
|
||||||
|
<script
|
||||||
|
src="https://cdn.jsdelivr.net/gh/alpinejs/alpine@v2.x.x/dist/alpine.min.js"
|
||||||
|
defer
|
||||||
|
></script>
|
||||||
|
<script src="../assets/js/init-alpine.js"></script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div
|
||||||
|
class="flex h-screen bg-gray-50 dark:bg-gray-900"
|
||||||
|
:class="{ 'overflow-hidden': isSideMenuOpen}"
|
||||||
|
>
|
||||||
|
<!-- Desktop sidebar -->
|
||||||
|
<aside
|
||||||
|
class="z-20 hidden w-64 overflow-y-auto bg-white dark:bg-gray-800 md:block flex-shrink-0"
|
||||||
|
>
|
||||||
|
<div class="py-4 text-gray-500 dark:text-gray-400">
|
||||||
|
<a
|
||||||
|
class="ml-6 text-lg font-bold text-gray-800 dark:text-gray-200"
|
||||||
|
href="#"
|
||||||
|
>
|
||||||
|
Windmill
|
||||||
|
</a>
|
||||||
|
<ul class="mt-6">
|
||||||
|
<li class="relative px-6 py-3">
|
||||||
|
<!-- Active items have the snippet below -->
|
||||||
|
<!-- <span
|
||||||
|
class="absolute inset-y-0 left-0 w-1 bg-purple-600 rounded-tr-lg rounded-br-lg"
|
||||||
|
aria-hidden="true"
|
||||||
|
></span> -->
|
||||||
|
|
||||||
|
<!-- Add this classes to an active anchor (a tag) -->
|
||||||
|
<!-- text-gray-800 dark:text-gray-100 -->
|
||||||
|
<a
|
||||||
|
class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200"
|
||||||
|
href="../index.html"
|
||||||
|
>
|
||||||
|
<svg
|
||||||
|
class="w-5 h-5"
|
||||||
|
aria-hidden="true"
|
||||||
|
fill="none"
|
||||||
|
stroke-linecap="round"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
stroke-width="2"
|
||||||
|
viewBox="0 0 24 24"
|
||||||
|
stroke="currentColor"
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
d="M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6"
|
||||||
|
></path>
|
||||||
|
</svg>
|
||||||
|
<span class="ml-4">Dashboard</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<ul>
|
||||||
|
<li class="relative px-6 py-3">
|
||||||
|
<a
|
||||||
|
class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200"
|
||||||
|
href="../forms.html"
|
||||||
|
>
|
||||||
|
<svg
|
||||||
|
class="w-5 h-5"
|
||||||
|
aria-hidden="true"
|
||||||
|
fill="none"
|
||||||
|
stroke-linecap="round"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
stroke-width="2"
|
||||||
|
viewBox="0 0 24 24"
|
||||||
|
stroke="currentColor"
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01"
|
||||||
|
></path>
|
||||||
|
</svg>
|
||||||
|
<span class="ml-4">Forms</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="relative px-6 py-3">
|
||||||
|
<a
|
||||||
|
class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200"
|
||||||
|
href="../cards.html"
|
||||||
|
>
|
||||||
|
<svg
|
||||||
|
class="w-5 h-5"
|
||||||
|
aria-hidden="true"
|
||||||
|
fill="none"
|
||||||
|
stroke-linecap="round"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
stroke-width="2"
|
||||||
|
viewBox="0 0 24 24"
|
||||||
|
stroke="currentColor"
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
d="M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10"
|
||||||
|
></path>
|
||||||
|
</svg>
|
||||||
|
<span class="ml-4">Cards</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="relative px-6 py-3">
|
||||||
|
<a
|
||||||
|
class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200"
|
||||||
|
href="../charts.html"
|
||||||
|
>
|
||||||
|
<svg
|
||||||
|
class="w-5 h-5"
|
||||||
|
aria-hidden="true"
|
||||||
|
fill="none"
|
||||||
|
stroke-linecap="round"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
stroke-width="2"
|
||||||
|
viewBox="0 0 24 24"
|
||||||
|
stroke="currentColor"
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
d="M11 3.055A9.001 9.001 0 1020.945 13H11V3.055z"
|
||||||
|
></path>
|
||||||
|
<path d="M20.488 9H15V3.512A9.025 9.025 0 0120.488 9z"></path>
|
||||||
|
</svg>
|
||||||
|
<span class="ml-4">Charts</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="relative px-6 py-3">
|
||||||
|
<a
|
||||||
|
class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200"
|
||||||
|
href="../buttons.html"
|
||||||
|
>
|
||||||
|
<svg
|
||||||
|
class="w-5 h-5"
|
||||||
|
aria-hidden="true"
|
||||||
|
fill="none"
|
||||||
|
stroke-linecap="round"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
stroke-width="2"
|
||||||
|
viewBox="0 0 24 24"
|
||||||
|
stroke="currentColor"
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
d="M15 15l-2 5L9 9l11 4-5 2zm0 0l5 5M7.188 2.239l.777 2.897M5.136 7.965l-2.898-.777M13.95 4.05l-2.122 2.122m-5.657 5.656l-2.12 2.122"
|
||||||
|
></path>
|
||||||
|
</svg>
|
||||||
|
<span class="ml-4">Buttons</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="relative px-6 py-3">
|
||||||
|
<a
|
||||||
|
class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200"
|
||||||
|
href="../modals.html"
|
||||||
|
>
|
||||||
|
<svg
|
||||||
|
class="w-5 h-5"
|
||||||
|
aria-hidden="true"
|
||||||
|
fill="none"
|
||||||
|
stroke-linecap="round"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
stroke-width="2"
|
||||||
|
viewBox="0 0 24 24"
|
||||||
|
stroke="currentColor"
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
d="M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z"
|
||||||
|
></path>
|
||||||
|
</svg>
|
||||||
|
<span class="ml-4">Modals</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="relative px-6 py-3">
|
||||||
|
<a
|
||||||
|
class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200"
|
||||||
|
href="../tables.html"
|
||||||
|
>
|
||||||
|
<svg
|
||||||
|
class="w-5 h-5"
|
||||||
|
aria-hidden="true"
|
||||||
|
fill="none"
|
||||||
|
stroke-linecap="round"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
stroke-width="2"
|
||||||
|
viewBox="0 0 24 24"
|
||||||
|
stroke="currentColor"
|
||||||
|
>
|
||||||
|
<path d="M4 6h16M4 10h16M4 14h16M4 18h16"></path>
|
||||||
|
</svg>
|
||||||
|
<span class="ml-4">Tables</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="relative px-6 py-3">
|
||||||
|
<button
|
||||||
|
class="inline-flex items-center justify-between w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200"
|
||||||
|
@click="togglePagesMenu"
|
||||||
|
aria-haspopup="true"
|
||||||
|
>
|
||||||
|
<span class="inline-flex items-center">
|
||||||
|
<svg
|
||||||
|
class="w-5 h-5"
|
||||||
|
aria-hidden="true"
|
||||||
|
fill="none"
|
||||||
|
stroke-linecap="round"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
stroke-width="2"
|
||||||
|
viewBox="0 0 24 24"
|
||||||
|
stroke="currentColor"
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
d="M4 5a1 1 0 011-1h14a1 1 0 011 1v2a1 1 0 01-1 1H5a1 1 0 01-1-1V5zM4 13a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H5a1 1 0 01-1-1v-6zM16 13a1 1 0 011-1h2a1 1 0 011 1v6a1 1 0 01-1 1h-2a1 1 0 01-1-1v-6z"
|
||||||
|
></path>
|
||||||
|
</svg>
|
||||||
|
<span class="ml-4">Pages</span>
|
||||||
|
</span>
|
||||||
|
<svg
|
||||||
|
class="w-4 h-4"
|
||||||
|
aria-hidden="true"
|
||||||
|
fill="currentColor"
|
||||||
|
viewBox="0 0 20 20"
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
fill-rule="evenodd"
|
||||||
|
d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
|
||||||
|
clip-rule="evenodd"
|
||||||
|
></path>
|
||||||
|
</svg>
|
||||||
|
</button>
|
||||||
|
<template x-if="isPagesMenuOpen">
|
||||||
|
<ul
|
||||||
|
x-transition:enter="transition-all ease-in-out duration-300"
|
||||||
|
x-transition:enter-start="opacity-25 max-h-0"
|
||||||
|
x-transition:enter-end="opacity-100 max-h-xl"
|
||||||
|
x-transition:leave="transition-all ease-in-out duration-300"
|
||||||
|
x-transition:leave-start="opacity-100 max-h-xl"
|
||||||
|
x-transition:leave-end="opacity-0 max-h-0"
|
||||||
|
class="p-2 mt-2 space-y-2 overflow-hidden text-sm font-medium text-gray-500 rounded-md shadow-inner bg-gray-50 dark:text-gray-400 dark:bg-gray-900"
|
||||||
|
aria-label="submenu"
|
||||||
|
>
|
||||||
|
<li
|
||||||
|
class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200"
|
||||||
|
>
|
||||||
|
<a class="w-full" href="./login.html">Login</a>
|
||||||
|
</li>
|
||||||
|
<li
|
||||||
|
class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200"
|
||||||
|
>
|
||||||
|
<a class="w-full" href="./create-account.html">
|
||||||
|
Create account
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li
|
||||||
|
class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200"
|
||||||
|
>
|
||||||
|
<a class="w-full" href="./forgot-password.html">
|
||||||
|
Forgot password
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li
|
||||||
|
class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200"
|
||||||
|
>
|
||||||
|
<a class="w-full" href="./404.html">404</a>
|
||||||
|
</li>
|
||||||
|
<li
|
||||||
|
class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200"
|
||||||
|
>
|
||||||
|
<a class="w-full" href="./blank.html">Blank</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</template>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<div class="px-6 my-6">
|
||||||
|
<button
|
||||||
|
class="flex items-center justify-between w-full px-4 py-2 text-sm font-medium leading-5 text-white transition-colors duration-150 bg-purple-600 border border-transparent rounded-lg active:bg-purple-600 hover:bg-purple-700 focus:outline-none focus:shadow-outline-purple"
|
||||||
|
>
|
||||||
|
Create account
|
||||||
|
<span class="ml-2" aria-hidden="true">+</span>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</aside>
|
||||||
|
<!-- Mobile sidebar -->
|
||||||
|
<!-- Backdrop -->
|
||||||
|
<div
|
||||||
|
x-show="isSideMenuOpen"
|
||||||
|
x-transition:enter="transition ease-in-out duration-150"
|
||||||
|
x-transition:enter-start="opacity-0"
|
||||||
|
x-transition:enter-end="opacity-100"
|
||||||
|
x-transition:leave="transition ease-in-out duration-150"
|
||||||
|
x-transition:leave-start="opacity-100"
|
||||||
|
x-transition:leave-end="opacity-0"
|
||||||
|
class="fixed inset-0 z-10 flex items-end bg-black bg-opacity-50 sm:items-center sm:justify-center"
|
||||||
|
></div>
|
||||||
|
<aside
|
||||||
|
class="fixed inset-y-0 z-20 flex-shrink-0 w-64 mt-16 overflow-y-auto bg-white dark:bg-gray-800 md:hidden"
|
||||||
|
x-show="isSideMenuOpen"
|
||||||
|
x-transition:enter="transition ease-in-out duration-150"
|
||||||
|
x-transition:enter-start="opacity-0 transform -translate-x-20"
|
||||||
|
x-transition:enter-end="opacity-100"
|
||||||
|
x-transition:leave="transition ease-in-out duration-150"
|
||||||
|
x-transition:leave-start="opacity-100"
|
||||||
|
x-transition:leave-end="opacity-0 transform -translate-x-20"
|
||||||
|
@click.away="closeSideMenu"
|
||||||
|
@keydown.escape="closeSideMenu"
|
||||||
|
>
|
||||||
|
<div class="py-4 text-gray-500 dark:text-gray-400">
|
||||||
|
<a
|
||||||
|
class="ml-6 text-lg font-bold text-gray-800 dark:text-gray-200"
|
||||||
|
href="#"
|
||||||
|
>
|
||||||
|
Windmill
|
||||||
|
</a>
|
||||||
|
<ul class="mt-6">
|
||||||
|
<li class="relative px-6 py-3">
|
||||||
|
<!-- Active items have the snippet below -->
|
||||||
|
<!-- <span
|
||||||
|
class="absolute inset-y-0 left-0 w-1 bg-purple-600 rounded-tr-lg rounded-br-lg"
|
||||||
|
aria-hidden="true"
|
||||||
|
></span> -->
|
||||||
|
|
||||||
|
<!-- Add this classes to an active anchor (a tag) -->
|
||||||
|
<!-- text-gray-800 dark:text-gray-100 -->
|
||||||
|
<a
|
||||||
|
class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200"
|
||||||
|
href="../index.html"
|
||||||
|
>
|
||||||
|
<svg
|
||||||
|
class="w-5 h-5"
|
||||||
|
aria-hidden="true"
|
||||||
|
fill="none"
|
||||||
|
stroke-linecap="round"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
stroke-width="2"
|
||||||
|
viewBox="0 0 24 24"
|
||||||
|
stroke="currentColor"
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
d="M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6"
|
||||||
|
></path>
|
||||||
|
</svg>
|
||||||
|
<span class="ml-4">Dashboard</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<ul>
|
||||||
|
<li class="relative px-6 py-3">
|
||||||
|
<a
|
||||||
|
class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200"
|
||||||
|
href="../forms.html"
|
||||||
|
>
|
||||||
|
<svg
|
||||||
|
class="w-5 h-5"
|
||||||
|
aria-hidden="true"
|
||||||
|
fill="none"
|
||||||
|
stroke-linecap="round"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
stroke-width="2"
|
||||||
|
viewBox="0 0 24 24"
|
||||||
|
stroke="currentColor"
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01"
|
||||||
|
></path>
|
||||||
|
</svg>
|
||||||
|
<span class="ml-4">Forms</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="relative px-6 py-3">
|
||||||
|
<a
|
||||||
|
class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200"
|
||||||
|
href="../cards.html"
|
||||||
|
>
|
||||||
|
<svg
|
||||||
|
class="w-5 h-5"
|
||||||
|
aria-hidden="true"
|
||||||
|
fill="none"
|
||||||
|
stroke-linecap="round"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
stroke-width="2"
|
||||||
|
viewBox="0 0 24 24"
|
||||||
|
stroke="currentColor"
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
d="M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10"
|
||||||
|
></path>
|
||||||
|
</svg>
|
||||||
|
<span class="ml-4">Cards</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="relative px-6 py-3">
|
||||||
|
<a
|
||||||
|
class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200"
|
||||||
|
href="../charts.html"
|
||||||
|
>
|
||||||
|
<svg
|
||||||
|
class="w-5 h-5"
|
||||||
|
aria-hidden="true"
|
||||||
|
fill="none"
|
||||||
|
stroke-linecap="round"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
stroke-width="2"
|
||||||
|
viewBox="0 0 24 24"
|
||||||
|
stroke="currentColor"
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
d="M11 3.055A9.001 9.001 0 1020.945 13H11V3.055z"
|
||||||
|
></path>
|
||||||
|
<path d="M20.488 9H15V3.512A9.025 9.025 0 0120.488 9z"></path>
|
||||||
|
</svg>
|
||||||
|
<span class="ml-4">Charts</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="relative px-6 py-3">
|
||||||
|
<a
|
||||||
|
class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200"
|
||||||
|
href="../buttons.html"
|
||||||
|
>
|
||||||
|
<svg
|
||||||
|
class="w-5 h-5"
|
||||||
|
aria-hidden="true"
|
||||||
|
fill="none"
|
||||||
|
stroke-linecap="round"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
stroke-width="2"
|
||||||
|
viewBox="0 0 24 24"
|
||||||
|
stroke="currentColor"
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
d="M15 15l-2 5L9 9l11 4-5 2zm0 0l5 5M7.188 2.239l.777 2.897M5.136 7.965l-2.898-.777M13.95 4.05l-2.122 2.122m-5.657 5.656l-2.12 2.122"
|
||||||
|
></path>
|
||||||
|
</svg>
|
||||||
|
<span class="ml-4">Buttons</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="relative px-6 py-3">
|
||||||
|
<a
|
||||||
|
class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200"
|
||||||
|
href="../modals.html"
|
||||||
|
>
|
||||||
|
<svg
|
||||||
|
class="w-5 h-5"
|
||||||
|
aria-hidden="true"
|
||||||
|
fill="none"
|
||||||
|
stroke-linecap="round"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
stroke-width="2"
|
||||||
|
viewBox="0 0 24 24"
|
||||||
|
stroke="currentColor"
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
d="M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z"
|
||||||
|
></path>
|
||||||
|
</svg>
|
||||||
|
<span class="ml-4">Modals</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="relative px-6 py-3">
|
||||||
|
<a
|
||||||
|
class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200"
|
||||||
|
href="../tables.html"
|
||||||
|
>
|
||||||
|
<svg
|
||||||
|
class="w-5 h-5"
|
||||||
|
aria-hidden="true"
|
||||||
|
fill="none"
|
||||||
|
stroke-linecap="round"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
stroke-width="2"
|
||||||
|
viewBox="0 0 24 24"
|
||||||
|
stroke="currentColor"
|
||||||
|
>
|
||||||
|
<path d="M4 6h16M4 10h16M4 14h16M4 18h16"></path>
|
||||||
|
</svg>
|
||||||
|
<span class="ml-4">Tables</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="relative px-6 py-3">
|
||||||
|
<button
|
||||||
|
class="inline-flex items-center justify-between w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200"
|
||||||
|
@click="togglePagesMenu"
|
||||||
|
aria-haspopup="true"
|
||||||
|
>
|
||||||
|
<span class="inline-flex items-center">
|
||||||
|
<svg
|
||||||
|
class="w-5 h-5"
|
||||||
|
aria-hidden="true"
|
||||||
|
fill="none"
|
||||||
|
stroke-linecap="round"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
stroke-width="2"
|
||||||
|
viewBox="0 0 24 24"
|
||||||
|
stroke="currentColor"
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
d="M4 5a1 1 0 011-1h14a1 1 0 011 1v2a1 1 0 01-1 1H5a1 1 0 01-1-1V5zM4 13a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H5a1 1 0 01-1-1v-6zM16 13a1 1 0 011-1h2a1 1 0 011 1v6a1 1 0 01-1 1h-2a1 1 0 01-1-1v-6z"
|
||||||
|
></path>
|
||||||
|
</svg>
|
||||||
|
<span class="ml-4">Pages</span>
|
||||||
|
</span>
|
||||||
|
<svg
|
||||||
|
class="w-4 h-4"
|
||||||
|
aria-hidden="true"
|
||||||
|
fill="currentColor"
|
||||||
|
viewBox="0 0 20 20"
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
fill-rule="evenodd"
|
||||||
|
d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
|
||||||
|
clip-rule="evenodd"
|
||||||
|
></path>
|
||||||
|
</svg>
|
||||||
|
</button>
|
||||||
|
<template x-if="isPagesMenuOpen">
|
||||||
|
<ul
|
||||||
|
x-transition:enter="transition-all ease-in-out duration-300"
|
||||||
|
x-transition:enter-start="opacity-25 max-h-0"
|
||||||
|
x-transition:enter-end="opacity-100 max-h-xl"
|
||||||
|
x-transition:leave="transition-all ease-in-out duration-300"
|
||||||
|
x-transition:leave-start="opacity-100 max-h-xl"
|
||||||
|
x-transition:leave-end="opacity-0 max-h-0"
|
||||||
|
class="p-2 mt-2 space-y-2 overflow-hidden text-sm font-medium text-gray-500 rounded-md shadow-inner bg-gray-50 dark:text-gray-400 dark:bg-gray-900"
|
||||||
|
aria-label="submenu"
|
||||||
|
>
|
||||||
|
<li
|
||||||
|
class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200"
|
||||||
|
>
|
||||||
|
<a class="w-full" href="./login.html">Login</a>
|
||||||
|
</li>
|
||||||
|
<li
|
||||||
|
class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200"
|
||||||
|
>
|
||||||
|
<a class="w-full" href="./create-account.html">
|
||||||
|
Create account
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li
|
||||||
|
class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200"
|
||||||
|
>
|
||||||
|
<a class="w-full" href="./forgot-password.html">
|
||||||
|
Forgot password
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li
|
||||||
|
class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200"
|
||||||
|
>
|
||||||
|
<a class="w-full" href="./404.html">404</a>
|
||||||
|
</li>
|
||||||
|
<li
|
||||||
|
class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200"
|
||||||
|
>
|
||||||
|
<a class="w-full" href="pages/blank.html">Blank</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</template>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<div class="px-6 my-6">
|
||||||
|
<button
|
||||||
|
class="flex items-center justify-between px-4 py-2 text-sm font-medium leading-5 text-white transition-colors duration-150 bg-purple-600 border border-transparent rounded-lg active:bg-purple-600 hover:bg-purple-700 focus:outline-none focus:shadow-outline-purple"
|
||||||
|
>
|
||||||
|
Create account
|
||||||
|
<span class="ml-2" aria-hidden="true">+</span>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</aside>
|
||||||
|
<div class="flex flex-col flex-1">
|
||||||
|
<header class="z-10 py-4 bg-white shadow-md dark:bg-gray-800">
|
||||||
|
<div
|
||||||
|
class="container flex items-center justify-between h-full px-6 mx-auto text-purple-600 dark:text-purple-300"
|
||||||
|
>
|
||||||
|
<!-- Mobile hamburger -->
|
||||||
|
<button
|
||||||
|
class="p-1 -ml-1 mr-5 rounded-md md:hidden focus:outline-none focus:shadow-outline-purple"
|
||||||
|
@click="toggleSideMenu"
|
||||||
|
aria-label="Menu"
|
||||||
|
>
|
||||||
|
<svg
|
||||||
|
class="w-6 h-6"
|
||||||
|
aria-hidden="true"
|
||||||
|
fill="currentColor"
|
||||||
|
viewBox="0 0 20 20"
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
fill-rule="evenodd"
|
||||||
|
d="M3 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 10a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 15a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1z"
|
||||||
|
clip-rule="evenodd"
|
||||||
|
></path>
|
||||||
|
</svg>
|
||||||
|
</button>
|
||||||
|
<!-- Search input -->
|
||||||
|
<div class="flex justify-center flex-1 lg:mr-32">
|
||||||
|
<div
|
||||||
|
class="relative w-full max-w-xl mr-6 focus-within:text-purple-500"
|
||||||
|
>
|
||||||
|
<div class="absolute inset-y-0 flex items-center pl-2">
|
||||||
|
<svg
|
||||||
|
class="w-4 h-4"
|
||||||
|
aria-hidden="true"
|
||||||
|
fill="currentColor"
|
||||||
|
viewBox="0 0 20 20"
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
fill-rule="evenodd"
|
||||||
|
d="M8 4a4 4 0 100 8 4 4 0 000-8zM2 8a6 6 0 1110.89 3.476l4.817 4.817a1 1 0 01-1.414 1.414l-4.816-4.816A6 6 0 012 8z"
|
||||||
|
clip-rule="evenodd"
|
||||||
|
></path>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
<input
|
||||||
|
class="w-full pl-8 pr-2 text-sm text-gray-700 placeholder-gray-600 bg-gray-100 border-0 rounded-md dark:placeholder-gray-500 dark:focus:shadow-outline-gray dark:focus:placeholder-gray-600 dark:bg-gray-700 dark:text-gray-200 focus:placeholder-gray-500 focus:bg-white focus:border-purple-300 focus:outline-none focus:shadow-outline-purple form-input"
|
||||||
|
type="text"
|
||||||
|
placeholder="Search for projects"
|
||||||
|
aria-label="Search"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<ul class="flex items-center flex-shrink-0 space-x-6">
|
||||||
|
<!-- Theme toggler -->
|
||||||
|
<li class="flex">
|
||||||
|
<button
|
||||||
|
class="rounded-md focus:outline-none focus:shadow-outline-purple"
|
||||||
|
@click="toggleTheme"
|
||||||
|
aria-label="Toggle color mode"
|
||||||
|
>
|
||||||
|
<template x-if="!dark">
|
||||||
|
<svg
|
||||||
|
class="w-5 h-5"
|
||||||
|
aria-hidden="true"
|
||||||
|
fill="currentColor"
|
||||||
|
viewBox="0 0 20 20"
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
d="M17.293 13.293A8 8 0 016.707 2.707a8.001 8.001 0 1010.586 10.586z"
|
||||||
|
></path>
|
||||||
|
</svg>
|
||||||
|
</template>
|
||||||
|
<template x-if="dark">
|
||||||
|
<svg
|
||||||
|
class="w-5 h-5"
|
||||||
|
aria-hidden="true"
|
||||||
|
fill="currentColor"
|
||||||
|
viewBox="0 0 20 20"
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
fill-rule="evenodd"
|
||||||
|
d="M10 2a1 1 0 011 1v1a1 1 0 11-2 0V3a1 1 0 011-1zm4 8a4 4 0 11-8 0 4 4 0 018 0zm-.464 4.95l.707.707a1 1 0 001.414-1.414l-.707-.707a1 1 0 00-1.414 1.414zm2.12-10.607a1 1 0 010 1.414l-.706.707a1 1 0 11-1.414-1.414l.707-.707a1 1 0 011.414 0zM17 11a1 1 0 100-2h-1a1 1 0 100 2h1zm-7 4a1 1 0 011 1v1a1 1 0 11-2 0v-1a1 1 0 011-1zM5.05 6.464A1 1 0 106.465 5.05l-.708-.707a1 1 0 00-1.414 1.414l.707.707zm1.414 8.486l-.707.707a1 1 0 01-1.414-1.414l.707-.707a1 1 0 011.414 1.414zM4 11a1 1 0 100-2H3a1 1 0 000 2h1z"
|
||||||
|
clip-rule="evenodd"
|
||||||
|
></path>
|
||||||
|
</svg>
|
||||||
|
</template>
|
||||||
|
</button>
|
||||||
|
</li>
|
||||||
|
<!-- Notifications menu -->
|
||||||
|
<li class="relative">
|
||||||
|
<button
|
||||||
|
class="relative align-middle rounded-md focus:outline-none focus:shadow-outline-purple"
|
||||||
|
@click="toggleNotificationsMenu"
|
||||||
|
@keydown.escape="closeNotificationsMenu"
|
||||||
|
aria-label="Notifications"
|
||||||
|
aria-haspopup="true"
|
||||||
|
>
|
||||||
|
<svg
|
||||||
|
class="w-5 h-5"
|
||||||
|
aria-hidden="true"
|
||||||
|
fill="currentColor"
|
||||||
|
viewBox="0 0 20 20"
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
d="M10 2a6 6 0 00-6 6v3.586l-.707.707A1 1 0 004 14h12a1 1 0 00.707-1.707L16 11.586V8a6 6 0 00-6-6zM10 18a3 3 0 01-3-3h6a3 3 0 01-3 3z"
|
||||||
|
></path>
|
||||||
|
</svg>
|
||||||
|
<!-- Notification badge -->
|
||||||
|
<span
|
||||||
|
aria-hidden="true"
|
||||||
|
class="absolute top-0 right-0 inline-block w-3 h-3 transform translate-x-1 -translate-y-1 bg-red-600 border-2 border-white rounded-full dark:border-gray-800"
|
||||||
|
></span>
|
||||||
|
</button>
|
||||||
|
<template x-if="isNotificationsMenuOpen">
|
||||||
|
<ul
|
||||||
|
x-transition:leave="transition ease-in duration-150"
|
||||||
|
x-transition:leave-start="opacity-100"
|
||||||
|
x-transition:leave-end="opacity-0"
|
||||||
|
@click.away="closeNotificationsMenu"
|
||||||
|
@keydown.escape="closeNotificationsMenu"
|
||||||
|
class="absolute right-0 w-56 p-2 mt-2 space-y-2 text-gray-600 bg-white border border-gray-100 rounded-md shadow-md dark:text-gray-300 dark:border-gray-700 dark:bg-gray-700"
|
||||||
|
aria-label="submenu"
|
||||||
|
>
|
||||||
|
<li class="flex">
|
||||||
|
<a
|
||||||
|
class="inline-flex items-center justify-between w-full px-2 py-1 text-sm font-semibold transition-colors duration-150 rounded-md hover:bg-gray-100 hover:text-gray-800 dark:hover:bg-gray-800 dark:hover:text-gray-200"
|
||||||
|
href="#"
|
||||||
|
>
|
||||||
|
<span>Messages</span>
|
||||||
|
<span
|
||||||
|
class="inline-flex items-center justify-center px-2 py-1 text-xs font-bold leading-none text-red-600 bg-red-100 rounded-full dark:text-red-100 dark:bg-red-600"
|
||||||
|
>
|
||||||
|
13
|
||||||
|
</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="flex">
|
||||||
|
<a
|
||||||
|
class="inline-flex items-center justify-between w-full px-2 py-1 text-sm font-semibold transition-colors duration-150 rounded-md hover:bg-gray-100 hover:text-gray-800 dark:hover:bg-gray-800 dark:hover:text-gray-200"
|
||||||
|
href="#"
|
||||||
|
>
|
||||||
|
<span>Sales</span>
|
||||||
|
<span
|
||||||
|
class="inline-flex items-center justify-center px-2 py-1 text-xs font-bold leading-none text-red-600 bg-red-100 rounded-full dark:text-red-100 dark:bg-red-600"
|
||||||
|
>
|
||||||
|
2
|
||||||
|
</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="flex">
|
||||||
|
<a
|
||||||
|
class="inline-flex items-center justify-between w-full px-2 py-1 text-sm font-semibold transition-colors duration-150 rounded-md hover:bg-gray-100 hover:text-gray-800 dark:hover:bg-gray-800 dark:hover:text-gray-200"
|
||||||
|
href="#"
|
||||||
|
>
|
||||||
|
<span>Alerts</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</template>
|
||||||
|
</li>
|
||||||
|
<!-- Profile menu -->
|
||||||
|
<li class="relative">
|
||||||
|
<button
|
||||||
|
class="align-middle rounded-full focus:shadow-outline-purple focus:outline-none"
|
||||||
|
@click="toggleProfileMenu"
|
||||||
|
@keydown.escape="closeProfileMenu"
|
||||||
|
aria-label="Account"
|
||||||
|
aria-haspopup="true"
|
||||||
|
>
|
||||||
|
<img
|
||||||
|
class="object-cover w-8 h-8 rounded-full"
|
||||||
|
src="https://images.unsplash.com/photo-1502378735452-bc7d86632805?ixlib=rb-0.3.5&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=200&fit=max&s=aa3a807e1bbdfd4364d1f449eaa96d82"
|
||||||
|
alt=""
|
||||||
|
aria-hidden="true"
|
||||||
|
/>
|
||||||
|
</button>
|
||||||
|
<template x-if="isProfileMenuOpen">
|
||||||
|
<ul
|
||||||
|
x-transition:leave="transition ease-in duration-150"
|
||||||
|
x-transition:leave-start="opacity-100"
|
||||||
|
x-transition:leave-end="opacity-0"
|
||||||
|
@click.away="closeProfileMenu"
|
||||||
|
@keydown.escape="closeProfileMenu"
|
||||||
|
class="absolute right-0 w-56 p-2 mt-2 space-y-2 text-gray-600 bg-white border border-gray-100 rounded-md shadow-md dark:border-gray-700 dark:text-gray-300 dark:bg-gray-700"
|
||||||
|
aria-label="submenu"
|
||||||
|
>
|
||||||
|
<li class="flex">
|
||||||
|
<a
|
||||||
|
class="inline-flex items-center w-full px-2 py-1 text-sm font-semibold transition-colors duration-150 rounded-md hover:bg-gray-100 hover:text-gray-800 dark:hover:bg-gray-800 dark:hover:text-gray-200"
|
||||||
|
href="#"
|
||||||
|
>
|
||||||
|
<svg
|
||||||
|
class="w-4 h-4 mr-3"
|
||||||
|
aria-hidden="true"
|
||||||
|
fill="none"
|
||||||
|
stroke-linecap="round"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
stroke-width="2"
|
||||||
|
viewBox="0 0 24 24"
|
||||||
|
stroke="currentColor"
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z"
|
||||||
|
></path>
|
||||||
|
</svg>
|
||||||
|
<span>Profile</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="flex">
|
||||||
|
<a
|
||||||
|
class="inline-flex items-center w-full px-2 py-1 text-sm font-semibold transition-colors duration-150 rounded-md hover:bg-gray-100 hover:text-gray-800 dark:hover:bg-gray-800 dark:hover:text-gray-200"
|
||||||
|
href="#"
|
||||||
|
>
|
||||||
|
<svg
|
||||||
|
class="w-4 h-4 mr-3"
|
||||||
|
aria-hidden="true"
|
||||||
|
fill="none"
|
||||||
|
stroke-linecap="round"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
stroke-width="2"
|
||||||
|
viewBox="0 0 24 24"
|
||||||
|
stroke="currentColor"
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
d="M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z"
|
||||||
|
></path>
|
||||||
|
<path d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"></path>
|
||||||
|
</svg>
|
||||||
|
<span>Settings</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="flex">
|
||||||
|
<a
|
||||||
|
class="inline-flex items-center w-full px-2 py-1 text-sm font-semibold transition-colors duration-150 rounded-md hover:bg-gray-100 hover:text-gray-800 dark:hover:bg-gray-800 dark:hover:text-gray-200"
|
||||||
|
href="#"
|
||||||
|
>
|
||||||
|
<svg
|
||||||
|
class="w-4 h-4 mr-3"
|
||||||
|
aria-hidden="true"
|
||||||
|
fill="none"
|
||||||
|
stroke-linecap="round"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
stroke-width="2"
|
||||||
|
viewBox="0 0 24 24"
|
||||||
|
stroke="currentColor"
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
d="M11 16l-4-4m0 0l4-4m-4 4h14m-5 4v1a3 3 0 01-3 3H6a3 3 0 01-3-3V7a3 3 0 013-3h7a3 3 0 013 3v1"
|
||||||
|
></path>
|
||||||
|
</svg>
|
||||||
|
<span>Log out</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</template>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
|
<main class="h-full pb-16 overflow-y-auto">
|
||||||
|
<div class="container flex flex-col items-center px-6 mx-auto">
|
||||||
|
<svg
|
||||||
|
class="w-12 h-12 mt-8 text-purple-200"
|
||||||
|
fill="currentColor"
|
||||||
|
viewBox="0 0 20 20"
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
fill-rule="evenodd"
|
||||||
|
d="M13.477 14.89A6 6 0 015.11 6.524l8.367 8.368zm1.414-1.414L6.524 5.11a6 6 0 018.367 8.367zM18 10a8 8 0 11-16 0 8 8 0 0116 0z"
|
||||||
|
clip-rule="evenodd"
|
||||||
|
></path>
|
||||||
|
</svg>
|
||||||
|
<h1 class="text-6xl font-semibold text-gray-700 dark:text-gray-200">
|
||||||
|
404
|
||||||
|
</h1>
|
||||||
|
<p class="text-gray-700 dark:text-gray-300">
|
||||||
|
Page not found. Check the address or
|
||||||
|
<a
|
||||||
|
class="text-purple-600 hover:underline dark:text-purple-300"
|
||||||
|
href="../index.html"
|
||||||
|
>
|
||||||
|
go back
|
||||||
|
</a>
|
||||||
|
.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</main>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
844
pages/blank.html
Normal file
@@ -0,0 +1,844 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html :class="{ 'theme-dark': dark }" x-data="data()" lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8" />
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||||
|
<title>Blank - Windmill Dashboard</title>
|
||||||
|
<link
|
||||||
|
href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap"
|
||||||
|
rel="stylesheet"
|
||||||
|
/>
|
||||||
|
<link rel="stylesheet" href="../assets/css/tailwind.output.css" />
|
||||||
|
<script
|
||||||
|
src="https://cdn.jsdelivr.net/gh/alpinejs/alpine@v2.x.x/dist/alpine.min.js"
|
||||||
|
defer
|
||||||
|
></script>
|
||||||
|
<script src="../assets/js/init-alpine.js"></script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div
|
||||||
|
class="flex h-screen bg-gray-50 dark:bg-gray-900"
|
||||||
|
:class="{ 'overflow-hidden': isSideMenuOpen}"
|
||||||
|
>
|
||||||
|
<!-- Desktop sidebar -->
|
||||||
|
<aside
|
||||||
|
class="z-20 hidden w-64 overflow-y-auto bg-white dark:bg-gray-800 md:block flex-shrink-0"
|
||||||
|
>
|
||||||
|
<div class="py-4 text-gray-500 dark:text-gray-400">
|
||||||
|
<a
|
||||||
|
class="ml-6 text-lg font-bold text-gray-800 dark:text-gray-200"
|
||||||
|
href="#"
|
||||||
|
>
|
||||||
|
Windmill
|
||||||
|
</a>
|
||||||
|
<ul class="mt-6">
|
||||||
|
<li class="relative px-6 py-3">
|
||||||
|
<!-- Active items have the snippet below -->
|
||||||
|
<!-- <span
|
||||||
|
class="absolute inset-y-0 left-0 w-1 bg-purple-600 rounded-tr-lg rounded-br-lg"
|
||||||
|
aria-hidden="true"
|
||||||
|
></span> -->
|
||||||
|
|
||||||
|
<!-- Add this classes to an active anchor (a tag) -->
|
||||||
|
<!-- text-gray-800 dark:text-gray-100 -->
|
||||||
|
<a
|
||||||
|
class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200"
|
||||||
|
href="../index.html"
|
||||||
|
>
|
||||||
|
<svg
|
||||||
|
class="w-5 h-5"
|
||||||
|
aria-hidden="true"
|
||||||
|
fill="none"
|
||||||
|
stroke-linecap="round"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
stroke-width="2"
|
||||||
|
viewBox="0 0 24 24"
|
||||||
|
stroke="currentColor"
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
d="M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6"
|
||||||
|
></path>
|
||||||
|
</svg>
|
||||||
|
<span class="ml-4">Dashboard</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<ul>
|
||||||
|
<li class="relative px-6 py-3">
|
||||||
|
<a
|
||||||
|
class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200"
|
||||||
|
href="../forms.html"
|
||||||
|
>
|
||||||
|
<svg
|
||||||
|
class="w-5 h-5"
|
||||||
|
aria-hidden="true"
|
||||||
|
fill="none"
|
||||||
|
stroke-linecap="round"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
stroke-width="2"
|
||||||
|
viewBox="0 0 24 24"
|
||||||
|
stroke="currentColor"
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01"
|
||||||
|
></path>
|
||||||
|
</svg>
|
||||||
|
<span class="ml-4">Forms</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="relative px-6 py-3">
|
||||||
|
<a
|
||||||
|
class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200"
|
||||||
|
href="../cards.html"
|
||||||
|
>
|
||||||
|
<svg
|
||||||
|
class="w-5 h-5"
|
||||||
|
aria-hidden="true"
|
||||||
|
fill="none"
|
||||||
|
stroke-linecap="round"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
stroke-width="2"
|
||||||
|
viewBox="0 0 24 24"
|
||||||
|
stroke="currentColor"
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
d="M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10"
|
||||||
|
></path>
|
||||||
|
</svg>
|
||||||
|
<span class="ml-4">Cards</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="relative px-6 py-3">
|
||||||
|
<a
|
||||||
|
class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200"
|
||||||
|
href="../charts.html"
|
||||||
|
>
|
||||||
|
<svg
|
||||||
|
class="w-5 h-5"
|
||||||
|
aria-hidden="true"
|
||||||
|
fill="none"
|
||||||
|
stroke-linecap="round"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
stroke-width="2"
|
||||||
|
viewBox="0 0 24 24"
|
||||||
|
stroke="currentColor"
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
d="M11 3.055A9.001 9.001 0 1020.945 13H11V3.055z"
|
||||||
|
></path>
|
||||||
|
<path d="M20.488 9H15V3.512A9.025 9.025 0 0120.488 9z"></path>
|
||||||
|
</svg>
|
||||||
|
<span class="ml-4">Charts</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="relative px-6 py-3">
|
||||||
|
<a
|
||||||
|
class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200"
|
||||||
|
href="../buttons.html"
|
||||||
|
>
|
||||||
|
<svg
|
||||||
|
class="w-5 h-5"
|
||||||
|
aria-hidden="true"
|
||||||
|
fill="none"
|
||||||
|
stroke-linecap="round"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
stroke-width="2"
|
||||||
|
viewBox="0 0 24 24"
|
||||||
|
stroke="currentColor"
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
d="M15 15l-2 5L9 9l11 4-5 2zm0 0l5 5M7.188 2.239l.777 2.897M5.136 7.965l-2.898-.777M13.95 4.05l-2.122 2.122m-5.657 5.656l-2.12 2.122"
|
||||||
|
></path>
|
||||||
|
</svg>
|
||||||
|
<span class="ml-4">Buttons</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="relative px-6 py-3">
|
||||||
|
<a
|
||||||
|
class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200"
|
||||||
|
href="../modals.html"
|
||||||
|
>
|
||||||
|
<svg
|
||||||
|
class="w-5 h-5"
|
||||||
|
aria-hidden="true"
|
||||||
|
fill="none"
|
||||||
|
stroke-linecap="round"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
stroke-width="2"
|
||||||
|
viewBox="0 0 24 24"
|
||||||
|
stroke="currentColor"
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
d="M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z"
|
||||||
|
></path>
|
||||||
|
</svg>
|
||||||
|
<span class="ml-4">Modals</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="relative px-6 py-3">
|
||||||
|
<a
|
||||||
|
class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200"
|
||||||
|
href="../tables.html"
|
||||||
|
>
|
||||||
|
<svg
|
||||||
|
class="w-5 h-5"
|
||||||
|
aria-hidden="true"
|
||||||
|
fill="none"
|
||||||
|
stroke-linecap="round"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
stroke-width="2"
|
||||||
|
viewBox="0 0 24 24"
|
||||||
|
stroke="currentColor"
|
||||||
|
>
|
||||||
|
<path d="M4 6h16M4 10h16M4 14h16M4 18h16"></path>
|
||||||
|
</svg>
|
||||||
|
<span class="ml-4">Tables</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="relative px-6 py-3">
|
||||||
|
<button
|
||||||
|
class="inline-flex items-center justify-between w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200"
|
||||||
|
@click="togglePagesMenu"
|
||||||
|
aria-haspopup="true"
|
||||||
|
>
|
||||||
|
<span class="inline-flex items-center">
|
||||||
|
<svg
|
||||||
|
class="w-5 h-5"
|
||||||
|
aria-hidden="true"
|
||||||
|
fill="none"
|
||||||
|
stroke-linecap="round"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
stroke-width="2"
|
||||||
|
viewBox="0 0 24 24"
|
||||||
|
stroke="currentColor"
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
d="M4 5a1 1 0 011-1h14a1 1 0 011 1v2a1 1 0 01-1 1H5a1 1 0 01-1-1V5zM4 13a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H5a1 1 0 01-1-1v-6zM16 13a1 1 0 011-1h2a1 1 0 011 1v6a1 1 0 01-1 1h-2a1 1 0 01-1-1v-6z"
|
||||||
|
></path>
|
||||||
|
</svg>
|
||||||
|
<span class="ml-4">Pages</span>
|
||||||
|
</span>
|
||||||
|
<svg
|
||||||
|
class="w-4 h-4"
|
||||||
|
aria-hidden="true"
|
||||||
|
fill="currentColor"
|
||||||
|
viewBox="0 0 20 20"
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
fill-rule="evenodd"
|
||||||
|
d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
|
||||||
|
clip-rule="evenodd"
|
||||||
|
></path>
|
||||||
|
</svg>
|
||||||
|
</button>
|
||||||
|
<template x-if="isPagesMenuOpen">
|
||||||
|
<ul
|
||||||
|
x-transition:enter="transition-all ease-in-out duration-300"
|
||||||
|
x-transition:enter-start="opacity-25 max-h-0"
|
||||||
|
x-transition:enter-end="opacity-100 max-h-xl"
|
||||||
|
x-transition:leave="transition-all ease-in-out duration-300"
|
||||||
|
x-transition:leave-start="opacity-100 max-h-xl"
|
||||||
|
x-transition:leave-end="opacity-0 max-h-0"
|
||||||
|
class="p-2 mt-2 space-y-2 overflow-hidden text-sm font-medium text-gray-500 rounded-md shadow-inner bg-gray-50 dark:text-gray-400 dark:bg-gray-900"
|
||||||
|
aria-label="submenu"
|
||||||
|
>
|
||||||
|
<li
|
||||||
|
class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200"
|
||||||
|
>
|
||||||
|
<a class="w-full" href="./login.html">Login</a>
|
||||||
|
</li>
|
||||||
|
<li
|
||||||
|
class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200"
|
||||||
|
>
|
||||||
|
<a class="w-full" href="./create-account.html">
|
||||||
|
Create account
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li
|
||||||
|
class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200"
|
||||||
|
>
|
||||||
|
<a class="w-full" href="./forgot-password.html">
|
||||||
|
Forgot password
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li
|
||||||
|
class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200"
|
||||||
|
>
|
||||||
|
<a class="w-full" href="./404.html">404</a>
|
||||||
|
</li>
|
||||||
|
<li
|
||||||
|
class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200"
|
||||||
|
>
|
||||||
|
<a class="w-full" href="./blank.html">Blank</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</template>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<div class="px-6 my-6">
|
||||||
|
<button
|
||||||
|
class="flex items-center justify-between w-full px-4 py-2 text-sm font-medium leading-5 text-white transition-colors duration-150 bg-purple-600 border border-transparent rounded-lg active:bg-purple-600 hover:bg-purple-700 focus:outline-none focus:shadow-outline-purple"
|
||||||
|
>
|
||||||
|
Create account
|
||||||
|
<span class="ml-2" aria-hidden="true">+</span>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</aside>
|
||||||
|
<!-- Mobile sidebar -->
|
||||||
|
<!-- Backdrop -->
|
||||||
|
<div
|
||||||
|
x-show="isSideMenuOpen"
|
||||||
|
x-transition:enter="transition ease-in-out duration-150"
|
||||||
|
x-transition:enter-start="opacity-0"
|
||||||
|
x-transition:enter-end="opacity-100"
|
||||||
|
x-transition:leave="transition ease-in-out duration-150"
|
||||||
|
x-transition:leave-start="opacity-100"
|
||||||
|
x-transition:leave-end="opacity-0"
|
||||||
|
class="fixed inset-0 z-10 flex items-end bg-black bg-opacity-50 sm:items-center sm:justify-center"
|
||||||
|
></div>
|
||||||
|
<aside
|
||||||
|
class="fixed inset-y-0 z-20 flex-shrink-0 w-64 mt-16 overflow-y-auto bg-white dark:bg-gray-800 md:hidden"
|
||||||
|
x-show="isSideMenuOpen"
|
||||||
|
x-transition:enter="transition ease-in-out duration-150"
|
||||||
|
x-transition:enter-start="opacity-0 transform -translate-x-20"
|
||||||
|
x-transition:enter-end="opacity-100"
|
||||||
|
x-transition:leave="transition ease-in-out duration-150"
|
||||||
|
x-transition:leave-start="opacity-100"
|
||||||
|
x-transition:leave-end="opacity-0 transform -translate-x-20"
|
||||||
|
@click.away="closeSideMenu"
|
||||||
|
@keydown.escape="closeSideMenu"
|
||||||
|
>
|
||||||
|
<div class="py-4 text-gray-500 dark:text-gray-400">
|
||||||
|
<a
|
||||||
|
class="ml-6 text-lg font-bold text-gray-800 dark:text-gray-200"
|
||||||
|
href="#"
|
||||||
|
>
|
||||||
|
Windmill
|
||||||
|
</a>
|
||||||
|
<ul class="mt-6">
|
||||||
|
<li class="relative px-6 py-3">
|
||||||
|
<!-- Active items have the snippet below -->
|
||||||
|
<!-- <span
|
||||||
|
class="absolute inset-y-0 left-0 w-1 bg-purple-600 rounded-tr-lg rounded-br-lg"
|
||||||
|
aria-hidden="true"
|
||||||
|
></span> -->
|
||||||
|
|
||||||
|
<!-- Add this classes to an active anchor (a tag) -->
|
||||||
|
<!-- text-gray-800 dark:text-gray-100 -->
|
||||||
|
<a
|
||||||
|
class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200"
|
||||||
|
href="../index.html"
|
||||||
|
>
|
||||||
|
<svg
|
||||||
|
class="w-5 h-5"
|
||||||
|
aria-hidden="true"
|
||||||
|
fill="none"
|
||||||
|
stroke-linecap="round"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
stroke-width="2"
|
||||||
|
viewBox="0 0 24 24"
|
||||||
|
stroke="currentColor"
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
d="M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6"
|
||||||
|
></path>
|
||||||
|
</svg>
|
||||||
|
<span class="ml-4">Dashboard</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<ul>
|
||||||
|
<li class="relative px-6 py-3">
|
||||||
|
<a
|
||||||
|
class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200"
|
||||||
|
href="../forms.html"
|
||||||
|
>
|
||||||
|
<svg
|
||||||
|
class="w-5 h-5"
|
||||||
|
aria-hidden="true"
|
||||||
|
fill="none"
|
||||||
|
stroke-linecap="round"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
stroke-width="2"
|
||||||
|
viewBox="0 0 24 24"
|
||||||
|
stroke="currentColor"
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01"
|
||||||
|
></path>
|
||||||
|
</svg>
|
||||||
|
<span class="ml-4">Forms</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="relative px-6 py-3">
|
||||||
|
<a
|
||||||
|
class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200"
|
||||||
|
href="../cards.html"
|
||||||
|
>
|
||||||
|
<svg
|
||||||
|
class="w-5 h-5"
|
||||||
|
aria-hidden="true"
|
||||||
|
fill="none"
|
||||||
|
stroke-linecap="round"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
stroke-width="2"
|
||||||
|
viewBox="0 0 24 24"
|
||||||
|
stroke="currentColor"
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
d="M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10"
|
||||||
|
></path>
|
||||||
|
</svg>
|
||||||
|
<span class="ml-4">Cards</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="relative px-6 py-3">
|
||||||
|
<a
|
||||||
|
class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200"
|
||||||
|
href="../charts.html"
|
||||||
|
>
|
||||||
|
<svg
|
||||||
|
class="w-5 h-5"
|
||||||
|
aria-hidden="true"
|
||||||
|
fill="none"
|
||||||
|
stroke-linecap="round"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
stroke-width="2"
|
||||||
|
viewBox="0 0 24 24"
|
||||||
|
stroke="currentColor"
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
d="M11 3.055A9.001 9.001 0 1020.945 13H11V3.055z"
|
||||||
|
></path>
|
||||||
|
<path d="M20.488 9H15V3.512A9.025 9.025 0 0120.488 9z"></path>
|
||||||
|
</svg>
|
||||||
|
<span class="ml-4">Charts</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="relative px-6 py-3">
|
||||||
|
<a
|
||||||
|
class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200"
|
||||||
|
href="../buttons.html"
|
||||||
|
>
|
||||||
|
<svg
|
||||||
|
class="w-5 h-5"
|
||||||
|
aria-hidden="true"
|
||||||
|
fill="none"
|
||||||
|
stroke-linecap="round"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
stroke-width="2"
|
||||||
|
viewBox="0 0 24 24"
|
||||||
|
stroke="currentColor"
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
d="M15 15l-2 5L9 9l11 4-5 2zm0 0l5 5M7.188 2.239l.777 2.897M5.136 7.965l-2.898-.777M13.95 4.05l-2.122 2.122m-5.657 5.656l-2.12 2.122"
|
||||||
|
></path>
|
||||||
|
</svg>
|
||||||
|
<span class="ml-4">Buttons</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="relative px-6 py-3">
|
||||||
|
<a
|
||||||
|
class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200"
|
||||||
|
href="../modals.html"
|
||||||
|
>
|
||||||
|
<svg
|
||||||
|
class="w-5 h-5"
|
||||||
|
aria-hidden="true"
|
||||||
|
fill="none"
|
||||||
|
stroke-linecap="round"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
stroke-width="2"
|
||||||
|
viewBox="0 0 24 24"
|
||||||
|
stroke="currentColor"
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
d="M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z"
|
||||||
|
></path>
|
||||||
|
</svg>
|
||||||
|
<span class="ml-4">Modals</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="relative px-6 py-3">
|
||||||
|
<a
|
||||||
|
class="inline-flex items-center w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200"
|
||||||
|
href="../tables.html"
|
||||||
|
>
|
||||||
|
<svg
|
||||||
|
class="w-5 h-5"
|
||||||
|
aria-hidden="true"
|
||||||
|
fill="none"
|
||||||
|
stroke-linecap="round"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
stroke-width="2"
|
||||||
|
viewBox="0 0 24 24"
|
||||||
|
stroke="currentColor"
|
||||||
|
>
|
||||||
|
<path d="M4 6h16M4 10h16M4 14h16M4 18h16"></path>
|
||||||
|
</svg>
|
||||||
|
<span class="ml-4">Tables</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="relative px-6 py-3">
|
||||||
|
<button
|
||||||
|
class="inline-flex items-center justify-between w-full text-sm font-semibold transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200"
|
||||||
|
@click="togglePagesMenu"
|
||||||
|
aria-haspopup="true"
|
||||||
|
>
|
||||||
|
<span class="inline-flex items-center">
|
||||||
|
<svg
|
||||||
|
class="w-5 h-5"
|
||||||
|
aria-hidden="true"
|
||||||
|
fill="none"
|
||||||
|
stroke-linecap="round"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
stroke-width="2"
|
||||||
|
viewBox="0 0 24 24"
|
||||||
|
stroke="currentColor"
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
d="M4 5a1 1 0 011-1h14a1 1 0 011 1v2a1 1 0 01-1 1H5a1 1 0 01-1-1V5zM4 13a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H5a1 1 0 01-1-1v-6zM16 13a1 1 0 011-1h2a1 1 0 011 1v6a1 1 0 01-1 1h-2a1 1 0 01-1-1v-6z"
|
||||||
|
></path>
|
||||||
|
</svg>
|
||||||
|
<span class="ml-4">Pages</span>
|
||||||
|
</span>
|
||||||
|
<svg
|
||||||
|
class="w-4 h-4"
|
||||||
|
aria-hidden="true"
|
||||||
|
fill="currentColor"
|
||||||
|
viewBox="0 0 20 20"
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
fill-rule="evenodd"
|
||||||
|
d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
|
||||||
|
clip-rule="evenodd"
|
||||||
|
></path>
|
||||||
|
</svg>
|
||||||
|
</button>
|
||||||
|
<template x-if="isPagesMenuOpen">
|
||||||
|
<ul
|
||||||
|
x-transition:enter="transition-all ease-in-out duration-300"
|
||||||
|
x-transition:enter-start="opacity-25 max-h-0"
|
||||||
|
x-transition:enter-end="opacity-100 max-h-xl"
|
||||||
|
x-transition:leave="transition-all ease-in-out duration-300"
|
||||||
|
x-transition:leave-start="opacity-100 max-h-xl"
|
||||||
|
x-transition:leave-end="opacity-0 max-h-0"
|
||||||
|
class="p-2 mt-2 space-y-2 overflow-hidden text-sm font-medium text-gray-500 rounded-md shadow-inner bg-gray-50 dark:text-gray-400 dark:bg-gray-900"
|
||||||
|
aria-label="submenu"
|
||||||
|
>
|
||||||
|
<li
|
||||||
|
class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200"
|
||||||
|
>
|
||||||
|
<a class="w-full" href="./login.html">Login</a>
|
||||||
|
</li>
|
||||||
|
<li
|
||||||
|
class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200"
|
||||||
|
>
|
||||||
|
<a class="w-full" href="./create-account.html">
|
||||||
|
Create account
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li
|
||||||
|
class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200"
|
||||||
|
>
|
||||||
|
<a class="w-full" href="./forgot-password.html">
|
||||||
|
Forgot password
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li
|
||||||
|
class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200"
|
||||||
|
>
|
||||||
|
<a class="w-full" href="./404.html">404</a>
|
||||||
|
</li>
|
||||||
|
<li
|
||||||
|
class="px-2 py-1 transition-colors duration-150 hover:text-gray-800 dark:hover:text-gray-200"
|
||||||
|
>
|
||||||
|
<a class="w-full" href="./blank.html">Blank</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</template>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<div class="px-6 my-6">
|
||||||
|
<button
|
||||||
|
class="flex items-center justify-between px-4 py-2 text-sm font-medium leading-5 text-white transition-colors duration-150 bg-purple-600 border border-transparent rounded-lg active:bg-purple-600 hover:bg-purple-700 focus:outline-none focus:shadow-outline-purple"
|
||||||
|
>
|
||||||
|
Create account
|
||||||
|
<span class="ml-2" aria-hidden="true">+</span>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</aside>
|
||||||
|
<div class="flex flex-col flex-1">
|
||||||
|
<header class="z-10 py-4 bg-white shadow-md dark:bg-gray-800">
|
||||||
|
<div
|
||||||
|
class="container flex items-center justify-between h-full px-6 mx-auto text-purple-600 dark:text-purple-300"
|
||||||
|
>
|
||||||
|
<!-- Mobile hamburger -->
|
||||||
|
<button
|
||||||
|
class="p-1 -ml-1 mr-5 rounded-md md:hidden focus:outline-none focus:shadow-outline-purple"
|
||||||
|
@click="toggleSideMenu"
|
||||||
|
aria-label="Menu"
|
||||||
|
>
|
||||||
|
<svg
|
||||||
|
class="w-6 h-6"
|
||||||
|
aria-hidden="true"
|
||||||
|
fill="currentColor"
|
||||||
|
viewBox="0 0 20 20"
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
fill-rule="evenodd"
|
||||||
|
d="M3 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 10a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 15a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1z"
|
||||||
|
clip-rule="evenodd"
|
||||||
|
></path>
|
||||||
|
</svg>
|
||||||
|
</button>
|
||||||
|
<!-- Search input -->
|
||||||
|
<div class="flex justify-center flex-1 lg:mr-32">
|
||||||
|
<div
|
||||||
|
class="relative w-full max-w-xl mr-6 focus-within:text-purple-500"
|
||||||
|
>
|
||||||
|
<div class="absolute inset-y-0 flex items-center pl-2">
|
||||||
|
<svg
|
||||||
|
class="w-4 h-4"
|
||||||
|
aria-hidden="true"
|
||||||
|
fill="currentColor"
|
||||||
|
viewBox="0 0 20 20"
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
fill-rule="evenodd"
|
||||||
|
d="M8 4a4 4 0 100 8 4 4 0 000-8zM2 8a6 6 0 1110.89 3.476l4.817 4.817a1 1 0 01-1.414 1.414l-4.816-4.816A6 6 0 012 8z"
|
||||||
|
clip-rule="evenodd"
|
||||||
|
></path>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
<input
|
||||||
|
class="w-full pl-8 pr-2 text-sm text-gray-700 placeholder-gray-600 bg-gray-100 border-0 rounded-md dark:placeholder-gray-500 dark:focus:shadow-outline-gray dark:focus:placeholder-gray-600 dark:bg-gray-700 dark:text-gray-200 focus:placeholder-gray-500 focus:bg-white focus:border-purple-300 focus:outline-none focus:shadow-outline-purple form-input"
|
||||||
|
type="text"
|
||||||
|
placeholder="Search for projects"
|
||||||
|
aria-label="Search"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<ul class="flex items-center flex-shrink-0 space-x-6">
|
||||||
|
<!-- Theme toggler -->
|
||||||
|
<li class="flex">
|
||||||
|
<button
|
||||||
|
class="rounded-md focus:outline-none focus:shadow-outline-purple"
|
||||||
|
@click="toggleTheme"
|
||||||
|
aria-label="Toggle color mode"
|
||||||
|
>
|
||||||
|
<template x-if="!dark">
|
||||||
|
<svg
|
||||||
|
class="w-5 h-5"
|
||||||
|
aria-hidden="true"
|
||||||
|
fill="currentColor"
|
||||||
|
viewBox="0 0 20 20"
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
d="M17.293 13.293A8 8 0 016.707 2.707a8.001 8.001 0 1010.586 10.586z"
|
||||||
|
></path>
|
||||||
|
</svg>
|
||||||
|
</template>
|
||||||
|
<template x-if="dark">
|
||||||
|
<svg
|
||||||
|
class="w-5 h-5"
|
||||||
|
aria-hidden="true"
|
||||||
|
fill="currentColor"
|
||||||
|
viewBox="0 0 20 20"
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
fill-rule="evenodd"
|
||||||
|
d="M10 2a1 1 0 011 1v1a1 1 0 11-2 0V3a1 1 0 011-1zm4 8a4 4 0 11-8 0 4 4 0 018 0zm-.464 4.95l.707.707a1 1 0 001.414-1.414l-.707-.707a1 1 0 00-1.414 1.414zm2.12-10.607a1 1 0 010 1.414l-.706.707a1 1 0 11-1.414-1.414l.707-.707a1 1 0 011.414 0zM17 11a1 1 0 100-2h-1a1 1 0 100 2h1zm-7 4a1 1 0 011 1v1a1 1 0 11-2 0v-1a1 1 0 011-1zM5.05 6.464A1 1 0 106.465 5.05l-.708-.707a1 1 0 00-1.414 1.414l.707.707zm1.414 8.486l-.707.707a1 1 0 01-1.414-1.414l.707-.707a1 1 0 011.414 1.414zM4 11a1 1 0 100-2H3a1 1 0 000 2h1z"
|
||||||
|
clip-rule="evenodd"
|
||||||
|
></path>
|
||||||
|
</svg>
|
||||||
|
</template>
|
||||||
|
</button>
|
||||||
|
</li>
|
||||||
|
<!-- Notifications menu -->
|
||||||
|
<li class="relative">
|
||||||
|
<button
|
||||||
|
class="relative align-middle rounded-md focus:outline-none focus:shadow-outline-purple"
|
||||||
|
@click="toggleNotificationsMenu"
|
||||||
|
@keydown.escape="closeNotificationsMenu"
|
||||||
|
aria-label="Notifications"
|
||||||
|
aria-haspopup="true"
|
||||||
|
>
|
||||||
|
<svg
|
||||||
|
class="w-5 h-5"
|
||||||
|
aria-hidden="true"
|
||||||
|
fill="currentColor"
|
||||||
|
viewBox="0 0 20 20"
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
d="M10 2a6 6 0 00-6 6v3.586l-.707.707A1 1 0 004 14h12a1 1 0 00.707-1.707L16 11.586V8a6 6 0 00-6-6zM10 18a3 3 0 01-3-3h6a3 3 0 01-3 3z"
|
||||||
|
></path>
|
||||||
|
</svg>
|
||||||
|
<!-- Notification badge -->
|
||||||
|
<span
|
||||||
|
aria-hidden="true"
|
||||||
|
class="absolute top-0 right-0 inline-block w-3 h-3 transform translate-x-1 -translate-y-1 bg-red-600 border-2 border-white rounded-full dark:border-gray-800"
|
||||||
|
></span>
|
||||||
|
</button>
|
||||||
|
<template x-if="isNotificationsMenuOpen">
|
||||||
|
<ul
|
||||||
|
x-transition:leave="transition ease-in duration-150"
|
||||||
|
x-transition:leave-start="opacity-100"
|
||||||
|
x-transition:leave-end="opacity-0"
|
||||||
|
@click.away="closeNotificationsMenu"
|
||||||
|
@keydown.escape="closeNotificationsMenu"
|
||||||
|
class="absolute right-0 w-56 p-2 mt-2 space-y-2 text-gray-600 bg-white border border-gray-100 rounded-md shadow-md dark:text-gray-300 dark:border-gray-700 dark:bg-gray-700"
|
||||||
|
aria-label="submenu"
|
||||||
|
>
|
||||||
|
<li class="flex">
|
||||||
|
<a
|
||||||
|
class="inline-flex items-center justify-between w-full px-2 py-1 text-sm font-semibold transition-colors duration-150 rounded-md hover:bg-gray-100 hover:text-gray-800 dark:hover:bg-gray-800 dark:hover:text-gray-200"
|
||||||
|
href="#"
|
||||||
|
>
|
||||||
|
<span>Messages</span>
|
||||||
|
<span
|
||||||
|
class="inline-flex items-center justify-center px-2 py-1 text-xs font-bold leading-none text-red-600 bg-red-100 rounded-full dark:text-red-100 dark:bg-red-600"
|
||||||
|
>
|
||||||
|
13
|
||||||
|
</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="flex">
|
||||||
|
<a
|
||||||
|
class="inline-flex items-center justify-between w-full px-2 py-1 text-sm font-semibold transition-colors duration-150 rounded-md hover:bg-gray-100 hover:text-gray-800 dark:hover:bg-gray-800 dark:hover:text-gray-200"
|
||||||
|
href="#"
|
||||||
|
>
|
||||||
|
<span>Sales</span>
|
||||||
|
<span
|
||||||
|
class="inline-flex items-center justify-center px-2 py-1 text-xs font-bold leading-none text-red-600 bg-red-100 rounded-full dark:text-red-100 dark:bg-red-600"
|
||||||
|
>
|
||||||
|
2
|
||||||
|
</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="flex">
|
||||||
|
<a
|
||||||
|
class="inline-flex items-center justify-between w-full px-2 py-1 text-sm font-semibold transition-colors duration-150 rounded-md hover:bg-gray-100 hover:text-gray-800 dark:hover:bg-gray-800 dark:hover:text-gray-200"
|
||||||
|
href="#"
|
||||||
|
>
|
||||||
|
<span>Alerts</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</template>
|
||||||
|
</li>
|
||||||
|
<!-- Profile menu -->
|
||||||
|
<li class="relative">
|
||||||
|
<button
|
||||||
|
class="align-middle rounded-full focus:shadow-outline-purple focus:outline-none"
|
||||||
|
@click="toggleProfileMenu"
|
||||||
|
@keydown.escape="closeProfileMenu"
|
||||||
|
aria-label="Account"
|
||||||
|
aria-haspopup="true"
|
||||||
|
>
|
||||||
|
<img
|
||||||
|
class="object-cover w-8 h-8 rounded-full"
|
||||||
|
src="https://images.unsplash.com/photo-1502378735452-bc7d86632805?ixlib=rb-0.3.5&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=200&fit=max&s=aa3a807e1bbdfd4364d1f449eaa96d82"
|
||||||
|
alt=""
|
||||||
|
aria-hidden="true"
|
||||||
|
/>
|
||||||
|
</button>
|
||||||
|
<template x-if="isProfileMenuOpen">
|
||||||
|
<ul
|
||||||
|
x-transition:leave="transition ease-in duration-150"
|
||||||
|
x-transition:leave-start="opacity-100"
|
||||||
|
x-transition:leave-end="opacity-0"
|
||||||
|
@click.away="closeProfileMenu"
|
||||||
|
@keydown.escape="closeProfileMenu"
|
||||||
|
class="absolute right-0 w-56 p-2 mt-2 space-y-2 text-gray-600 bg-white border border-gray-100 rounded-md shadow-md dark:border-gray-700 dark:text-gray-300 dark:bg-gray-700"
|
||||||
|
aria-label="submenu"
|
||||||
|
>
|
||||||
|
<li class="flex">
|
||||||
|
<a
|
||||||
|
class="inline-flex items-center w-full px-2 py-1 text-sm font-semibold transition-colors duration-150 rounded-md hover:bg-gray-100 hover:text-gray-800 dark:hover:bg-gray-800 dark:hover:text-gray-200"
|
||||||
|
href="#"
|
||||||
|
>
|
||||||
|
<svg
|
||||||
|
class="w-4 h-4 mr-3"
|
||||||
|
aria-hidden="true"
|
||||||
|
fill="none"
|
||||||
|
stroke-linecap="round"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
stroke-width="2"
|
||||||
|
viewBox="0 0 24 24"
|
||||||
|
stroke="currentColor"
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z"
|
||||||
|
></path>
|
||||||
|
</svg>
|
||||||
|
<span>Profile</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="flex">
|
||||||
|
<a
|
||||||
|
class="inline-flex items-center w-full px-2 py-1 text-sm font-semibold transition-colors duration-150 rounded-md hover:bg-gray-100 hover:text-gray-800 dark:hover:bg-gray-800 dark:hover:text-gray-200"
|
||||||
|
href="#"
|
||||||
|
>
|
||||||
|
<svg
|
||||||
|
class="w-4 h-4 mr-3"
|
||||||
|
aria-hidden="true"
|
||||||
|
fill="none"
|
||||||
|
stroke-linecap="round"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
stroke-width="2"
|
||||||
|
viewBox="0 0 24 24"
|
||||||
|
stroke="currentColor"
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
d="M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z"
|
||||||
|
></path>
|
||||||
|
<path d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"></path>
|
||||||
|
</svg>
|
||||||
|
<span>Settings</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li class="flex">
|
||||||
|
<a
|
||||||
|
class="inline-flex items-center w-full px-2 py-1 text-sm font-semibold transition-colors duration-150 rounded-md hover:bg-gray-100 hover:text-gray-800 dark:hover:bg-gray-800 dark:hover:text-gray-200"
|
||||||
|
href="#"
|
||||||
|
>
|
||||||
|
<svg
|
||||||
|
class="w-4 h-4 mr-3"
|
||||||
|
aria-hidden="true"
|
||||||
|
fill="none"
|
||||||
|
stroke-linecap="round"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
stroke-width="2"
|
||||||
|
viewBox="0 0 24 24"
|
||||||
|
stroke="currentColor"
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
d="M11 16l-4-4m0 0l4-4m-4 4h14m-5 4v1a3 3 0 01-3 3H6a3 3 0 01-3-3V7a3 3 0 013-3h7a3 3 0 013 3v1"
|
||||||
|
></path>
|
||||||
|
</svg>
|
||||||
|
<span>Log out</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</template>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
|
<main class="h-full pb-16 overflow-y-auto">
|
||||||
|
<!-- Remove everything INSIDE this div to a really blank page -->
|
||||||
|
<div class="container px-6 mx-auto grid">
|
||||||
|
<h2
|
||||||
|
class="my-6 text-2xl font-semibold text-gray-700 dark:text-gray-200"
|
||||||
|
>
|
||||||
|
Blank
|
||||||
|
</h2>
|
||||||
|
</div>
|
||||||
|
</main>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
139
pages/create-account.html
Normal file
@@ -0,0 +1,139 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html :class="{ 'theme-dark': dark }" x-data="data()" lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8" />
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||||
|
<title>Create account - Windmill Dashboard</title>
|
||||||
|
<link
|
||||||
|
href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap"
|
||||||
|
rel="stylesheet"
|
||||||
|
/>
|
||||||
|
<link rel="stylesheet" href="../assets/css/tailwind.output.css" />
|
||||||
|
<script
|
||||||
|
src="https://cdn.jsdelivr.net/gh/alpinejs/alpine@v2.x.x/dist/alpine.min.js"
|
||||||
|
defer
|
||||||
|
></script>
|
||||||
|
<script src="../assets/js/init-alpine.js"></script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div class="flex items-center min-h-screen p-6 bg-gray-50 dark:bg-gray-900">
|
||||||
|
<div
|
||||||
|
class="flex-1 h-full max-w-4xl mx-auto overflow-hidden bg-white rounded-lg shadow-xl dark:bg-gray-800"
|
||||||
|
>
|
||||||
|
<div class="flex flex-col overflow-y-auto md:flex-row">
|
||||||
|
<div class="h-32 md:h-auto md:w-1/2">
|
||||||
|
<img
|
||||||
|
aria-hidden="true"
|
||||||
|
class="object-cover w-full h-full dark:hidden"
|
||||||
|
src="../assets/img/create-account-office.jpeg"
|
||||||
|
alt="Office"
|
||||||
|
/>
|
||||||
|
<img
|
||||||
|
aria-hidden="true"
|
||||||
|
class="hidden object-cover w-full h-full dark:block"
|
||||||
|
src="../assets/img/create-account-office-dark.jpeg"
|
||||||
|
alt="Office"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<div class="flex items-center justify-center p-6 sm:p-12 md:w-1/2">
|
||||||
|
<div class="w-full">
|
||||||
|
<h1
|
||||||
|
class="mb-4 text-xl font-semibold text-gray-700 dark:text-gray-200"
|
||||||
|
>
|
||||||
|
Create account
|
||||||
|
</h1>
|
||||||
|
<label class="block text-sm">
|
||||||
|
<span class="text-gray-700 dark:text-gray-400">Email</span>
|
||||||
|
<input
|
||||||
|
class="block w-full mt-1 text-sm dark:border-gray-600 dark:bg-gray-700 focus:border-purple-400 focus:outline-none focus:shadow-outline-purple dark:text-gray-300 dark:focus:shadow-outline-gray form-input"
|
||||||
|
placeholder="Jane Doe"
|
||||||
|
/>
|
||||||
|
</label>
|
||||||
|
<label class="block mt-4 text-sm">
|
||||||
|
<span class="text-gray-700 dark:text-gray-400">Password</span>
|
||||||
|
<input
|
||||||
|
class="block w-full mt-1 text-sm dark:border-gray-600 dark:bg-gray-700 focus:border-purple-400 focus:outline-none focus:shadow-outline-purple dark:text-gray-300 dark:focus:shadow-outline-gray form-input"
|
||||||
|
placeholder="***************"
|
||||||
|
type="password"
|
||||||
|
/>
|
||||||
|
</label>
|
||||||
|
<label class="block mt-4 text-sm">
|
||||||
|
<span class="text-gray-700 dark:text-gray-400">
|
||||||
|
Confirm password
|
||||||
|
</span>
|
||||||
|
<input
|
||||||
|
class="block w-full mt-1 text-sm dark:border-gray-600 dark:bg-gray-700 focus:border-purple-400 focus:outline-none focus:shadow-outline-purple dark:text-gray-300 dark:focus:shadow-outline-gray form-input"
|
||||||
|
placeholder="***************"
|
||||||
|
type="password"
|
||||||
|
/>
|
||||||
|
</label>
|
||||||
|
|
||||||
|
<div class="flex mt-6 text-sm">
|
||||||
|
<label class="flex items-center dark:text-gray-400">
|
||||||
|
<input
|
||||||
|
type="checkbox"
|
||||||
|
class="text-purple-600 form-checkbox focus:border-purple-400 focus:outline-none focus:shadow-outline-purple dark:focus:shadow-outline-gray"
|
||||||
|
/>
|
||||||
|
<span class="ml-2">
|
||||||
|
I agree to the
|
||||||
|
<span class="underline">privacy policy</span>
|
||||||
|
</span>
|
||||||
|
</label>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- You should use a button here, as the anchor is only used for the example -->
|
||||||
|
<a
|
||||||
|
class="block w-full px-4 py-2 mt-4 text-sm font-medium leading-5 text-center text-white transition-colors duration-150 bg-purple-600 border border-transparent rounded-lg active:bg-purple-600 hover:bg-purple-700 focus:outline-none focus:shadow-outline-purple"
|
||||||
|
href="./login.html"
|
||||||
|
>
|
||||||
|
Create account
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<hr class="my-8" />
|
||||||
|
|
||||||
|
<button
|
||||||
|
class="flex items-center justify-center w-full px-4 py-2 text-sm font-medium leading-5 text-white text-gray-700 transition-colors duration-150 border border-gray-300 rounded-lg dark:text-gray-400 active:bg-transparent hover:border-gray-500 focus:border-gray-500 active:text-gray-500 focus:outline-none focus:shadow-outline-gray"
|
||||||
|
>
|
||||||
|
<svg
|
||||||
|
class="w-4 h-4 mr-2"
|
||||||
|
aria-hidden="true"
|
||||||
|
viewBox="0 0 24 24"
|
||||||
|
fill="currentColor"
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"
|
||||||
|
/>
|
||||||
|
</svg>
|
||||||
|
Github
|
||||||
|
</button>
|
||||||
|
<button
|
||||||
|
class="flex items-center justify-center w-full px-4 py-2 mt-4 text-sm font-medium leading-5 text-white text-gray-700 transition-colors duration-150 border border-gray-300 rounded-lg dark:text-gray-400 active:bg-transparent hover:border-gray-500 focus:border-gray-500 active:text-gray-500 focus:outline-none focus:shadow-outline-gray"
|
||||||
|
>
|
||||||
|
<svg
|
||||||
|
class="w-4 h-4 mr-2"
|
||||||
|
aria-hidden="true"
|
||||||
|
viewBox="0 0 24 24"
|
||||||
|
fill="currentColor"
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
d="M23.954 4.569c-.885.389-1.83.654-2.825.775 1.014-.611 1.794-1.574 2.163-2.723-.951.555-2.005.959-3.127 1.184-.896-.959-2.173-1.559-3.591-1.559-2.717 0-4.92 2.203-4.92 4.917 0 .39.045.765.127 1.124C7.691 8.094 4.066 6.13 1.64 3.161c-.427.722-.666 1.561-.666 2.475 0 1.71.87 3.213 2.188 4.096-.807-.026-1.566-.248-2.228-.616v.061c0 2.385 1.693 4.374 3.946 4.827-.413.111-.849.171-1.296.171-.314 0-.615-.03-.916-.086.631 1.953 2.445 3.377 4.604 3.417-1.68 1.319-3.809 2.105-6.102 2.105-.39 0-.779-.023-1.17-.067 2.189 1.394 4.768 2.209 7.557 2.209 9.054 0 13.999-7.496 13.999-13.986 0-.209 0-.42-.015-.63.961-.689 1.8-1.56 2.46-2.548l-.047-.02z"
|
||||||
|
/>
|
||||||
|
</svg>
|
||||||
|
Twitter
|
||||||
|
</button>
|
||||||
|
|
||||||
|
<p class="mt-4">
|
||||||
|
<a
|
||||||
|
class="text-sm font-medium text-purple-600 dark:text-purple-400 hover:underline"
|
||||||
|
href="./login.html"
|
||||||
|
>
|
||||||
|
Already have an account? Login
|
||||||
|
</a>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
66
pages/forgot-password.html
Normal file
@@ -0,0 +1,66 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html :class="{ 'theme-dark': dark }" x-data="data()" lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8" />
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||||
|
<title>Forgot password - Windmill Dashboard</title>
|
||||||
|
<link
|
||||||
|
href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap"
|
||||||
|
rel="stylesheet"
|
||||||
|
/>
|
||||||
|
<link rel="stylesheet" href="../assets/css/tailwind.output.css" />
|
||||||
|
<script
|
||||||
|
src="https://cdn.jsdelivr.net/gh/alpinejs/alpine@v2.x.x/dist/alpine.min.js"
|
||||||
|
defer
|
||||||
|
></script>
|
||||||
|
<script src="../assets/js/init-alpine.js"></script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div class="flex items-center min-h-screen p-6 bg-gray-50 dark:bg-gray-900">
|
||||||
|
<div
|
||||||
|
class="flex-1 h-full max-w-4xl mx-auto overflow-hidden bg-white rounded-lg shadow-xl dark:bg-gray-800"
|
||||||
|
>
|
||||||
|
<div class="flex flex-col overflow-y-auto md:flex-row">
|
||||||
|
<div class="h-32 md:h-auto md:w-1/2">
|
||||||
|
<img
|
||||||
|
aria-hidden="true"
|
||||||
|
class="object-cover w-full h-full dark:hidden"
|
||||||
|
src="../assets/img/forgot-password-office.jpeg"
|
||||||
|
alt="Office"
|
||||||
|
/>
|
||||||
|
<img
|
||||||
|
aria-hidden="true"
|
||||||
|
class="hidden object-cover w-full h-full dark:block"
|
||||||
|
src="../assets/img/forgot-password-office-dark.jpeg"
|
||||||
|
alt="Office"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<div class="flex items-center justify-center p-6 sm:p-12 md:w-1/2">
|
||||||
|
<div class="w-full">
|
||||||
|
<h1
|
||||||
|
class="mb-4 text-xl font-semibold text-gray-700 dark:text-gray-200"
|
||||||
|
>
|
||||||
|
Forgot password
|
||||||
|
</h1>
|
||||||
|
<label class="block text-sm">
|
||||||
|
<span class="text-gray-700 dark:text-gray-400">Email</span>
|
||||||
|
<input
|
||||||
|
class="block w-full mt-1 text-sm dark:border-gray-600 dark:bg-gray-700 focus:border-purple-400 focus:outline-none focus:shadow-outline-purple dark:text-gray-300 dark:focus:shadow-outline-gray form-input"
|
||||||
|
placeholder="Jane Doe"
|
||||||
|
/>
|
||||||
|
</label>
|
||||||
|
|
||||||
|
<!-- You should use a button here, as the anchor is only used for the example -->
|
||||||
|
<a
|
||||||
|
class="block w-full px-4 py-2 mt-4 text-sm font-medium leading-5 text-center text-white transition-colors duration-150 bg-purple-600 border border-transparent rounded-lg active:bg-purple-600 hover:bg-purple-700 focus:outline-none focus:shadow-outline-purple"
|
||||||
|
href="./login.html"
|
||||||
|
>
|
||||||
|
Recover password
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
124
pages/login.html
Normal file
@@ -0,0 +1,124 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html :class="{ 'theme-dark': dark }" x-data="data()" lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8" />
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||||
|
<title>Login - Windmill Dashboard</title>
|
||||||
|
<link
|
||||||
|
href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap"
|
||||||
|
rel="stylesheet"
|
||||||
|
/>
|
||||||
|
<link rel="stylesheet" href="../assets/css/tailwind.output.css" />
|
||||||
|
<script
|
||||||
|
src="https://cdn.jsdelivr.net/gh/alpinejs/alpine@v2.x.x/dist/alpine.min.js"
|
||||||
|
defer
|
||||||
|
></script>
|
||||||
|
<script src="../assets/js/init-alpine.js"></script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div class="flex items-center min-h-screen p-6 bg-gray-50 dark:bg-gray-900">
|
||||||
|
<div
|
||||||
|
class="flex-1 h-full max-w-4xl mx-auto overflow-hidden bg-white rounded-lg shadow-xl dark:bg-gray-800"
|
||||||
|
>
|
||||||
|
<div class="flex flex-col overflow-y-auto md:flex-row">
|
||||||
|
<div class="h-32 md:h-auto md:w-1/2">
|
||||||
|
<img
|
||||||
|
aria-hidden="true"
|
||||||
|
class="object-cover w-full h-full dark:hidden"
|
||||||
|
src="../assets/img/login-office.jpeg"
|
||||||
|
alt="Office"
|
||||||
|
/>
|
||||||
|
<img
|
||||||
|
aria-hidden="true"
|
||||||
|
class="hidden object-cover w-full h-full dark:block"
|
||||||
|
src="../assets/img/login-office-dark.jpeg"
|
||||||
|
alt="Office"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<div class="flex items-center justify-center p-6 sm:p-12 md:w-1/2">
|
||||||
|
<div class="w-full">
|
||||||
|
<h1
|
||||||
|
class="mb-4 text-xl font-semibold text-gray-700 dark:text-gray-200"
|
||||||
|
>
|
||||||
|
Login
|
||||||
|
</h1>
|
||||||
|
<label class="block text-sm">
|
||||||
|
<span class="text-gray-700 dark:text-gray-400">Email</span>
|
||||||
|
<input
|
||||||
|
class="block w-full mt-1 text-sm dark:border-gray-600 dark:bg-gray-700 focus:border-purple-400 focus:outline-none focus:shadow-outline-purple dark:text-gray-300 dark:focus:shadow-outline-gray form-input"
|
||||||
|
placeholder="Jane Doe"
|
||||||
|
/>
|
||||||
|
</label>
|
||||||
|
<label class="block mt-4 text-sm">
|
||||||
|
<span class="text-gray-700 dark:text-gray-400">Password</span>
|
||||||
|
<input
|
||||||
|
class="block w-full mt-1 text-sm dark:border-gray-600 dark:bg-gray-700 focus:border-purple-400 focus:outline-none focus:shadow-outline-purple dark:text-gray-300 dark:focus:shadow-outline-gray form-input"
|
||||||
|
placeholder="***************"
|
||||||
|
type="password"
|
||||||
|
/>
|
||||||
|
</label>
|
||||||
|
|
||||||
|
<!-- You should use a button here, as the anchor is only used for the example -->
|
||||||
|
<a
|
||||||
|
class="block w-full px-4 py-2 mt-4 text-sm font-medium leading-5 text-center text-white transition-colors duration-150 bg-purple-600 border border-transparent rounded-lg active:bg-purple-600 hover:bg-purple-700 focus:outline-none focus:shadow-outline-purple"
|
||||||
|
href="../index.html"
|
||||||
|
>
|
||||||
|
Log in
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<hr class="my-8" />
|
||||||
|
|
||||||
|
<button
|
||||||
|
class="flex items-center justify-center w-full px-4 py-2 text-sm font-medium leading-5 text-white text-gray-700 transition-colors duration-150 border border-gray-300 rounded-lg dark:text-gray-400 active:bg-transparent hover:border-gray-500 focus:border-gray-500 active:text-gray-500 focus:outline-none focus:shadow-outline-gray"
|
||||||
|
>
|
||||||
|
<svg
|
||||||
|
class="w-4 h-4 mr-2"
|
||||||
|
aria-hidden="true"
|
||||||
|
viewBox="0 0 24 24"
|
||||||
|
fill="currentColor"
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"
|
||||||
|
/>
|
||||||
|
</svg>
|
||||||
|
Github
|
||||||
|
</button>
|
||||||
|
<button
|
||||||
|
class="flex items-center justify-center w-full px-4 py-2 mt-4 text-sm font-medium leading-5 text-white text-gray-700 transition-colors duration-150 border border-gray-300 rounded-lg dark:text-gray-400 active:bg-transparent hover:border-gray-500 focus:border-gray-500 active:text-gray-500 focus:outline-none focus:shadow-outline-gray"
|
||||||
|
>
|
||||||
|
<svg
|
||||||
|
class="w-4 h-4 mr-2"
|
||||||
|
aria-hidden="true"
|
||||||
|
viewBox="0 0 24 24"
|
||||||
|
fill="currentColor"
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
d="M23.954 4.569c-.885.389-1.83.654-2.825.775 1.014-.611 1.794-1.574 2.163-2.723-.951.555-2.005.959-3.127 1.184-.896-.959-2.173-1.559-3.591-1.559-2.717 0-4.92 2.203-4.92 4.917 0 .39.045.765.127 1.124C7.691 8.094 4.066 6.13 1.64 3.161c-.427.722-.666 1.561-.666 2.475 0 1.71.87 3.213 2.188 4.096-.807-.026-1.566-.248-2.228-.616v.061c0 2.385 1.693 4.374 3.946 4.827-.413.111-.849.171-1.296.171-.314 0-.615-.03-.916-.086.631 1.953 2.445 3.377 4.604 3.417-1.68 1.319-3.809 2.105-6.102 2.105-.39 0-.779-.023-1.17-.067 2.189 1.394 4.768 2.209 7.557 2.209 9.054 0 13.999-7.496 13.999-13.986 0-.209 0-.42-.015-.63.961-.689 1.8-1.56 2.46-2.548l-.047-.02z"
|
||||||
|
/>
|
||||||
|
</svg>
|
||||||
|
Twitter
|
||||||
|
</button>
|
||||||
|
|
||||||
|
<p class="mt-4">
|
||||||
|
<a
|
||||||
|
class="text-sm font-medium text-purple-600 dark:text-purple-400 hover:underline"
|
||||||
|
href="./forgot-password.html"
|
||||||
|
>
|
||||||
|
Forgot your password?
|
||||||
|
</a>
|
||||||
|
</p>
|
||||||
|
<p class="mt-1">
|
||||||
|
<a
|
||||||
|
class="text-sm font-medium text-purple-600 dark:text-purple-400 hover:underline"
|
||||||
|
href="./create-account.html"
|
||||||
|
>
|
||||||
|
Create account
|
||||||
|
</a>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
15
user/PHPMailer/.editorconfig
Normal file
@@ -0,0 +1,15 @@
|
|||||||
|
root = true
|
||||||
|
|
||||||
|
[*]
|
||||||
|
charset = utf-8
|
||||||
|
indent_size = 4
|
||||||
|
indent_style = space
|
||||||
|
end_of_line = lf
|
||||||
|
insert_final_newline = true
|
||||||
|
trim_trailing_whitespace = true
|
||||||
|
|
||||||
|
[*.md]
|
||||||
|
trim_trailing_whitespace = false
|
||||||
|
|
||||||
|
[*.{yml,yaml}]
|
||||||
|
indent_size = 2
|
||||||
46
user/PHPMailer/COMMITMENT
Normal file
@@ -0,0 +1,46 @@
|
|||||||
|
GPL Cooperation Commitment
|
||||||
|
Version 1.0
|
||||||
|
|
||||||
|
Before filing or continuing to prosecute any legal proceeding or claim
|
||||||
|
(other than a Defensive Action) arising from termination of a Covered
|
||||||
|
License, we commit to extend to the person or entity ('you') accused
|
||||||
|
of violating the Covered License the following provisions regarding
|
||||||
|
cure and reinstatement, taken from GPL version 3. As used here, the
|
||||||
|
term 'this License' refers to the specific Covered License being
|
||||||
|
enforced.
|
||||||
|
|
||||||
|
However, if you cease all violation of this License, then your
|
||||||
|
license from a particular copyright holder is reinstated (a)
|
||||||
|
provisionally, unless and until the copyright holder explicitly
|
||||||
|
and finally terminates your license, and (b) permanently, if the
|
||||||
|
copyright holder fails to notify you of the violation by some
|
||||||
|
reasonable means prior to 60 days after the cessation.
|
||||||
|
|
||||||
|
Moreover, your license from a particular copyright holder is
|
||||||
|
reinstated permanently if the copyright holder notifies you of the
|
||||||
|
violation by some reasonable means, this is the first time you
|
||||||
|
have received notice of violation of this License (for any work)
|
||||||
|
from that copyright holder, and you cure the violation prior to 30
|
||||||
|
days after your receipt of the notice.
|
||||||
|
|
||||||
|
We intend this Commitment to be irrevocable, and binding and
|
||||||
|
enforceable against us and assignees of or successors to our
|
||||||
|
copyrights.
|
||||||
|
|
||||||
|
Definitions
|
||||||
|
|
||||||
|
'Covered License' means the GNU General Public License, version 2
|
||||||
|
(GPLv2), the GNU Lesser General Public License, version 2.1
|
||||||
|
(LGPLv2.1), or the GNU Library General Public License, version 2
|
||||||
|
(LGPLv2), all as published by the Free Software Foundation.
|
||||||
|
|
||||||
|
'Defensive Action' means a legal proceeding or claim that We bring
|
||||||
|
against you in response to a prior proceeding or claim initiated by
|
||||||
|
you or your affiliate.
|
||||||
|
|
||||||
|
'We' means each contributor to this repository as of the date of
|
||||||
|
inclusion of this file, including subsidiaries of a corporate
|
||||||
|
contributor.
|
||||||
|
|
||||||
|
This work is available under a Creative Commons Attribution-ShareAlike
|
||||||
|
4.0 International license (https://creativecommons.org/licenses/by-sa/4.0/).
|
||||||
502
user/PHPMailer/LICENSE
Normal file
@@ -0,0 +1,502 @@
|
|||||||
|
GNU LESSER GENERAL PUBLIC LICENSE
|
||||||
|
Version 2.1, February 1999
|
||||||
|
|
||||||
|
Copyright (C) 1991, 1999 Free Software Foundation, Inc.
|
||||||
|
51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA
|
||||||
|
Everyone is permitted to copy and distribute verbatim copies
|
||||||
|
of this license document, but changing it is not allowed.
|
||||||
|
|
||||||
|
[This is the first released version of the Lesser GPL. It also counts
|
||||||
|
as the successor of the GNU Library Public License, version 2, hence
|
||||||
|
the version number 2.1.]
|
||||||
|
|
||||||
|
Preamble
|
||||||
|
|
||||||
|
The licenses for most software are designed to take away your
|
||||||
|
freedom to share and change it. By contrast, the GNU General Public
|
||||||
|
Licenses are intended to guarantee your freedom to share and change
|
||||||
|
free software--to make sure the software is free for all its users.
|
||||||
|
|
||||||
|
This license, the Lesser General Public License, applies to some
|
||||||
|
specially designated software packages--typically libraries--of the
|
||||||
|
Free Software Foundation and other authors who decide to use it. You
|
||||||
|
can use it too, but we suggest you first think carefully about whether
|
||||||
|
this license or the ordinary General Public License is the better
|
||||||
|
strategy to use in any particular case, based on the explanations below.
|
||||||
|
|
||||||
|
When we speak of free software, we are referring to freedom of use,
|
||||||
|
not price. Our General Public Licenses are designed to make sure that
|
||||||
|
you have the freedom to distribute copies of free software (and charge
|
||||||
|
for this service if you wish); that you receive source code or can get
|
||||||
|
it if you want it; that you can change the software and use pieces of
|
||||||
|
it in new free programs; and that you are informed that you can do
|
||||||
|
these things.
|
||||||
|
|
||||||
|
To protect your rights, we need to make restrictions that forbid
|
||||||
|
distributors to deny you these rights or to ask you to surrender these
|
||||||
|
rights. These restrictions translate to certain responsibilities for
|
||||||
|
you if you distribute copies of the library or if you modify it.
|
||||||
|
|
||||||
|
For example, if you distribute copies of the library, whether gratis
|
||||||
|
or for a fee, you must give the recipients all the rights that we gave
|
||||||
|
you. You must make sure that they, too, receive or can get the source
|
||||||
|
code. If you link other code with the library, you must provide
|
||||||
|
complete object files to the recipients, so that they can relink them
|
||||||
|
with the library after making changes to the library and recompiling
|
||||||
|
it. And you must show them these terms so they know their rights.
|
||||||
|
|
||||||
|
We protect your rights with a two-step method: (1) we copyright the
|
||||||
|
library, and (2) we offer you this license, which gives you legal
|
||||||
|
permission to copy, distribute and/or modify the library.
|
||||||
|
|
||||||
|
To protect each distributor, we want to make it very clear that
|
||||||
|
there is no warranty for the free library. Also, if the library is
|
||||||
|
modified by someone else and passed on, the recipients should know
|
||||||
|
that what they have is not the original version, so that the original
|
||||||
|
author's reputation will not be affected by problems that might be
|
||||||
|
introduced by others.
|
||||||
|
|
||||||
|
Finally, software patents pose a constant threat to the existence of
|
||||||
|
any free program. We wish to make sure that a company cannot
|
||||||
|
effectively restrict the users of a free program by obtaining a
|
||||||
|
restrictive license from a patent holder. Therefore, we insist that
|
||||||
|
any patent license obtained for a version of the library must be
|
||||||
|
consistent with the full freedom of use specified in this license.
|
||||||
|
|
||||||
|
Most GNU software, including some libraries, is covered by the
|
||||||
|
ordinary GNU General Public License. This license, the GNU Lesser
|
||||||
|
General Public License, applies to certain designated libraries, and
|
||||||
|
is quite different from the ordinary General Public License. We use
|
||||||
|
this license for certain libraries in order to permit linking those
|
||||||
|
libraries into non-free programs.
|
||||||
|
|
||||||
|
When a program is linked with a library, whether statically or using
|
||||||
|
a shared library, the combination of the two is legally speaking a
|
||||||
|
combined work, a derivative of the original library. The ordinary
|
||||||
|
General Public License therefore permits such linking only if the
|
||||||
|
entire combination fits its criteria of freedom. The Lesser General
|
||||||
|
Public License permits more lax criteria for linking other code with
|
||||||
|
the library.
|
||||||
|
|
||||||
|
We call this license the "Lesser" General Public License because it
|
||||||
|
does Less to protect the user's freedom than the ordinary General
|
||||||
|
Public License. It also provides other free software developers Less
|
||||||
|
of an advantage over competing non-free programs. These disadvantages
|
||||||
|
are the reason we use the ordinary General Public License for many
|
||||||
|
libraries. However, the Lesser license provides advantages in certain
|
||||||
|
special circumstances.
|
||||||
|
|
||||||
|
For example, on rare occasions, there may be a special need to
|
||||||
|
encourage the widest possible use of a certain library, so that it becomes
|
||||||
|
a de-facto standard. To achieve this, non-free programs must be
|
||||||
|
allowed to use the library. A more frequent case is that a free
|
||||||
|
library does the same job as widely used non-free libraries. In this
|
||||||
|
case, there is little to gain by limiting the free library to free
|
||||||
|
software only, so we use the Lesser General Public License.
|
||||||
|
|
||||||
|
In other cases, permission to use a particular library in non-free
|
||||||
|
programs enables a greater number of people to use a large body of
|
||||||
|
free software. For example, permission to use the GNU C Library in
|
||||||
|
non-free programs enables many more people to use the whole GNU
|
||||||
|
operating system, as well as its variant, the GNU/Linux operating
|
||||||
|
system.
|
||||||
|
|
||||||
|
Although the Lesser General Public License is Less protective of the
|
||||||
|
users' freedom, it does ensure that the user of a program that is
|
||||||
|
linked with the Library has the freedom and the wherewithal to run
|
||||||
|
that program using a modified version of the Library.
|
||||||
|
|
||||||
|
The precise terms and conditions for copying, distribution and
|
||||||
|
modification follow. Pay close attention to the difference between a
|
||||||
|
"work based on the library" and a "work that uses the library". The
|
||||||
|
former contains code derived from the library, whereas the latter must
|
||||||
|
be combined with the library in order to run.
|
||||||
|
|
||||||
|
GNU LESSER GENERAL PUBLIC LICENSE
|
||||||
|
TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION
|
||||||
|
|
||||||
|
0. This License Agreement applies to any software library or other
|
||||||
|
program which contains a notice placed by the copyright holder or
|
||||||
|
other authorized party saying it may be distributed under the terms of
|
||||||
|
this Lesser General Public License (also called "this License").
|
||||||
|
Each licensee is addressed as "you".
|
||||||
|
|
||||||
|
A "library" means a collection of software functions and/or data
|
||||||
|
prepared so as to be conveniently linked with application programs
|
||||||
|
(which use some of those functions and data) to form executables.
|
||||||
|
|
||||||
|
The "Library", below, refers to any such software library or work
|
||||||
|
which has been distributed under these terms. A "work based on the
|
||||||
|
Library" means either the Library or any derivative work under
|
||||||
|
copyright law: that is to say, a work containing the Library or a
|
||||||
|
portion of it, either verbatim or with modifications and/or translated
|
||||||
|
straightforwardly into another language. (Hereinafter, translation is
|
||||||
|
included without limitation in the term "modification".)
|
||||||
|
|
||||||
|
"Source code" for a work means the preferred form of the work for
|
||||||
|
making modifications to it. For a library, complete source code means
|
||||||
|
all the source code for all modules it contains, plus any associated
|
||||||
|
interface definition files, plus the scripts used to control compilation
|
||||||
|
and installation of the library.
|
||||||
|
|
||||||
|
Activities other than copying, distribution and modification are not
|
||||||
|
covered by this License; they are outside its scope. The act of
|
||||||
|
running a program using the Library is not restricted, and output from
|
||||||
|
such a program is covered only if its contents constitute a work based
|
||||||
|
on the Library (independent of the use of the Library in a tool for
|
||||||
|
writing it). Whether that is true depends on what the Library does
|
||||||
|
and what the program that uses the Library does.
|
||||||
|
|
||||||
|
1. You may copy and distribute verbatim copies of the Library's
|
||||||
|
complete source code as you receive it, in any medium, provided that
|
||||||
|
you conspicuously and appropriately publish on each copy an
|
||||||
|
appropriate copyright notice and disclaimer of warranty; keep intact
|
||||||
|
all the notices that refer to this License and to the absence of any
|
||||||
|
warranty; and distribute a copy of this License along with the
|
||||||
|
Library.
|
||||||
|
|
||||||
|
You may charge a fee for the physical act of transferring a copy,
|
||||||
|
and you may at your option offer warranty protection in exchange for a
|
||||||
|
fee.
|
||||||
|
|
||||||
|
2. You may modify your copy or copies of the Library or any portion
|
||||||
|
of it, thus forming a work based on the Library, and copy and
|
||||||
|
distribute such modifications or work under the terms of Section 1
|
||||||
|
above, provided that you also meet all of these conditions:
|
||||||
|
|
||||||
|
a) The modified work must itself be a software library.
|
||||||
|
|
||||||
|
b) You must cause the files modified to carry prominent notices
|
||||||
|
stating that you changed the files and the date of any change.
|
||||||
|
|
||||||
|
c) You must cause the whole of the work to be licensed at no
|
||||||
|
charge to all third parties under the terms of this License.
|
||||||
|
|
||||||
|
d) If a facility in the modified Library refers to a function or a
|
||||||
|
table of data to be supplied by an application program that uses
|
||||||
|
the facility, other than as an argument passed when the facility
|
||||||
|
is invoked, then you must make a good faith effort to ensure that,
|
||||||
|
in the event an application does not supply such function or
|
||||||
|
table, the facility still operates, and performs whatever part of
|
||||||
|
its purpose remains meaningful.
|
||||||
|
|
||||||
|
(For example, a function in a library to compute square roots has
|
||||||
|
a purpose that is entirely well-defined independent of the
|
||||||
|
application. Therefore, Subsection 2d requires that any
|
||||||
|
application-supplied function or table used by this function must
|
||||||
|
be optional: if the application does not supply it, the square
|
||||||
|
root function must still compute square roots.)
|
||||||
|
|
||||||
|
These requirements apply to the modified work as a whole. If
|
||||||
|
identifiable sections of that work are not derived from the Library,
|
||||||
|
and can be reasonably considered independent and separate works in
|
||||||
|
themselves, then this License, and its terms, do not apply to those
|
||||||
|
sections when you distribute them as separate works. But when you
|
||||||
|
distribute the same sections as part of a whole which is a work based
|
||||||
|
on the Library, the distribution of the whole must be on the terms of
|
||||||
|
this License, whose permissions for other licensees extend to the
|
||||||
|
entire whole, and thus to each and every part regardless of who wrote
|
||||||
|
it.
|
||||||
|
|
||||||
|
Thus, it is not the intent of this section to claim rights or contest
|
||||||
|
your rights to work written entirely by you; rather, the intent is to
|
||||||
|
exercise the right to control the distribution of derivative or
|
||||||
|
collective works based on the Library.
|
||||||
|
|
||||||
|
In addition, mere aggregation of another work not based on the Library
|
||||||
|
with the Library (or with a work based on the Library) on a volume of
|
||||||
|
a storage or distribution medium does not bring the other work under
|
||||||
|
the scope of this License.
|
||||||
|
|
||||||
|
3. You may opt to apply the terms of the ordinary GNU General Public
|
||||||
|
License instead of this License to a given copy of the Library. To do
|
||||||
|
this, you must alter all the notices that refer to this License, so
|
||||||
|
that they refer to the ordinary GNU General Public License, version 2,
|
||||||
|
instead of to this License. (If a newer version than version 2 of the
|
||||||
|
ordinary GNU General Public License has appeared, then you can specify
|
||||||
|
that version instead if you wish.) Do not make any other change in
|
||||||
|
these notices.
|
||||||
|
|
||||||
|
Once this change is made in a given copy, it is irreversible for
|
||||||
|
that copy, so the ordinary GNU General Public License applies to all
|
||||||
|
subsequent copies and derivative works made from that copy.
|
||||||
|
|
||||||
|
This option is useful when you wish to copy part of the code of
|
||||||
|
the Library into a program that is not a library.
|
||||||
|
|
||||||
|
4. You may copy and distribute the Library (or a portion or
|
||||||
|
derivative of it, under Section 2) in object code or executable form
|
||||||
|
under the terms of Sections 1 and 2 above provided that you accompany
|
||||||
|
it with the complete corresponding machine-readable source code, which
|
||||||
|
must be distributed under the terms of Sections 1 and 2 above on a
|
||||||
|
medium customarily used for software interchange.
|
||||||
|
|
||||||
|
If distribution of object code is made by offering access to copy
|
||||||
|
from a designated place, then offering equivalent access to copy the
|
||||||
|
source code from the same place satisfies the requirement to
|
||||||
|
distribute the source code, even though third parties are not
|
||||||
|
compelled to copy the source along with the object code.
|
||||||
|
|
||||||
|
5. A program that contains no derivative of any portion of the
|
||||||
|
Library, but is designed to work with the Library by being compiled or
|
||||||
|
linked with it, is called a "work that uses the Library". Such a
|
||||||
|
work, in isolation, is not a derivative work of the Library, and
|
||||||
|
therefore falls outside the scope of this License.
|
||||||
|
|
||||||
|
However, linking a "work that uses the Library" with the Library
|
||||||
|
creates an executable that is a derivative of the Library (because it
|
||||||
|
contains portions of the Library), rather than a "work that uses the
|
||||||
|
library". The executable is therefore covered by this License.
|
||||||
|
Section 6 states terms for distribution of such executables.
|
||||||
|
|
||||||
|
When a "work that uses the Library" uses material from a header file
|
||||||
|
that is part of the Library, the object code for the work may be a
|
||||||
|
derivative work of the Library even though the source code is not.
|
||||||
|
Whether this is true is especially significant if the work can be
|
||||||
|
linked without the Library, or if the work is itself a library. The
|
||||||
|
threshold for this to be true is not precisely defined by law.
|
||||||
|
|
||||||
|
If such an object file uses only numerical parameters, data
|
||||||
|
structure layouts and accessors, and small macros and small inline
|
||||||
|
functions (ten lines or less in length), then the use of the object
|
||||||
|
file is unrestricted, regardless of whether it is legally a derivative
|
||||||
|
work. (Executables containing this object code plus portions of the
|
||||||
|
Library will still fall under Section 6.)
|
||||||
|
|
||||||
|
Otherwise, if the work is a derivative of the Library, you may
|
||||||
|
distribute the object code for the work under the terms of Section 6.
|
||||||
|
Any executables containing that work also fall under Section 6,
|
||||||
|
whether or not they are linked directly with the Library itself.
|
||||||
|
|
||||||
|
6. As an exception to the Sections above, you may also combine or
|
||||||
|
link a "work that uses the Library" with the Library to produce a
|
||||||
|
work containing portions of the Library, and distribute that work
|
||||||
|
under terms of your choice, provided that the terms permit
|
||||||
|
modification of the work for the customer's own use and reverse
|
||||||
|
engineering for debugging such modifications.
|
||||||
|
|
||||||
|
You must give prominent notice with each copy of the work that the
|
||||||
|
Library is used in it and that the Library and its use are covered by
|
||||||
|
this License. You must supply a copy of this License. If the work
|
||||||
|
during execution displays copyright notices, you must include the
|
||||||
|
copyright notice for the Library among them, as well as a reference
|
||||||
|
directing the user to the copy of this License. Also, you must do one
|
||||||
|
of these things:
|
||||||
|
|
||||||
|
a) Accompany the work with the complete corresponding
|
||||||
|
machine-readable source code for the Library including whatever
|
||||||
|
changes were used in the work (which must be distributed under
|
||||||
|
Sections 1 and 2 above); and, if the work is an executable linked
|
||||||
|
with the Library, with the complete machine-readable "work that
|
||||||
|
uses the Library", as object code and/or source code, so that the
|
||||||
|
user can modify the Library and then relink to produce a modified
|
||||||
|
executable containing the modified Library. (It is understood
|
||||||
|
that the user who changes the contents of definitions files in the
|
||||||
|
Library will not necessarily be able to recompile the application
|
||||||
|
to use the modified definitions.)
|
||||||
|
|
||||||
|
b) Use a suitable shared library mechanism for linking with the
|
||||||
|
Library. A suitable mechanism is one that (1) uses at run time a
|
||||||
|
copy of the library already present on the user's computer system,
|
||||||
|
rather than copying library functions into the executable, and (2)
|
||||||
|
will operate properly with a modified version of the library, if
|
||||||
|
the user installs one, as long as the modified version is
|
||||||
|
interface-compatible with the version that the work was made with.
|
||||||
|
|
||||||
|
c) Accompany the work with a written offer, valid for at
|
||||||
|
least three years, to give the same user the materials
|
||||||
|
specified in Subsection 6a, above, for a charge no more
|
||||||
|
than the cost of performing this distribution.
|
||||||
|
|
||||||
|
d) If distribution of the work is made by offering access to copy
|
||||||
|
from a designated place, offer equivalent access to copy the above
|
||||||
|
specified materials from the same place.
|
||||||
|
|
||||||
|
e) Verify that the user has already received a copy of these
|
||||||
|
materials or that you have already sent this user a copy.
|
||||||
|
|
||||||
|
For an executable, the required form of the "work that uses the
|
||||||
|
Library" must include any data and utility programs needed for
|
||||||
|
reproducing the executable from it. However, as a special exception,
|
||||||
|
the materials to be distributed need not include anything that is
|
||||||
|
normally distributed (in either source or binary form) with the major
|
||||||
|
components (compiler, kernel, and so on) of the operating system on
|
||||||
|
which the executable runs, unless that component itself accompanies
|
||||||
|
the executable.
|
||||||
|
|
||||||
|
It may happen that this requirement contradicts the license
|
||||||
|
restrictions of other proprietary libraries that do not normally
|
||||||
|
accompany the operating system. Such a contradiction means you cannot
|
||||||
|
use both them and the Library together in an executable that you
|
||||||
|
distribute.
|
||||||
|
|
||||||
|
7. You may place library facilities that are a work based on the
|
||||||
|
Library side-by-side in a single library together with other library
|
||||||
|
facilities not covered by this License, and distribute such a combined
|
||||||
|
library, provided that the separate distribution of the work based on
|
||||||
|
the Library and of the other library facilities is otherwise
|
||||||
|
permitted, and provided that you do these two things:
|
||||||
|
|
||||||
|
a) Accompany the combined library with a copy of the same work
|
||||||
|
based on the Library, uncombined with any other library
|
||||||
|
facilities. This must be distributed under the terms of the
|
||||||
|
Sections above.
|
||||||
|
|
||||||
|
b) Give prominent notice with the combined library of the fact
|
||||||
|
that part of it is a work based on the Library, and explaining
|
||||||
|
where to find the accompanying uncombined form of the same work.
|
||||||
|
|
||||||
|
8. You may not copy, modify, sublicense, link with, or distribute
|
||||||
|
the Library except as expressly provided under this License. Any
|
||||||
|
attempt otherwise to copy, modify, sublicense, link with, or
|
||||||
|
distribute the Library is void, and will automatically terminate your
|
||||||
|
rights under this License. However, parties who have received copies,
|
||||||
|
or rights, from you under this License will not have their licenses
|
||||||
|
terminated so long as such parties remain in full compliance.
|
||||||
|
|
||||||
|
9. You are not required to accept this License, since you have not
|
||||||
|
signed it. However, nothing else grants you permission to modify or
|
||||||
|
distribute the Library or its derivative works. These actions are
|
||||||
|
prohibited by law if you do not accept this License. Therefore, by
|
||||||
|
modifying or distributing the Library (or any work based on the
|
||||||
|
Library), you indicate your acceptance of this License to do so, and
|
||||||
|
all its terms and conditions for copying, distributing or modifying
|
||||||
|
the Library or works based on it.
|
||||||
|
|
||||||
|
10. Each time you redistribute the Library (or any work based on the
|
||||||
|
Library), the recipient automatically receives a license from the
|
||||||
|
original licensor to copy, distribute, link with or modify the Library
|
||||||
|
subject to these terms and conditions. You may not impose any further
|
||||||
|
restrictions on the recipients' exercise of the rights granted herein.
|
||||||
|
You are not responsible for enforcing compliance by third parties with
|
||||||
|
this License.
|
||||||
|
|
||||||
|
11. If, as a consequence of a court judgment or allegation of patent
|
||||||
|
infringement or for any other reason (not limited to patent issues),
|
||||||
|
conditions are imposed on you (whether by court order, agreement or
|
||||||
|
otherwise) that contradict the conditions of this License, they do not
|
||||||
|
excuse you from the conditions of this License. If you cannot
|
||||||
|
distribute so as to satisfy simultaneously your obligations under this
|
||||||
|
License and any other pertinent obligations, then as a consequence you
|
||||||
|
may not distribute the Library at all. For example, if a patent
|
||||||
|
license would not permit royalty-free redistribution of the Library by
|
||||||
|
all those who receive copies directly or indirectly through you, then
|
||||||
|
the only way you could satisfy both it and this License would be to
|
||||||
|
refrain entirely from distribution of the Library.
|
||||||
|
|
||||||
|
If any portion of this section is held invalid or unenforceable under any
|
||||||
|
particular circumstance, the balance of the section is intended to apply,
|
||||||
|
and the section as a whole is intended to apply in other circumstances.
|
||||||
|
|
||||||
|
It is not the purpose of this section to induce you to infringe any
|
||||||
|
patents or other property right claims or to contest validity of any
|
||||||
|
such claims; this section has the sole purpose of protecting the
|
||||||
|
integrity of the free software distribution system which is
|
||||||
|
implemented by public license practices. Many people have made
|
||||||
|
generous contributions to the wide range of software distributed
|
||||||
|
through that system in reliance on consistent application of that
|
||||||
|
system; it is up to the author/donor to decide if he or she is willing
|
||||||
|
to distribute software through any other system and a licensee cannot
|
||||||
|
impose that choice.
|
||||||
|
|
||||||
|
This section is intended to make thoroughly clear what is believed to
|
||||||
|
be a consequence of the rest of this License.
|
||||||
|
|
||||||
|
12. If the distribution and/or use of the Library is restricted in
|
||||||
|
certain countries either by patents or by copyrighted interfaces, the
|
||||||
|
original copyright holder who places the Library under this License may add
|
||||||
|
an explicit geographical distribution limitation excluding those countries,
|
||||||
|
so that distribution is permitted only in or among countries not thus
|
||||||
|
excluded. In such case, this License incorporates the limitation as if
|
||||||
|
written in the body of this License.
|
||||||
|
|
||||||
|
13. The Free Software Foundation may publish revised and/or new
|
||||||
|
versions of the Lesser General Public License from time to time.
|
||||||
|
Such new versions will be similar in spirit to the present version,
|
||||||
|
but may differ in detail to address new problems or concerns.
|
||||||
|
|
||||||
|
Each version is given a distinguishing version number. If the Library
|
||||||
|
specifies a version number of this License which applies to it and
|
||||||
|
"any later version", you have the option of following the terms and
|
||||||
|
conditions either of that version or of any later version published by
|
||||||
|
the Free Software Foundation. If the Library does not specify a
|
||||||
|
license version number, you may choose any version ever published by
|
||||||
|
the Free Software Foundation.
|
||||||
|
|
||||||
|
14. If you wish to incorporate parts of the Library into other free
|
||||||
|
programs whose distribution conditions are incompatible with these,
|
||||||
|
write to the author to ask for permission. For software which is
|
||||||
|
copyrighted by the Free Software Foundation, write to the Free
|
||||||
|
Software Foundation; we sometimes make exceptions for this. Our
|
||||||
|
decision will be guided by the two goals of preserving the free status
|
||||||
|
of all derivatives of our free software and of promoting the sharing
|
||||||
|
and reuse of software generally.
|
||||||
|
|
||||||
|
NO WARRANTY
|
||||||
|
|
||||||
|
15. BECAUSE THE LIBRARY IS LICENSED FREE OF CHARGE, THERE IS NO
|
||||||
|
WARRANTY FOR THE LIBRARY, TO THE EXTENT PERMITTED BY APPLICABLE LAW.
|
||||||
|
EXCEPT WHEN OTHERWISE STATED IN WRITING THE COPYRIGHT HOLDERS AND/OR
|
||||||
|
OTHER PARTIES PROVIDE THE LIBRARY "AS IS" WITHOUT WARRANTY OF ANY
|
||||||
|
KIND, EITHER EXPRESSED OR IMPLIED, INCLUDING, BUT NOT LIMITED TO, THE
|
||||||
|
IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR
|
||||||
|
PURPOSE. THE ENTIRE RISK AS TO THE QUALITY AND PERFORMANCE OF THE
|
||||||
|
LIBRARY IS WITH YOU. SHOULD THE LIBRARY PROVE DEFECTIVE, YOU ASSUME
|
||||||
|
THE COST OF ALL NECESSARY SERVICING, REPAIR OR CORRECTION.
|
||||||
|
|
||||||
|
16. IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN
|
||||||
|
WRITING WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MAY MODIFY
|
||||||
|
AND/OR REDISTRIBUTE THE LIBRARY AS PERMITTED ABOVE, BE LIABLE TO YOU
|
||||||
|
FOR DAMAGES, INCLUDING ANY GENERAL, SPECIAL, INCIDENTAL OR
|
||||||
|
CONSEQUENTIAL DAMAGES ARISING OUT OF THE USE OR INABILITY TO USE THE
|
||||||
|
LIBRARY (INCLUDING BUT NOT LIMITED TO LOSS OF DATA OR DATA BEING
|
||||||
|
RENDERED INACCURATE OR LOSSES SUSTAINED BY YOU OR THIRD PARTIES OR A
|
||||||
|
FAILURE OF THE LIBRARY TO OPERATE WITH ANY OTHER SOFTWARE), EVEN IF
|
||||||
|
SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE POSSIBILITY OF SUCH
|
||||||
|
DAMAGES.
|
||||||
|
|
||||||
|
END OF TERMS AND CONDITIONS
|
||||||
|
|
||||||
|
How to Apply These Terms to Your New Libraries
|
||||||
|
|
||||||
|
If you develop a new library, and you want it to be of the greatest
|
||||||
|
possible use to the public, we recommend making it free software that
|
||||||
|
everyone can redistribute and change. You can do so by permitting
|
||||||
|
redistribution under these terms (or, alternatively, under the terms of the
|
||||||
|
ordinary General Public License).
|
||||||
|
|
||||||
|
To apply these terms, attach the following notices to the library. It is
|
||||||
|
safest to attach them to the start of each source file to most effectively
|
||||||
|
convey the exclusion of warranty; and each file should have at least the
|
||||||
|
"copyright" line and a pointer to where the full notice is found.
|
||||||
|
|
||||||
|
<one line to give the library's name and a brief idea of what it does.>
|
||||||
|
Copyright (C) <year> <name of author>
|
||||||
|
|
||||||
|
This library is free software; you can redistribute it and/or
|
||||||
|
modify it under the terms of the GNU Lesser General Public
|
||||||
|
License as published by the Free Software Foundation; either
|
||||||
|
version 2.1 of the License, or (at your option) any later version.
|
||||||
|
|
||||||
|
This library is distributed in the hope that it will be useful,
|
||||||
|
but WITHOUT ANY WARRANTY; without even the implied warranty of
|
||||||
|
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
|
||||||
|
Lesser General Public License for more details.
|
||||||
|
|
||||||
|
You should have received a copy of the GNU Lesser General Public
|
||||||
|
License along with this library; if not, write to the Free Software
|
||||||
|
Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA
|
||||||
|
|
||||||
|
Also add information on how to contact you by electronic and paper mail.
|
||||||
|
|
||||||
|
You should also get your employer (if you work as a programmer) or your
|
||||||
|
school, if any, to sign a "copyright disclaimer" for the library, if
|
||||||
|
necessary. Here is a sample; alter the names:
|
||||||
|
|
||||||
|
Yoyodyne, Inc., hereby disclaims all copyright interest in the
|
||||||
|
library `Frob' (a library for tweaking knobs) written by James Random Hacker.
|
||||||
|
|
||||||
|
<signature of Ty Coon>, 1 April 1990
|
||||||
|
Ty Coon, President of Vice
|
||||||
|
|
||||||
|
That's all there is to it!
|
||||||
51
user/PHPMailer/PHPMailerAutoload.php
Normal file
@@ -0,0 +1,51 @@
|
|||||||
|
<?php
|
||||||
|
/**
|
||||||
|
* PHPMailer SPL autoloader.
|
||||||
|
* PHP Version 5
|
||||||
|
* @package PHPMailer
|
||||||
|
* @link https://github.com/PHPMailer/PHPMailer/ The PHPMailer GitHub project
|
||||||
|
* @author Marcus Bointon (Synchro/coolbru) <phpmailer@synchromedia.co.uk>
|
||||||
|
* @author Jim Jagielski (jimjag) <jimjag@gmail.com>
|
||||||
|
* @author Andy Prevost (codeworxtech) <codeworxtech@users.sourceforge.net>
|
||||||
|
* @author Brent R. Matzelle (original founder)
|
||||||
|
* @copyright 2012 - 2014 Marcus Bointon
|
||||||
|
* @copyright 2010 - 2012 Jim Jagielski
|
||||||
|
* @copyright 2004 - 2009 Andy Prevost
|
||||||
|
* @license http://www.gnu.org/copyleft/lesser.html GNU Lesser General Public License
|
||||||
|
* @note This program is distributed in the hope that it will be useful - WITHOUT
|
||||||
|
* ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
|
||||||
|
* FITNESS FOR A PARTICULAR PURPOSE.
|
||||||
|
*/
|
||||||
|
|
||||||
|
/**
|
||||||
|
* PHPMailer SPL autoloader.
|
||||||
|
* @param string $classname The name of the class to load
|
||||||
|
*/
|
||||||
|
function PHPMailerAutoload($classname)
|
||||||
|
{
|
||||||
|
//Can't use __DIR__ as it's only in PHP 5.3+
|
||||||
|
$filename = dirname(__FILE__).DIRECTORY_SEPARATOR.'class.'.strtolower($classname).'.php';
|
||||||
|
if (is_readable($filename)) {
|
||||||
|
require $filename;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
if (version_compare(PHP_VERSION, '5.1.2', '>=')) {
|
||||||
|
//SPL autoloading was introduced in PHP 5.1.2
|
||||||
|
if (version_compare(PHP_VERSION, '5.3.0', '>=')) {
|
||||||
|
spl_autoload_register('PHPMailerAutoload', true, true);
|
||||||
|
} else {
|
||||||
|
spl_autoload_register('PHPMailerAutoload');
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
/**
|
||||||
|
* Fall back to traditional autoload for old PHP versions
|
||||||
|
* @param string $classname The name of the class to load
|
||||||
|
*/
|
||||||
|
|
||||||
|
spl_autoload_register($classname);
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
}
|
||||||
231
user/PHPMailer/README.md
Normal file
@@ -0,0 +1,231 @@
|
|||||||
|
[](https://supportukrainenow.org/)
|
||||||
|
|
||||||
|

|
||||||
|
|
||||||
|
# PHPMailer – A full-featured email creation and transfer class for PHP
|
||||||
|
|
||||||
|
[](https://github.com/PHPMailer/PHPMailer/actions)
|
||||||
|
[](https://codecov.io/gh/PHPMailer/PHPMailer)
|
||||||
|
[](https://packagist.org/packages/phpmailer/phpmailer)
|
||||||
|
[](https://packagist.org/packages/phpmailer/phpmailer)
|
||||||
|
[](https://packagist.org/packages/phpmailer/phpmailer)
|
||||||
|
[](https://phpmailer.github.io/PHPMailer/)
|
||||||
|
[](https://api.securityscorecards.dev/projects/github.com/PHPMailer/PHPMailer)
|
||||||
|
|
||||||
|
## Features
|
||||||
|
- Probably the world's most popular code for sending email from PHP!
|
||||||
|
- Used by many open-source projects: WordPress, Drupal, 1CRM, SugarCRM, Yii, Joomla! and many more
|
||||||
|
- Integrated SMTP support – send without a local mail server
|
||||||
|
- Send emails with multiple To, CC, BCC, and Reply-to addresses
|
||||||
|
- Multipart/alternative emails for mail clients that do not read HTML email
|
||||||
|
- Add attachments, including inline
|
||||||
|
- Support for UTF-8 content and 8bit, base64, binary, and quoted-printable encodings
|
||||||
|
- SMTP authentication with LOGIN, PLAIN, CRAM-MD5, and XOAUTH2 mechanisms over SMTPS and SMTP+STARTTLS transports
|
||||||
|
- Validates email addresses automatically
|
||||||
|
- Protects against header injection attacks
|
||||||
|
- Error messages in over 50 languages!
|
||||||
|
- DKIM and S/MIME signing support
|
||||||
|
- Compatible with PHP 5.5 and later, including PHP 8.2
|
||||||
|
- Namespaced to prevent name clashes
|
||||||
|
- Much more!
|
||||||
|
|
||||||
|
## Why you might need it
|
||||||
|
Many PHP developers need to send email from their code. The only PHP function that supports this directly is [`mail()`](https://www.php.net/manual/en/function.mail.php). However, it does not provide any assistance for making use of popular features such as encryption, authentication, HTML messages, and attachments.
|
||||||
|
|
||||||
|
Formatting email correctly is surprisingly difficult. There are myriad overlapping (and conflicting) standards, requiring tight adherence to horribly complicated formatting and encoding rules – the vast majority of code that you'll find online that uses the `mail()` function directly is just plain wrong, if not unsafe!
|
||||||
|
|
||||||
|
The PHP `mail()` function usually sends via a local mail server, typically fronted by a `sendmail` binary on Linux, BSD, and macOS platforms, however, Windows usually doesn't include a local mail server; PHPMailer's integrated SMTP client allows email sending on all platforms without needing a local mail server. Be aware though, that the `mail()` function should be avoided when possible; it's both faster and [safer](https://exploitbox.io/paper/Pwning-PHP-Mail-Function-For-Fun-And-RCE.html) to use SMTP to localhost.
|
||||||
|
|
||||||
|
*Please* don't be tempted to do it yourself – if you don't use PHPMailer, there are many other excellent libraries that
|
||||||
|
you should look at before rolling your own. Try [SwiftMailer](https://swiftmailer.symfony.com/)
|
||||||
|
, [Laminas/Mail](https://docs.laminas.dev/laminas-mail/), [ZetaComponents](https://github.com/zetacomponents/Mail), etc.
|
||||||
|
|
||||||
|
## License
|
||||||
|
This software is distributed under the [LGPL 2.1](http://www.gnu.org/licenses/lgpl-2.1.html) license, along with the [GPL Cooperation Commitment](https://gplcc.github.io/gplcc/). Please read [LICENSE](https://github.com/PHPMailer/PHPMailer/blob/master/LICENSE) for information on the software availability and distribution.
|
||||||
|
|
||||||
|
## Installation & loading
|
||||||
|
PHPMailer is available on [Packagist](https://packagist.org/packages/phpmailer/phpmailer) (using semantic versioning), and installation via [Composer](https://getcomposer.org) is the recommended way to install PHPMailer. Just add this line to your `composer.json` file:
|
||||||
|
|
||||||
|
```json
|
||||||
|
"phpmailer/phpmailer": "^6.9.1"
|
||||||
|
```
|
||||||
|
|
||||||
|
or run
|
||||||
|
|
||||||
|
```sh
|
||||||
|
composer require phpmailer/phpmailer
|
||||||
|
```
|
||||||
|
|
||||||
|
Note that the `vendor` folder and the `vendor/autoload.php` script are generated by Composer; they are not part of PHPMailer.
|
||||||
|
|
||||||
|
If you want to use XOAUTH2 authentication, you will also need to add a dependency on the `league/oauth2-client` and appropriate service adapters package in your `composer.json`, or take a look at
|
||||||
|
by @decomplexity's [SendOauth2 wrapper](https://github.com/decomplexity/SendOauth2), especially if you're using Microsoft services.
|
||||||
|
|
||||||
|
Alternatively, if you're not using Composer, you
|
||||||
|
can [download PHPMailer as a zip file](https://github.com/PHPMailer/PHPMailer/archive/master.zip), (note that docs and examples are not included in the zip file), then copy the contents of the PHPMailer folder into one of the `include_path` directories specified in your PHP configuration and load each class file manually:
|
||||||
|
|
||||||
|
```php
|
||||||
|
<?php
|
||||||
|
use PHPMailer\PHPMailer\PHPMailer;
|
||||||
|
use PHPMailer\PHPMailer\Exception;
|
||||||
|
|
||||||
|
require 'path/to/PHPMailer/src/Exception.php';
|
||||||
|
require 'path/to/PHPMailer/src/PHPMailer.php';
|
||||||
|
require 'path/to/PHPMailer/src/SMTP.php';
|
||||||
|
```
|
||||||
|
|
||||||
|
If you're not using the `SMTP` class explicitly (you're probably not), you don't need a `use` line for the SMTP class. Even if you're not using exceptions, you do still need to load the `Exception` class as it is used internally.
|
||||||
|
|
||||||
|
## Legacy versions
|
||||||
|
PHPMailer 5.2 (which is compatible with PHP 5.0 — 7.0) is no longer supported, even for security updates. You will find the latest version of 5.2 in the [5.2-stable branch](https://github.com/PHPMailer/PHPMailer/tree/5.2-stable). If you're using PHP 5.5 or later (which you should be), switch to the 6.x releases.
|
||||||
|
|
||||||
|
### Upgrading from 5.2
|
||||||
|
The biggest changes are that source files are now in the `src/` folder, and PHPMailer now declares the namespace `PHPMailer\PHPMailer`. This has several important effects – [read the upgrade guide](https://github.com/PHPMailer/PHPMailer/tree/master/UPGRADING.md) for more details.
|
||||||
|
|
||||||
|
### Minimal installation
|
||||||
|
While installing the entire package manually or with Composer is simple, convenient, and reliable, you may want to include only vital files in your project. At the very least you will need [src/PHPMailer.php](https://github.com/PHPMailer/PHPMailer/tree/master/src/PHPMailer.php). If you're using SMTP, you'll need [src/SMTP.php](https://github.com/PHPMailer/PHPMailer/tree/master/src/SMTP.php), and if you're using POP-before SMTP (*very* unlikely!), you'll need [src/POP3.php](https://github.com/PHPMailer/PHPMailer/tree/master/src/POP3.php). You can skip the [language](https://github.com/PHPMailer/PHPMailer/tree/master/language/) folder if you're not showing errors to users and can make do with English-only errors. If you're using XOAUTH2 you will need [src/OAuth.php](https://github.com/PHPMailer/PHPMailer/tree/master/src/OAuth.php) as well as the Composer dependencies for the services you wish to authenticate with. Really, it's much easier to use Composer!
|
||||||
|
|
||||||
|
## A Simple Example
|
||||||
|
|
||||||
|
```php
|
||||||
|
<?php
|
||||||
|
//Import PHPMailer classes into the global namespace
|
||||||
|
//These must be at the top of your script, not inside a function
|
||||||
|
use PHPMailer\PHPMailer\PHPMailer;
|
||||||
|
use PHPMailer\PHPMailer\SMTP;
|
||||||
|
use PHPMailer\PHPMailer\Exception;
|
||||||
|
|
||||||
|
//Load Composer's autoloader
|
||||||
|
require 'vendor/autoload.php';
|
||||||
|
|
||||||
|
//Create an instance; passing `true` enables exceptions
|
||||||
|
$mail = new PHPMailer(true);
|
||||||
|
|
||||||
|
try {
|
||||||
|
//Server settings
|
||||||
|
$mail->SMTPDebug = SMTP::DEBUG_SERVER; //Enable verbose debug output
|
||||||
|
$mail->isSMTP(); //Send using SMTP
|
||||||
|
$mail->Host = 'smtp.example.com'; //Set the SMTP server to send through
|
||||||
|
$mail->SMTPAuth = true; //Enable SMTP authentication
|
||||||
|
$mail->Username = 'user@example.com'; //SMTP username
|
||||||
|
$mail->Password = 'secret'; //SMTP password
|
||||||
|
$mail->SMTPSecure = PHPMailer::ENCRYPTION_SMTPS; //Enable implicit TLS encryption
|
||||||
|
$mail->Port = 465; //TCP port to connect to; use 587 if you have set `SMTPSecure = PHPMailer::ENCRYPTION_STARTTLS`
|
||||||
|
|
||||||
|
//Recipients
|
||||||
|
$mail->setFrom('from@example.com', 'Mailer');
|
||||||
|
$mail->addAddress('joe@example.net', 'Joe User'); //Add a recipient
|
||||||
|
$mail->addAddress('ellen@example.com'); //Name is optional
|
||||||
|
$mail->addReplyTo('info@example.com', 'Information');
|
||||||
|
$mail->addCC('cc@example.com');
|
||||||
|
$mail->addBCC('bcc@example.com');
|
||||||
|
|
||||||
|
//Attachments
|
||||||
|
$mail->addAttachment('/var/tmp/file.tar.gz'); //Add attachments
|
||||||
|
$mail->addAttachment('/tmp/image.jpg', 'new.jpg'); //Optional name
|
||||||
|
|
||||||
|
//Content
|
||||||
|
$mail->isHTML(true); //Set email format to HTML
|
||||||
|
$mail->Subject = 'Here is the subject';
|
||||||
|
$mail->Body = 'This is the HTML message body <b>in bold!</b>';
|
||||||
|
$mail->AltBody = 'This is the body in plain text for non-HTML mail clients';
|
||||||
|
|
||||||
|
$mail->send();
|
||||||
|
echo 'Message has been sent';
|
||||||
|
} catch (Exception $e) {
|
||||||
|
echo "Message could not be sent. Mailer Error: {$mail->ErrorInfo}";
|
||||||
|
}
|
||||||
|
```
|
||||||
|
|
||||||
|
You'll find plenty to play with in the [examples](https://github.com/PHPMailer/PHPMailer/tree/master/examples) folder, which covers many common scenarios including sending through Gmail, building contact forms, sending to mailing lists, and more.
|
||||||
|
|
||||||
|
If you are re-using the instance (e.g. when sending to a mailing list), you may need to clear the recipient list to avoid sending duplicate messages. See [the mailing list example](https://github.com/PHPMailer/PHPMailer/blob/master/examples/mailing_list.phps) for further guidance.
|
||||||
|
|
||||||
|
That's it. You should now be ready to use PHPMailer!
|
||||||
|
|
||||||
|
## Localization
|
||||||
|
PHPMailer defaults to English, but in the [language](https://github.com/PHPMailer/PHPMailer/tree/master/language/) folder, you'll find many translations for PHPMailer error messages that you may encounter. Their filenames contain [ISO 639-1](http://en.wikipedia.org/wiki/ISO_639-1) language code for the translations, for example `fr` for French. To specify a language, you need to tell PHPMailer which one to use, like this:
|
||||||
|
|
||||||
|
```php
|
||||||
|
//To load the French version
|
||||||
|
$mail->setLanguage('fr', '/optional/path/to/language/directory/');
|
||||||
|
```
|
||||||
|
|
||||||
|
We welcome corrections and new languages – if you're looking for corrections, run the [Language/TranslationCompletenessTest.php](https://github.com/PHPMailer/PHPMailer/blob/master/test/Language/TranslationCompletenessTest.php) script in the tests folder and it will show any missing translations.
|
||||||
|
|
||||||
|
## Documentation
|
||||||
|
Start reading at the [GitHub wiki](https://github.com/PHPMailer/PHPMailer/wiki). If you're having trouble, head for [the troubleshooting guide](https://github.com/PHPMailer/PHPMailer/wiki/Troubleshooting) as it's frequently updated.
|
||||||
|
|
||||||
|
Examples of how to use PHPMailer for common scenarios can be found in the [examples](https://github.com/PHPMailer/PHPMailer/tree/master/examples) folder. If you're looking for a good starting point, we recommend you start with [the Gmail example](https://github.com/PHPMailer/PHPMailer/tree/master/examples/gmail.phps).
|
||||||
|
|
||||||
|
To reduce PHPMailer's deployed code footprint, examples are not included if you load PHPMailer via Composer or via [GitHub's zip file download](https://github.com/PHPMailer/PHPMailer/archive/master.zip), so you'll need to either clone the git repository or use the above links to get to the examples directly.
|
||||||
|
|
||||||
|
Complete generated API documentation is [available online](https://phpmailer.github.io/PHPMailer/).
|
||||||
|
|
||||||
|
You can generate complete API-level documentation by running `phpdoc` in the top-level folder, and documentation will appear in the `docs` folder, though you'll need to have [PHPDocumentor](http://www.phpdoc.org) installed. You may find [the unit tests](https://github.com/PHPMailer/PHPMailer/blob/master/test/PHPMailerTest.php) a good reference for how to do various operations such as encryption.
|
||||||
|
|
||||||
|
If the documentation doesn't cover what you need, search the [many questions on Stack Overflow](http://stackoverflow.com/questions/tagged/phpmailer), and before you ask a question about "SMTP Error: Could not connect to SMTP host.", [read the troubleshooting guide](https://github.com/PHPMailer/PHPMailer/wiki/Troubleshooting).
|
||||||
|
|
||||||
|
## Tests
|
||||||
|
[PHPMailer tests](https://github.com/PHPMailer/PHPMailer/tree/master/test/) use PHPUnit 9, with [a polyfill](https://github.com/Yoast/PHPUnit-Polyfills) to let 9-style tests run on older PHPUnit and PHP versions.
|
||||||
|
|
||||||
|
[](https://github.com/PHPMailer/PHPMailer/actions)
|
||||||
|
|
||||||
|
If this isn't passing, is there something you can do to help?
|
||||||
|
|
||||||
|
## Security
|
||||||
|
Please disclose any vulnerabilities found responsibly – report security issues to the maintainers privately.
|
||||||
|
|
||||||
|
See [SECURITY](https://github.com/PHPMailer/PHPMailer/tree/master/SECURITY.md) and [PHPMailer's security advisories on GitHub](https://github.com/PHPMailer/PHPMailer/security).
|
||||||
|
|
||||||
|
## Contributing
|
||||||
|
Please submit bug reports, suggestions, and pull requests to the [GitHub issue tracker](https://github.com/PHPMailer/PHPMailer/issues).
|
||||||
|
|
||||||
|
We're particularly interested in fixing edge cases, expanding test coverage, and updating translations.
|
||||||
|
|
||||||
|
If you found a mistake in the docs, or want to add something, go ahead and amend the wiki – anyone can edit it.
|
||||||
|
|
||||||
|
If you have git clones from prior to the move to the PHPMailer GitHub organisation, you'll need to update any remote URLs referencing the old GitHub location with a command like this from within your clone:
|
||||||
|
|
||||||
|
```sh
|
||||||
|
git remote set-url upstream https://github.com/PHPMailer/PHPMailer.git
|
||||||
|
```
|
||||||
|
|
||||||
|
Please *don't* use the SourceForge or Google Code projects any more; they are obsolete and no longer maintained.
|
||||||
|
|
||||||
|
## Sponsorship
|
||||||
|
Development time and resources for PHPMailer are provided by [Smartmessages.net](https://info.smartmessages.net/), the world's only privacy-first email marketing system.
|
||||||
|
|
||||||
|
<a href="https://info.smartmessages.net/"><img src="https://www.smartmessages.net/img/smartmessages-logo.svg" width="550" alt="Smartmessages.net privacy-first email marketing logo"></a>
|
||||||
|
|
||||||
|
Donations are very welcome, whether in beer 🍺, T-shirts 👕, or cold, hard cash 💰. Sponsorship through GitHub is a simple and convenient way to say "thank you" to PHPMailer's maintainers and contributors – just click the "Sponsor" button [on the project page](https://github.com/PHPMailer/PHPMailer). If your company uses PHPMailer, consider taking part in Tidelift's enterprise support programme.
|
||||||
|
|
||||||
|
## PHPMailer For Enterprise
|
||||||
|
|
||||||
|
Available as part of the Tidelift Subscription.
|
||||||
|
|
||||||
|
The maintainers of PHPMailer and thousands of other packages are working with Tidelift to deliver commercial
|
||||||
|
support and maintenance for the open-source packages you use to build your applications. Save time, reduce risk, and
|
||||||
|
improve code health, while paying the maintainers of the exact packages you
|
||||||
|
use. [Learn more.](https://tidelift.com/subscription/pkg/packagist-phpmailer-phpmailer?utm_source=packagist-phpmailer-phpmailer&utm_medium=referral&utm_campaign=enterprise&utm_term=repo)
|
||||||
|
|
||||||
|
## Changelog
|
||||||
|
See [changelog](changelog.md).
|
||||||
|
|
||||||
|
## History
|
||||||
|
- PHPMailer was originally written in 2001 by Brent R. Matzelle as a [SourceForge project](http://sourceforge.net/projects/phpmailer/).
|
||||||
|
- [Marcus Bointon](https://github.com/Synchro) (`coolbru` on SF) and Andy Prevost (`codeworxtech`) took over the project in 2004.
|
||||||
|
- Became an Apache incubator project on Google Code in 2010, managed by Jim Jagielski.
|
||||||
|
- Marcus created [his fork on GitHub](https://github.com/Synchro/PHPMailer) in 2008.
|
||||||
|
- Jim and Marcus decide to join forces and use GitHub as the canonical and official repo for PHPMailer in 2013.
|
||||||
|
- PHPMailer moves to [the PHPMailer organisation](https://github.com/PHPMailer) on GitHub in 2013.
|
||||||
|
|
||||||
|
### What's changed since moving from SourceForge?
|
||||||
|
- Official successor to the SourceForge and Google Code projects.
|
||||||
|
- Test suite.
|
||||||
|
- Continuous integration with GitHub Actions.
|
||||||
|
- Composer support.
|
||||||
|
- Public development.
|
||||||
|
- Additional languages and language strings.
|
||||||
|
- CRAM-MD5 authentication support.
|
||||||
|
- Preserves full repo history of authors, commits, and branches from the original SourceForge project.
|
||||||
37
user/PHPMailer/SECURITY.md
Normal file
@@ -0,0 +1,37 @@
|
|||||||
|
# Security notices relating to PHPMailer
|
||||||
|
|
||||||
|
Please disclose any security issues or vulnerabilities found through [Tidelift's coordinated disclosure system](https://tidelift.com/security) or to the maintainers privately.
|
||||||
|
|
||||||
|
PHPMailer 6.4.1 and earlier contain a vulnerability that can result in untrusted code being called (if such code is injected into the host project's scope by other means). If the `$patternselect` parameter to `validateAddress()` is set to `'php'` (the default, defined by `PHPMailer::$validator`), and the global namespace contains a function called `php`, it will be called in preference to the built-in validator of the same name. Mitigated in PHPMailer 6.5.0 by denying the use of simple strings as validator function names. Recorded as [CVE-2021-3603](https://web.nvd.nist.gov/view/vuln/detail?vulnId=CVE-2021-3603). Reported by [Vikrant Singh Chauhan](mailto:vi@hackberry.xyz) via [huntr.dev](https://www.huntr.dev/).
|
||||||
|
|
||||||
|
PHPMailer versions 6.4.1 and earlier contain a possible remote code execution vulnerability through the `$lang_path` parameter of the `setLanguage()` method. If the `$lang_path` parameter is passed unfiltered from user input, it can be set to [a UNC path](https://docs.microsoft.com/en-us/dotnet/standard/io/file-path-formats#unc-paths), and if an attacker is also able to persuade the server to load a file from that UNC path, a script file under their control may be executed. This vulnerability only applies to systems that resolve UNC paths, typically only Microsoft Windows.
|
||||||
|
PHPMailer 6.5.0 mitigates this by no longer treating translation files as PHP code, but by parsing their text content directly. This approach avoids the possibility of executing unknown code while retaining backward compatibility. This isn't ideal, so the current translation format is deprecated and will be replaced in the next major release. Recorded as [CVE-2021-34551](https://web.nvd.nist.gov/view/vuln/detail?vulnId=CVE-2021-34551). Reported by [Jilin Diting Information Technology Co., Ltd](https://listensec.com) via Tidelift.
|
||||||
|
|
||||||
|
PHPMailer versions between 6.1.8 and 6.4.0 contain a regression of the earlier CVE-2018-19296 object injection vulnerability as a result of [a fix for Windows UNC paths in 6.1.8](https://github.com/PHPMailer/PHPMailer/commit/e2e07a355ee8ff36aba21d0242c5950c56e4c6f9). Recorded as [CVE-2020-36326](https://web.nvd.nist.gov/view/vuln/detail?vulnId=CVE-2020-36326). Reported by Fariskhi Vidyan via Tidelift. 6.4.1 fixes this issue, and also enforces stricter checks for URL schemes in local path contexts.
|
||||||
|
|
||||||
|
PHPMailer versions 6.1.5 and earlier contain an output escaping bug that occurs in `Content-Type` and `Content-Disposition` when filenames passed into `addAttachment` and other methods that accept attachment names contain double quote characters, in contravention of RFC822 3.4.1. No specific vulnerability has been found relating to this, but it could allow file attachments to bypass attachment filters that are based on matching filename extensions. Recorded as [CVE-2020-13625](https://web.nvd.nist.gov/view/vuln/detail?vulnId=CVE-2020-13625). Reported by Elar Lang of Clarified Security.
|
||||||
|
|
||||||
|
PHPMailer versions prior to 6.0.6 and 5.2.27 are vulnerable to an object injection attack by passing `phar://` paths into `addAttachment()` and other functions that may receive unfiltered local paths, possibly leading to RCE. Recorded as [CVE-2018-19296](https://web.nvd.nist.gov/view/vuln/detail?vulnId=CVE-2018-19296). See [this article](https://knasmueller.net/5-answers-about-php-phar-exploitation) for more info on this type of vulnerability. Mitigated by blocking the use of paths containing URL-protocol style prefixes such as `phar://`. Reported by Sehun Oh of cyberone.kr.
|
||||||
|
|
||||||
|
PHPMailer versions prior to 5.2.24 (released July 26th 2017) have an XSS vulnerability in one of the code examples, [CVE-2017-11503](https://web.nvd.nist.gov/view/vuln/detail?vulnId=CVE-2017-11503). The `code_generator.phps` example did not filter user input prior to output. This file is distributed with a `.phps` extension, so it it not normally executable unless it is explicitly renamed, and the file is not included when PHPMailer is loaded through composer, so it is safe by default. There was also an undisclosed potential XSS vulnerability in the default exception handler (unused by default). Patches for both issues kindly provided by Patrick Monnerat of the Fedora Project.
|
||||||
|
|
||||||
|
PHPMailer versions prior to 5.2.22 (released January 9th 2017) have a local file disclosure vulnerability, [CVE-2017-5223](https://web.nvd.nist.gov/view/vuln/detail?vulnId=CVE-2017-5223). If content passed into `msgHTML()` is sourced from unfiltered user input, relative paths can map to absolute local file paths and added as attachments. Also note that `addAttachment` (just like `file_get_contents`, `passthru`, `unlink`, etc) should not be passed user-sourced params either! Reported by Yongxiang Li of Asiasecurity.
|
||||||
|
|
||||||
|
PHPMailer versions prior to 5.2.20 (released December 28th 2016) are vulnerable to [CVE-2016-10045](https://web.nvd.nist.gov/view/vuln/detail?vulnId=CVE-2016-10045) a remote code execution vulnerability, responsibly reported by [Dawid Golunski](https://legalhackers.com/advisories/PHPMailer-Exploit-Remote-Code-Exec-CVE-2016-10045-Vuln-Patch-Bypass.html), and patched by Paul Buonopane (@Zenexer).
|
||||||
|
|
||||||
|
PHPMailer versions prior to 5.2.18 (released December 2016) are vulnerable to [CVE-2016-10033](https://web.nvd.nist.gov/view/vuln/detail?vulnId=CVE-2016-10033) a remote code execution vulnerability, responsibly reported by [Dawid Golunski](http://legalhackers.com/advisories/PHPMailer-Exploit-Remote-Code-Exec-CVE-2016-10033-Vuln.html).
|
||||||
|
|
||||||
|
PHPMailer versions prior to 5.2.14 (released November 2015) are vulnerable to [CVE-2015-8476](https://web.nvd.nist.gov/view/vuln/detail?vulnId=CVE-2015-8476) an SMTP CRLF injection bug permitting arbitrary message sending.
|
||||||
|
|
||||||
|
PHPMailer versions prior to 5.2.10 (released May 2015) are vulnerable to [CVE-2008-5619](https://web.nvd.nist.gov/view/vuln/detail?vulnId=CVE-2008-5619), a remote code execution vulnerability in the bundled html2text library. This file was removed in 5.2.10, so if you are using a version prior to that and make use of the html2text function, it's vitally important that you upgrade and remove this file.
|
||||||
|
|
||||||
|
PHPMailer versions prior to 2.0.7 and 2.2.1 are vulnerable to [CVE-2012-0796](https://web.nvd.nist.gov/view/vuln/detail?vulnId=CVE-2012-0796), an email header injection attack.
|
||||||
|
|
||||||
|
Joomla 1.6.0 uses PHPMailer in an unsafe way, allowing it to reveal local file paths, reported in [CVE-2011-3747](https://web.nvd.nist.gov/view/vuln/detail?vulnId=CVE-2011-3747).
|
||||||
|
|
||||||
|
PHPMailer didn't sanitise the `$lang_path` parameter in `SetLanguage`. This wasn't a problem in itself, but some apps (PHPClassifieds, ATutor) also failed to sanitise user-provided parameters passed to it, permitting semi-arbitrary local file inclusion, reported in [CVE-2010-4914](https://web.nvd.nist.gov/view/vuln/detail?vulnId=CVE-2010-4914), [CVE-2007-2021](https://web.nvd.nist.gov/view/vuln/detail?vulnId=CVE-2007-2021) and [CVE-2006-5734](https://web.nvd.nist.gov/view/vuln/detail?vulnId=CVE-2006-5734).
|
||||||
|
|
||||||
|
PHPMailer 1.7.2 and earlier contained a possible DDoS vulnerability reported in [CVE-2005-1807](https://web.nvd.nist.gov/view/vuln/detail?vulnId=CVE-2005-1807).
|
||||||
|
|
||||||
|
PHPMailer 1.7 and earlier (June 2003) have a possible vulnerability in the `SendmailSend` method where shell commands may not be sanitised. Reported in [CVE-2007-3215](https://web.nvd.nist.gov/view/vuln/detail?vulnId=CVE-2007-3215).
|
||||||
|
|
||||||
1
user/PHPMailer/Star.txt
Normal file
@@ -0,0 +1 @@
|
|||||||
|
0
|
||||||
1
user/PHPMailer/VERSION
Normal file
@@ -0,0 +1 @@
|
|||||||
|
6.9.1
|
||||||
4039
user/PHPMailer/class.phpmailer.php
Normal file
197
user/PHPMailer/class.phpmaileroauth.php
Normal file
@@ -0,0 +1,197 @@
|
|||||||
|
<?php
|
||||||
|
/**
|
||||||
|
* PHPMailer - PHP email creation and transport class.
|
||||||
|
* PHP Version 5.4
|
||||||
|
* @package PHPMailer
|
||||||
|
* @link https://github.com/PHPMailer/PHPMailer/ The PHPMailer GitHub project
|
||||||
|
* @author Marcus Bointon (Synchro/coolbru) <phpmailer@synchromedia.co.uk>
|
||||||
|
* @author Jim Jagielski (jimjag) <jimjag@gmail.com>
|
||||||
|
* @author Andy Prevost (codeworxtech) <codeworxtech@users.sourceforge.net>
|
||||||
|
* @author Brent R. Matzelle (original founder)
|
||||||
|
* @copyright 2012 - 2014 Marcus Bointon
|
||||||
|
* @copyright 2010 - 2012 Jim Jagielski
|
||||||
|
* @copyright 2004 - 2009 Andy Prevost
|
||||||
|
* @license http://www.gnu.org/copyleft/lesser.html GNU Lesser General Public License
|
||||||
|
* @note This program is distributed in the hope that it will be useful - WITHOUT
|
||||||
|
* ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
|
||||||
|
* FITNESS FOR A PARTICULAR PURPOSE.
|
||||||
|
*/
|
||||||
|
|
||||||
|
/**
|
||||||
|
* PHPMailerOAuth - PHPMailer subclass adding OAuth support.
|
||||||
|
* @package PHPMailer
|
||||||
|
* @author @sherryl4george
|
||||||
|
* @author Marcus Bointon (@Synchro) <phpmailer@synchromedia.co.uk>
|
||||||
|
*/
|
||||||
|
class PHPMailerOAuth extends PHPMailer
|
||||||
|
{
|
||||||
|
/**
|
||||||
|
* The OAuth user's email address
|
||||||
|
* @var string
|
||||||
|
*/
|
||||||
|
public $oauthUserEmail = '';
|
||||||
|
|
||||||
|
/**
|
||||||
|
* The OAuth refresh token
|
||||||
|
* @var string
|
||||||
|
*/
|
||||||
|
public $oauthRefreshToken = '';
|
||||||
|
|
||||||
|
/**
|
||||||
|
* The OAuth client ID
|
||||||
|
* @var string
|
||||||
|
*/
|
||||||
|
public $oauthClientId = '';
|
||||||
|
|
||||||
|
/**
|
||||||
|
* The OAuth client secret
|
||||||
|
* @var string
|
||||||
|
*/
|
||||||
|
public $oauthClientSecret = '';
|
||||||
|
|
||||||
|
/**
|
||||||
|
* An instance of the PHPMailerOAuthGoogle class.
|
||||||
|
* @var PHPMailerOAuthGoogle
|
||||||
|
* @access protected
|
||||||
|
*/
|
||||||
|
protected $oauth = null;
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Get a PHPMailerOAuthGoogle instance to use.
|
||||||
|
* @return PHPMailerOAuthGoogle
|
||||||
|
*/
|
||||||
|
public function getOAUTHInstance()
|
||||||
|
{
|
||||||
|
if (!is_object($this->oauth)) {
|
||||||
|
$this->oauth = new PHPMailerOAuthGoogle(
|
||||||
|
$this->oauthUserEmail,
|
||||||
|
$this->oauthClientSecret,
|
||||||
|
$this->oauthClientId,
|
||||||
|
$this->oauthRefreshToken
|
||||||
|
);
|
||||||
|
}
|
||||||
|
return $this->oauth;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Initiate a connection to an SMTP server.
|
||||||
|
* Overrides the original smtpConnect method to add support for OAuth.
|
||||||
|
* @param array $options An array of options compatible with stream_context_create()
|
||||||
|
* @uses SMTP
|
||||||
|
* @access public
|
||||||
|
* @return bool
|
||||||
|
* @throws phpmailerException
|
||||||
|
*/
|
||||||
|
public function smtpConnect($options = array())
|
||||||
|
{
|
||||||
|
if (is_null($this->smtp)) {
|
||||||
|
$this->smtp = $this->getSMTPInstance();
|
||||||
|
}
|
||||||
|
|
||||||
|
if (is_null($this->oauth)) {
|
||||||
|
$this->oauth = $this->getOAUTHInstance();
|
||||||
|
}
|
||||||
|
|
||||||
|
// Already connected?
|
||||||
|
if ($this->smtp->connected()) {
|
||||||
|
return true;
|
||||||
|
}
|
||||||
|
|
||||||
|
$this->smtp->setTimeout($this->Timeout);
|
||||||
|
$this->smtp->setDebugLevel($this->SMTPDebug);
|
||||||
|
$this->smtp->setDebugOutput($this->Debugoutput);
|
||||||
|
$this->smtp->setVerp($this->do_verp);
|
||||||
|
$hosts = explode(';', $this->Host);
|
||||||
|
$lastexception = null;
|
||||||
|
|
||||||
|
foreach ($hosts as $hostentry) {
|
||||||
|
$hostinfo = array();
|
||||||
|
if (!preg_match('/^((ssl|tls):\/\/)*([a-zA-Z0-9\.-]*):?([0-9]*)$/', trim($hostentry), $hostinfo)) {
|
||||||
|
// Not a valid host entry
|
||||||
|
continue;
|
||||||
|
}
|
||||||
|
// $hostinfo[2]: optional ssl or tls prefix
|
||||||
|
// $hostinfo[3]: the hostname
|
||||||
|
// $hostinfo[4]: optional port number
|
||||||
|
// The host string prefix can temporarily override the current setting for SMTPSecure
|
||||||
|
// If it's not specified, the default value is used
|
||||||
|
$prefix = '';
|
||||||
|
$secure = $this->SMTPSecure;
|
||||||
|
$tls = ($this->SMTPSecure == 'tls');
|
||||||
|
if ('ssl' == $hostinfo[2] or ('' == $hostinfo[2] and 'ssl' == $this->SMTPSecure)) {
|
||||||
|
$prefix = 'ssl://';
|
||||||
|
$tls = false; // Can't have SSL and TLS at the same time
|
||||||
|
$secure = 'ssl';
|
||||||
|
} elseif ($hostinfo[2] == 'tls') {
|
||||||
|
$tls = true;
|
||||||
|
// tls doesn't use a prefix
|
||||||
|
$secure = 'tls';
|
||||||
|
}
|
||||||
|
//Do we need the OpenSSL extension?
|
||||||
|
$sslext = defined('OPENSSL_ALGO_SHA1');
|
||||||
|
if ('tls' === $secure or 'ssl' === $secure) {
|
||||||
|
//Check for an OpenSSL constant rather than using extension_loaded, which is sometimes disabled
|
||||||
|
if (!$sslext) {
|
||||||
|
throw new phpmailerException($this->lang('extension_missing').'openssl', self::STOP_CRITICAL);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
$host = $hostinfo[3];
|
||||||
|
$port = $this->Port;
|
||||||
|
$tport = (integer)$hostinfo[4];
|
||||||
|
if ($tport > 0 and $tport < 65536) {
|
||||||
|
$port = $tport;
|
||||||
|
}
|
||||||
|
if ($this->smtp->connect($prefix . $host, $port, $this->Timeout, $options)) {
|
||||||
|
try {
|
||||||
|
if ($this->Helo) {
|
||||||
|
$hello = $this->Helo;
|
||||||
|
} else {
|
||||||
|
$hello = $this->serverHostname();
|
||||||
|
}
|
||||||
|
$this->smtp->hello($hello);
|
||||||
|
//Automatically enable TLS encryption if:
|
||||||
|
// * it's not disabled
|
||||||
|
// * we have openssl extension
|
||||||
|
// * we are not already using SSL
|
||||||
|
// * the server offers STARTTLS
|
||||||
|
if ($this->SMTPAutoTLS and $sslext and $secure != 'ssl' and $this->smtp->getServerExt('STARTTLS')) {
|
||||||
|
$tls = true;
|
||||||
|
}
|
||||||
|
if ($tls) {
|
||||||
|
if (!$this->smtp->startTLS()) {
|
||||||
|
throw new phpmailerException($this->lang('connect_host'));
|
||||||
|
}
|
||||||
|
// We must resend HELO after tls negotiation
|
||||||
|
$this->smtp->hello($hello);
|
||||||
|
}
|
||||||
|
if ($this->SMTPAuth) {
|
||||||
|
if (!$this->smtp->authenticate(
|
||||||
|
$this->Username,
|
||||||
|
$this->Password,
|
||||||
|
$this->AuthType,
|
||||||
|
$this->Realm,
|
||||||
|
$this->Workstation,
|
||||||
|
$this->oauth
|
||||||
|
)
|
||||||
|
) {
|
||||||
|
throw new phpmailerException($this->lang('authenticate'));
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return true;
|
||||||
|
} catch (phpmailerException $exc) {
|
||||||
|
$lastexception = $exc;
|
||||||
|
$this->edebug($exc->getMessage());
|
||||||
|
// We must have connected, but then failed TLS or Auth, so close connection nicely
|
||||||
|
$this->smtp->quit();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
// If we get here, all connection attempts have failed, so close connection hard
|
||||||
|
$this->smtp->close();
|
||||||
|
// As we've caught all exceptions, just report whatever the last one was
|
||||||
|
if ($this->exceptions and !is_null($lastexception)) {
|
||||||
|
throw $lastexception;
|
||||||
|
}
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
}
|
||||||
77
user/PHPMailer/class.phpmaileroauthgoogle.php
Normal file
@@ -0,0 +1,77 @@
|
|||||||
|
<?php
|
||||||
|
/**
|
||||||
|
* PHPMailer - PHP email creation and transport class.
|
||||||
|
* PHP Version 5.4
|
||||||
|
* @package PHPMailer
|
||||||
|
* @link https://github.com/PHPMailer/PHPMailer/ The PHPMailer GitHub project
|
||||||
|
* @author Marcus Bointon (Synchro/coolbru) <phpmailer@synchromedia.co.uk>
|
||||||
|
* @author Jim Jagielski (jimjag) <jimjag@gmail.com>
|
||||||
|
* @author Andy Prevost (codeworxtech) <codeworxtech@users.sourceforge.net>
|
||||||
|
* @author Brent R. Matzelle (original founder)
|
||||||
|
* @copyright 2012 - 2014 Marcus Bointon
|
||||||
|
* @copyright 2010 - 2012 Jim Jagielski
|
||||||
|
* @copyright 2004 - 2009 Andy Prevost
|
||||||
|
* @license http://www.gnu.org/copyleft/lesser.html GNU Lesser General Public License
|
||||||
|
* @note This program is distributed in the hope that it will be useful - WITHOUT
|
||||||
|
* ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
|
||||||
|
* FITNESS FOR A PARTICULAR PURPOSE.
|
||||||
|
*/
|
||||||
|
|
||||||
|
/**
|
||||||
|
* PHPMailerOAuthGoogle - Wrapper for League OAuth2 Google provider.
|
||||||
|
* @package PHPMailer
|
||||||
|
* @author @sherryl4george
|
||||||
|
* @author Marcus Bointon (@Synchro) <phpmailer@synchromedia.co.uk>
|
||||||
|
* @link https://github.com/thephpleague/oauth2-client
|
||||||
|
*/
|
||||||
|
class PHPMailerOAuthGoogle
|
||||||
|
{
|
||||||
|
private $oauthUserEmail = '';
|
||||||
|
private $oauthRefreshToken = '';
|
||||||
|
private $oauthClientId = '';
|
||||||
|
private $oauthClientSecret = '';
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @param string $UserEmail
|
||||||
|
* @param string $ClientSecret
|
||||||
|
* @param string $ClientId
|
||||||
|
* @param string $RefreshToken
|
||||||
|
*/
|
||||||
|
public function __construct(
|
||||||
|
$UserEmail,
|
||||||
|
$ClientSecret,
|
||||||
|
$ClientId,
|
||||||
|
$RefreshToken
|
||||||
|
) {
|
||||||
|
$this->oauthClientId = $ClientId;
|
||||||
|
$this->oauthClientSecret = $ClientSecret;
|
||||||
|
$this->oauthRefreshToken = $RefreshToken;
|
||||||
|
$this->oauthUserEmail = $UserEmail;
|
||||||
|
}
|
||||||
|
|
||||||
|
private function getProvider()
|
||||||
|
{
|
||||||
|
return new League\OAuth2\Client\Provider\Google([
|
||||||
|
'clientId' => $this->oauthClientId,
|
||||||
|
'clientSecret' => $this->oauthClientSecret
|
||||||
|
]);
|
||||||
|
}
|
||||||
|
|
||||||
|
private function getGrant()
|
||||||
|
{
|
||||||
|
return new \League\OAuth2\Client\Grant\RefreshToken();
|
||||||
|
}
|
||||||
|
|
||||||
|
private function getToken()
|
||||||
|
{
|
||||||
|
$provider = $this->getProvider();
|
||||||
|
$grant = $this->getGrant();
|
||||||
|
return $provider->getAccessToken($grant, ['refresh_token' => $this->oauthRefreshToken]);
|
||||||
|
}
|
||||||
|
|
||||||
|
public function getOauth64()
|
||||||
|
{
|
||||||
|
$token = $this->getToken();
|
||||||
|
return base64_encode("user=" . $this->oauthUserEmail . "\001auth=Bearer " . $token . "\001\001");
|
||||||
|
}
|
||||||
|
}
|
||||||
407
user/PHPMailer/class.pop3.php
Normal file
@@ -0,0 +1,407 @@
|
|||||||
|
<?php
|
||||||
|
/**
|
||||||
|
* PHPMailer POP-Before-SMTP Authentication Class.
|
||||||
|
* PHP Version 5
|
||||||
|
* @package PHPMailer
|
||||||
|
* @link https://github.com/PHPMailer/PHPMailer/
|
||||||
|
* @author Marcus Bointon (Synchro/coolbru) <phpmailer@synchromedia.co.uk>
|
||||||
|
* @author Jim Jagielski (jimjag) <jimjag@gmail.com>
|
||||||
|
* @author Andy Prevost (codeworxtech) <codeworxtech@users.sourceforge.net>
|
||||||
|
* @author Brent R. Matzelle (original founder)
|
||||||
|
* @copyright 2012 - 2014 Marcus Bointon
|
||||||
|
* @copyright 2010 - 2012 Jim Jagielski
|
||||||
|
* @copyright 2004 - 2009 Andy Prevost
|
||||||
|
* @license http://www.gnu.org/copyleft/lesser.html GNU Lesser General Public License
|
||||||
|
* @note This program is distributed in the hope that it will be useful - WITHOUT
|
||||||
|
* ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
|
||||||
|
* FITNESS FOR A PARTICULAR PURPOSE.
|
||||||
|
*/
|
||||||
|
|
||||||
|
/**
|
||||||
|
* PHPMailer POP-Before-SMTP Authentication Class.
|
||||||
|
* Specifically for PHPMailer to use for RFC1939 POP-before-SMTP authentication.
|
||||||
|
* Does not support APOP.
|
||||||
|
* @package PHPMailer
|
||||||
|
* @author Richard Davey (original author) <rich@corephp.co.uk>
|
||||||
|
* @author Marcus Bointon (Synchro/coolbru) <phpmailer@synchromedia.co.uk>
|
||||||
|
* @author Jim Jagielski (jimjag) <jimjag@gmail.com>
|
||||||
|
* @author Andy Prevost (codeworxtech) <codeworxtech@users.sourceforge.net>
|
||||||
|
*/
|
||||||
|
class POP3
|
||||||
|
{
|
||||||
|
/**
|
||||||
|
* The POP3 PHPMailer Version number.
|
||||||
|
* @var string
|
||||||
|
* @access public
|
||||||
|
*/
|
||||||
|
public $Version = '5.2.22';
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Default POP3 port number.
|
||||||
|
* @var integer
|
||||||
|
* @access public
|
||||||
|
*/
|
||||||
|
public $POP3_PORT = 110;
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Default timeout in seconds.
|
||||||
|
* @var integer
|
||||||
|
* @access public
|
||||||
|
*/
|
||||||
|
public $POP3_TIMEOUT = 30;
|
||||||
|
|
||||||
|
/**
|
||||||
|
* POP3 Carriage Return + Line Feed.
|
||||||
|
* @var string
|
||||||
|
* @access public
|
||||||
|
* @deprecated Use the constant instead
|
||||||
|
*/
|
||||||
|
public $CRLF = "\r\n";
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Debug display level.
|
||||||
|
* Options: 0 = no, 1+ = yes
|
||||||
|
* @var integer
|
||||||
|
* @access public
|
||||||
|
*/
|
||||||
|
public $do_debug = 0;
|
||||||
|
|
||||||
|
/**
|
||||||
|
* POP3 mail server hostname.
|
||||||
|
* @var string
|
||||||
|
* @access public
|
||||||
|
*/
|
||||||
|
public $host;
|
||||||
|
|
||||||
|
/**
|
||||||
|
* POP3 port number.
|
||||||
|
* @var integer
|
||||||
|
* @access public
|
||||||
|
*/
|
||||||
|
public $port;
|
||||||
|
|
||||||
|
/**
|
||||||
|
* POP3 Timeout Value in seconds.
|
||||||
|
* @var integer
|
||||||
|
* @access public
|
||||||
|
*/
|
||||||
|
public $tval;
|
||||||
|
|
||||||
|
/**
|
||||||
|
* POP3 username
|
||||||
|
* @var string
|
||||||
|
* @access public
|
||||||
|
*/
|
||||||
|
public $username;
|
||||||
|
|
||||||
|
/**
|
||||||
|
* POP3 password.
|
||||||
|
* @var string
|
||||||
|
* @access public
|
||||||
|
*/
|
||||||
|
public $password;
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Resource handle for the POP3 connection socket.
|
||||||
|
* @var resource
|
||||||
|
* @access protected
|
||||||
|
*/
|
||||||
|
protected $pop_conn;
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Are we connected?
|
||||||
|
* @var boolean
|
||||||
|
* @access protected
|
||||||
|
*/
|
||||||
|
protected $connected = false;
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Error container.
|
||||||
|
* @var array
|
||||||
|
* @access protected
|
||||||
|
*/
|
||||||
|
protected $errors = array();
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Line break constant
|
||||||
|
*/
|
||||||
|
const CRLF = "\r\n";
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Simple static wrapper for all-in-one POP before SMTP
|
||||||
|
* @param $host
|
||||||
|
* @param integer|boolean $port The port number to connect to
|
||||||
|
* @param integer|boolean $timeout The timeout value
|
||||||
|
* @param string $username
|
||||||
|
* @param string $password
|
||||||
|
* @param integer $debug_level
|
||||||
|
* @return boolean
|
||||||
|
*/
|
||||||
|
public static function popBeforeSmtp(
|
||||||
|
$host,
|
||||||
|
$port = false,
|
||||||
|
$timeout = false,
|
||||||
|
$username = '',
|
||||||
|
$password = '',
|
||||||
|
$debug_level = 0
|
||||||
|
) {
|
||||||
|
$pop = new POP3;
|
||||||
|
return $pop->authorise($host, $port, $timeout, $username, $password, $debug_level);
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Authenticate with a POP3 server.
|
||||||
|
* A connect, login, disconnect sequence
|
||||||
|
* appropriate for POP-before SMTP authorisation.
|
||||||
|
* @access public
|
||||||
|
* @param string $host The hostname to connect to
|
||||||
|
* @param integer|boolean $port The port number to connect to
|
||||||
|
* @param integer|boolean $timeout The timeout value
|
||||||
|
* @param string $username
|
||||||
|
* @param string $password
|
||||||
|
* @param integer $debug_level
|
||||||
|
* @return boolean
|
||||||
|
*/
|
||||||
|
public function authorise($host, $port = false, $timeout = false, $username = '', $password = '', $debug_level = 0)
|
||||||
|
{
|
||||||
|
$this->host = $host;
|
||||||
|
// If no port value provided, use default
|
||||||
|
if (false === $port) {
|
||||||
|
$this->port = $this->POP3_PORT;
|
||||||
|
} else {
|
||||||
|
$this->port = (integer)$port;
|
||||||
|
}
|
||||||
|
// If no timeout value provided, use default
|
||||||
|
if (false === $timeout) {
|
||||||
|
$this->tval = $this->POP3_TIMEOUT;
|
||||||
|
} else {
|
||||||
|
$this->tval = (integer)$timeout;
|
||||||
|
}
|
||||||
|
$this->do_debug = $debug_level;
|
||||||
|
$this->username = $username;
|
||||||
|
$this->password = $password;
|
||||||
|
// Reset the error log
|
||||||
|
$this->errors = array();
|
||||||
|
// connect
|
||||||
|
$result = $this->connect($this->host, $this->port, $this->tval);
|
||||||
|
if ($result) {
|
||||||
|
$login_result = $this->login($this->username, $this->password);
|
||||||
|
if ($login_result) {
|
||||||
|
$this->disconnect();
|
||||||
|
return true;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
// We need to disconnect regardless of whether the login succeeded
|
||||||
|
$this->disconnect();
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Connect to a POP3 server.
|
||||||
|
* @access public
|
||||||
|
* @param string $host
|
||||||
|
* @param integer|boolean $port
|
||||||
|
* @param integer $tval
|
||||||
|
* @return boolean
|
||||||
|
*/
|
||||||
|
public function connect($host, $port = false, $tval = 30)
|
||||||
|
{
|
||||||
|
// Are we already connected?
|
||||||
|
if ($this->connected) {
|
||||||
|
return true;
|
||||||
|
}
|
||||||
|
|
||||||
|
//On Windows this will raise a PHP Warning error if the hostname doesn't exist.
|
||||||
|
//Rather than suppress it with @fsockopen, capture it cleanly instead
|
||||||
|
set_error_handler(array($this, 'catchWarning'));
|
||||||
|
|
||||||
|
if (false === $port) {
|
||||||
|
$port = $this->POP3_PORT;
|
||||||
|
}
|
||||||
|
|
||||||
|
// connect to the POP3 server
|
||||||
|
$this->pop_conn = fsockopen(
|
||||||
|
$host, // POP3 Host
|
||||||
|
$port, // Port #
|
||||||
|
$errno, // Error Number
|
||||||
|
$errstr, // Error Message
|
||||||
|
$tval
|
||||||
|
); // Timeout (seconds)
|
||||||
|
// Restore the error handler
|
||||||
|
restore_error_handler();
|
||||||
|
|
||||||
|
// Did we connect?
|
||||||
|
if (false === $this->pop_conn) {
|
||||||
|
// It would appear not...
|
||||||
|
$this->setError(array(
|
||||||
|
'error' => "Failed to connect to server $host on port $port",
|
||||||
|
'errno' => $errno,
|
||||||
|
'errstr' => $errstr
|
||||||
|
));
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Increase the stream time-out
|
||||||
|
stream_set_timeout($this->pop_conn, $tval, 0);
|
||||||
|
|
||||||
|
// Get the POP3 server response
|
||||||
|
$pop3_response = $this->getResponse();
|
||||||
|
// Check for the +OK
|
||||||
|
if ($this->checkResponse($pop3_response)) {
|
||||||
|
// The connection is established and the POP3 server is talking
|
||||||
|
$this->connected = true;
|
||||||
|
return true;
|
||||||
|
}
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Log in to the POP3 server.
|
||||||
|
* Does not support APOP (RFC 2828, 4949).
|
||||||
|
* @access public
|
||||||
|
* @param string $username
|
||||||
|
* @param string $password
|
||||||
|
* @return boolean
|
||||||
|
*/
|
||||||
|
public function login($username = '', $password = '')
|
||||||
|
{
|
||||||
|
if (!$this->connected) {
|
||||||
|
$this->setError('Not connected to POP3 server');
|
||||||
|
}
|
||||||
|
if (empty($username)) {
|
||||||
|
$username = $this->username;
|
||||||
|
}
|
||||||
|
if (empty($password)) {
|
||||||
|
$password = $this->password;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Send the Username
|
||||||
|
$this->sendString("USER $username" . self::CRLF);
|
||||||
|
$pop3_response = $this->getResponse();
|
||||||
|
if ($this->checkResponse($pop3_response)) {
|
||||||
|
// Send the Password
|
||||||
|
$this->sendString("PASS $password" . self::CRLF);
|
||||||
|
$pop3_response = $this->getResponse();
|
||||||
|
if ($this->checkResponse($pop3_response)) {
|
||||||
|
return true;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Disconnect from the POP3 server.
|
||||||
|
* @access public
|
||||||
|
*/
|
||||||
|
public function disconnect()
|
||||||
|
{
|
||||||
|
$this->sendString('QUIT');
|
||||||
|
//The QUIT command may cause the daemon to exit, which will kill our connection
|
||||||
|
//So ignore errors here
|
||||||
|
try {
|
||||||
|
@fclose($this->pop_conn);
|
||||||
|
} catch (Exception $e) {
|
||||||
|
//Do nothing
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Get a response from the POP3 server.
|
||||||
|
* $size is the maximum number of bytes to retrieve
|
||||||
|
* @param integer $size
|
||||||
|
* @return string
|
||||||
|
* @access protected
|
||||||
|
*/
|
||||||
|
protected function getResponse($size = 128)
|
||||||
|
{
|
||||||
|
$response = fgets($this->pop_conn, $size);
|
||||||
|
if ($this->do_debug >= 1) {
|
||||||
|
echo "Server -> Client: $response";
|
||||||
|
}
|
||||||
|
return $response;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Send raw data to the POP3 server.
|
||||||
|
* @param string $string
|
||||||
|
* @return integer
|
||||||
|
* @access protected
|
||||||
|
*/
|
||||||
|
protected function sendString($string)
|
||||||
|
{
|
||||||
|
if ($this->pop_conn) {
|
||||||
|
if ($this->do_debug >= 2) { //Show client messages when debug >= 2
|
||||||
|
echo "Client -> Server: $string";
|
||||||
|
}
|
||||||
|
return fwrite($this->pop_conn, $string, strlen($string));
|
||||||
|
}
|
||||||
|
return 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Checks the POP3 server response.
|
||||||
|
* Looks for for +OK or -ERR.
|
||||||
|
* @param string $string
|
||||||
|
* @return boolean
|
||||||
|
* @access protected
|
||||||
|
*/
|
||||||
|
protected function checkResponse($string)
|
||||||
|
{
|
||||||
|
if (substr($string, 0, 3) !== '+OK') {
|
||||||
|
$this->setError(array(
|
||||||
|
'error' => "Server reported an error: $string",
|
||||||
|
'errno' => 0,
|
||||||
|
'errstr' => ''
|
||||||
|
));
|
||||||
|
return false;
|
||||||
|
} else {
|
||||||
|
return true;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Add an error to the internal error store.
|
||||||
|
* Also display debug output if it's enabled.
|
||||||
|
* @param $error
|
||||||
|
* @access protected
|
||||||
|
*/
|
||||||
|
protected function setError($error)
|
||||||
|
{
|
||||||
|
$this->errors[] = $error;
|
||||||
|
if ($this->do_debug >= 1) {
|
||||||
|
echo '<pre>';
|
||||||
|
foreach ($this->errors as $error) {
|
||||||
|
print_r($error);
|
||||||
|
}
|
||||||
|
echo '</pre>';
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Get an array of error messages, if any.
|
||||||
|
* @return array
|
||||||
|
*/
|
||||||
|
public function getErrors()
|
||||||
|
{
|
||||||
|
return $this->errors;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* POP3 connection error handler.
|
||||||
|
* @param integer $errno
|
||||||
|
* @param string $errstr
|
||||||
|
* @param string $errfile
|
||||||
|
* @param integer $errline
|
||||||
|
* @access protected
|
||||||
|
*/
|
||||||
|
protected function catchWarning($errno, $errstr, $errfile, $errline)
|
||||||
|
{
|
||||||
|
$this->setError(array(
|
||||||
|
'error' => "Connecting to the POP3 server raised a PHP warning: ",
|
||||||
|
'errno' => $errno,
|
||||||
|
'errstr' => $errstr,
|
||||||
|
'errfile' => $errfile,
|
||||||
|
'errline' => $errline
|
||||||
|
));
|
||||||
|
}
|
||||||
|
}
|
||||||
1249
user/PHPMailer/class.smtp.php
Normal file
79
user/PHPMailer/composer.json
Normal file
@@ -0,0 +1,79 @@
|
|||||||
|
{
|
||||||
|
"name": "phpmailer/phpmailer",
|
||||||
|
"type": "library",
|
||||||
|
"description": "PHPMailer is a full-featured email creation and transfer class for PHP",
|
||||||
|
"authors": [
|
||||||
|
{
|
||||||
|
"name": "Marcus Bointon",
|
||||||
|
"email": "phpmailer@synchromedia.co.uk"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "Jim Jagielski",
|
||||||
|
"email": "jimjag@gmail.com"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "Andy Prevost",
|
||||||
|
"email": "codeworxtech@users.sourceforge.net"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "Brent R. Matzelle"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"funding": [
|
||||||
|
{
|
||||||
|
"url": "https://github.com/Synchro",
|
||||||
|
"type": "github"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"config": {
|
||||||
|
"allow-plugins": {
|
||||||
|
"dealerdirect/phpcodesniffer-composer-installer": true
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"require": {
|
||||||
|
"php": ">=5.5.0",
|
||||||
|
"ext-ctype": "*",
|
||||||
|
"ext-filter": "*",
|
||||||
|
"ext-hash": "*"
|
||||||
|
},
|
||||||
|
"require-dev": {
|
||||||
|
"dealerdirect/phpcodesniffer-composer-installer": "^1.0",
|
||||||
|
"doctrine/annotations": "^1.2.6 || ^1.13.3",
|
||||||
|
"php-parallel-lint/php-console-highlighter": "^1.0.0",
|
||||||
|
"php-parallel-lint/php-parallel-lint": "^1.3.2",
|
||||||
|
"phpcompatibility/php-compatibility": "^9.3.5",
|
||||||
|
"roave/security-advisories": "dev-latest",
|
||||||
|
"squizlabs/php_codesniffer": "^3.7.2",
|
||||||
|
"yoast/phpunit-polyfills": "^1.0.4"
|
||||||
|
},
|
||||||
|
"suggest": {
|
||||||
|
"decomplexity/SendOauth2": "Adapter for using XOAUTH2 authentication",
|
||||||
|
"ext-mbstring": "Needed to send email in multibyte encoding charset or decode encoded addresses",
|
||||||
|
"ext-openssl": "Needed for secure SMTP sending and DKIM signing",
|
||||||
|
"greew/oauth2-azure-provider": "Needed for Microsoft Azure XOAUTH2 authentication",
|
||||||
|
"hayageek/oauth2-yahoo": "Needed for Yahoo XOAUTH2 authentication",
|
||||||
|
"league/oauth2-google": "Needed for Google XOAUTH2 authentication",
|
||||||
|
"psr/log": "For optional PSR-3 debug logging",
|
||||||
|
"thenetworg/oauth2-azure": "Needed for Microsoft XOAUTH2 authentication",
|
||||||
|
"symfony/polyfill-mbstring": "To support UTF-8 if the Mbstring PHP extension is not enabled (^1.2)"
|
||||||
|
},
|
||||||
|
"autoload": {
|
||||||
|
"psr-4": {
|
||||||
|
"PHPMailer\\PHPMailer\\": "src/"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"autoload-dev": {
|
||||||
|
"psr-4": {
|
||||||
|
"PHPMailer\\Test\\": "test/"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"license": "LGPL-2.1-only",
|
||||||
|
"scripts": {
|
||||||
|
"check": "./vendor/bin/phpcs",
|
||||||
|
"test": "./vendor/bin/phpunit --no-coverage",
|
||||||
|
"coverage": "./vendor/bin/phpunit",
|
||||||
|
"lint": [
|
||||||
|
"@php ./vendor/php-parallel-lint/php-parallel-lint/parallel-lint . --show-deprecated -e php,phps --exclude vendor --exclude .git --exclude build"
|
||||||
|
]
|
||||||
|
}
|
||||||
|
}
|
||||||
3576
user/PHPMailer/composer.lock
generated
Normal file
38
user/PHPMailer/examples/DKIM.phps
Normal file
@@ -0,0 +1,38 @@
|
|||||||
|
<?php
|
||||||
|
/**
|
||||||
|
* This example shows how to use DKIM message authentication with PHPMailer.
|
||||||
|
* There's more to using DKIM than just this code - check out this article:
|
||||||
|
* @link https://yomotherboard.com/how-to-setup-email-server-dkim-keys/
|
||||||
|
* See also the DKIM code in the PHPMailer unit tests,
|
||||||
|
* which shows how to make a key pair from PHP.
|
||||||
|
*/
|
||||||
|
|
||||||
|
require '../PHPMailerAutoload.php';
|
||||||
|
|
||||||
|
//Create a new PHPMailer instance
|
||||||
|
$mail = new PHPMailer;
|
||||||
|
//Set who the message is to be sent from
|
||||||
|
$mail->setFrom('from@example.com', 'First Last');
|
||||||
|
//Set an alternative reply-to address
|
||||||
|
$mail->addReplyTo('replyto@example.com', 'First Last');
|
||||||
|
//Set who the message is to be sent to
|
||||||
|
$mail->addAddress('whoto@example.com', 'John Doe');
|
||||||
|
//Set the subject line
|
||||||
|
$mail->Subject = 'PHPMailer DKIM test';
|
||||||
|
//This should be the same as the domain of your From address
|
||||||
|
$mail->DKIM_domain = 'example.com';
|
||||||
|
//Path to your private key file
|
||||||
|
$mail->DKIM_private = 'dkim_private.pem';
|
||||||
|
//Set this to your own selector
|
||||||
|
$mail->DKIM_selector = 'phpmailer';
|
||||||
|
//If your private key has a passphrase, set it here
|
||||||
|
$mail->DKIM_passphrase = '';
|
||||||
|
//The identity you're signing as - usually your From address
|
||||||
|
$mail->DKIM_identity = $mail->From;
|
||||||
|
|
||||||
|
//send the message, check for errors
|
||||||
|
if (!$mail->send()) {
|
||||||
|
echo "Mailer Error: " . $mail->ErrorInfo;
|
||||||
|
} else {
|
||||||
|
echo "Message sent!";
|
||||||
|
}
|
||||||
597
user/PHPMailer/examples/code_generator.phps
Normal file
@@ -0,0 +1,597 @@
|
|||||||
|
<?php
|
||||||
|
/*
|
||||||
|
* A web form that both generates and uses PHPMailer code.
|
||||||
|
* revised, updated and corrected 27/02/2013
|
||||||
|
* by matt.sturdy@gmail.com
|
||||||
|
*/
|
||||||
|
require '../PHPMailerAutoload.php';
|
||||||
|
|
||||||
|
$CFG['smtp_debug'] = 2; //0 == off, 1 for client output, 2 for client and server
|
||||||
|
$CFG['smtp_debugoutput'] = 'html';
|
||||||
|
$CFG['smtp_server'] = 'localhost';
|
||||||
|
$CFG['smtp_port'] = '25';
|
||||||
|
$CFG['smtp_authenticate'] = false;
|
||||||
|
$CFG['smtp_username'] = 'name@example.com';
|
||||||
|
$CFG['smtp_password'] = 'yourpassword';
|
||||||
|
$CFG['smtp_secure'] = 'None';
|
||||||
|
|
||||||
|
$from_name = (isset($_POST['From_Name'])) ? $_POST['From_Name'] : '';
|
||||||
|
$from_email = (isset($_POST['From_Email'])) ? $_POST['From_Email'] : '';
|
||||||
|
$to_name = (isset($_POST['To_Name'])) ? $_POST['To_Name'] : '';
|
||||||
|
$to_email = (isset($_POST['To_Email'])) ? $_POST['To_Email'] : '';
|
||||||
|
$cc_email = (isset($_POST['cc_Email'])) ? $_POST['cc_Email'] : '';
|
||||||
|
$bcc_email = (isset($_POST['bcc_Email'])) ? $_POST['bcc_Email'] : '';
|
||||||
|
$subject = (isset($_POST['Subject'])) ? $_POST['Subject'] : '';
|
||||||
|
$message = (isset($_POST['Message'])) ? $_POST['Message'] : '';
|
||||||
|
$test_type = (isset($_POST['test_type'])) ? $_POST['test_type'] : 'smtp';
|
||||||
|
$smtp_debug = (isset($_POST['smtp_debug'])) ? $_POST['smtp_debug'] : $CFG['smtp_debug'];
|
||||||
|
$smtp_server = (isset($_POST['smtp_server'])) ? $_POST['smtp_server'] : $CFG['smtp_server'];
|
||||||
|
$smtp_port = (isset($_POST['smtp_port'])) ? $_POST['smtp_port'] : $CFG['smtp_port'];
|
||||||
|
$smtp_secure = strtolower((isset($_POST['smtp_secure'])) ? $_POST['smtp_secure'] : $CFG['smtp_secure']);
|
||||||
|
$smtp_authenticate = (isset($_POST['smtp_authenticate'])) ?
|
||||||
|
$_POST['smtp_authenticate'] : $CFG['smtp_authenticate'];
|
||||||
|
$authenticate_password = (isset($_POST['authenticate_password'])) ?
|
||||||
|
$_POST['authenticate_password'] : $CFG['smtp_password'];
|
||||||
|
$authenticate_username = (isset($_POST['authenticate_username'])) ?
|
||||||
|
$_POST['authenticate_username'] : $CFG['smtp_username'];
|
||||||
|
|
||||||
|
// storing all status output from the script to be shown to the user later
|
||||||
|
$results_messages = array();
|
||||||
|
|
||||||
|
// $example_code represents the "final code" that we're using, and will
|
||||||
|
// be shown to the user at the end.
|
||||||
|
$example_code = "\nrequire_once '../PHPMailerAutoload.php';";
|
||||||
|
$example_code .= "\n\n\$results_messages = array();";
|
||||||
|
|
||||||
|
$mail = new PHPMailer(true); //PHPMailer instance with exceptions enabled
|
||||||
|
$mail->CharSet = 'utf-8';
|
||||||
|
ini_set('default_charset', 'UTF-8');
|
||||||
|
$mail->Debugoutput = $CFG['smtp_debugoutput'];
|
||||||
|
$example_code .= "\n\n\$mail = new PHPMailer(true);";
|
||||||
|
$example_code .= "\n\$mail->CharSet = 'utf-8';";
|
||||||
|
$example_code .= "\nini_set('default_charset', 'UTF-8');";
|
||||||
|
|
||||||
|
class phpmailerAppException extends phpmailerException
|
||||||
|
{
|
||||||
|
}
|
||||||
|
|
||||||
|
$example_code .= "\n\nclass phpmailerAppException extends phpmailerException {}";
|
||||||
|
$example_code .= "\n\ntry {";
|
||||||
|
|
||||||
|
try {
|
||||||
|
if (isset($_POST["submit"]) && $_POST['submit'] == "Submit") {
|
||||||
|
$to = $_POST['To_Email'];
|
||||||
|
if (!PHPMailer::validateAddress($to)) {
|
||||||
|
throw new phpmailerAppException("Email address " . $to . " is invalid -- aborting!");
|
||||||
|
}
|
||||||
|
|
||||||
|
$example_code .= "\n\$to = '{$_POST['To_Email']}';";
|
||||||
|
$example_code .= "\nif(!PHPMailer::validateAddress(\$to)) {";
|
||||||
|
$example_code .= "\n throw new phpmailerAppException(\"Email address \" . " .
|
||||||
|
"\$to . \" is invalid -- aborting!\");";
|
||||||
|
$example_code .= "\n}";
|
||||||
|
|
||||||
|
switch ($_POST['test_type']) {
|
||||||
|
case 'smtp':
|
||||||
|
$mail->isSMTP(); // telling the class to use SMTP
|
||||||
|
$mail->SMTPDebug = (integer)$_POST['smtp_debug'];
|
||||||
|
$mail->Host = $_POST['smtp_server']; // SMTP server
|
||||||
|
$mail->Port = (integer)$_POST['smtp_port']; // set the SMTP port
|
||||||
|
if ($_POST['smtp_secure']) {
|
||||||
|
$mail->SMTPSecure = strtolower($_POST['smtp_secure']);
|
||||||
|
}
|
||||||
|
$mail->SMTPAuth = array_key_exists('smtp_authenticate', $_POST); // enable SMTP authentication?
|
||||||
|
if (array_key_exists('smtp_authenticate', $_POST)) {
|
||||||
|
$mail->Username = $_POST['authenticate_username']; // SMTP account username
|
||||||
|
$mail->Password = $_POST['authenticate_password']; // SMTP account password
|
||||||
|
}
|
||||||
|
|
||||||
|
$example_code .= "\n\$mail->isSMTP();";
|
||||||
|
$example_code .= "\n\$mail->SMTPDebug = " . $_POST['smtp_debug'] . ";";
|
||||||
|
$example_code .= "\n\$mail->Host = \"" . $_POST['smtp_server'] . "\";";
|
||||||
|
$example_code .= "\n\$mail->Port = \"" . $_POST['smtp_port'] . "\";";
|
||||||
|
$example_code .= "\n\$mail->SMTPSecure = \"" . strtolower($_POST['smtp_secure']) . "\";";
|
||||||
|
$example_code .= "\n\$mail->SMTPAuth = " . (array_key_exists(
|
||||||
|
'smtp_authenticate',
|
||||||
|
$_POST
|
||||||
|
) ? 'true' : 'false') . ";";
|
||||||
|
if (array_key_exists('smtp_authenticate', $_POST)) {
|
||||||
|
$example_code .= "\n\$mail->Username = \"" . $_POST['authenticate_username'] . "\";";
|
||||||
|
$example_code .= "\n\$mail->Password = \"" . $_POST['authenticate_password'] . "\";";
|
||||||
|
}
|
||||||
|
break;
|
||||||
|
case 'mail':
|
||||||
|
$mail->isMail(); // telling the class to use PHP's mail()
|
||||||
|
$example_code .= "\n\$mail->isMail();";
|
||||||
|
break;
|
||||||
|
case 'sendmail':
|
||||||
|
$mail->isSendmail(); // telling the class to use Sendmail
|
||||||
|
$example_code .= "\n\$mail->isSendmail();";
|
||||||
|
break;
|
||||||
|
case 'qmail':
|
||||||
|
$mail->isQmail(); // telling the class to use Qmail
|
||||||
|
$example_code .= "\n\$mail->isQmail();";
|
||||||
|
break;
|
||||||
|
default:
|
||||||
|
throw new phpmailerAppException('Invalid test_type provided');
|
||||||
|
}
|
||||||
|
|
||||||
|
try {
|
||||||
|
if ($_POST['From_Name'] != '') {
|
||||||
|
$mail->addReplyTo($_POST['From_Email'], $_POST['From_Name']);
|
||||||
|
$mail->setFrom($_POST['From_Email'], $_POST['From_Name']);
|
||||||
|
|
||||||
|
$example_code .= "\n\$mail->addReplyTo(\"" .
|
||||||
|
$_POST['From_Email'] . "\", \"" . $_POST['From_Name'] . "\");";
|
||||||
|
$example_code .= "\n\$mail->setFrom(\"" .
|
||||||
|
$_POST['From_Email'] . "\", \"" . $_POST['From_Name'] . "\");";
|
||||||
|
} else {
|
||||||
|
$mail->addReplyTo($_POST['From_Email']);
|
||||||
|
$mail->setFrom($_POST['From_Email'], $_POST['From_Email']);
|
||||||
|
|
||||||
|
$example_code .= "\n\$mail->addReplyTo(\"" . $_POST['From_Email'] . "\");";
|
||||||
|
$example_code .= "\n\$mail->setFrom(\"" .
|
||||||
|
$_POST['From_Email'] . "\", \"" . $_POST['From_Email'] . "\");";
|
||||||
|
}
|
||||||
|
|
||||||
|
if ($_POST['To_Name'] != '') {
|
||||||
|
$mail->addAddress($to, $_POST['To_Name']);
|
||||||
|
$example_code .= "\n\$mail->addAddress(\"$to\", \"" . $_POST['To_Name'] . "\");";
|
||||||
|
} else {
|
||||||
|
$mail->addAddress($to);
|
||||||
|
$example_code .= "\n\$mail->addAddress(\"$to\");";
|
||||||
|
}
|
||||||
|
|
||||||
|
if ($_POST['bcc_Email'] != '') {
|
||||||
|
$indiBCC = explode(" ", $_POST['bcc_Email']);
|
||||||
|
foreach ($indiBCC as $key => $value) {
|
||||||
|
$mail->addBCC($value);
|
||||||
|
$example_code .= "\n\$mail->addBCC(\"$value\");";
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
if ($_POST['cc_Email'] != '') {
|
||||||
|
$indiCC = explode(" ", $_POST['cc_Email']);
|
||||||
|
foreach ($indiCC as $key => $value) {
|
||||||
|
$mail->addCC($value);
|
||||||
|
$example_code .= "\n\$mail->addCC(\"$value\");";
|
||||||
|
}
|
||||||
|
}
|
||||||
|
} catch (phpmailerException $e) { //Catch all kinds of bad addressing
|
||||||
|
throw new phpmailerAppException($e->getMessage());
|
||||||
|
}
|
||||||
|
$mail->Subject = $_POST['Subject'] . ' (PHPMailer test using ' . strtoupper($_POST['test_type']) . ')';
|
||||||
|
$example_code .= "\n\$mail->Subject = \"" . $_POST['Subject'] .
|
||||||
|
' (PHPMailer test using ' . strtoupper($_POST['test_type']) . ')";';
|
||||||
|
|
||||||
|
if ($_POST['Message'] == '') {
|
||||||
|
$body = file_get_contents('contents.html');
|
||||||
|
} else {
|
||||||
|
$body = $_POST['Message'];
|
||||||
|
}
|
||||||
|
|
||||||
|
$example_code .= "\n\$body = <<<'EOT'\n" . htmlentities($body) . "\nEOT;";
|
||||||
|
|
||||||
|
$mail->WordWrap = 78; // set word wrap to the RFC2822 limit
|
||||||
|
$mail->msgHTML($body, dirname(__FILE__), true); //Create message bodies and embed images
|
||||||
|
|
||||||
|
$example_code .= "\n\$mail->WordWrap = 78;";
|
||||||
|
$example_code .= "\n\$mail->msgHTML(\$body, dirname(__FILE__), true); //Create message bodies and embed images";
|
||||||
|
|
||||||
|
$mail->addAttachment('images/phpmailer_mini.png', 'phpmailer_mini.png'); // optional name
|
||||||
|
$mail->addAttachment('images/phpmailer.png', 'phpmailer.png'); // optional name
|
||||||
|
$example_code .= "\n\$mail->addAttachment('images/phpmailer_mini.png'," .
|
||||||
|
"'phpmailer_mini.png'); // optional name";
|
||||||
|
$example_code .= "\n\$mail->addAttachment('images/phpmailer.png', 'phpmailer.png'); // optional name";
|
||||||
|
|
||||||
|
$example_code .= "\n\ntry {";
|
||||||
|
$example_code .= "\n \$mail->send();";
|
||||||
|
$example_code .= "\n \$results_messages[] = \"Message has been sent using " .
|
||||||
|
strtoupper($_POST['test_type']) . "\";";
|
||||||
|
$example_code .= "\n}";
|
||||||
|
$example_code .= "\ncatch (phpmailerException \$e) {";
|
||||||
|
$example_code .= "\n throw new phpmailerAppException('Unable to send to: ' . \$to. ': '.\$e->getMessage());";
|
||||||
|
$example_code .= "\n}";
|
||||||
|
|
||||||
|
try {
|
||||||
|
$mail->send();
|
||||||
|
$results_messages[] = "Message has been sent using " . strtoupper($_POST["test_type"]);
|
||||||
|
} catch (phpmailerException $e) {
|
||||||
|
throw new phpmailerAppException("Unable to send to: " . $to . ': ' . $e->getMessage());
|
||||||
|
}
|
||||||
|
}
|
||||||
|
} catch (phpmailerAppException $e) {
|
||||||
|
$results_messages[] = $e->errorMessage();
|
||||||
|
}
|
||||||
|
$example_code .= "\n}";
|
||||||
|
$example_code .= "\ncatch (phpmailerAppException \$e) {";
|
||||||
|
$example_code .= "\n \$results_messages[] = \$e->errorMessage();";
|
||||||
|
$example_code .= "\n}";
|
||||||
|
$example_code .= "\n\nif (count(\$results_messages) > 0) {";
|
||||||
|
$example_code .= "\n echo \"<h2>Run results</h2>\\n\";";
|
||||||
|
$example_code .= "\n echo \"<ul>\\n\";";
|
||||||
|
$example_code .= "\nforeach (\$results_messages as \$result) {";
|
||||||
|
$example_code .= "\n echo \"<li>\$result</li>\\n\";";
|
||||||
|
$example_code .= "\n}";
|
||||||
|
$example_code .= "\necho \"</ul>\\n\";";
|
||||||
|
$example_code .= "\n}";
|
||||||
|
?><!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
||||||
|
<title>PHPMailer Test Page</title>
|
||||||
|
<script type="text/javascript" src="scripts/shCore.js"></script>
|
||||||
|
<script type="text/javascript" src="scripts/shBrushPhp.js"></script>
|
||||||
|
<link type="text/css" rel="stylesheet" href="styles/shCore.css">
|
||||||
|
<link type="text/css" rel="stylesheet" href="styles/shThemeDefault.css">
|
||||||
|
<style>
|
||||||
|
body {
|
||||||
|
font-family: Arial, Helvetica, sans-serif;
|
||||||
|
font-size: 1em;
|
||||||
|
padding: 1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
table {
|
||||||
|
margin: 0 auto;
|
||||||
|
border-spacing: 0;
|
||||||
|
border-collapse: collapse;
|
||||||
|
}
|
||||||
|
|
||||||
|
table.column {
|
||||||
|
border-collapse: collapse;
|
||||||
|
background-color: #FFFFFF;
|
||||||
|
padding: 0.5em;
|
||||||
|
width: 35em;
|
||||||
|
}
|
||||||
|
|
||||||
|
td {
|
||||||
|
font-size: 1em;
|
||||||
|
padding: 0.1em 0.25em;
|
||||||
|
-moz-border-radius: 1em;
|
||||||
|
-webkit-border-radius: 1em;
|
||||||
|
border-radius: 1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
td.colleft {
|
||||||
|
text-align: right;
|
||||||
|
width: 35%;
|
||||||
|
}
|
||||||
|
|
||||||
|
td.colrite {
|
||||||
|
text-align: left;
|
||||||
|
width: 65%;
|
||||||
|
}
|
||||||
|
|
||||||
|
fieldset {
|
||||||
|
padding: 1em 1em 1em 1em;
|
||||||
|
margin: 0 2em;
|
||||||
|
border-radius: 1.5em;
|
||||||
|
-webkit-border-radius: 1em;
|
||||||
|
-moz-border-radius: 1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
fieldset.inner {
|
||||||
|
width: 40%;
|
||||||
|
}
|
||||||
|
|
||||||
|
fieldset:hover, tr:hover {
|
||||||
|
background-color: #fafafa;
|
||||||
|
}
|
||||||
|
|
||||||
|
legend {
|
||||||
|
font-weight: bold;
|
||||||
|
font-size: 1.1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
div.column-left {
|
||||||
|
float: left;
|
||||||
|
width: 45em;
|
||||||
|
height: 31em;
|
||||||
|
}
|
||||||
|
|
||||||
|
div.column-right {
|
||||||
|
display: inline;
|
||||||
|
width: 45em;
|
||||||
|
max-height: 31em;
|
||||||
|
}
|
||||||
|
|
||||||
|
input.radio {
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
div.radio {
|
||||||
|
padding: 0.2em;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
<script>
|
||||||
|
SyntaxHighlighter.config.clipboardSwf = 'scripts/clipboard.swf';
|
||||||
|
SyntaxHighlighter.all();
|
||||||
|
|
||||||
|
function startAgain() {
|
||||||
|
var post_params = {
|
||||||
|
"From_Name": "<?php echo $from_name; ?>",
|
||||||
|
"From_Email": "<?php echo $from_email; ?>",
|
||||||
|
"To_Name": "<?php echo $to_name; ?>",
|
||||||
|
"To_Email": "<?php echo $to_email; ?>",
|
||||||
|
"cc_Email": "<?php echo $cc_email; ?>",
|
||||||
|
"bcc_Email": "<?php echo $bcc_email; ?>",
|
||||||
|
"Subject": "<?php echo $subject; ?>",
|
||||||
|
"Message": "<?php echo $message; ?>",
|
||||||
|
"test_type": "<?php echo $test_type; ?>",
|
||||||
|
"smtp_debug": "<?php echo $smtp_debug; ?>",
|
||||||
|
"smtp_server": "<?php echo $smtp_server; ?>",
|
||||||
|
"smtp_port": "<?php echo $smtp_port; ?>",
|
||||||
|
"smtp_secure": "<?php echo $smtp_secure; ?>",
|
||||||
|
"smtp_authenticate": "<?php echo $smtp_authenticate; ?>",
|
||||||
|
"authenticate_username": "<?php echo $authenticate_username; ?>",
|
||||||
|
"authenticate_password": "<?php echo $authenticate_password; ?>"
|
||||||
|
};
|
||||||
|
|
||||||
|
var resetForm = document.createElement("form");
|
||||||
|
resetForm.setAttribute("method", "POST");
|
||||||
|
resetForm.setAttribute("path", "index.php");
|
||||||
|
|
||||||
|
for (var k in post_params) {
|
||||||
|
var h = document.createElement("input");
|
||||||
|
h.setAttribute("type", "hidden");
|
||||||
|
h.setAttribute("name", k);
|
||||||
|
h.setAttribute("value", post_params[k]);
|
||||||
|
resetForm.appendChild(h);
|
||||||
|
}
|
||||||
|
|
||||||
|
document.body.appendChild(resetForm);
|
||||||
|
resetForm.submit();
|
||||||
|
}
|
||||||
|
|
||||||
|
function showHideDiv(test, element_id) {
|
||||||
|
var ops = {"smtp-options-table": "smtp"};
|
||||||
|
|
||||||
|
if (test == ops[element_id]) {
|
||||||
|
document.getElementById(element_id).style.display = "block";
|
||||||
|
} else {
|
||||||
|
document.getElementById(element_id).style.display = "none";
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<?php
|
||||||
|
if (version_compare(PHP_VERSION, '5.0.0', '<')) {
|
||||||
|
echo 'Current PHP version: ' . phpversion() . "<br>";
|
||||||
|
echo exit("ERROR: Wrong PHP version. Must be PHP 5 or above.");
|
||||||
|
}
|
||||||
|
|
||||||
|
if (count($results_messages) > 0) {
|
||||||
|
echo '<h2>Run results</h2>';
|
||||||
|
echo '<ul>';
|
||||||
|
foreach ($results_messages as $result) {
|
||||||
|
echo "<li>$result</li>";
|
||||||
|
}
|
||||||
|
echo '</ul>';
|
||||||
|
}
|
||||||
|
|
||||||
|
if (isset($_POST["submit"]) && $_POST["submit"] == "Submit") {
|
||||||
|
echo "<button type=\"submit\" onclick=\"startAgain();\">Start Over</button><br>\n";
|
||||||
|
echo "<br><span>Script:</span>\n";
|
||||||
|
echo "<pre class=\"brush: php;\">\n";
|
||||||
|
echo $example_code;
|
||||||
|
echo "\n</pre>\n";
|
||||||
|
echo "\n<hr style=\"margin: 3em;\">\n";
|
||||||
|
}
|
||||||
|
?>
|
||||||
|
<form method="POST" enctype="multipart/form-data">
|
||||||
|
<div>
|
||||||
|
<div class="column-left">
|
||||||
|
<fieldset>
|
||||||
|
<legend>Mail Details</legend>
|
||||||
|
<table border="1" class="column">
|
||||||
|
<tr>
|
||||||
|
<td class="colleft">
|
||||||
|
<label for="From_Name"><strong>From</strong> Name</label>
|
||||||
|
</td>
|
||||||
|
<td class="colrite">
|
||||||
|
<input type="text" id="From_Name" name="From_Name" value="<?php echo $from_name; ?>"
|
||||||
|
style="width:95%;" autofocus placeholder="Your Name">
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td class="colleft">
|
||||||
|
<label for="From_Email"><strong>From</strong> Email Address</label>
|
||||||
|
</td>
|
||||||
|
<td class="colrite">
|
||||||
|
<input type="text" id="From_Email" name="From_Email" value="<?php echo $from_email; ?>"
|
||||||
|
style="width:95%;" required placeholder="Your.Email@example.com">
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td class="colleft">
|
||||||
|
<label for="To_Name"><strong>To</strong> Name</label>
|
||||||
|
</td>
|
||||||
|
<td class="colrite">
|
||||||
|
<input type="text" id="To_Name" name="To_Name" value="<?php echo $to_name; ?>"
|
||||||
|
style="width:95%;" placeholder="Recipient's Name">
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td class="colleft">
|
||||||
|
<label for="To_Email"><strong>To</strong> Email Address</label>
|
||||||
|
</td>
|
||||||
|
<td class="colrite">
|
||||||
|
<input type="text" id="To_Email" name="To_Email" value="<?php echo $to_email; ?>"
|
||||||
|
style="width:95%;" required placeholder="Recipients.Email@example.com">
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td class="colleft">
|
||||||
|
<label for="cc_Email"><strong>CC Recipients</strong><br>
|
||||||
|
<small>(separate with commas)</small>
|
||||||
|
</label>
|
||||||
|
</td>
|
||||||
|
<td class="colrite">
|
||||||
|
<input type="text" id="cc_Email" name="cc_Email" value="<?php echo $cc_email; ?>"
|
||||||
|
style="width:95%;" placeholder="cc1@example.com, cc2@example.com">
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td class="colleft">
|
||||||
|
<label for="bcc_Email"><strong>BCC Recipients</strong><br>
|
||||||
|
<small>(separate with commas)</small>
|
||||||
|
</label>
|
||||||
|
</td>
|
||||||
|
<td class="colrite">
|
||||||
|
<input type="text" id="bcc_Email" name="bcc_Email" value="<?php echo $bcc_email; ?>"
|
||||||
|
style="width:95%;" placeholder="bcc1@example.com, bcc2@example.com">
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td class="colleft">
|
||||||
|
<label for="Subject"><strong>Subject</strong></label>
|
||||||
|
</td>
|
||||||
|
<td class="colrite">
|
||||||
|
<input type="text" name="Subject" id="Subject" value="<?php echo $subject; ?>"
|
||||||
|
style="width:95%;" placeholder="Email Subject">
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td class="colleft">
|
||||||
|
<label for="Message"><strong>Message</strong><br>
|
||||||
|
<small>If blank, will use content.html</small>
|
||||||
|
</label>
|
||||||
|
</td>
|
||||||
|
<td class="colrite">
|
||||||
|
<textarea name="Message" id="Message" style="width:95%;height:5em;"
|
||||||
|
placeholder="Body of your email"><?php echo $message; ?></textarea>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
<div style="margin:1em 0;">Test will include two attachments.</div>
|
||||||
|
</fieldset>
|
||||||
|
</div>
|
||||||
|
<div class="column-right">
|
||||||
|
<fieldset class="inner"> <!-- SELECT TYPE OF MAIL -->
|
||||||
|
<legend>Mail Test Specs</legend>
|
||||||
|
<table border="1" class="column">
|
||||||
|
<tr>
|
||||||
|
<td class="colleft">Test Type</td>
|
||||||
|
<td class="colrite">
|
||||||
|
<div class="radio">
|
||||||
|
<label for="radio-mail">Mail()</label>
|
||||||
|
<input class="radio" type="radio" name="test_type" value="mail" id="radio-mail"
|
||||||
|
onclick="showHideDiv(this.value, 'smtp-options-table');"
|
||||||
|
<?php echo ($test_type == 'mail') ? 'checked' : ''; ?>
|
||||||
|
required>
|
||||||
|
</div>
|
||||||
|
<div class="radio">
|
||||||
|
<label for="radio-sendmail">Sendmail</label>
|
||||||
|
<input class="radio" type="radio" name="test_type" value="sendmail" id="radio-sendmail"
|
||||||
|
onclick="showHideDiv(this.value, 'smtp-options-table');"
|
||||||
|
<?php echo ($test_type == 'sendmail') ? 'checked' : ''; ?>
|
||||||
|
required>
|
||||||
|
</div>
|
||||||
|
<div class="radio">
|
||||||
|
<label for="radio-qmail">Qmail</label>
|
||||||
|
<input class="radio" type="radio" name="test_type" value="qmail" id="radio-qmail"
|
||||||
|
onclick="showHideDiv(this.value, 'smtp-options-table');"
|
||||||
|
<?php echo ($test_type == 'qmail') ? 'checked' : ''; ?>
|
||||||
|
required>
|
||||||
|
</div>
|
||||||
|
<div class="radio">
|
||||||
|
<label for="radio-smtp">SMTP</label>
|
||||||
|
<input class="radio" type="radio" name="test_type" value="smtp" id="radio-smtp"
|
||||||
|
onclick="showHideDiv(this.value, 'smtp-options-table');"
|
||||||
|
<?php echo ($test_type == 'smtp') ? 'checked' : ''; ?>
|
||||||
|
required>
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
<div id="smtp-options-table" style="margin:1em 0 0 0;
|
||||||
|
<?php if ($test_type != 'smtp') {
|
||||||
|
echo "display: none;";
|
||||||
|
} ?>">
|
||||||
|
<span style="margin:1.25em 0; display:block;"><strong>SMTP Specific Options:</strong></span>
|
||||||
|
<table border="1" class="column">
|
||||||
|
<tr>
|
||||||
|
<td class="colleft"><label for="smtp_debug">SMTP Debug ?</label></td>
|
||||||
|
<td class="colrite">
|
||||||
|
<select size="1" id="smtp_debug" name="smtp_debug">
|
||||||
|
<option <?php echo ($smtp_debug == '0') ? 'selected' : ''; ?> value="0">
|
||||||
|
0 - Disabled
|
||||||
|
</option>
|
||||||
|
<option <?php echo ($smtp_debug == '1') ? 'selected' : ''; ?> value="1">
|
||||||
|
1 - Client messages
|
||||||
|
</option>
|
||||||
|
<option <?php echo ($smtp_debug == '2') ? 'selected' : ''; ?> value="2">
|
||||||
|
2 - Client and server messages
|
||||||
|
</option>
|
||||||
|
</select>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td class="colleft"><label for="smtp_server">SMTP Server</label></td>
|
||||||
|
<td class="colrite">
|
||||||
|
<input type="text" id="smtp_server" name="smtp_server"
|
||||||
|
value="<?php echo $smtp_server; ?>" style="width:95%;"
|
||||||
|
placeholder="smtp.server.com">
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td class="colleft" style="width: 5em;"><label for="smtp_port">SMTP Port</label></td>
|
||||||
|
<td class="colrite">
|
||||||
|
<input type="text" name="smtp_port" id="smtp_port" size="3"
|
||||||
|
value="<?php echo $smtp_port; ?>" placeholder="Port">
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td class="colleft"><label for="smtp_secure">SMTP Security</label></td>
|
||||||
|
<td>
|
||||||
|
<select size="1" name="smtp_secure" id="smtp_secure">
|
||||||
|
<option <?php echo ($smtp_secure == 'none') ? 'selected' : '' ?>>None</option>
|
||||||
|
<option <?php echo ($smtp_secure == 'tls') ? 'selected' : '' ?>>TLS</option>
|
||||||
|
<option <?php echo ($smtp_secure == 'ssl') ? 'selected' : '' ?>>SSL</option>
|
||||||
|
</select>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td class="colleft"><label for="smtp-authenticate">SMTP Authenticate?</label></td>
|
||||||
|
<td class="colrite">
|
||||||
|
<input type="checkbox" id="smtp-authenticate"
|
||||||
|
name="smtp_authenticate"
|
||||||
|
<?php if ($smtp_authenticate != '') {
|
||||||
|
echo "checked";
|
||||||
|
} ?>
|
||||||
|
value="<?php echo $smtp_authenticate; ?>">
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td class="colleft"><label for="authenticate_username">Authenticate Username</label></td>
|
||||||
|
<td class="colrite">
|
||||||
|
<input type="text" id="authenticate_username" name="authenticate_username"
|
||||||
|
value="<?php echo $authenticate_username; ?>" style="width:95%;"
|
||||||
|
placeholder="SMTP Server Username">
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td class="colleft"><label for="authenticate_password">Authenticate Password</label></td>
|
||||||
|
<td class="colrite">
|
||||||
|
<input type="password" name="authenticate_password" id="authenticate_password"
|
||||||
|
value="<?php echo $authenticate_password; ?>" style="width:95%;"
|
||||||
|
placeholder="SMTP Server Password">
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
</fieldset>
|
||||||
|
</div>
|
||||||
|
<br style="clear:both;">
|
||||||
|
|
||||||
|
<div style="margin-left:2em; margin-bottom:5em; float:left;">
|
||||||
|
<div style="margin-bottom: 1em; ">
|
||||||
|
<input type="submit" value="Submit" name="submit">
|
||||||
|
</div>
|
||||||
|
<?php echo 'Current PHP version: ' . phpversion(); ?>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||