Admin panel with uikit

This commit is contained in:
dignajar 2015-10-08 00:45:53 -03:00
parent c34e54775c
commit 6da75b9327
6 changed files with 8019 additions and 28 deletions

View File

@ -1,12 +1,53 @@
/* uikit hack for Bludit */
.uk-navbar {
background: #f5f5f5;
border: none !important;
}
.uk-button {
color: #ffffff;
padding: 1px 18px;
text-shadow: none;
}
.uk-button:hover,
.uk-button:focus {
background-color: #777777;
color: #ffffff;
}
.uk-navbar-nav > li > a {
border: none;
}
.uk-form-label {
color: #666666;
font-weight: normal !important;
}
.uk-form-help-block {
color: #AAAAAA;
font-size: 0.9em;
}
.uk-table th,
.uk-table td {
padding: 15px 10px;
}
/* Bludit */
#logo { #logo {
background: #f4f4f4; background: #f4f4f4;
height: 60px; height: 60px;
} }
#navbar {
border-top: none;
}
h2.subtitle { h2.subtitle {
margin: 20px 0; margin: 20px 0;
} }
div.plugin-link a {
display: inline-block;
margin-right: 10px;
margin-top: 5px;
}

File diff suppressed because one or more lines are too long

View File

@ -18,7 +18,7 @@
<body> <body>
<!-- Logo --> <!-- Logo -->
<div id="logo"> <div id="logo" class="uk-hidden-small">
<div class="uk-container uk-container-center"> <div class="uk-container uk-container-center">
<a class="uk-navbar-brand" href="#"> <a class="uk-navbar-brand" href="#">
<img class="uk-margin uk-margin-remove" alt="Bludit Logo" src="img/logo256.png"> <img class="uk-margin uk-margin-remove" alt="Bludit Logo" src="img/logo256.png">
@ -27,21 +27,21 @@
</div> </div>
<!-- NAVBAR --> <!-- NAVBAR -->
<nav id="navbar" class="uk-navbar"> <nav class="uk-navbar">
<div class="uk-container uk-container-center"> <div class="uk-container uk-container-center">
<ul class="uk-navbar-nav uk-hidden-small"> <ul class="uk-navbar-nav uk-hidden-small">
<li class="uk-active"><a href=""><i class="uk-icon-cog"></i> Dashboard</a></li> <li class="uk-active"><a href=""><i class="uk-icon-object-ungroup"></i> Dashboard</a></li>
<li><a href=""><i class="uk-icon-pencil-square-o"></i> New post</a></li> <li><a href=""><i class="uk-icon-pencil"></i> New post</a></li>
<li><a href=""><i class="uk-icon-cog"></i> New page</a></li> <li><a href=""><i class="uk-icon-file-text-o"></i> New page</a></li>
<li class="uk-parent" data-uk-dropdown> <li class="uk-parent" data-uk-dropdown>
<a href="http://www.getuikit.com"><i class="uk-icon-cog"></i> Manage</a> <a href="http://www.getuikit.com"><i class="uk-icon-clone"></i> Manage</a>
<div class="uk-dropdown uk-dropdown-navbar"> <div class="uk-dropdown uk-dropdown-navbar">
<ul class="uk-nav uk-nav-navbar"> <ul class="uk-nav uk-nav-navbar">
<li><a href="#"><i class="uk-icon-pencil-square-o"></i> Posts</a></li> <li><a href="#">Posts</a></li>
<li><a href="#"><i class="uk-icon-cog"></i> Pages</a></li> <li><a href="#">Pages</a></li>
<li><a href="#"><i class="uk-icon-cog"></i> Users</a></li> <li><a href="#">Users</a></li>
</ul> </ul>
</div> </div>
</li> </li>
@ -62,6 +62,18 @@
</div> </div>
</li> </li>
<li class="uk-parent" data-uk-dropdown>
<a href="http://www.getuikit.com"><i class="uk-icon-user"></i> Admin</a>
<div class="uk-dropdown uk-dropdown-navbar">
<ul class="uk-nav uk-nav-navbar">
<li><a href="#">Profile</a></li>
<li class="uk-nav-divider"></li>
<li><a href="#">Website</a></li>
<li><a href="#">Logout</a></li>
</ul>
</div>
</li>
</ul> </ul>
<a href="#offcanvas" class="uk-navbar-toggle uk-visible-small" data-uk-offcanvas></a> <a href="#offcanvas" class="uk-navbar-toggle uk-visible-small" data-uk-offcanvas></a>
@ -98,7 +110,7 @@
<!-- VIEW --> <!-- VIEW -->
<div class="uk-container uk-container-center"> <div class="uk-container uk-container-center">
<h2 class="subtitle"><i class="uk-icon-cog"></i> Manage posts</h2> <h2 class="subtitle"><i class="uk-icon-cog"></i> Plugins</h2>
<form class="uk-form uk-form-horizontal"> <form class="uk-form uk-form-horizontal">
<div class="uk-grid"> <div class="uk-grid">
@ -108,21 +120,27 @@
<table class="uk-table uk-table-striped"> <table class="uk-table uk-table-striped">
<thead> <thead>
<tr> <tr>
<th class="uk-margin">Titulo</th> <th class="uk-width-1-4">Name</th>
<th>Date</th> <th class="uk-width-3-4">Description</th>
<th>Slug</th> <th>Version</th>
<th>Author</th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
<tr> <tr>
<td>Post prueba</td> <td>
<td>2015-09-09 20:30</td> <div class="plugin-name">Google Tools more large and large</div>
<td>post-prueba</td> <div class="plugin-link"><a>Install</a><a>Configure</a></div>
</td>
<td>Plugin for Google tools, like as Google Analytics and Google Webmaster tools.Plugin for Google tools, like as Google Analytics and Google Webmaster tools.Plugin for Google tools, like as Google Analytics and Google Webmaster tools.</td>
<td>0.1.2</td>
<td>Bludit</td>
</tr> </tr>
<tr> <tr>
<td>Post prueba</td> <td><div class="plugin-name">Google Tools</div><div class="plugin-link"><a>Install</a></div></td>
<td>2015-09-09 20:30</td> <td>Plugin for Google tools, like as Google Analytics and Google Webmaster tools.</td>
<td>post-prueba</td> <td>0.1.2</td>
<td>Bludit</td>
</tr> </tr>
</tbody> </tbody>
</table> </table>

