From 446bd3a0226e82cc3646e82749799089194d6915 Mon Sep 17 00:00:00 2001
From: Julian Lam <julian@designcreateplay.com>
Date: Mon, 3 Jun 2013 16:41:06 -0400
Subject: [PATCH] constructing posts window

---
 public/css/style.less          | 30 ++++++++++++++++++++++++++++++
 public/src/modules/composer.js | 22 ++++++++++++++--------
 2 files changed, 44 insertions(+), 8 deletions(-)

diff --git a/public/css/style.less b/public/css/style.less
index ed0bfb2172..e9743a8533 100644
--- a/public/css/style.less
+++ b/public/css/style.less
@@ -857,4 +857,34 @@ body .navbar .nodebb-inline-block {
 			margin-right: 1em;
 		}
 	}
+}
+
+.post-window {
+	position: fixed;
+	bottom: 45px;
+	height: 30%;
+
+	div {
+		height: 100%;
+		background: rgba(64, 64, 64, 0.2);
+
+		input {
+			width: 100%;
+			text-align: center;
+			background: none;
+			border: none;
+			padding: 0.5em 0;
+		}
+
+		textarea {
+			background: rgba(64, 64, 64, 0.95);
+			border: none;
+			padding: 0.5em;
+			display: block;
+			width: 90%;
+			margin: 1em auto;
+			resize: none;
+			color: white;
+		}
+	}
 }
\ No newline at end of file
diff --git a/public/src/modules/composer.js b/public/src/modules/composer.js
index 812bde57bd..0713134035 100644
--- a/public/src/modules/composer.js
+++ b/public/src/modules/composer.js
@@ -2,7 +2,8 @@ define(function() {
 	var composer = {
 			initialized: false,
 			posts: [],
-			container: undefined,
+			btnContainer: undefined,
+			postContainer: undefined,
 			listEl: undefined
 		};
 
@@ -10,12 +11,17 @@ define(function() {
 		// Create the fixed bottom bar
 		var	contentEl = document.getElementById('content');
 		
-		composer.container = document.createElement('div');
+		composer.btnContainer = document.createElement('div');
+		composer.btnContainer.innerHTML = '<div class="navbar-inner"><ul class="nav pull-right"></ul></div>';
+		composer.btnContainer.className = 'posts-bar navbar navbar-fixed-bottom';
 
-		composer.container.innerHTML = '<div class="navbar-inner"><ul class="nav pull-right"></ul></div>';
-		composer.container.className = 'posts-bar navbar navbar-fixed-bottom';
-		composer.listEl = composer.container.querySelector('ul');
-		document.body.insertBefore(composer.container, contentEl);
+		composer.postContainer = document.createElement('div');
+		composer.postContainer.className = 'post-window row-fluid';
+		composer.postContainer.innerHTML = '<div class="span10 offset1"><input type="text" placeholder="Enter your topic title here..." /><textarea rows="10"></textarea></div>';
+
+		composer.listEl = composer.btnContainer.querySelector('ul');
+		document.body.insertBefore(composer.btnContainer, contentEl);
+		document.body.insertBefore(composer.postContainer, composer.btnContainer);
 
 		socket.on('api:composer.push', function(threadData) {
 			console.log(threadData);
@@ -34,9 +40,9 @@ define(function() {
 	composer.update = function() {
 		if (composer.initialized) {
 			if (composer.posts.length > 0) {
-				composer.container.setAttribute('data-active', '1');
+				composer.btnContainer.setAttribute('data-active', '1');
 			} else {
-				composer.container.removeAttribute('data-active');
+				composer.btnContainer.removeAttribute('data-active');
 			}
 		}
 	}