Pavel Loginov 2020-08-21 13:56:59 +02:00
parent 832ed8478f
commit 9d9e7535fb
8 changed files with 275 additions and 19 deletions

2
app/.htaccess Normal file
View File

@ -0,0 +1,2 @@
ErrorDocument 404 /app/templates/404.html
ErrorDocument 500 /app/templates/500.html

102
app/templates/404.html Normal file
View File

@ -0,0 +1,102 @@
<html lang="en">
<head>
<title>404 - Page not found - HAProxy-WI</title>
<meta charset="UTF-8">
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Expires" content="0" />
<link href="/inc/images/favicon/favicon.ico" rel="icon" type="image/png" />
<link rel="apple-touch-icon" sizes="57x57" href="/inc/images/favicon/inc/images/favicon/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="/inc/images/favicon/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="/inc/images/favicon/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="/inc/images/favicon/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="/inc/images/favicon/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="/inc/images/favicon/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="/inc/images/favicon/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="/inc/images/favicon/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="/inc/images/favicon/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="/inc/images/favicon/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="/inc/images/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="/inc/images/favicon/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="/inc/images/favicon/favicon-16x16.png">
<link rel="manifest" href="/inc/images/favicon/manifest.json">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="/inc/images/favicon/ms-icon-144x144.png">
<meta name="theme-color" content="#ffffff">
<script>
FontAwesomeConfig = { searchPseudoElements: true, observeMutations: false };
</script>
<script defer src="/inc/fa-solid.min.js"></script>
<script defer src="/inc/fontawesome.min.js"></script>
<script defer src="/inc/ion.sound.min.js"></script>
<link href="/inc/awesome.css" rel="stylesheet">
<link href="/inc/style.css" rel="stylesheet">
<link href="/inc/nprogress.css" rel="stylesheet">
<link href="/inc/jquery-ui.css" rel="stylesheet">
<script src="/inc/jquery-1.12.4.js"></script>
<script src="/inc/jquery-ui.js"></script>
<script src="/inc/js.cookie.min.js"></script>
<script src="/inc/script.js"></script>
<script src="/inc/nprogress.js"></script>
<link href="/inc/toastr.css" rel="stylesheet"/>
<script src="/inc/toastr.js"></script>
</head>
<body>
<div class="top-menu">
<div class="LogoText">
<span id="logo_text">
<a href="https://haproxy-wi.org" title="HAProxy-WI site" target="_blank">
<img src="/inc/images/logo_menu.png" alt="logo" width="170" />
</a>
</span>
</div>
<div id="top-link" class="top-link">
<nav id="menu">
<ul class="menu">
<li><a href="/app/overview.py" title="Server and service status" class="overview-link">Overview</a></li>
</ul>
</nav>
</div>
</div>
<div id="cover"></div>
<div class="container">
<h2>
404 - Page not found
</h2>
<center>
<img src="/inc/images/404.png" alt="404 error" style="width: 65%">
<h4>Sorry, but page not found. Try another page</h4>
</center>
</div>
<div class="footer">
<a href="#" id="hide_menu" title="Hide menu" style="float: left;">
<span class="ui-state-default ui-corner-all">
<span class="ui-icon ui-icon-arrowthick-1-w" id="arrow"></span>
</span>
</a>
<div class="show_menu" style="display: none; float: left;">
<a href="#" id="show_menu" title="Show menu">
<span class="ui-state-default ui-corner-all">
<span class="ui-icon ui-icon-arrowthick-1-e" id="arrow"></span>
</span>
</a>
</div>
<div id="logo_footer">
<a href="https://haproxy-wi.org" title="HAProxy-WI official site" target="_blank">
<img src="/inc/images/logo_footer.png" alt="logo" id="logo_footer_img" />
</a>
</div>
<div class="footer-div">
<a href="https://haproxy-wi.org/cabinet.py" class="footer-link" target="_blank" title="Privet cabinet for donaters">Cabinet</a>
<a href="https://github.com/Aidaho12/haproxy-wi/issues" class="footer-link" target="_blank">Help</a>
<a href="https://haproxy-wi.org/contacts.py" class="footer-link" target="_blank">Contact</a>
<a href="https://haproxy-wi.org" class="footer-link" target="_blank" title="About HAProxy-WI">About</a>
<a href="https://haproxy-wi.org/cloud.py" class="footer-link" target="_blank" title="HAProxy-WI Cloud">Cloud</a>
</div>
</div>
<div id="current-user-groups-dialog" style="display: none;">
<div id="current-user-groups-form"></div>
</div>
</body>
</html>

