From baa74958c55249868729c85c442fedf902d81c36 Mon Sep 17 00:00:00 2001
From: Baris Soner Usakli <barisusakli@gmail.com>
Date: Wed, 22 Jan 2014 11:46:50 -0500
Subject: [PATCH] can set image class for categories

---
 public/src/forum/topic.js             | 1 +
 public/templates/admin/categories.tpl | 6 ++++++
 public/templates/home.tpl             | 2 +-
 src/categories.js                     | 3 ++-
 4 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/public/src/forum/topic.js b/public/src/forum/topic.js
index e0aa241e2b..f8cb5b5f67 100644
--- a/public/src/forum/topic.js
+++ b/public/src/forum/topic.js
@@ -356,6 +356,7 @@ define(['composer'], function(composer) {
 		}
 
 		$('.topic').on('click', '.post_reply', function() {
+			console.log('gg twice');
 			var selectionText = '',
 				selection = window.getSelection() || document.getSelection();
 
diff --git a/public/templates/admin/categories.tpl b/public/templates/admin/categories.tpl
index 06ae5a0804..319444d278 100644
--- a/public/templates/admin/categories.tpl
+++ b/public/templates/admin/categories.tpl
@@ -83,6 +83,12 @@
 										<input id="cid-{categories.cid}-class" type="text" class="form-control" placeholder="col-md-6 col-xs-6" data-name="class" value="{categories.class}" />
 									</div>
 								</div>
+								<div class="col-sm-4 col-xs-12">
+									<div class="form-group">
+										<label for="cid-{categories.cid}-imageClass">Image Class</label>
+										<input id="cid-{categories.cid}-imageClass" type="text" class="form-control" placeholder="default" data-name="imageClass" value="{categories.imageClass}" />
+									</div>
+								</div>
 								<div class="col-sm-4 col-xs-12">
 									<div class="form-group">
 										<label for="cid-{categories.cid}-numRecentReplies"># of Recent Replies Displayed</label>
diff --git a/public/templates/home.tpl b/public/templates/home.tpl
index d4a7d78499..fa4d1910cd 100644
--- a/public/templates/home.tpl
+++ b/public/templates/home.tpl
@@ -26,7 +26,7 @@
 		<!-- ELSE -->
 		<a href="{relative_path}/category/{categories.slug}" itemprop="url">
 		<!-- ENDIF categories.link -->
-			<div class="icon" style="background: {categories.background}; color: {categories.color};">
+			<div class="category-header icon category-header-image-{categories.imageClass}" style="background: {categories.background}; color: {categories.color};">
 				<div id="category-{categories.cid}" class="category-slider-{categories.post_count}">
 					<div class="category-box"><i class="fa {categories.icon} fa-4x"></i></div>
 					<div class="category-box" itemprop="description">{categories.description}</div>
diff --git a/src/categories.js b/src/categories.js
index 465ee43d81..26550a7b96 100644
--- a/src/categories.js
+++ b/src/categories.js
@@ -35,7 +35,8 @@ var db = require('./database.js'),
 				order: data.order,
 				link: "",
 				numRecentReplies: 2,
-				"class": 'col-md-3 col-xs-6'
+				class: 'col-md-3 col-xs-6',
+				imageClass: 'default'
 			};
 
 			db.setObject('category:' + cid, category, function(err, data) {