From: Charles Connell <charles@connells.org>
Date: Sat, 8 Mar 2014 00:13:29 +0000 (-0500)
Subject: The home page is pretty close now
X-Git-Tag: release-20150131~144^2~40
X-Git-Url: https://git.librecmc.org/?a=commitdiff_plain;h=b32ef5af74b4be4e13486c43ebbd240d71e38273;p=oweals%2Fkarmaworld.git

The home page is pretty close now
---

diff --git a/karmaworld/assets/css/global.css b/karmaworld/assets/css/global.css
index 990b651..66a2de9 100644
--- a/karmaworld/assets/css/global.css
+++ b/karmaworld/assets/css/global.css
@@ -43,10 +43,6 @@
 
 #global_footer {
   line-height: 1.5em;
-  margin: 10px 0 20px 0;
-}
-
-#footer-links-container {
-  border-top: 1px dashed grey;
+  margin: 20px 0 20px 0;
 }
 
diff --git a/karmaworld/assets/css/home.css b/karmaworld/assets/css/home.css
index 6dff109..42a7550 100644
--- a/karmaworld/assets/css/home.css
+++ b/karmaworld/assets/css/home.css
@@ -45,22 +45,16 @@ span.table-thanks-count {
 }
 
 span.table-course-name {
-  font-size: 2em;
-  font-weight: bold;
+  font-size: 1.8em;
 }
 
