From 2b050abaea0d4c8a69b50b1e18433cf99c16a790 Mon Sep 17 00:00:00 2001
From: Diego Najar <dignajar@gmail.com>
Date: Sun, 3 Jun 2018 21:51:47 +0200
Subject: [PATCH] Dashboard improves

---
 bl-kernel/admin/themes/booty/css/bludit.css   | 75 +++++++++++++++++++
 .../admin/themes/booty/css/chartist.min.css   |  1 +
 bl-kernel/admin/themes/booty/html/sidebar.php |  5 ++
 bl-kernel/admin/themes/booty/index.php        |  2 +-
 bl-kernel/admin/views/dashboard.php           | 59 +++++++++++++--
 bl-kernel/admin/views/edit-content.php        | 22 ++----
 bl-kernel/admin/views/new-content.php         | 25 +++----
 bl-kernel/boot/rules/60.plugins.php           |  1 +
 bl-kernel/helpers/date.class.php              |  2 +
 bl-kernel/helpers/tcp.class.php               | 20 +++++
 bl-kernel/js/bludit-ajax.php                  |  2 +
 bl-kernel/js/functions.php                    |  5 +-
 bl-plugins/quill/quill/bludit.css             |  2 +-
 13 files changed, 182 insertions(+), 39 deletions(-)
 create mode 100644 bl-kernel/admin/themes/booty/css/chartist.min.css

diff --git a/bl-kernel/admin/themes/booty/css/bludit.css b/bl-kernel/admin/themes/booty/css/bludit.css
index cd51db8e..a8cbea96 100644
--- a/bl-kernel/admin/themes/booty/css/bludit.css
+++ b/bl-kernel/admin/themes/booty/css/bludit.css
@@ -3,6 +3,81 @@ html {
 	font-size: 0.9em;
 }
 
+/*
+	BOOTSTRAP Hacks
+*/
+
+@media (min-width: 1200px) {
+	.container {
+		max-width: 1250px;
+	}
+}
+
+a {
+	color: #4a90e2;
+}
+
+a:hover {
+	color: #4a90e2;
+}
+
+.btn {
+	border-radius: 2px;
+}
+
+.btn-primary {
+	background-color: #4F93E0;
+	border-color: #4a90e2;
+}
+
+.btn-primary:hover {
+	background-color: #4585CF;
+	border-color: #4a90e2;
+}
+
+/*
+	DASHBOARD
+*/
+
+#dashboard ul.list-group.list-group-striped li {
+	border: none;
+}
+
+#dashboard ul.list-group.list-group-striped li:nth-of-type(even) {
+	background: #f1f1f1;
+
+}
+
+#dashboard div.quick-links-icons {
+	font-size: 3em;
+	width: 100%;
+}
+
+#dashboard a.quick-links {
+	color: #777;
+}
+
+#dashboard a.quick-links:hover {
+	text-decoration: none;
+	color: #4586d4;
+}
+
+.ct-series-a .ct-line {
+	/* Set the colour of this series line */
+	stroke: #4a90e2;
+	/* Control the thikness of your lines */
+	stroke-width: 2px;
+	/* Create a dashed line with a pattern */
+}
+
+/* This selector overrides the points style on line charts. Points on line charts are actually just very short strokes. This allows you to customize even the point size in CSS */
+.ct-series-a .ct-point {
+	/* Colour of your points */
+	stroke: #4a90e2;
+	/* Size of your points */
+	stroke-width: 8px;
+}
+
 /*
 	ALERT
 */
