Skip to content

Commit

Permalink
Merge a410aba into 4d98e92
Browse files Browse the repository at this point in the history
  • Loading branch information
oesukam committed Mar 25, 2019
2 parents 4d98e92 + a410aba commit 67b8e06
Show file tree
Hide file tree
Showing 41 changed files with 2,189 additions and 922 deletions.
1,317 changes: 742 additions & 575 deletions ui/css/style.css

Large diffs are not rendered by default.

Binary file added ui/images/stats-graph.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added ui/images/stats-users.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
134 changes: 134 additions & 0 deletions ui/pages/admin-dashboard.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,134 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<link rel="stylesheet" href="../css/style.css" />
<link rel="stylesheet" href="../css/font-awesome.min.css" />
<title>Authors Haven</title>
</head>
<body>
<nav class="top-navbar container">
<div class="col-3-mob">
<a href="../index.html">
<img src="../images/logo-white.png" alt="brand-logo" class="brand-logo" />
</a>
</div>
<div class="col-9-mob content-right color-white">
<button class="toggle-menu is-tablet">
<div class="hamburger"></div>
<div class="hamburger-nav">
<ul>
<li><a href="./articles-create.html">New article</a></li>
<li><a href="./articles-all.html">Articles</a></li>
<li><a href="./articles-user-all.html">My Articles</a></li>
<li class="separator"></li>
<li><a href="../pages/profile-edit.html">Settings</a></li>
<li><a href="../pages/admin-dashboard.html">Dashboard</a></li>
<li><a href="#">Sign out</a></li>
</ul>
</div>
</button>
<button class="nav-button navbar-dropdown is-desktop color-white">
<img src="../images/avatar.png" class="top-navbar__avatar" alt="User logo" />
<ul class="dropdown">
<li><a href="./articles-create.html">New article</a></li>
<li><a href="./articles-all.html">Articles</a></li>
<li><a href="./articles-user-all.html">My Articles</a></li>
<li class="separator"></li>
<li><a href="../pages/profile-edit.html">Settings</a></li>
<li><a href="../pages/admin-dashboard.html">Dashboard</a></li>
<li><a href="#">Sign out</a></li>
</ul>
</button>
</div>
</nav>
<section class="main-content triangle-bg">
<div class="container">
<div class="box-container content-margin">
<div class="side-bar">
<div class="user-info">
<img src="../images/avatar.png" alt="User avatar" />
<span>Franck</span>
</div>
<ul class="side-menu">
<li class="active">
<a href="../pages/admin-dashboard.html"><i class="fa fa-home"></i> Home</a>
</li>
<li>
<a href="../pages/admin-view-users.html"><i class="fa fa-users"></i> Users</a>
</li>
<li>
<a href="../pages/admin-view-reports.html"><i class="fa fa-file"></i> Reports</a>
</li>
</ul>
</div>
<div class="box-content">
<div class="row" style="background-color: #fff; border-radius: 15px;">
<div class="col-4">
<div class="is-column">
<div class="title-1">1,400</div>
<div class="title-3 color-gray">Published articles</div>
<br />
<div class="title-1">170</div>
<div class="title-3 color-gray">Draft articles</div>
<br />
<button class="button primary">Articles Summary</button>
</div>
</div>
<div class="col-8">
<img src="../images/stats-graph.png" alt="" style="width: 100%" />
</div>
</div>
<br />
<br />
<div class="row">
<div class="col-3" style="background-color: #fff; border-radius: 15px;">
<div class="is-column">
<div class="title-1">368</div>
<div class="title-3 color-gray">Active users</div>
<br />
<div class="title-1">190</div>
<div class="title-3 color-gray">Blocked users</div>
<br />
<button class="button primary">Users' summary</button>
</div>
</div>
<div class="col-1"></div>
<div class="col-3" style="background-color: #fff; border-radius: 15px;">
<img src="../images/stats-users.png" alt="" style="width: 100%" />
</div>
<div class="col-1"></div>
<div class="col-4" style="background-color: #fff; border-radius: 15px;">
<img src="../images/stats-graph.png" alt="" style="width: 100%; height: 100%;" />
</div>
</div>
</div>
</div>
</div>
</section>
<a class="go-top-btn" href="#"><i class="fa fa-angle-up"></i></a>
<div id="modal-report-resolve" class="modal">
<div class="modal__wrap">
<div class="modal__title">
Article name, reported by username
</div>
<div class="modal__content content-center items-center">
Resolved:
<div class="checkbox-onoff">
<input type="checkbox" value="1" id="checkboxID" /><label for="checkboxID"></label>
</div>
</div>
<div class="modal__actions">
<a href="#" class="button primary">
Submit
</a>
<a href="#" class="button primary">
Cancel
</a>
</div>
</div>
</div>
</body>
</html>
181 changes: 181 additions & 0 deletions ui/pages/admin-view-reports.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,181 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<link rel="stylesheet" href="../css/style.css" />
<link rel="stylesheet" href="../css/font-awesome.min.css" />
<title>Authors Haven</title>
</head>
<body>
<nav class="top-navbar container">
<div class="col-3-mob">
<a href="../index.html">
<img src="../images/logo-white.png" alt="brand-logo" class="brand-logo" />
</a>
</div>
<div class="col-9-mob content-right color-white">
<button class="toggle-menu is-tablet">
<div class="hamburger"></div>
<div class="hamburger-nav">
<ul>
<li><a href="./articles-create.html">New article</a></li>
<li><a href="./articles-all.html">Articles</a></li>
<li><a href="./articles-user-all.html">My Articles</a></li>
<li class="separator"></li>
<li><a href="../pages/profile-edit.html">Settings</a></li>
<li><a href="../pages/admin-dashboard.html">Dashboard</a></li>
<li><a href="#">Sign out</a></li>
</ul>
</div>
</button>
<button class="nav-button navbar-dropdown is-desktop color-white">
<img src="../images/avatar.png" class="top-navbar__avatar" alt="User logo" />
<ul class="dropdown">
<li><a href="./articles-create.html">New article</a></li>
<li><a href="./articles-all.html">Articles</a></li>
<li><a href="./articles-user-all.html">My Articles</a></li>
<li class="separator"></li>
<li><a href="../pages/profile-edit.html">Settings</a></li>
<li><a href="../pages/admin-dashboard.html">Dashboard</a></li>
<li><a href="#">Sign out</a></li>
</ul>
</button>
</div>
</nav>
<section class="main-content triangle-bg">
<div class="container">
<div class="box-container content-margin">
<div class="side-bar">
<div class="user-info">
<img src="../images/avatar.png" alt="User avatar" />
<span>Franck</span>
</div>
<ul class="side-menu">
<li>
<a href="../pages/admin-dashboard.html"><i class="fa fa-home"></i> Home</a>
</li>
<li>
<a href="../pages/admin-view-users.html"><i class="fa fa-users"></i> Users</a>
</li>
<li class="active">
<a href="../pages/admin-view-reports.html"><i class="fa fa-file"></i> Reports</a>
</li>
</ul>
</div>
<div class="box-content">
<div class="stats">
<div class="stat">
<span class="stat__title">Total reports</span>
<span class="stat__counter">10</span>
</div>
<div class="stat">
<span class="stat__title">Resolved</span>
<span class="stat__counter">8</span>
</div>
<div class="stat">
<span class="stat__title">Unresolved</span>
<span class="stat__counter">2</span>
</div>
</div>
<div class="row">
<div class="col-12 padding-less">
<div class="input search">
<input type="text" placeholder="Filter reports" />
</div>
</div>
</div>
<div class="admin-filters">
<div class="filter">
<div class="filter__title">Order by:</div>
<div class="filter__icon">Newest <i class="fa fa-angle-down"></i></div>
</div>
</div>
<table>
<thead>
<tr>
<th width="70">#</th>
<th>Article</th>
<th>Reason</th>
<th>Description</th>
<th>Reported by</th>
<th>Resolved by</th>
<th class="align-center">Status</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>New article 1</td>
<td>Spam</td>
<td>-</td>
<td>User 1</td>
<td>Admin 2</td>
<td class="align-center color-green">
<a href="#modal-report-resolve"><i class="fa fa-check"></i></a>
</td>
</tr>
<tr>
<td>2</td>
<td>New article 1</td>
<td>Harrassment</td>
<td>-</td>
<td>User 1</td>
<td>Admin 2</td>
<td class="align-center color-red">
<a href="#modal-report-resolve"><i class="fa fa-times"></i></a>
</td>
</tr>
<tr>
<td>3</td>
<td>New article 1</td>
<td>Spam</td>
<td>-</td>
<td>User 1</td>
<td>Admin 2</td>
<td class="align-center color-green">
<a href="#modal-report-resolve"><i class="fa fa-check"></i></a>
</td>
</tr>
</tbody>
</table>
<div class="pagination">
<span>First</span>
<span><i class="fa fa-angle-left"></i></span>
<ul class="pages">
<li class="page current">1</li>
<li class="page">2</li>
<li class="page">3</li>
</ul>
<span><i class="fa fa-angle-right"></i></span>
<span>Last</span>
</div>
</div>
</div>
</div>
</section>
<a class="go-top-btn" href="#"><i class="fa fa-angle-up"></i></a>
<div id="modal-report-resolve" class="modal">
<div class="modal__wrap">
<div class="modal__title">
Article name, reported by username
</div>
<div class="modal__content content-center items-center">
Resolved:
<div class="checkbox-onoff">
<input type="checkbox" value="1" id="checkboxID" /><label for="checkboxID"></label>
</div>
</div>
<div class="modal__actions">
<a href="#" class="button primary">
Submit
</a>
<a href="#" class="button primary">
Cancel
</a>
</div>
</div>
</div>
</body>
</html>
Loading

0 comments on commit 67b8e06

Please sign in to comment.