From 4c50f13e9944abe5c249d0f896702f2d486be408 Mon Sep 17 00:00:00 2001
From: Tom Giannattasio <tom@mitx.mit.edu>
Date: Tue, 9 Oct 2012 14:47:15 -0400
Subject: [PATCH] added templates/styles for static pages

---
 cms/static/sass/_static-pages.scss  | 64 +++++++++++++++++++++++++++++
 cms/static/sass/base-style.scss     |  1 +
 cms/templates/edit-static-page.html | 41 ++++++++++++++++++
 cms/templates/static-pages.html     | 41 ++++++++++++++++++
 4 files changed, 147 insertions(+)
 create mode 100644 cms/static/sass/_static-pages.scss
 create mode 100644 cms/templates/edit-static-page.html
 create mode 100644 cms/templates/static-pages.html

diff --git a/cms/static/sass/_static-pages.scss b/cms/static/sass/_static-pages.scss
new file mode 100644
index 0000000000..628d537f90
--- /dev/null
+++ b/cms/static/sass/_static-pages.scss
@@ -0,0 +1,64 @@
+.static-pages {
+  .new-static-page-button {
+    @include grey-button;
+    display: block;
+    text-align: center;
+    padding: 12px 0;
+  }
+
+  .static-page-item {
+    position: relative;    
+    margin: 10px 0;
+    padding: 22px 20px;
+    border: 1px solid $darkGrey;
+    border-radius: 3px;
+    background: #fff;    
+    @include box-shadow(0 1px 2px rgba(0, 0, 0, .1));
+
+    .page-name {
+      font-size: 19px;
+      font-weight: 700;
+    }
+
+    .item-actions {
+      margin-top: 19px;
+      margin-right: 12px;
+    }
+  }
+}
+
+.edit-static-page {
+  .main-wrapper {
+    margin-top: 40px;
+  }
+
+  .static-page-details {
+    @extend .window;
+    padding: 32px 40px;
+
+    .row {
+      border: none;
+    }
+  }
+
+  .page-display-name-input {
+    width: 100%;
+    font-size: 20px;
+  }
+
+  .page-contents {
+    @include box-sizing(border-box);
+    width: 100%;
+    height: 360px;
+    padding: 15px;
+    border: 1px solid #b0b6c2;
+    border-radius: 2px;
+    @include linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, .3));
+    background-color: #edf1f5;
+    @include box-shadow(0 1px 2px rgba(0, 0, 0, .1) inset);
+    font-family: Monaco, monospace;
+    font-size: 13px;
+    color: #3c3c3c;
+    outline: 0;
+  }
+}
\ No newline at end of file
diff --git a/cms/static/sass/base-style.scss b/cms/static/sass/base-style.scss
index 8743790bba..628332d9ee 100644
--- a/cms/static/sass/base-style.scss
+++ b/cms/static/sass/base-style.scss
@@ -14,6 +14,7 @@
 @import "subsection";
 @import "unit";
 @import "assets";
+@import "static-pages";
 @import "course-info";
 @import "landing";
 @import "graphics";
diff --git a/cms/templates/edit-static-page.html b/cms/templates/edit-static-page.html
new file mode 100644
index 0000000000..f86d00989e
--- /dev/null
+++ b/cms/templates/edit-static-page.html
@@ -0,0 +1,41 @@
+<%inherit file="base.html" />
+<%! from django.core.urlresolvers import reverse %>
+<%block name="title">Edit Static Page</%block>
+<%block name="bodyclass">edit-static-page</%block>
+
+<%block name="content">
+<div class="main-wrapper">
+  <div class="inner-wrapper">
+    <div class="main-column">
+      <article class="static-page-details">
+        <div class="row">
+          <label>Display Name:</label>
+          <input type="text" value="Syllabus" class="page-display-name-input" data-metadata-name="display_name"/>
+        </div>
+        <div class="row">
+          <label>Page Content:</label>
+          <textarea class="page-contents"></textarea>
+        </div>
+      </article>
+    </div>
+    <div class="sidebar">
+      <div class="unit-properties window">
+        <h4>Page Settings</h4>
+        <div class="window-contents">
+          <div class="row visibility">
+            <label class="inline-label">Visibility:</label>
+            <select>
+              <option>Public</option>
+              <option>Private</option>
+            </select>
+          </div>
+          <div class="row unit-actions">
+            <a href="#" class="save-button">Save</a>
+            <a href="#" target="_blank" class="preview-button">Preview</a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+</%block>
\ No newline at end of file
diff --git a/cms/templates/static-pages.html b/cms/templates/static-pages.html
new file mode 100644
index 0000000000..67945f0832
--- /dev/null
+++ b/cms/templates/static-pages.html
@@ -0,0 +1,41 @@
+<%inherit file="base.html" />
+<%! from django.core.urlresolvers import reverse %>
+<%block name="title">Static Pages</%block>
+<%block name="bodyclass">static-pages</%block>
+
+<%block name="content">
+<div class="main-wrapper">
+  <div class="inner-wrapper">
+    <h1>Static Pages</h1>
+    <div class="page-actions">
+      
+    </div>
+    <article class="static-page-overview">
+      <a href="#" class="new-static-page-button wip-box"><span class="plus-icon"></span> New Static Page</a>
+      <ul class="static-page-list">
+        <li class="static-page-item">
+          <a href="#" class="page-name">Course Info</a>
+          <div class="item-actions">
+            <a href="#" class="edit-button wip"><span class="delete-icon"></span></a>
+            <a href="#" class="drag-handle wip"></a>
+          </div>
+        </li>
+        <li class="static-page-item">
+          <a href="#" class="page-name">Textbook</a>
+          <div class="item-actions">
+            <a href="#" class="edit-button wip"><span class="delete-icon"></span></a>
+            <a href="#" class="drag-handle wip"></a>
+          </div>
+        </li>
+        <li class="static-page-item">
+          <a href="#" class="page-name">Syllabus</a>
+          <div class="item-actions">
+            <a href="#" class="edit-button wip"><span class="delete-icon"></span></a>
+            <a href="#" class="drag-handle wip"></a>
+          </div>
+        </li>
+      </ul>
+    </article>
+  </div>
+</div>
+</%block>
\ No newline at end of file