diff --git a/bl-kernel/admin/themes/booty/css/chartist.min.css b/bl-kernel/admin/themes/booty/css/chartist.min.css
new file mode 100644
index 00000000..6a23d470
--- /dev/null
+++ b/bl-kernel/admin/themes/booty/css/chartist.min.css
@@ -0,0 +1 @@
+.ct-double-octave:after,.ct-major-eleventh:after,.ct-major-second:after,.ct-major-seventh:after,.ct-major-sixth:after,.ct-major-tenth:after,.ct-major-third:after,.ct-major-twelfth:after,.ct-minor-second:after,.ct-minor-seventh:after,.ct-minor-sixth:after,.ct-minor-third:after,.ct-octave:after,.ct-perfect-fifth:after,.ct-perfect-fourth:after,.ct-square:after{content:"";clear:both}.ct-label{fill:rgba(0,0,0,.4);color:rgba(0,0,0,.4);font-size:.75rem;line-height:1}.ct-grid-background,.ct-line{fill:none}.ct-chart-bar .ct-label,.ct-chart-line .ct-label{display:block;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex}.ct-chart-donut .ct-label,.ct-chart-pie .ct-label{dominant-baseline:central}.ct-label.ct-horizontal.ct-start{-webkit-box-align:flex-end;-webkit-align-items:flex-end;-ms-flex-align:flex-end;align-items:flex-end;-webkit-box-pack:flex-start;-webkit-justify-content:flex-start;-ms-flex-pack:flex-start;justify-content:flex-start;text-align:left;text-anchor:start}.ct-label.ct-horizontal.ct-end{-webkit-box-align:flex-start;-webkit-align-items:flex-start;-ms-flex-align:flex-start;align-items:flex-start;-webkit-box-pack:flex-start;-webkit-justify-content:flex-start;-ms-flex-pack:flex-start;justify-content:flex-start;text-align:left;text-anchor:start}.ct-label.ct-vertical.ct-start{-webkit-box-align:flex-end;-webkit-align-items:flex-end;-ms-flex-align:flex-end;align-items:flex-end;-webkit-box-pack:flex-end;-webkit-justify-content:flex-end;-ms-flex-pack:flex-end;justify-content:flex-end;text-align:right;text-anchor:end}.ct-label.ct-vertical.ct-end{-webkit-box-align:flex-end;-webkit-align-items:flex-end;-ms-flex-align:flex-end;align-items:flex-end;-webkit-box-pack:flex-start;-webkit-justify-content:flex-start;-ms-flex-pack:flex-start;justify-content:flex-start;text-align:left;text-anchor:start}.ct-chart-bar .ct-label.ct-horizontal.ct-start{-webkit-box-align:flex-end;-webkit-align-items:flex-end;-ms-flex-align:flex-end;align-items:flex-end;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center;text-anchor:start}.ct-chart-bar .ct-label.ct-horizontal.ct-end{-webkit-box-align:flex-start;-webkit-align-items:flex-start;-ms-flex-align:flex-start;align-items:flex-start;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center;text-anchor:start}.ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-start{-webkit-box-align:flex-end;-webkit-align-items:flex-end;-ms-flex-align:flex-end;align-items:flex-end;-webkit-box-pack:flex-start;-webkit-justify-content:flex-start;-ms-flex-pack:flex-start;justify-content:flex-start;text-align:left;text-anchor:start}.ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-end{-webkit-box-align:flex-start;-webkit-align-items:flex-start;-ms-flex-align:flex-start;align-items:flex-start;-webkit-box-pack:flex-start;-webkit-justify-content:flex-start;-ms-flex-pack:flex-start;justify-content:flex-start;text-align:left;text-anchor:start}.ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-start{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:flex-end;-webkit-justify-content:flex-end;-ms-flex-pack:flex-end;justify-content:flex-end;text-align:right;text-anchor:end}.ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-end{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:flex-start;-webkit-justify-content:flex-start;-ms-flex-pack:flex-start;justify-content:flex-start;text-align:left;text-anchor:end}.ct-grid{stroke:rgba(0,0,0,.2);stroke-width:1px;stroke-dasharray:2px}.ct-point{stroke-width:10px;stroke-linecap:round}.ct-line{stroke-width:4px}.ct-area{stroke:none;fill-opacity:.1}.ct-bar{fill:none;stroke-width:10px}.ct-slice-donut{fill:none;stroke-width:60px}.ct-series-a .ct-bar,.ct-series-a .ct-line,.ct-series-a .ct-point,.ct-series-a .ct-slice-donut{stroke:#d70206}.ct-series-a .ct-area,.ct-series-a .ct-slice-donut-solid,.ct-series-a .ct-slice-pie{fill:#d70206}.ct-series-b .ct-bar,.ct-series-b .ct-line,.ct-series-b .ct-point,.ct-series-b .ct-slice-donut{stroke:#f05b4f}.ct-series-b .ct-area,.ct-series-b .ct-slice-donut-solid,.ct-series-b .ct-slice-pie{fill:#f05b4f}.ct-series-c .ct-bar,.ct-series-c .ct-line,.ct-series-c .ct-point,.ct-series-c .ct-slice-donut{stroke:#f4c63d}.ct-series-c .ct-area,.ct-series-c .ct-slice-donut-solid,.ct-series-c .ct-slice-pie{fill:#f4c63d}.ct-series-d .ct-bar,.ct-series-d .ct-line,.ct-series-d .ct-point,.ct-series-d .ct-slice-donut{stroke:#d17905}.ct-series-d .ct-area,.ct-series-d .ct-slice-donut-solid,.ct-series-d .ct-slice-pie{fill:#d17905}.ct-series-e .ct-bar,.ct-series-e .ct-line,.ct-series-e .ct-point,.ct-series-e .ct-slice-donut{stroke:#453d3f}.ct-series-e .ct-area,.ct-series-e .ct-slice-donut-solid,.ct-series-e .ct-slice-pie{fill:#453d3f}.ct-series-f .ct-bar,.ct-series-f .ct-line,.ct-series-f .ct-point,.ct-series-f .ct-slice-donut{stroke:#59922b}.ct-series-f .ct-area,.ct-series-f .ct-slice-donut-solid,.ct-series-f .ct-slice-pie{fill:#59922b}.ct-series-g .ct-bar,.ct-series-g .ct-line,.ct-series-g .ct-point,.ct-series-g .ct-slice-donut{stroke:#0544d3}.ct-series-g .ct-area,.ct-series-g .ct-slice-donut-solid,.ct-series-g .ct-slice-pie{fill:#0544d3}.ct-series-h .ct-bar,.ct-series-h .ct-line,.ct-series-h .ct-point,.ct-series-h .ct-slice-donut{stroke:#6b0392}.ct-series-h .ct-area,.ct-series-h .ct-slice-donut-solid,.ct-series-h .ct-slice-pie{fill:#6b0392}.ct-series-i .ct-bar,.ct-series-i .ct-line,.ct-series-i .ct-point,.ct-series-i .ct-slice-donut{stroke:#f05b4f}.ct-series-i .ct-area,.ct-series-i .ct-slice-donut-solid,.ct-series-i .ct-slice-pie{fill:#f05b4f}.ct-series-j .ct-bar,.ct-series-j .ct-line,.ct-series-j .ct-point,.ct-series-j .ct-slice-donut{stroke:#dda458}.ct-series-j .ct-area,.ct-series-j .ct-slice-donut-solid,.ct-series-j .ct-slice-pie{fill:#dda458}.ct-series-k .ct-bar,.ct-series-k .ct-line,.ct-series-k .ct-point,.ct-series-k .ct-slice-donut{stroke:#eacf7d}.ct-series-k .ct-area,.ct-series-k .ct-slice-donut-solid,.ct-series-k .ct-slice-pie{fill:#eacf7d}.ct-series-l .ct-bar,.ct-series-l .ct-line,.ct-series-l .ct-point,.ct-series-l .ct-slice-donut{stroke:#86797d}.ct-series-l .ct-area,.ct-series-l .ct-slice-donut-solid,.ct-series-l .ct-slice-pie{fill:#86797d}.ct-series-m .ct-bar,.ct-series-m .ct-line,.ct-series-m .ct-point,.ct-series-m .ct-slice-donut{stroke:#b2c326}.ct-series-m .ct-area,.ct-series-m .ct-slice-donut-solid,.ct-series-m .ct-slice-pie{fill:#b2c326}.ct-series-n .ct-bar,.ct-series-n .ct-line,.ct-series-n .ct-point,.ct-series-n .ct-slice-donut{stroke:#6188e2}.ct-series-n .ct-area,.ct-series-n .ct-slice-donut-solid,.ct-series-n .ct-slice-pie{fill:#6188e2}.ct-series-o .ct-bar,.ct-series-o .ct-line,.ct-series-o .ct-point,.ct-series-o .ct-slice-donut{stroke:#a748ca}.ct-series-o .ct-area,.ct-series-o .ct-slice-donut-solid,.ct-series-o .ct-slice-pie{fill:#a748ca}.ct-square{display:block;position:relative;width:100%}.ct-square:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:100%}.ct-square:after{display:table}.ct-square>svg{display:block;position:absolute;top:0;left:0}.ct-minor-second{display:block;position:relative;width:100%}.ct-minor-second:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:93.75%}.ct-minor-second:after{display:table}.ct-minor-second>svg{display:block;position:absolute;top:0;left:0}.ct-major-second{display:block;position:relative;width:100%}.ct-major-second:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:88.8888888889%}.ct-major-second:after{display:table}.ct-major-second>svg{display:block;position:absolute;top:0;left:0}.ct-minor-third{display:block;position:relative;width:100%}.ct-minor-third:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:83.3333333333%}.ct-minor-third:after{display:table}.ct-minor-third>svg{display:block;position:absolute;top:0;left:0}.ct-major-third{display:block;position:relative;width:100%}.ct-major-third:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:80%}.ct-major-third:after{display:table}.ct-major-third>svg{display:block;position:absolute;top:0;left:0}.ct-perfect-fourth{display:block;position:relative;width:100%}.ct-perfect-fourth:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:75%}.ct-perfect-fourth:after{display:table}.ct-perfect-fourth>svg{display:block;position:absolute;top:0;left:0}.ct-perfect-fifth{display:block;position:relative;width:100%}.ct-perfect-fifth:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:66.6666666667%}.ct-perfect-fifth:after{display:table}.ct-perfect-fifth>svg{display:block;position:absolute;top:0;left:0}.ct-minor-sixth{display:block;position:relative;width:100%}.ct-minor-sixth:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:62.5%}.ct-minor-sixth:after{display:table}.ct-minor-sixth>svg{display:block;position:absolute;top:0;left:0}.ct-golden-section{display:block;position:relative;width:100%}.ct-golden-section:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:61.804697157%}.ct-golden-section:after{content:"";display:table;clear:both}.ct-golden-section>svg{display:block;position:absolute;top:0;left:0}.ct-major-sixth{display:block;position:relative;width:100%}.ct-major-sixth:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:60%}.ct-major-sixth:after{display:table}.ct-major-sixth>svg{display:block;position:absolute;top:0;left:0}.ct-minor-seventh{display:block;position:relative;width:100%}.ct-minor-seventh:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:56.25%}.ct-minor-seventh:after{display:table}.ct-minor-seventh>svg{display:block;position:absolute;top:0;left:0}.ct-major-seventh{display:block;position:relative;width:100%}.ct-major-seventh:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:53.3333333333%}.ct-major-seventh:after{display:table}.ct-major-seventh>svg{display:block;position:absolute;top:0;left:0}.ct-octave{display:block;position:relative;width:100%}.ct-octave:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:50%}.ct-octave:after{display:table}.ct-octave>svg{display:block;position:absolute;top:0;left:0}.ct-major-tenth{display:block;position:relative;width:100%}.ct-major-tenth:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:40%}.ct-major-tenth:after{display:table}.ct-major-tenth>svg{display:block;position:absolute;top:0;left:0}.ct-major-eleventh{display:block;position:relative;width:100%}.ct-major-eleventh:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:37.5%}.ct-major-eleventh:after{display:table}.ct-major-eleventh>svg{display:block;position:absolute;top:0;left:0}.ct-major-twelfth{display:block;position:relative;width:100%}.ct-major-twelfth:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:33.3333333333%}.ct-major-twelfth:after{display:table}.ct-major-twelfth>svg{display:block;position:absolute;top:0;left:0}.ct-double-octave{display:block;position:relative;width:100%}.ct-double-octave:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:25%}.ct-double-octave:after{display:table}.ct-double-octave>svg{display:block;position:absolute;top:0;left:0}
\ No newline at end of file
diff --git a/bl-kernel/admin/themes/booty/html/sidebar.php b/bl-kernel/admin/themes/booty/html/sidebar.php
index bfc53935..80aac22d 100644
--- a/bl-kernel/admin/themes/booty/html/sidebar.php
+++ b/bl-kernel/admin/themes/booty/html/sidebar.php
@@ -1,5 +1,10 @@
 <!-- Use .flex-column to set a vertical direction -->
 <ul class="nav flex-column pt-4">
+
+	<li class="nav-item mb-4">
+		<img src="<?php echo HTML_PATH_ADMIN_THEME ?>img/logo.svg" width="20" height="20"  alt=""> BLUDIT
+	</li>
+
 	<li class="nav-item">
 		<a class="nav-link" href="<?php echo HTML_PATH_ADMIN_ROOT.'dashboard' ?>"><span class="oi oi-dashboard"></span><?php $L->p('Dashboard') ?></a>
 	</li>
diff --git a/bl-kernel/admin/themes/booty/index.php b/bl-kernel/admin/themes/booty/index.php
index 50c4a827..3d830f58 100644
--- a/bl-kernel/admin/themes/booty/index.php
+++ b/bl-kernel/admin/themes/booty/index.php
@@ -50,7 +50,7 @@
 <?php include('html/alert.php'); ?>
 
 <!-- TOPBAR -->
-<?php include('html/topbar.php'); ?>
+<?php #include('html/topbar.php'); ?>
 
 <div class="container">
 	<!-- 25%/75% split on large devices, small, medium devices hide -->
diff --git a/bl-kernel/admin/views/dashboard.php b/bl-kernel/admin/views/dashboard.php
index 571f28e0..f74f2f05 100644
--- a/bl-kernel/admin/views/dashboard.php
+++ b/bl-kernel/admin/views/dashboard.php
@@ -1,12 +1,61 @@
-<div class="container">
+<div id="dashboard" class="container mt-3">
 	<div class="row">
 		<div class="col-7">
-		1 of 2
+
+			<!-- Quick Links -->
+			<div class="container border-bottom pb-4">
+				<h4 class="pb-3">Quick links</h4>
+				<div class="row">
+					<div class="col">
+						<a class="quick-links text-center" style="color: #4586d4" href="<?php echo HTML_PATH_ADMIN_ROOT.'new-content' ?>">
+							<div class="oi oi-justify-left quick-links-icons"></div>
+							<div>New content</div>
+						</a>
+					</div>
+					<div class="col border-left border-right">
+						<a class="quick-links text-center" href="<?php echo HTML_PATH_ADMIN_ROOT.'categories' ?>">
+							<div class="oi oi-tags quick-links-icons"></div>
+							<div>Categories</div>
+						</a>
+					</div>
+					<div class="col">
+						<a class="quick-links text-center" href="<?php echo HTML_PATH_ADMIN_ROOT.'users' ?>">
+							<div class="oi oi-people quick-links-icons"></div>
+							<div>Users</div>
+						</a>
+					</div>
+				</div>
+			</div>
+			<div class="container mt-4">
+				<div class="row">
+					<div class="col">
+						<a class="quick-links text-center" target="_blank" href="https://docs.bludit.com">
+							<div class="oi oi-compass quick-links-icons"></div>
+							<div>Documentation</div>
+						</a>
+					</div>
+					<div class="col border-left border-right">
+						<a class="quick-links text-center" target="_blank" href="https://forum.bludit.org">
+							<div class="oi oi-loop-square quick-links-icons"></div>
+							<div>Forum support</div>
+						</a>
+					</div>
+					<div class="col">
+						<a class="quick-links text-center" target="_blank" href="https://gitter.im/bludit/support">
+							<div class="oi oi-chat quick-links-icons"></div>
+							<div>Chat support</div>
+						</a>
+					</div>
+				</div>
+			</div>
+
+			<?php Theme::plugins('dashboard') ?>
 		</div>
 		<div class="col-5">
 
 			<!-- Notifications -->
-			<ul class="list-group">
+			<ul class="list-group list-group-striped b-0">
+			<li class="list-group-item pt-0"><h4>Notifications</h4></li>
 			<?php
 			$logs = array_slice($Syslog->db, 0, NOTIFICATIONS_AMOUNT);
 			foreach ($logs as $log) {
@@ -16,10 +65,10 @@
 				if (!empty($log['notes'])) {
 					echo ' « <b>'.$log['notes'].'</b> »';
 				}
-				echo '<br><span class="notification-date">';
+				echo '<br><span class="notification-date"><small>';
 				echo Date::format($log['date'], DB_DATE_FORMAT, NOTIFICATIONS_DATE_FORMAT);
 				echo ' - by '.$log['username'];
-				echo '</span>';
+				echo '</small></span>';
 				echo '</li>';
 			}
 			?>
diff --git a/bl-kernel/admin/views/edit-content.php b/bl-kernel/admin/views/edit-content.php
index ed062eb1..ee381ca9 100644
--- a/bl-kernel/admin/views/edit-content.php
+++ b/bl-kernel/admin/views/edit-content.php
@@ -13,7 +13,7 @@
 	<?php
 		echo Bootstrap::formOpen(array(
 			'id'=>'jsform',
-			'class'=>'tab-content mt-4'
+			'class'=>'tab-content mt-1'
 		));
 
 		// Token CSRF
@@ -56,18 +56,12 @@
 	<!-- TABS CONTENT -->
 	<div class="tab-pane show active" id="content" role="tabpanel" aria-labelledby="content-tab">
 
-		<?php
-			// Title
-			echo Bootstrap::formInputTextBlock(array(
-				'name'=>'title',
-				'placeholder'=>'Enter title',
-				'class'=>'form-control-lg',
-				'value'=>$page->title()
-			));
-		?>
+		<div class="form-group m-0">
+			<input value="<?php echo $page->title() ?>" class="form-control form-control-lg rounded-0 " id="jstitle" name="title" placeholder="Enter title" type="text">
+		</div>
 
-		<div class="form-group mt-2">
-			<div id="jscontent" name="content"><?php echo $page->contentRaw(true) ?></div>
+		<div class="form-group mt-1">
+			<div id="jscontent" name="content"><?php echo $page->contentRaw(false) ?></div>
 		</div>
 
 		<div class="form-group mt-2">
@@ -246,9 +240,7 @@ $(document).ready(function() {
 			var ajax = new bluditAjax();
 			// showAlert is the function to display an alert defined in alert.php
 			ajax.autosave(uuid, title, content, showAlert);
-		},
-		60*1000*<?php echo $GLOBALS['AUTOSAVE_TIME'] ?>
-	);
+	},1000*60*<?php echo $GLOBALS['AUTOSAVE_TIME'] ?>);
 
 	// Template autocomplete
 	$('input[name="template"]').autoComplete({
diff --git a/bl-kernel/admin/views/new-content.php b/bl-kernel/admin/views/new-content.php
index 5b548a50..e1dff256 100644
--- a/bl-kernel/admin/views/new-content.php
+++ b/bl-kernel/admin/views/new-content.php
@@ -1,7 +1,7 @@
 <!-- TABS -->
 <ul class="nav nav-tabs" id="dynamicTab" role="tablist">
 	<li class="nav-item">
-		<a class="nav-link active" id="content-tab" data-toggle="tab" href="#content" role="tab" aria-controls="content" aria-selected="true">Content</a>
+		<a class="nav-link active" id="content-tab" data-toggle="tab" href="#content" role="tab" aria-controls="content" aria-selected="true">Editor</a>
 	</li>
 	<li class="nav-item">
 		<a class="nav-link" id="images-tab" data-toggle="tab" href="#images" role="tab" aria-controls="images" aria-selected="false">Images</a>
@@ -13,7 +13,7 @@
 	<?php
 		echo Bootstrap::formOpen(array(
 			'id'=>'jsform',
-			'class'=>'tab-content mt-4'
+			'class'=>'tab-content mt-1'
 		));
 
 		// Token CSRF
@@ -50,22 +50,16 @@
 	<!-- TABS CONTENT -->
 	<div class="tab-pane show active" id="content" role="tabpanel" aria-labelledby="content-tab">
 
-		<?php
-			// Title
-			echo Bootstrap::formInputTextBlock(array(
-				'name'=>'title',
-				'placeholder'=>'Enter title',
-				'class'=>'form-control-lg',
-				'value'=>''
-			));
-		?>
+		<div class="form-group m-0">
+			<input value="" class="form-control form-control-lg rounded-0 " id="jstitle" name="title" placeholder="Enter title" type="text">
+		</div>
 
-		<div class="form-group mt-2">
+		<div class="form-group mt-1">
 			<div id="jscontent" name="content"></div>
 		</div>
 
 		<div class="form-group mt-2">
-			<button id="jsbuttonSave" type="submit" class="btn btn-primary"><?php echo $L->g('Save') ?></button>
+			<button id="jsbuttonSave" type="submit" class="btn btn-primary"><?php echo $L->g('Publish') ?></button>
 			<button id="jsbuttonDraft" type="button" class="btn"><?php echo $L->g('Save as draft') ?></button>
 			<a href="<?php echo HTML_PATH_ADMIN_ROOT ?>dashboard" class="btn"><?php echo $L->g('Cancel') ?></a>
 		</div>
@@ -222,6 +216,7 @@ $(document).ready(function() {
 	});
 
 	// Autosave interval
+	// Autosave works when the content of the page is bigger than 100 characters
 	setInterval(function() {
 			var uuid = $("#jsuuid").val();
 			var title = $("#jstitle").val();
@@ -229,9 +224,7 @@ $(document).ready(function() {
 			var ajax = new bluditAjax();
 			// showAlert is the function to display an alert defined in alert.php
 			ajax.autosave(uuid, title, content, showAlert);
-		},
-		60*1000*<?php echo $GLOBALS['AUTOSAVE_TIME'] ?>
-	);
+	},1000*60*<?php echo $GLOBALS['AUTOSAVE_TIME'] ?>);
 
 	// Template autocomplete
 	$('input[name="template"]').autoComplete({
diff --git a/bl-kernel/boot/rules/60.plugins.php b/bl-kernel/boot/rules/60.plugins.php
index 6bfbca10..1305d7b3 100644
--- a/bl-kernel/boot/rules/60.plugins.php
+++ b/bl-kernel/boot/rules/60.plugins.php
@@ -22,6 +22,7 @@ $plugins = array(
 	'adminBodyEnd'=>array(),
 	'adminSidebar'=>array(),
 	'adminContentSidebar'=>array(),
+	'dashboard'=>array(),
 
 	'beforeRulesLoad'=>array(),
 	'beforeAll'=>array(),
diff --git a/bl-kernel/helpers/date.class.php b/bl-kernel/helpers/date.class.php
index ff6d5914..6bceda74 100644
--- a/bl-kernel/helpers/date.class.php
+++ b/bl-kernel/helpers/date.class.php
@@ -36,6 +36,8 @@ class Date {
 		return self::translate($output);
 	}
 
+	// Returns the current time shifted by offset
+	// $offest could be +1 day, +1 month
 	public static function currentOffset($format, $offset)
 	{
 		$Date = new DateTime();
diff --git a/bl-kernel/helpers/tcp.class.php b/bl-kernel/helpers/tcp.class.php
index 3ebc6b07..3278417d 100644
--- a/bl-kernel/helpers/tcp.class.php
+++ b/bl-kernel/helpers/tcp.class.php
@@ -48,4 +48,24 @@ class TCP {
 		return file_put_contents($destination, $data);
 	}
 
+	public static function getIP()
+	{
+		if (getenv('HTTP_CLIENT_IP'))
+			$ip = getenv('HTTP_CLIENT_IP');
+		else if(getenv('HTTP_X_FORWARDED_FOR'))
+			$ip = getenv('HTTP_X_FORWARDED_FOR');
+		else if(getenv('HTTP_X_FORWARDED'))
+			$ip = getenv('HTTP_X_FORWARDED');
+		else if(getenv('HTTP_FORWARDED_FOR'))
+			$ip = getenv('HTTP_FORWARDED_FOR');
+		else if(getenv('HTTP_FORWARDED'))
+			$ip = getenv('HTTP_FORWARDED');
+		else if(getenv('REMOTE_ADDR'))
+			$ip = getenv('REMOTE_ADDR');
+		else
+		    return false;
+
+		return $ip;
+	}
+
 }
\ No newline at end of file
diff --git a/bl-kernel/js/bludit-ajax.php b/bl-kernel/js/bludit-ajax.php
index b34df9b3..6e987437 100644
--- a/bl-kernel/js/bludit-ajax.php
+++ b/bl-kernel/js/bludit-ajax.php
@@ -1,5 +1,7 @@
 class bluditAjax {
 
+	// Autosave works only when the content has more than 100 characters
+	// callBack function need to be showAlert() is the function to display an alert defined in alert.php
 	autosave(uuid, title, content, callBack) {
 		var ajaxRequest;
 		if (ajaxRequest) {
diff --git a/bl-kernel/js/functions.php b/bl-kernel/js/functions.php
index 0ebb1341..af4d4e6e 100644
--- a/bl-kernel/js/functions.php
+++ b/bl-kernel/js/functions.php
@@ -1,10 +1,13 @@
 <script>
 
+// DEPRECATED
+// ALL THIS FUNCTIONS IS DEPREACTED
+
 var ajaxRequest;
 
 function autosave(title, content) {
 	var ajaxRequest;
-	
+
     if(ajaxRequest) {
         ajaxRequest.abort();
     }
diff --git a/bl-plugins/quill/quill/bludit.css b/bl-plugins/quill/quill/bludit.css
index 7173fa5a..4926f318 100644
--- a/bl-plugins/quill/quill/bludit.css
+++ b/bl-plugins/quill/quill/bludit.css
@@ -1,5 +1,5 @@
 
 .ql-container {
-	height: 360px;
+	height: 480px;
 	font-size: 14px;
 }
\ No newline at end of file