-table.dataTable tbody tr {
-  height: 8em;
+div.table-entry-third-line {
   border-bottom: 1px solid grey;
+  padding-bottom: 10px;
 }
 
-td.last-td {
-  border-bottom: 1px solid grey;
+div.table-entry-first-line {
+  padding-top: 10px;
 }
 
-#add-course-btn {
-  text-transform: uppercase;
-  font-size: 2.5em;
-  text-align: center;
-}
 
diff --git a/karmaworld/assets/js/add-course.js b/karmaworld/assets/js/add-course.js
index a25928a..7be82b0 100644
--- a/karmaworld/assets/js/add-course.js
+++ b/karmaworld/assets/js/add-course.js
@@ -21,11 +21,7 @@ $(function() {
 
   addCourse = function() {
     // Show the add a course form
-    $('#add-course-form').show();
-    // Hide the add a course button
-    $('#add-course-btn').hide();
-    // Scroll the user's page to here
-    $('#add-course-divider').ScrollTo();
+    $('#add-course-form').dialog("open");
     // Put focus in first input field
     $('#str_school').focus();
   };
@@ -34,9 +30,16 @@ $(function() {
   // of page
   $('#add-course-btn').click(addCourse);
 
-  // Set up the "Add Course" button in the
-  // page header
-  $('#add_course_header_button').click(addCourse);
+  $('#add-course-form').dialog({
+    autoOpen: false,
+    modal: true,
+    show: { effect: 'fade', duration: 500 },
+    width: 700
+  });
+
+  if (jump_to_form) {
+    $("#add-course-form").dialog("open");
+  }
 
   $("#str_school").autocomplete({
     source: function(request, response){
diff --git a/karmaworld/assets/js/course-list.js b/karmaworld/assets/js/course-list.js
index 9e2d077..3d4642a 100644
--- a/karmaworld/assets/js/course-list.js
+++ b/karmaworld/assets/js/course-list.js
@@ -1,11 +1,5 @@
 $(function() {
 
-  if (jump_to_form) {
-    $("#add-course-form").show();
-    $('#add-course-btn').hide();
-    document.getElementById('add-course-form').scrollIntoView(true);
-  }
-
   // load dataTable for course data
   var dataTable = $('#data_table_list').dataTable({
     // we will set column widths explicitly
diff --git a/karmaworld/templates/base.html b/karmaworld/templates/base.html
index aa91fad..df9af8a 100644
--- a/karmaworld/templates/base.html
+++ b/karmaworld/templates/base.html
@@ -52,7 +52,6 @@
 {% block bodyscripts %}
 {% endblock %}
 <!-- end block bodyscripts -->
-<script src="{{ STATIC_URL }}js/jquery-scrollto.min.js" ></script>
 <script src="{{ STATIC_URL }}js/opentip-jquery-excanvas.min.js"></script>
 
 </body>
diff --git a/karmaworld/templates/courses/course_list.html b/karmaworld/templates/courses/course_list.html
index 45ac916..ea32c20 100644
--- a/karmaworld/templates/courses/course_list.html
+++ b/karmaworld/templates/courses/course_list.html
@@ -14,12 +14,22 @@
 {% block pagescripts %}
   <script>
     // If there were form errors, open the form and jump to it
-    var jump_to_form = {% if jump_to_form %} true {% else%} false {% endif %};
+    var jump_to_form = {% if jump_to_form %}true{% else%}false{% endif %};
+    var json_school_list = "{% url 'json_school_list' %}"
+    var json_school_course_list = "{% url 'json_school_course_list' %}"
+    var json_school_course_instructor_list = "{% url 'json_school_course_instructor_list' %}"
+    var csrf_token = "{{ csrf_token }}";
   </script>
-  <script src="{{ STATIC_URL }}js/jquery.dataTables.min.js"></script>
+  <script src="{{ STATIC_URL }}js/setup-ajax.js"></script>
+  <script src="{{ STATIC_URL }}js/course.js"></script>
+  <script src="{{ STATIC_URL }}js/add-course.js"></script>
   <script src="{{ STATIC_URL }}js/course-list.js"></script>
 {% endblock %}
 
+{% block bodyscripts %}
+  <script src="{{ STATIC_URL }}js/jquery.dataTables.min.js"></script>
+{% endblock %}
+
 {% block content %}
 <section id="home_content">
   <div id="page_header" class="">
@@ -32,7 +42,7 @@
 
   <div id="course-search-bar" class="row">
     <div class="small-12 columns">
-      <button class="add-course" onclick="$('#add-course-btn').click();">Add a Course</button>
+      <button id="add-course-btn" class="add-course">Add a Course</button>
       <input class="search-courses" type="text" placeholder="Search Courses" />
       <div id="course-sort-wrapper">
         Sort By
@@ -69,26 +79,9 @@
     </div><!-- .ten columns -->
   </div> <!-- .row -->
 
-  <div class="row">
-    <div id="add-course-divider" class="small-10 columns small-offset-1"> <hr/> </div>
-  </div>
-
-  <div class="row">
-    <div class="small-12 columns large-10 large-offset-1">
-      <div id="add-course-btn">
-        <i class="fa fa-arrow-circle-o-up"></i> add a course
-      </div>
-      {% include 'partial/add_course.html' %}
-    </div><!-- .ten columns -->
-  </div> <!-- .row -->
-
-  <div class="row">
-    <div class="small-10 columns small-offset-1"> <hr/> </div>
-  </div>
+  {% include 'partial/add_course.html' %}
 
 </section> <!-- #results_content -->
 
 {% endblock %}
 
-{% block bodyscripts %}
-{% endblock bodyscripts %}
diff --git a/karmaworld/templates/courses/course_list_entry.html b/karmaworld/templates/courses/course_list_entry.html
index 39c2c42..4d28c51 100644
--- a/karmaworld/templates/courses/course_list_entry.html
+++ b/karmaworld/templates/courses/course_list_entry.html
@@ -4,20 +4,26 @@
   <td class="hide">{{ course.get_popularity }}</td>
 
   <td class="small-12 columns">
-    <span class="table-school">{{ course.school.name }}</span>&nbsp;&nbsp;&bull;&nbsp;&nbsp;
-    {% if course.department %}<span class="table-department">{{ course.department.name }}</span>&nbsp;&nbsp;&bull;&nbsp;&nbsp;{% endif %}
-    <span class="table-instructor">{{ course.instructor_name }}</span>
+    <div class="table-entry-first-line">
+      <span class="table-school">{{ course.school.name }}</span>&nbsp;&nbsp;&bull;&nbsp;&nbsp;
+      {% if course.department %}<span class="table-department">{{ course.department.name }}</span>&nbsp;&nbsp;&bull;&nbsp;&nbsp;{% endif %}
+      <span class="table-instructor">{{ course.instructor_name }}</span>
+    </div>
   </td>
 
   <td class="small-12 columns">
-    <span class="table-course-name"><a href="{{ course.get_absolute_url }}">{{ course.name }}</a></span>
+    <div class="table-entry-second-line">
+      <span class="table-course-name"><a href="{{ course.get_absolute_url }}">{{ course.name }}</a></span>
+    </div>
   </td>
 
-  <td class="small-12 columns last-td">
-    <span class="table-note-count">{{ course.file_count }} Notes</span>&nbsp;&nbsp;&bull;&nbsp;&nbsp;
-    <span class="table-quiz-count">{{ course.quiz_count }} Quizzes </span>&nbsp;&nbsp;&bull;&nbsp;&nbsp;
-    <span class="table-thanks-count">{{ course.get_popularity }} Thanks </span>&nbsp;&nbsp;&bull;&nbsp;&nbsp;
-    <span>Updated {{ course.updated_at|date:"b d, o"|capfirst }}</span>
+  <td class="small-12 columns">
+    <div class="table-entry-third-line">
+      <span class="table-note-count">{{ course.file_count }} Notes</span>&nbsp;&nbsp;&bull;&nbsp;&nbsp;
+      <span class="table-quiz-count">{{ course.quiz_count }} Quizzes </span>&nbsp;&nbsp;&bull;&nbsp;&nbsp;
+      <span class="table-thanks-count">{{ course.get_popularity }} Thanks </span>&nbsp;&nbsp;&bull;&nbsp;&nbsp;
+      <span>Updated {{ course.updated_at|date:"b d, o"|capfirst }}</span>
+    </div>
   </td>
 
 </tr>
diff --git a/karmaworld/templates/partial/add_course.html b/karmaworld/templates/partial/add_course.html
index 8a924e8..ed560e0 100644
--- a/karmaworld/templates/partial/add_course.html
+++ b/karmaworld/templates/partial/add_course.html
@@ -1,13 +1,4 @@
 {% load url from future %}
-<script>
-  var json_school_list = "{% url 'json_school_list' %}"
-  var json_school_course_list = "{% url 'json_school_course_list' %}"
-  var json_school_course_instructor_list = "{% url 'json_school_course_instructor_list' %}"
-  var csrf_token = "{{ csrf_token }}";
-</script>
-<script src="{{ STATIC_URL }}js/setup-ajax.js"></script>
-<script src="{{ STATIC_URL }}js/course.js"></script>
-<script src="{{ STATIC_URL }}js/add-course.js"></script>
 
 <section id="add-course-form" class="hide">
   <form method="POST" action="{% url 'home' %}">