105
app/templates/500.html Normal file
View File

@ -0,0 +1,105 @@
<html lang="en">
<head>
<title>500 - Internal error - HAProxy-WI</title>
<meta charset="UTF-8">
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Expires" content="0" />
<link href="/inc/images/favicon/favicon.ico" rel="icon" type="image/png" />
<link rel="apple-touch-icon" sizes="57x57" href="/inc/images/favicon/inc/images/favicon/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="/inc/images/favicon/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="/inc/images/favicon/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="/inc/images/favicon/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="/inc/images/favicon/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="/inc/images/favicon/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="/inc/images/favicon/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="/inc/images/favicon/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="/inc/images/favicon/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="/inc/images/favicon/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="/inc/images/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="/inc/images/favicon/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="/inc/images/favicon/favicon-16x16.png">
<link rel="manifest" href="/inc/images/favicon/manifest.json">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="/inc/images/favicon/ms-icon-144x144.png">
<meta name="theme-color" content="#ffffff">
<script>
FontAwesomeConfig = { searchPseudoElements: true, observeMutations: false };
</script>
<script defer src="/inc/fa-solid.min.js"></script>
<script defer src="/inc/fontawesome.min.js"></script>
<script defer src="/inc/ion.sound.min.js"></script>
<link href="/inc/awesome.css" rel="stylesheet">
<link href="/inc/style.css" rel="stylesheet">
<link href="/inc/nprogress.css" rel="stylesheet">
<link href="/inc/jquery-ui.css" rel="stylesheet">
<script src="/inc/jquery-1.12.4.js"></script>
<script src="/inc/jquery-ui.js"></script>
<script src="/inc/js.cookie.min.js"></script>
<script src="/inc/script.js"></script>
<script src="/inc/nprogress.js"></script>
<link href="/inc/toastr.css" rel="stylesheet"/>
<script src="/inc/toastr.js"></script>
</head>
<body>
<div class="top-menu">
<div class="LogoText">
<span id="logo_text">
<a href="https://haproxy-wi.org" title="HAProxy-WI site" target="_blank">
<img src="/inc/images/logo_menu.png" alt="logo" width="170" />
</a>
</span>
</div>
<div id="top-link" class="top-link">
<nav id="menu">
<ul class="menu">
<li><a href="/app/overview.py" title="Server and service status" class="overview-link">Overview</a></li>
</ul>
</nav>
</div>
</div>
<div id="cover"></div>
<div class="container">
<h2>
500 - Internal error
</h2>
<center>
<img src="/inc/images/500.png" alt="500 error" style="width: 65%">
<h4>Sorry, but something went wrong..... Check httpd error log and
<a href="https://github.com/Aidaho12/haproxy-wi/issues" title="GitHub issues">create issue on GitHub</a>
or write <a href="https://t.me/haproxy_wi" title="HAProxy-WI chat">to the chat</a>
</h4>
</center>
</div>
<div class="footer">
<a href="#" id="hide_menu" title="Hide menu" style="float: left;">
<span class="ui-state-default ui-corner-all">
<span class="ui-icon ui-icon-arrowthick-1-w" id="arrow"></span>
</span>
</a>
<div class="show_menu" style="display: none; float: left;">
<a href="#" id="show_menu" title="Show menu">
<span class="ui-state-default ui-corner-all">
<span class="ui-icon ui-icon-arrowthick-1-e" id="arrow"></span>
</span>
</a>
</div>
<div id="logo_footer">
<a href="https://haproxy-wi.org" title="HAProxy-WI official site" target="_blank">
<img src="/inc/images/logo_footer.png" alt="logo" id="logo_footer_img" />
</a>
</div>
<div class="footer-div">
<a href="https://haproxy-wi.org/cabinet.py" class="footer-link" target="_blank" title="Privet cabinet for donaters">Cabinet</a>
<a href="https://github.com/Aidaho12/haproxy-wi/issues" class="footer-link" target="_blank">Help</a>
<a href="https://haproxy-wi.org/contacts.py" class="footer-link" target="_blank">Contact</a>
<a href="https://haproxy-wi.org" class="footer-link" target="_blank" title="About HAProxy-WI">About</a>
<a href="https://haproxy-wi.org/cloud.py" class="footer-link" target="_blank" title="HAProxy-WI Cloud">Cloud</a>
</div>
</div>
<div id="current-user-groups-dialog" style="display: none;">
<div id="current-user-groups-form"></div>
</div>
</body>
</html>

