From a3db017580ec0ab4aca5cd03f1c16a109cfa53b6 Mon Sep 17 00:00:00 2001
From: Valera Rozuvan <valera@valera-HP-Pro-3400-Series-MT.(none)>
Date: Tue, 20 Nov 2012 14:19:48 +0200
Subject: [PATCH] Updated crystallography template to reflect changes made in
 the JS part.

---
 .../capa/capa/templates/crystallography.html  | 53 ++++++++++---------
 1 file changed, 29 insertions(+), 24 deletions(-)

diff --git a/common/lib/capa/capa/templates/crystallography.html b/common/lib/capa/capa/templates/crystallography.html
index 5be1030eb0..3099faef7b 100644
--- a/common/lib/capa/capa/templates/crystallography.html
+++ b/common/lib/capa/capa/templates/crystallography.html
@@ -1,33 +1,37 @@
 <section id="inputtype_${id}" class="capa_inputtype" >
-     <div id="holder" style="width:${width};height:${height}"></div>
+    <div class="crystalography_problem" style="width:${width};height:${height}"></div>
+
+    <select class="input_lattice"></select>
+
     <div class="script_placeholder" data-src="/static/js/raphael.js"></div>
     <div class="script_placeholder" data-src="/static/js/sylvester.js"></div>
     <div class="script_placeholder" data-src="/static/js/crystallography.js"></div>
 
-
     % if status == 'unsubmitted':
-    <div class="unanswered" id="status_${id}">
+        <div class="unanswered" id="status_${id}">
     % elif status == 'correct':
-    <div class="correct" id="status_${id}">
+        <div class="correct" id="status_${id}">
     % elif status == 'incorrect':
-    <div class="incorrect" id="status_${id}">
+        <div class="incorrect" id="status_${id}">
     % elif status == 'incomplete':
-    <div class="incorrect" id="status_${id}">
+        <div class="incorrect" id="status_${id}">
     % endif
+
     % if hidden:
-      <div style="display:none;" name="${hidden}" inputid="input_${id}" />
+        <div style="display:none;" name="${hidden}" inputid="input_${id}"></div>
     % endif
 
-  <input type="text" class="crystalography_problem_input" name="input_${id}" id="input_${id}" value="${value|h}"
-   % if size:
-   size="${size}"
-   % endif
-   % if hidden:
-    style="display:none;"
-   % endif
-   />
+    <input type="text" name="input_${id}" id="input_${id}" value="${value|h}"
+        % if size:
+            size="${size}"
+        % endif
 
-      <p class="status">
+        % if hidden:
+            style="display:none;"
+        % endif
+    />
+
+    <p class="status">
         % if status == 'unsubmitted':
         unanswered
         % elif status == 'correct':
@@ -37,14 +41,15 @@
         % elif status == 'incomplete':
         incomplete
         % endif
-      </p>
+    </p>
 
-  <p id="answer_${id}" class="answer"></p>
+    <p id="answer_${id}" class="answer"></p>
 
-  % if msg:
-      <span class="message">${msg|n}</span>
-  % endif
-% if status in ['unsubmitted', 'correct', 'incorrect', 'incomplete']:
-</div>
-% endif
+    % if msg:
+        <span class="message">${msg|n}</span>
+    % endif
+
+    % if status in ['unsubmitted', 'correct', 'incorrect', 'incomplete']:
+        </div>
+    % endif
 </section>