techgarage-ir.MTWireGuard/UI/Pages/Client.cshtml
2024-01-25 20:40:43 +03:30

138 lines
No EOL
6.5 KiB
Text
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

@page
@model MTWireGuard.Pages.ClientModel
@using MTWireGuard.Application
@using MTWireGuard.Application.Models.Mikrotik
@inject MTWireGuard.Application.Repositories.IMikrotikRepository api
@{
Layout = null;
var ip = HttpContext.Connection.RemoteIpAddress;
var user = HttpContext.Session.Get<WGPeerViewModel>("user");
}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>DASHMIN - Bootstrap Admin Template</title>
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<meta content="" name="keywords">
<meta content="" name="description">
<!-- Favicon -->
<link href="img/favicon.ico" rel="icon">
<!-- Google Web Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Heebo:wght@400;500;600;700&display=swap" rel="stylesheet">
<!-- Icon Font Stylesheet -->
<link href="assets/lib/boxicons/css/boxicons.min.css" rel="stylesheet">
<link href="assets/libs/fortawesome/fontawesome-free/css/all.min.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.1/font/bootstrap-icons.css" rel="stylesheet">
<!-- Template Stylesheet -->
<link href="assets/css/core.css" rel="stylesheet">
<!-- Theme Style Switcher-->
<script src="assets/js/themeSwitcher.js"></script>
</head>
<body>
<div class="container-fluid position-relative d-flex flex-column" style="height: 100vh;">
<div class="row justify-content-center align-items-center d-flex flex-column h-100">
<div class="col-sm-12 col-md-6">
<img class="rounded mx-auto d-block" src="img/logo.png" alt="MTWireguard Logo" style="width: 50%;">
</div>
<div class="col-sm-12 col-md-5">
<div class="card">
<div class="card-header">
<h3 class="card-title text-center">@user.Name's Information</h3>
</div>
<div class="card-body">
<table class="table table-striped">
<tbody>
<tr>
<th>Name</th>
<td>@user.Name</td>
</tr>
<tr>
<th>Contact</th>
<td></td>
</tr>
<tr>
<th>Expiration</th>
<td>
<span class="badge bg-indigo">@user.Expire</span>
</td>
</tr>
<tr>
<th>Traffic Usage</th>
<td>
<span class="badge bg-warning">@user.TrafficUsed/@user.Traffic</span>
</td>
</tr>
<tr>
<th>IP</th>
<td>@user.Address</td>
</tr>
<tr>
<th>DNS</th>
<td>@user.DNSAddress</td>
</tr>
</tbody>
</table>
</div>
<div class="card-footer">
<div class="row gy-2">
<div class="col-md-4 d-flex justify-content-center">
<button class="btn btn-labeled bg-orange text-dark fw-medium rounded-3">
<span class="btn-label d-flex align-items-center justify-content-center">
<i class="bx bx-qr-scan"></i> QR
</span>
</button>
</div>
<div class="col-md-4 d-flex justify-content-center">
<button class="btn btn-labeled bg-blue text-dark fw-medium rounded-3">
<span class="btn-label d-flex align-items-center justify-content-center">
<i class="bx bx-download"></i> Download
</span>
</button>
</div>
<div class="col-md-4 d-flex justify-content-center">
<button class="btn btn-labeled bg-teal text-dark fw-medium rounded-3">
<span class="btn-label d-flex align-items-center justify-content-center">
<i class="bx bxs-key"></i> Change Password
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Footer Start -->
<footer class="container-fluid sticky-bottom px-4">
<div class="rounded-top p-4">
<div class="row">
<div class="col-12 col-sm-6 text-center text-sm-start">
&copy; <a href="#">MTWireguard</a>, All Right Reserved.
</div>
<div class="col-12 col-sm-6 text-center text-sm-end">
<!--/*** This template is free as long as you keep the footer authors credit link/attribution link/backlink. If you'd like to use the template without the footer authors credit link/attribution link/backlink, you can purchase the Credit Removal License from "https://htmlcodex.com/credit-removal". Thank you for your support. ***/-->
Designed By <a href="https://htmlcodex.com">HTML Codex</a>
</div>
</div>
</div>
</footer>
<!-- Footer End -->
</div>
<!-- JavaScript Libraries -->
<script src="assets/libs/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="assets/lib/jquery/js/jquery.min.js"></script>
<script src="assets/libs/jquery-ui/jquery-ui.min.js"></script>
</body>
</html>