View File

@ -16,6 +16,7 @@
ScriptAlias /cgi-bin/ "/var/www/haproxy-wi/app/" ScriptAlias /cgi-bin/ "/var/www/haproxy-wi/app/"
<Directory /var/www/haproxy-wi/app> <Directory /var/www/haproxy-wi/app>
AllowOverride FileInfo
DirectoryIndex overview.py DirectoryIndex overview.py
Options +ExecCGI Options +ExecCGI
AddHandler cgi-script .py AddHandler cgi-script .py

BIN
favicon-16x16.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.6 KiB

BIN
inc/images/404.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 469 KiB

BIN
inc/images/500.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 810 KiB

View File

@ -1020,6 +1020,27 @@ label {
margin-top: 20px; margin-top: 20px;
} }
} }
@media (max-width: 1024px) {
#logo_span {
margin-left: -5%;
}
.wrong-login {
margin-right: -150px;
}
.haproxy-info {
width: 120px;
padding-left: 10px;
}
#rows {
width: 50px;
}
#grep {
width: 100px;
}
.add-note {
display: none !important;
}
}
@media (max-width: 1080px) { @media (max-width: 1080px) {
#logo_span { #logo_span {
margin-left: -5%; margin-left: -5%;
@ -1047,25 +1068,6 @@ label {
width: 60%; width: 60%;
} }
} }
@media (max-width: 1024px) {
#logo_span {
margin-left: -5%;
}
.wrong-login {
margin-right: -150px;
}
.haproxy-info {
width: 120px;
padding-left: 10px;
}
#rows {
width: 50px;
}
#grep {
width: 100px;
}
}
@media (max-width: 768px) { @media (max-width: 768px) {
#logo_span { #logo_span {
margin-left: -12%; margin-left: -12%;
@ -1149,3 +1151,47 @@ label {
padding-top: 10px; padding-top: 10px;
color: #9d9d9d; color: #9d9d9d;
} }
#stats_filter {
margin-left: 5px;
margin-right: 5px;
margin-top: -4px;
float: right;
padding-top: 7px;
display: none;
}
#stats_filter_text {
float: left;
padding: 5px;
font-size: 20px;
padding-top: 0;
margin-top: -2px;
padding-right: 10px;
}
.stats_active, .stats_drain, .stats_maintain, .stats_down, .stats_not_checked, .stats_backup, .stats_frontends, .stats_backends {
color: #000 ;
border-color: rgb(221, 221, 221) !important;
}
.stats_active:hover, .stats_not_checked:hover, .stats_backup:hover {
color: darkgrey !important;
}
.stats_active {
background-color: #c0ffc0 !important;
}
.stats_drain {
background-color: #20a0FF !important;
}
.stats_maintain {
background-color: #c07820 !important;
}
.stats_down {
background-color: #ff9090 !important;
}
.stats_not_checked {
background-color: #e0e0e0 !important;
}
.stats_backup {
background-color: #b0d0ff !important;
}
.stats_frontends {
background-color: rgb(93, 156, 235) !important;
}