From f6c35d67e635563d9962bee56a17e01f0068066f Mon Sep 17 00:00:00 2001
From: micmania1 <mstrong@silverstripe.org>
Date: Sun, 1 Feb 2015 09:24:37 +0000
Subject: [PATCH] Created initial concept for blog UI rework

---
 code/forms/BlogAdminSidebar.php      |  5 +++
 code/model/BlogPost.php              | 51 +++++++++++-----------------
 css/cms.css                          | 19 +++++++++++
 scss/cms.scss                        | 20 +++++++++++
 templates/BlogAdminSidebar_holder.ss | 17 ++++++++++
 5 files changed, 81 insertions(+), 31 deletions(-)
 create mode 100644 code/forms/BlogAdminSidebar.php
 create mode 100644 templates/BlogAdminSidebar_holder.ss

diff --git a/code/forms/BlogAdminSidebar.php b/code/forms/BlogAdminSidebar.php
new file mode 100644
index 0000000..2a78db6
--- /dev/null
+++ b/code/forms/BlogAdminSidebar.php
@@ -0,0 +1,5 @@
+<?php
+
+class BlogAdminSidebar extends FieldGroup {
+
+}
\ No newline at end of file
diff --git a/code/model/BlogPost.php b/code/model/BlogPost.php
index d762036..0b9ee64 100644
--- a/code/model/BlogPost.php
+++ b/code/model/BlogPost.php
@@ -62,8 +62,24 @@ class BlogPost extends Page {
 
 		$self =& $this;
 		$this->beforeUpdateCMSFields(function($fields) use ($self) {
-			$fields->addFieldsToTab('Root.Main', array(
-				HeaderField::create('Post Options', 3),
+
+			// Add featured image
+			$fields->insertBefore(
+				$uploadField = UploadField::create("FeaturedImage", _t("BlogPost.FeaturedImage", "Featured Image")),
+				"Content"
+			);
+			$uploadField->getValidator()->setAllowedExtensions(array('jpg', 'jpeg', 'png', 'gif'));
+
+			// Now we're going to create the blog options panel.
+			$menuTitle = $fields->dataFieldByName('MenuTitle');
+			$urlSegment = $fields->dataFieldByName('URLSegment');
+			$fields->removeFieldsFromTab('Root.Main', array(
+				'MenuTitle',
+				'URLSegment',
+			));
+			$options = BlogAdminSidebar::create(
+				$menuTitle,
+				$urlSegment,
 				$publishDate = DatetimeField::create("PublishDate", _t("BlogPost.PublishDate", "Publish Date")),
 				ListboxField::create(
 					"Categories",
@@ -75,40 +91,13 @@ class BlogPost extends Page {
 					_t("BlogPost.Tags", "Tags"),
 					$self->Parent()->Tags()->map()->toArray()
 				)->setMultiple(true)
-			));
+			)->setTitle('Post Options');
+			$fields->insertBefore($options, 'Root');
 			$publishDate->getDateField()->setConfig("showcalendar", true);
-
-			// Add featured image
-			$fields->insertBefore(
-				$uploadField = UploadField::create("FeaturedImage", _t("BlogPost.FeaturedImage", "Featured Image")),
-				"Content"
-			);
-			$uploadField->getValidator()->setAllowedExtensions(array('jpg', 'jpeg', 'png', 'gif'));
 		});
 
 		$fields = parent::getCMSFields();
 
-		// We're going to make an SEO tab and move all the usual crap there
-		$menuTitle = $fields->dataFieldByName('MenuTitle');
-		$urlSegment = $fields->dataFieldByName('URLSegment');
-		$fields->addFieldsToTab('Root.SEO', array(
-			$menuTitle,
-			$urlSegment,
-		));
-
-		$metaField = $fields->fieldByName('Root.Main.Metadata');
-		if($metaField) {
-			$metaFields = $metaField->getChildren();
-			if($metaFields->count() > 0) {
-				$tab = $fields->findOrMakeTab('Root.SEO');
-				$tab->push(HeaderField::create('Meta', 3));
-				foreach($metaFields as $field) {
-					$tab->push($field);
-				}
-			}
-			$fields->removeByName('Metadata');
-		}
-
 		return $fields;
 	}
 
diff --git a/css/cms.css b/css/cms.css
index 86d67f6..23820c0 100755
--- a/css/cms.css
+++ b/css/cms.css
@@ -21,3 +21,22 @@
   clear: none;
   float: left;
 }
+
+/* line 23, ../scss/cms.scss */
+.blog-admin-sidebar {
+  width: 280px !important;
+  border-right: none;
+  border-left: 1px solid #C0C0C2;
+  height: 547px;
+  position: fixed;
+  right: 0;
+}
+/* line 31, ../scss/cms.scss */
+.blog-admin-sidebar ~ .ss-tabset {
+  width: 866px;
+  float: left;
+}
+/* line 37, ../scss/cms.scss */
+.blog-admin-sidebar.cms-content-tools .cms-panel-content {
+  width: auto;
+}
diff --git a/scss/cms.scss b/scss/cms.scss
index 39e02da..f8e7f29 100755
--- a/scss/cms.scss
+++ b/scss/cms.scss
@@ -18,4 +18,24 @@
 #FeaturedImage .middleColumn {
 	clear: none;
 	float: left;
+}
+
+.blog-admin-sidebar {
+	width: 280px !important;
+	border-right: none;
+	border-left: 1px solid #C0C0C2;
+	height: 547px;
+	position: fixed;
+	right: 0;
+
+	~ .ss-tabset {
+		width: 866px;
+		float:left;
+	}
+
+	&.cms-content-tools {
+		.cms-panel-content {
+			width: auto;
+		}
+	}
 }
\ No newline at end of file
diff --git a/templates/BlogAdminSidebar_holder.ss b/templates/BlogAdminSidebar_holder.ss
new file mode 100644
index 0000000..54f2baf
--- /dev/null
+++ b/templates/BlogAdminSidebar_holder.ss
@@ -0,0 +1,17 @@
+<div class="cms-content-tools west cms-panel cms-panel-layout blog-admin-sidebar" data-expandOnClick="true" data-layout-type="border" id="blog-admin-sidebar">
+    <div class="cms-panel-content center">
+        <div class="cms-content-view cms-tree-view-sidebar" id="blog-admin-content">
+            <h3 class="cms-panel-header">$Title</h3>
+			<% loop $Children %>
+				$FieldHolder
+			<% end_loop %>
+        </div>
+    </div>
+    <div class="cms-panel-content-collapsed">
+        <h3 class="cms-panel-header">$Title</h3>
+    </div>
+    <div class="cms-panel-toggle south">
+        <a class="toggle-expand" href="#"><span>&laquo;</span></a>
+        <a class="toggle-collapse" href="#"><span>&raquo;</span></a>
+    </div>
+</div>