From 5239dcc9bd52c7d4add1570ad092af4a69ef2aad Mon Sep 17 00:00:00 2001
From: Brian Talbot <btalbot@edx.org>
Date: Wed, 28 Nov 2012 16:12:34 -0500
Subject: [PATCH] gradable sections - adding in assets and markup - wip

---
 cms/static/sass/_cms_mixins.scss | 14 ++++++++++++++
 cms/static/sass/_courseware.scss | 15 +++++++++++++++
 cms/static/sass/_variables.scss  |  1 +
 cms/templates/overview.html      |  4 ++++
 4 files changed, 34 insertions(+)

diff --git a/cms/static/sass/_cms_mixins.scss b/cms/static/sass/_cms_mixins.scss
index 3a8f24b5a9..01f2f55243 100644
--- a/cms/static/sass/_cms_mixins.scss
+++ b/cms/static/sass/_cms_mixins.scss
@@ -47,6 +47,20 @@
 	}
 }
 
+@mixin green-button {
+	@include button;
+	border: 1px solid #0d7011;
+	border-radius: 3px;
+	@include linear-gradient(top, rgba(255, 255, 255, .3), rgba(255, 255, 255, 0));
+	background-color: $green;
+	color: #fff;
+
+	&:hover {
+		background-color: #129416;
+		color: #fff;
+	}
+}
+
 @mixin white-button {
 	@include button;
 	border: 1px solid $darkGrey;
diff --git a/cms/static/sass/_courseware.scss b/cms/static/sass/_courseware.scss
index 23024f74e4..18ce755d40 100644
--- a/cms/static/sass/_courseware.scss
+++ b/cms/static/sass/_courseware.scss
@@ -68,6 +68,21 @@ input.courseware-unit-search-input {
 		}
 	}
 
+	.section-gradable-status {
+		position: absolute;
+		top: 25px;
+		right: 330px;
+
+		input[type=checkbox] {
+		   position: absolute;
+		   top: -9999px;
+		   left: -9999px;
+		}
+		label {
+		  cursor: pointer;
+		}
+	}
+
 	.datepair .date,
 	.datepair .time {
 		padding-left: 0;
diff --git a/cms/static/sass/_variables.scss b/cms/static/sass/_variables.scss
index fec65e4e11..49268c0fc0 100644
--- a/cms/static/sass/_variables.scss
+++ b/cms/static/sass/_variables.scss
@@ -15,6 +15,7 @@ $error-red: rgb(253, 87, 87);
 
 $blue: #5597dd;
 $orange: #edbd3c;
+$green: #108614;
 $lightGrey: #edf1f5;
 $mediumGrey: #ced2db;
 $darkGrey: #8891a1;
diff --git a/cms/templates/overview.html b/cms/templates/overview.html
index 4cfcfac2fc..d8a418ff2d 100644
--- a/cms/templates/overview.html
+++ b/cms/templates/overview.html
@@ -129,6 +129,10 @@
                   <a href="#" class="edit-button" data-date="${start_date_str}" data-time="${start_time_str}" data-id="${section.location}">Edit</a>
                 %endif
               </div>
+              <div class="section-gradable-status">
+                <input type="checkbox" id="section-gradable-status-true">
+                <label for="section-gradable-status-true">Gradable</label>
+              </div>
             </div>
             <div class="item-actions">
               <a href="#" data-tooltip="Delete this section" class="delete-button delete-section-button"><span class="delete-icon"></span></a>