DOI Prefix Main
unknown
html
3 years ago
14 kB
3
Indexable
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Bootstrap CDN -->
<link rel="stylesheet" href="./assets/css/bootstrap.css">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons"
rel="stylesheet">
<!-- Fonts -->
<link href="https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200;0,300;0,400;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
<link rel="stylesheet" href="./assets/css/newStyle.css">
<title>Dashboard - DOI RJI</title>
</head>
<body>
<section id="dashboard-wrapper" class="d-flex">
<!-- SIDEBAR -->
<section id="left-sidebar">
<div class="wrap-menu d-flex flex-column justify-content-between">
<div class="main-menu">
<!-- LOGO BRAND -->
<span class="logo-brand mb-4">
<a href="" class=""><img src="./assets/images/icons/logo_doi_rji.png" alt=""></a>
<span class="toggle-navbar">
<span class="material-icons">
menu
</span>
</span>
</span>
<!-- LIST MENU SIDEBAR -->
<ul id="sidebar-list-menu" class="list-group">
<li class="list-group-item active mb-3" aria-current="true"><a href=""><span class="ic-wrap"><span class="material-icons">dashboard</span> <span class="txt">dashboard</span></span></a></li>
<li class="list-group-item mb-3" aria-current="true"><a href=""><span class="ic-wrap"><span class="material-icons">inventory</span> <span class="txt">DOI Prefik</span></span></a></li>
<li class="list-group-item mb-3" aria-current="true"><a href=""><span class="ic-wrap"><span class="material-icons">cloud_download</span> <span class="txt">Deposit</span></span></a></li>
<li class="list-group-item mb-3" aria-current="true"><a href=""><span class="ic-wrap"><span class="material-icons">request_quote</span> <span class="txt">Invoice</span></span></a></li>
<li class="list-group-item mb-3" aria-current="true"><a href=""><span class="ic-wrap"><span class="material-icons">request_page</span> <span class="txt">History Payment</span></span></a></li>
<li class="list-group-item mb-3" aria-current="true"><a href=""><span class="ic-wrap"><span class="material-icons">manage_accounts</span> <span class="txt">Change Account</span></span></a></li>
</ul>
</div>
<!-- OTHER MENU SIDEBAR -->
<div class="support-menu">
<ul class="list-group">
<li class="list-group-item mb-3" aria-current="true"><a href=""><span class="ic-wrap"><span class="material-icons">support_agent</span> <span class="txt">Support</span></span></a></li>
<li class="list-group-item mb-3" aria-current="true"><a href=""><span class="ic-wrap"><span class="material-icons">logout</span> <span class="txt">Logout</span></span></a></li>
</ul>
</div>
</div>
</section>
<!-- MAIN CONTENT -->
<main id="main-content" class="flex-grow-1">
<!-- MENU BAR -->
<div id="menu-bar" class="d-flex align-items-center justify-content-between">
<div class="left-bar mb-2">
<div class="account-balance">
<span class="ic-wrap"><span class="material-icons">account_balance_wallet</span>Balance: IDR
<span class="total-balance"> 200,000</span></span>
</div>
</div>
<div class="right-bar d-flex align-items-center gap-3 flex-wrap flex-shrink-0">
<div class="menu-bar-item desk-info">
<a href="" class="desk-info-dropdown">
<span class="ic-wrap"><span class="material-icons">info</span><span class="sub-txt">desk information</span> <span class="material-icons rotate-arrow-down">expand_more</span></span>
</a>
<ul class="sub-menu d-flex flex-column">
<li><a target="_blank" href="https://forum.relawanjurnal.id/viewforum.php?f=22">Setting DOI</a></li>
<li><a target="_blank" href="https://t.me/joinchat/SBT0qeU0yemR28-d">Consultation</a></li>
<li><a target="_blank" href="https://www.crossref.org/education/similarity-check/participate/eligibility/">Similarity Check</a></li>
</ul>
</div>
<div class="menu-bar-item chat-notif position-relative">
<a href="#messages">
<span class="ic-wrap"><span class="material-icons">chat</span></span>
</a>
<span class="position-absolute top-0 start-100 translate-middle p-2 bg-info border border-light rounded-circle"></span>
</div>
<div class="menu-bar-item invoice-notif position-relative">
<a href="#invoice">
<span class="ic-wrap"><span class="material-icons">request_quote</span></span>
</a>
<span class="position-absolute top-0 start-100 translate-middle p-2 bg-info border border-light rounded-circle"></span>
</div>
<div class="menu-bar-item user-name">
<a href="" class="user-name-dropdown">
<span class="ic-wrap"><span class="sub-txt">USER PROFILE</span>
<div class="ic-profile">U</div>
<span class="material-icons rotate-arrow-down">expand_more</span>
</span>
</a>
<ul class="sub-menu d-flex flex-column">
<li><a href="#">Change Password</a></li>
<li style="border-bottom: 1px solid orange;"><a href="#">Change Account</a></li>
<li><a class="dropdown-item" href="#" data-bs-toggle="modal" data-bs-target="#logoutModal">Logout</a></li>
</ul>
</div>
</div>
</div>
<!-- CONTENT BASE -->
<div id="content-base">
<h3 class="content-title">DOI prefik</h3>
<div class="doi-prefik-second d-flex flex-column">
<div class="doi-prefik-item card flex-grow-1 flex-shrink-0 pb-2">
<div class="card-header d-flex justify-content-between flex-wrap align-items-center">
<h5 class="mb-0 text-white">institution</h5>
<h5 class="mb-0 text-white" style="font-size: 1.05rem;">RJI publisher[10.48078]</h5>
</div>
<div class="card-body pb-0">
<h4 class="text-capitalize pb-3" style="border-bottom: 1px solid var(--cc-orange);">type institution : <strong>publisher,</strong> <strong style="color: var(--cc-orange)">profit organization</strong></h4>
</div>
<div class="card-footer fw-light bg-transparent border-0 text-left">
<table style="color: var(--cc-primary)">
<tr>
<td class="head-col" style="font-size: .9rem!important;">username</td>
<td> : rjipub</td>
</tr>
<tr>
<td class="head-col" style="font-size: .9rem!important;">user crossref</td>
<td> : rjipub</td>
</tr>
<tr>
<td class="head-col" style="font-size: .9rem!important;">total number of jurnals</td>
<td> : 1</td>
</tr>
<tr>
<td class="head-col" style="font-size: .9rem!important;">total registered of DOI</td>
<td> : 0</td>
</tr>
</table>
</div>
</div>
<div class="doi-prefik-item card flex-grow-1 flex-shrink-0 pb-2 mt-4">
<div class="card-header d-flex justify-content-between flex-wrap align-items-center">
<h5 class="mb-0"><strong>detail history invoice</strong></h5>
<h5 class="mb-0" style="font-size: 1.15rem;"><a href="" class="fw-bold" style="color: var(--cc-primary);"><span class="ic-wrap"><span class="material-icons">print</span>print all</span></a></h5>
</div>
<div class="card-body pb-0 d-flex flex-column">
<div class="d-flex justify-content-between">
<h5 class="panel-feature d-flex align-items-center">
<small>Show </small>
<select name="" id="" class="form-select mx-2">
<option value="">10</option>
</select>
<small>entries</small>
</h5>
<form action="">
<div class="form-group d-flex align-items-center">
<label for="search-journ" style="color: var(--cc-lightgrey); font-weight: 600;">Search: </label>
<input type="text" name="" id="search-journ" class="form-control">
</div>
</form>
</div>
<div class="table-wrap flex-shrink-0">
<table class="table table-bordered mb-0">
<thead>
<tr>
<th>no</th>
<th>invoice</th>
<th>description</th>
<th>qty</th>
<th>type</th>
<th>date</th>
<th>amount</th>
<th>status</th>
<th>action</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>009178</td>
<td class="text-start">Deposit Register Konten/ Artikel Penggunaan Tahun 2021</td>
<td>1</td>
<td class="text-capitalize">deposit</td>
<td>2021-05-15</td>
<td class="text-end" style="line-height: 1rem;">IDR <br> 1,500,000</td>
<td>
<div class="bg-danger text-capitalize">unpaid</div>
<div class="bg-warning text-capitalize mt-1">canceled</div>
</td>
<td>
<a href="" class="btn-custom">
<span class="ic-wrap">
<span class="material-icons">folder</span>
detail
</span>
</a>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="card-footer bg-transparent border-0 d-flex justify-content-between mt-2 align-items-center">
<h6 style="font-weight: 600; color: var(--cc-lightgrey)">Showing 1 to 1 of 1 entries</h6>
<nav aria-label="Page navigation example">
<ul class="pagination">
<li class="page-item"><a class="page-link" href="#">Previous</a></li>
<li class="page-item"><a class="page-link" href="#">1</a></li>
<li class="page-item"><a class="page-link" href="#">Next</a></li>
</ul>
</nav>
</div>
</div>
</div>
</div>
<a href="" class="btn btn-custom mt-4"><span class="ic-wrap"><span class="material-icons">arrow_back</span>Back</span></a>
</main>
</section>
<script src="./assets/js/bootstrap.js"></script>
<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
<script src="./assets/js/mainFunctions.js"></script>
</body>
</html>Editor is loading...