521 lines
30 KiB
PHP
521 lines
30 KiB
PHP
<!DOCTYPE html>
|
||
<html lang="en">
|
||
|
||
<head>
|
||
<title>Mentor - Bootstrap 4 Admin Dashboard Template</title>
|
||
<meta charset="utf-8" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
|
||
<meta name="description" content="Admin template that can be used to build dashboards for CRM, CMS, etc." />
|
||
<meta name="author" content="Potenza Global Solutions" />
|
||
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
||
<!-- app favicon -->
|
||
<link rel="shortcut icon" href="/asset/img/favicon.ico">
|
||
<!-- google fonts -->
|
||
<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700" rel="stylesheet">
|
||
<!-- plugin stylesheets -->
|
||
<link rel="stylesheet" type="text/css" href="/asset/css/vendors.css" />
|
||
<!-- app style -->
|
||
<link rel="stylesheet" type="text/css" href="/asset/css/style.css" />
|
||
</head>
|
||
|
||
<body>
|
||
<!-- begin app -->
|
||
<div class="app">
|
||
<!-- begin app-wrap -->
|
||
<div class="app-wrap">
|
||
<!-- begin pre-loader -->
|
||
<div class="loader">
|
||
<div class="h-100 d-flex justify-content-center">
|
||
<div class="align-self-center">
|
||
<img src="/asset/img/loader/loader.svg" alt="loader">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- end pre-loader -->
|
||
<!-- begin app-header -->
|
||
<header class="app-header top-bar">
|
||
<!-- begin navbar -->
|
||
<nav class="navbar navbar-expand-md">
|
||
|
||
<!-- begin navbar-header -->
|
||
<div class="navbar-header d-flex align-items-center">
|
||
<a href="javascript:void:(0)" class="mobile-toggle"><i class="ti ti-align-right"></i></a>
|
||
<a class="navbar-brand" href="index.html">
|
||
<img src="https://www.wrenchboard.com/assets/ext/images/wrenchboard.png" class="img-fluid logo-desktop" alt="logo" />
|
||
<img src="https://www.wrenchboard.com/assets/ext/images/wrenchboard.png" class="img-fluid logo-mobile" alt="logo" />
|
||
</a>
|
||
</div>
|
||
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
|
||
aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
|
||
<i class="ti ti-align-left"></i>
|
||
</button>
|
||
<!-- end navbar-header -->
|
||
<!-- begin navigation -->
|
||
<div class="collapse navbar-collapse" id="navbarSupportedContent">
|
||
<div class="navigation d-flex">
|
||
<ul class="navbar-nav nav-left">
|
||
<li class="nav-item">
|
||
<a href="javascript:void(0)" class="nav-link sidebar-toggle">
|
||
<i class="ti ti-align-right"></i>
|
||
</a>
|
||
</li>
|
||
|
||
<li class="nav-item full-screen d-none d-lg-block" id="btnFullscreen">
|
||
<a href="javascript:void(0)" class="nav-link expand">
|
||
<i class="icon-size-fullscreen"></i>
|
||
</a>
|
||
</li>
|
||
</ul>
|
||
<ul class="navbar-nav nav-right ml-auto">
|
||
|
||
<li class="nav-item dropdown user-profile">
|
||
<a href="javascript:void(0)" class="nav-link dropdown-toggle " id="navbarDropdown4"
|
||
role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||
<img src="/asset/img/avtar/02.jpg" alt="avtar-img">
|
||
<span class="bg-success user-status"></span>
|
||
</a>
|
||
<div class="dropdown-menu animated fadeIn" aria-labelledby="navbarDropdown">
|
||
<div class="bg-gradient px-4 py-3">
|
||
<div class="d-flex align-items-center justify-content-between">
|
||
<div class="mr-1">
|
||
<h4 class="text-white mb-0"><?=$_SESSION['firstname']?> <?=$_SESSION['lastname']?></h4>
|
||
<small class="text-white"><?=$_SESSION['email']?></small>
|
||
</div>
|
||
<a href="/promoadmin" class="text-white font-20 tooltip-wrapper" data-toggle="tooltip"
|
||
data-placement="top" title="" data-original-title="Logout"> <i
|
||
class="zmdi zmdi-power"></i></a>
|
||
</div>
|
||
</div>
|
||
<div class="p-4">
|
||
<a class="dropdown-item d-flex nav-link" href="javascript:void(0)">
|
||
<i class="fa fa-user pr-2 text-success"></i> Profile</a>
|
||
<a class="dropdown-item d-flex nav-link" href="javascript:void(0)">
|
||
<i class="fa fa-envelope pr-2 text-primary"></i> Actions
|
||
<span class="badge badge-primary ml-auto">6</span>
|
||
</a>
|
||
<a class="dropdown-item d-flex nav-link" href="javascript:void(0)">
|
||
<i class=" ti ti-settings pr-2 text-info"></i> Settings
|
||
</a>
|
||
<a class="dropdown-item d-flex nav-link" href="javascript:void(0)">
|
||
<i class="fa fa-compass pr-2 text-warning"></i> Need help?</a>
|
||
<div class="row mt-2">
|
||
<div class="col">
|
||
<a class="bg-light p-3 text-center d-block" href="#">
|
||
<i class="fe fe-mail font-20 text-primary"></i>
|
||
<span class="d-block font-13 mt-2">Promo Plans</span>
|
||
</a>
|
||
</div>
|
||
<div class="col">
|
||
<a class="bg-light p-3 text-center d-block" href="#">
|
||
<i class="fe fe-plus font-20 text-primary"></i>
|
||
<span class="d-block font-13 mt-2">New Promo</span>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<!-- end navigation -->
|
||
</nav>
|
||
<!-- end navbar -->
|
||
</header>
|
||
<!-- end app-header -->
|
||
<!-- begin app-container -->
|
||
<div class="app-container">
|
||
<!-- begin app-nabar -->
|
||
<aside class="app-navbar">
|
||
<!-- begin sidebar-nav -->
|
||
<div class="sidebar-nav scrollbar scroll_light">
|
||
<ul class="metismenu " id="sidebarNav">
|
||
<li class="nav-static-title">Personal</li>
|
||
<li class="active">
|
||
<a class="has-arrow" href="javascript:void(0)" aria-expanded="false">
|
||
<i class="nav-icon ti ti-rocket"></i>
|
||
<span class="nav-title">Dashboards</span>
|
||
<span class="nav-label label label-danger">9</span>
|
||
</a>
|
||
<ul aria-expanded="false">
|
||
<li> <a href='/promodash'>Home</a> </li>
|
||
<li> <a href='/promolist'>My List</a> </li>
|
||
</ul>
|
||
</li>
|
||
|
||
|
||
|
||
<li class="sidebar-banner p-4 bg-gradient text-center m-3 d-block rounded">
|
||
<h5 class="text-white mb-1">Promo Admin</h5>
|
||
<p class="font-13 text-white line-20">WrenchBoard Promotion Management Systems </p>
|
||
<!-- <a class="btn btn-square btn-inverse-light btn-xs d-inline-block mt-2 mb-0" href="#"> Buy now</a>-->
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<!-- end sidebar-nav -->
|
||
</aside>
|
||
<!-- end app-navbar -->
|
||
<!-- begin app-main -->
|
||
<div class="app-main" id="main">
|
||
<!-- begin container-fluid -->
|
||
<div class="container-fluid">
|
||
<!-- begin row -->
|
||
<div class="row">
|
||
<div class="col-md-12 m-b-30">
|
||
<!-- begin page title -->
|
||
<div class="d-block d-sm-flex flex-nowrap align-items-center">
|
||
<div class="page-title mb-2 mb-sm-0">
|
||
<h1>My Promotions Dash</h1>
|
||
</div>
|
||
<div class="ml-auto d-flex align-items-center">
|
||
<nav>
|
||
<ol class="breadcrumb p-0 m-b-0">
|
||
<li class="breadcrumb-item">
|
||
<a href="index.html"><i class="ti ti-home"></i></a>
|
||
</li>
|
||
<li class="breadcrumb-item">
|
||
Dashboard
|
||
</li>
|
||
<li class="breadcrumb-item active text-primary" aria-current="page">Job
|
||
Portal</li>
|
||
</ol>
|
||
</nav>
|
||
</div>
|
||
</div>
|
||
<!-- end page title -->
|
||
</div>
|
||
</div>
|
||
<!-- end row -->
|
||
<!-- begin row -->
|
||
<div class="row">
|
||
<div class="col-lg-6 col-xxl-3 m-b-30">
|
||
<div class="card card-statistics h-100 mb-0">
|
||
<div class="card-header">
|
||
<h4 class="card-title">Activity Stats</h4>
|
||
</div>
|
||
<div class="card-body pt-0">
|
||
<div class="apexchart-wrapper">
|
||
<div id="jobportaldemo3"></div>
|
||
</div>
|
||
<div class="row text-center justify-content-center">
|
||
<div class="col ml-3">
|
||
<h4 class="mb-0">45%</h4>
|
||
<span> <i class="fa fa-square pr-1 text-primary"></i> Job Seekers </span>
|
||
</div>
|
||
<div class="col">
|
||
<h4 class="mb-0">55%</h4>
|
||
<span> <i class="fa fa-square pr-1 text-info"></i> Job Providers </span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-6 col-xxl-3 m-b-30">
|
||
<div class="card card-statistics h-100 mb-0 widget-income-list">
|
||
<div class="card-body d-flex align-itemes-center">
|
||
<div class="media align-items-center w-100">
|
||
<div class="text-left">
|
||
<h3 class="mb-0">45.8k </h3>
|
||
<span>Pending Users</span>
|
||
</div>
|
||
<div class="img-icon bg-pink ml-auto">
|
||
<i class="ti ti-user text-white"></i>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="card-body d-flex align-itemes-center">
|
||
<div class="media align-items-center w-100">
|
||
<div class="text-left">
|
||
<h3 class="mb-0">65.4k </h3>
|
||
<span>New Users</span>
|
||
</div>
|
||
<div class="img-icon bg-primary ml-auto">
|
||
<i class="ti ti-tag text-white"></i>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="card-body d-flex align-itemes-center">
|
||
<div class="media align-items-center w-100">
|
||
<div class="text-left">
|
||
<h3 class="mb-0">78.2k </h3>
|
||
<span>Deleted Users</span>
|
||
</div>
|
||
<div class="img-icon bg-orange ml-auto">
|
||
<i class="ti ti-wallet text-white"></i>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="card-body d-flex align-itemes-center">
|
||
<div class="media align-items-center w-100">
|
||
<div class="text-left">
|
||
<h3 class="mb-0">65.3k </h3>
|
||
<span>Active Users</span>
|
||
</div>
|
||
<div class="img-icon bg-info ml-auto">
|
||
<i class="ti ti-slice text-white"></i>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-xxl-6 m-b-30">
|
||
<div class="card card-statistics" style="background-color: lightgoldenrodyellow;">
|
||
|
||
<div class="card-header">
|
||
<div class="card-heading"><h4 class="card-title">Add New</h4></div>
|
||
</div>
|
||
<div class="card-body">
|
||
<form id="ref_individual">
|
||
<div class="form-group">
|
||
<label for="exampleInputEmail1">Email address</label>
|
||
<input type="email" class="form-control" id="email" maxlength="55" aria-describedby="emailHelp" placeholder="Email">
|
||
<!-- <small id="emailHelp" class="form-text text-muted">We'll never share your email with anyone else.</small>-->
|
||
</div>
|
||
<div class="form-group">
|
||
<label for="exampleInputPassword1">Firstname</label>
|
||
<input type="text" class="form-control" id="firstname" maxlength="25" placeholder="Firstname">
|
||
</div>
|
||
<div class="form-group">
|
||
<label for="exampleInputPassword1">lastname</label>
|
||
<input type="text" class="form-control" id="lastname" max="25" placeholder="Lastname">
|
||
</div>
|
||
<div class="form-group" style="text-align: right;">
|
||
<span id="result_box" style="margin-right: 10px; color: red;"></span>
|
||
<button id="action_button" onclick="return addNewRef(1001)" type="submit" class="btn btn-primary">Add User</button>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-xxl-6 m-b-30">
|
||
<div class="card card-statistics h-100 mb-0" style="background-color: aliceblue;">
|
||
<div class="card-header d-flex align-items-center justify-content-between">
|
||
<div class="card-heading">
|
||
<h4 class="card-title">Recent Contacts</h4>
|
||
</div>
|
||
<div class="dropdown">
|
||
<a class="p-2 export-btn" href="/promolist" aria-haspopup="true" aria-expanded="false">
|
||
Go to my list
|
||
</a>
|
||
</div>
|
||
</div>
|
||
<div class="card-body">
|
||
<div class="table-responsive">
|
||
<table id="latestjobs" class="table table-borderless table-striped jobportal-table mb-0">
|
||
<thead>
|
||
<tr>
|
||
<th>No.</th>
|
||
<th>Email</th>
|
||
<th>Firstname</th>
|
||
<th>Lastname</th>
|
||
<th>Action</th>
|
||
<th>Status</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody class="text-muted">
|
||
<tr>
|
||
<td>#00001</td>
|
||
<td>
|
||
<p>james@bond.com</p>
|
||
</td>
|
||
<td>Firstname</td>
|
||
<td>Lastname</td>
|
||
<td>
|
||
Initial Task
|
||
</td>
|
||
<td>
|
||
<label class="badge badge-success-inverse mb-0">pending</label>
|
||
</td>
|
||
</tr>
|
||
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-xxl-6 m-b-30" >
|
||
<div class="card card-statistics h-100 mb-0 jobportal-contant">
|
||
<div class="card-header d-flex align-items-center justify-content-between">
|
||
<div class="card-heading">
|
||
<h4 class="card-title">Recent Actions</h4>
|
||
</div>
|
||
<div class="dropdown">
|
||
|
||
</div>
|
||
</div>
|
||
<div class="card-body">
|
||
<div class="table-responsive">
|
||
<table id="openposition" class="table table-borderless table-striped jobportal-table mb-0">
|
||
<tbody class="text-muted">
|
||
<tr>
|
||
<td>
|
||
<div class="bg-img ml-3">
|
||
<img src="/asset/img/browser-logo/google.png" class="img-fluid" alt="user-7">
|
||
</div>
|
||
</td>
|
||
<td>
|
||
<p class="d-block"><strong> Senior front-end developer</strong>
|
||
<span class="d-block"> <i class="fa fa-map-marker mr-2"></i> Montreal, Canada</span></p>
|
||
</td>
|
||
<td>
|
||
<p> Over 1 month ago
|
||
<span class="d-block"> <i class="fa fa-briefcase mr-2"></i> Full–time </span></p>
|
||
</td>
|
||
<td class="text-info text-right">
|
||
45 Days left
|
||
</td>
|
||
</tr>
|
||
|
||
<tr>
|
||
<td>
|
||
<div class="bg-img ml-3">
|
||
<img src="/asset/img/browser-logo/envato.png" class="img-fluid" alt="user-7">
|
||
</div>
|
||
</td>
|
||
<td>
|
||
<p class="d-block"><strong> Sales associate</strong>
|
||
<span class="d-block"> <i class="fa fa-map-marker mr-2"></i> London, UK</span></p>
|
||
</td>
|
||
<td>
|
||
<p> Over 2 month ago
|
||
<span class="d-block"> <i class="fa fa-briefcase mr-2"></i> Part–time </span></p>
|
||
</td>
|
||
<td class="text-info text-right">
|
||
80 Days left
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td>
|
||
<div class="bg-img ml-3">
|
||
<img src="/asset/img/browser-logo/invision.png" class="img-fluid" alt="user-7">
|
||
</div>
|
||
</td>
|
||
<td>
|
||
<p class="d-block"><strong> Product designer</strong>
|
||
<span class="d-block"> <i class="fa fa-map-marker mr-2"></i> Delhi, India</span></p>
|
||
</td>
|
||
<td>
|
||
<p> Over 6 month ago
|
||
<span class="d-block"> <i class="fa fa-briefcase mr-2"></i> Part–time </span></p>
|
||
</td>
|
||
<td class="text-info text-right">
|
||
50 Days left
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td>
|
||
<div class="bg-img ml-3">
|
||
<img src="/asset/img/browser-logo/slack.png" class="img-fluid" alt="user-7">
|
||
</div>
|
||
</td>
|
||
<td>
|
||
<p class="d-block"><strong> Python engineer</strong>
|
||
<span class="d-block"> <i class="fa fa-map-marker mr-2"></i> Tokyo, Japan</span></p>
|
||
</td>
|
||
<td>
|
||
<p> Over 10 month ago
|
||
<span class="d-block"> <i class="fa fa-briefcase mr-2"></i> Full–time </span></p>
|
||
</td>
|
||
<td class="text-info text-right">
|
||
20 Days left
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td>
|
||
<div class="bg-img ml-3">
|
||
<img src="/asset/img/browser-logo/bootstrap.png" class="img-fluid" alt="user-7">
|
||
</div>
|
||
</td>
|
||
<td>
|
||
<p class="d-block"><strong> Account executive</strong>
|
||
<span class="d-block"> <i class="fa fa-map-marker mr-2"></i> Menlo Park, CA</span></p>
|
||
</td>
|
||
<td>
|
||
<p> Over 4 month ago
|
||
<span class="d-block"> <i class="fa fa-briefcase mr-2"></i> Casual </span></p>
|
||
</td>
|
||
<td class="text-info text-right">
|
||
10 Days left
|
||
</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
<!-- end row -->
|
||
</div>
|
||
<!-- end container-fluid -->
|
||
</div>
|
||
<!-- end app-main -->
|
||
</div>
|
||
<!-- end app-container -->
|
||
<!-- begin footer -->
|
||
<footer class="footer">
|
||
<div class="row">
|
||
<div class="col-12 col-sm-6 text-center text-sm-left">
|
||
<p>© Copyright 2024. All rights reserved.</p>
|
||
</div>
|
||
<!-- <div class="col col-sm-6 ml-sm-auto text-center text-sm-right">-->
|
||
<!-- <p>Hand-crafted made with <i class="fa fa-heart text-danger mx-1"></i> by Potenza</p>-->
|
||
<!-- </div>-->
|
||
</div>
|
||
</footer>
|
||
<!-- end footer -->
|
||
</div>
|
||
<!-- end app-wrap -->
|
||
</div>
|
||
<!-- end app -->
|
||
|
||
<!-- /main content -->
|
||
<script type="text/javascript">
|
||
<!--
|
||
function addNewRef(link_id) {
|
||
//debugger;
|
||
var email = document.getElementById('email').value;
|
||
var firstname = document.getElementById('firstname').value;
|
||
var lastname = document.getElementById('lastname').value;
|
||
|
||
// alert (email + firstname + lastname );
|
||
|
||
if (email ==='' || firstname==='' || lastname==='' ){
|
||
return;
|
||
}
|
||
|
||
$('#result_box').html('Processing...');
|
||
$('#action_button').prop('disabled', true);
|
||
$.ajax({
|
||
url: "/addRefMember?proc=TRANSDETAIL&email="+email+"&firstname="+firstname+"&lastname="+lastname
|
||
}).done(function (data) {
|
||
$('#result_box').html(data);
|
||
|
||
document.ref_individual.email.value = '';
|
||
document.ref_individual.firstname.value = '';
|
||
document.ref_individual.lastname.value = '';
|
||
|
||
$('#action_button').prop('disabled', false);
|
||
});
|
||
return false;
|
||
}
|
||
|
||
// -->
|
||
</script>
|
||
|
||
|
||
|
||
<!-- plugins -->
|
||
<script src="/asset/js/vendors.js"></script>
|
||
|
||
<!-- custom app -->
|
||
<script src="/asset/js/app.js"></script>
|
||
</body>
|
||
|
||
</html>
|