View File

@ -0,0 +1,145 @@
<!DOCTYPE html>
<html lang="en-gb" dir="ltr" class="uk-notouch">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="robots" content="noindex,nofollow">
<title>Bludit</title>
<link rel="stylesheet" type="text/css" href="css/uikit.css">
<link rel="stylesheet" type="text/css" href="css/default.css">
<link rel="stylesheet" type="text/css" href="css/jquery.datetimepicker.css">
<script charset="utf-8" src="js/jquery.min.js"></script>
<script charset="utf-8" src="js/uikit.min.js"></script>
<script charset="utf-8" src="js/jquery.datetimepicker.js"></script>
</head>
<body>
<!-- Logo -->
<div id="logo" class="uk-hidden-small">
<div class="uk-container uk-container-center">
<a class="uk-navbar-brand" href="#">
<img class="uk-margin uk-margin-remove" alt="Bludit Logo" src="img/logo256.png">
</a>
</div>
</div>
<!-- NAVBAR -->
<nav class="uk-navbar">
<div class="uk-container uk-container-center">
<ul class="uk-navbar-nav uk-hidden-small">
<li class="uk-active"><a href=""><i class="uk-icon-cog"></i> Dashboard</a></li>
<li><a href=""><i class="uk-icon-pencil-square-o"></i> New post</a></li>
<li><a href=""><i class="uk-icon-cog"></i> New page</a></li>
<li class="uk-parent" data-uk-dropdown>
<a href="http://www.getuikit.com"><i class="uk-icon-cog"></i> Manage</a>
<div class="uk-dropdown uk-dropdown-navbar">
<ul class="uk-nav uk-nav-navbar">
<li><a href="#"><i class="uk-icon-pencil-square-o"></i> Posts</a></li>
<li><a href="#"><i class="uk-icon-cog"></i> Pages</a></li>
<li><a href="#"><i class="uk-icon-cog"></i> Users</a></li>
</ul>
</div>
</li>
<li class="uk-parent" data-uk-dropdown>
<a href="http://www.getuikit.com"><i class="uk-icon-cog"></i> Settings</a>
<div class="uk-dropdown uk-dropdown-navbar">
<ul class="uk-nav uk-nav-navbar">
<li><a href="#">General</a></li>
<li><a href="#">Advanced</a></li>
<li><a href="#">Lenguage & Timezone</a></li>
<li class="uk-nav-divider"></li>
<li><a href="#">Plugins</a></li>
<li><a href="#">Themes</a></li>
<li class="uk-nav-divider"></li>
<li><a href="#">About Bludit</a></li>
</ul>
</div>
</li>
</ul>
<a href="#offcanvas" class="uk-navbar-toggle uk-visible-small" data-uk-offcanvas></a>
<div class="uk-navbar-brand uk-navbar-center uk-visible-small">Bludit</div>
</div>
</nav>
<!-- OFFCANVAS -->
<div id="offcanvas" class="uk-offcanvas">
<div class="uk-offcanvas-bar">
<ul class="uk-nav uk-nav-offcanvas">
<li class="uk-active">
<a href="layouts_frontpage.html">Frontpage</a>
</li>
<li>
<a href="layouts_portfolio.html">Portfolio</a>
</li>
<li>
<a href="layouts_blog.html">Blog</a>
</li>
<li>
<a href="layouts_documentation.html">Documentation</a>
</li>
<li>
<a href="layouts_contact.html">Contact</a>
</li>
<li>
<a href="layouts_login.html">Login</a>
</li>
</ul>
</div>
</div>
<!-- VIEW -->
<div class="uk-container uk-container-center">
<h2 class="subtitle"><i class="uk-icon-cog"></i> Manage posts</h2>
<form class="uk-form uk-form-horizontal">
<div class="uk-grid">
<div class="uk-width-large-1-1">
<table class="uk-table uk-table-striped">
<thead>
<tr>
<th>Titulo</th>
<th>Date</th>
<th>Slug</th>
</tr>
</thead>
<tbody>
<tr>
<td>Post prueba</td>
<td>2015-09-09 20:30</td>
<td>post-prueba</td>
</tr>
<tr>
<td>Post prueba</td>
<td>2015-09-09 20:30</td>
<td>post-prueba</td>
</tr>
</tbody>
</table>
<ul class="uk-pagination">
<li><a href="">1</a></li>
<li class="uk-active"><span>2</span></li>
<li class="uk-disabled"><span>3</span></li>
<li><span>4</span></li>
</ul>
</div>
</div>
</form>
</div>
</body>
</html>

