mirror of
https://github.com/techgarage-ir/MTWireGuard.git
synced 2025-08-30 14:49:31 +02:00
138 lines
No EOL
6.5 KiB
Text
138 lines
No EOL
6.5 KiB
Text
@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">
|
||
© <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 author’s credit link/attribution link/backlink. If you'd like to use the template without the footer author’s 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> |