View File

@ -18,7 +18,7 @@
<body> <body>
<!-- Logo --> <!-- Logo -->
<div id="logo"> <div id="logo" class="uk-hidden-small">
<div class="uk-container uk-container-center"> <div class="uk-container uk-container-center">
<a class="uk-navbar-brand" href="#"> <a class="uk-navbar-brand" href="#">
<img class="uk-margin uk-margin-remove" alt="Bludit Logo" src="img/logo256.png"> <img class="uk-margin uk-margin-remove" alt="Bludit Logo" src="img/logo256.png">
@ -27,7 +27,7 @@
</div> </div>
<!-- NAVBAR --> <!-- NAVBAR -->
<nav id="navbar" class="uk-navbar"> <nav class="uk-navbar">
<div class="uk-container uk-container-center"> <div class="uk-container uk-container-center">
<ul class="uk-navbar-nav uk-hidden-small"> <ul class="uk-navbar-nav uk-hidden-small">

View File

@ -18,7 +18,7 @@
<body> <body>
<!-- Logo --> <!-- Logo -->
<div id="logo"> <div id="logo" class="uk-hidden-small">
<div class="uk-container uk-container-center"> <div class="uk-container uk-container-center">
<a class="uk-navbar-brand" href="#"> <a class="uk-navbar-brand" href="#">
<img class="uk-margin uk-margin-remove" alt="Bludit Logo" src="img/logo256.png"> <img class="uk-margin uk-margin-remove" alt="Bludit Logo" src="img/logo256.png">
@ -27,7 +27,7 @@
</div> </div>
<!-- NAVBAR --> <!-- NAVBAR -->
<nav id="navbar" class="uk-navbar"> <nav class="uk-navbar">
<div class="uk-container uk-container-center"> <div class="uk-container uk-container-center">
<ul class="uk-navbar-nav uk-hidden-small"> <ul class="uk-navbar-nav uk-hidden-small">
@ -121,6 +121,8 @@
</div> </div>
</div> </div>
<legend>Advanced settings</legend>
<div class="uk-form-row"> <div class="uk-form-row">
<label class="uk-form-label" for="jsslug">Site description</label> <label class="uk-form-label" for="jsslug">Site description</label>
<div class="uk-form-controls"> <div class="uk-form-controls">