fix small changes layout css survery_index

Valessio Soares de Brito
1 parent 6842d21e
Showing 4 changed files with 52 additions and 20 deletions Show diff stats
src/web/static/css/survey.css
src/web/templates/layout.html
src/web/templates/survey.html
src/web/templates/survey_index.html
@@ -14,10 +14,29 @@ height: 80px;
 margin: 50px;
 }
+body.survey #wrap {
+padding-top: 0px;
+}
+
 /* Display None itens Survey */
+.coda-nav-left,
+body.survey #header,
 #recommender-box #upfile,
 #advanced-button,
 #copyright span,
+#navbar,
 #pkgs_list {
 display: none;
 }
+
+
+/* FIXME: não funciona porque as vezes o resultado final não é 10.
+ * #conclude-button,
+ * #10:target #coda-nav-right-1 {
+ * display: none;
+ * }
+ * #10:target #conclude-button {
+ * display: block;
+ * }
+ */
+
@@ -23,13 +23,6 @@ $ url_base = &quot;http://localhost:8080&quot;
         $for js in content.jsfiles.split():
              <script src="$js" type="text/javascript"></script>
-<!-- survey slides -->
-<script type="text/javascript">
-    $$().ready(function() {
-		$$('#coda-slider-1').codaSlider({dynamicTabs: false, dynamicArrowLeftText: "&#171;", dynamicArrowRightText:"&#187;" });
-	});
-</script>
-
 <!-- Dynamic form -->
 <script type="text/javascript">
 window.onload = function() {
@@ -47,6 +40,7 @@ if ((u==null) &amp;&amp; (x==null) || (x==&quot;Write your list App here or send a file list 
   }
 }
 </script>
+
 <script type="text/javascript">
  $$(document).ready(function() {
     $$("#advanced-button").click(function () {
@@ -150,6 +144,17 @@ if ((u==null) &amp;&amp; (x==null) || (x==&quot;Write your list App here or send a file list 
 </div><!-- id="header" -->
 <div id="content">
+<noscript>
+        <div>
+        <p>Unfortunately your browser does not have JavaScript capabilities which are required to exploit full functionality of our survey. This could be the result of two possible scenarios:</p>
+        <ol>
+            <li>You are using an old web browser, in which case you should upgrade it to a newer version. We recommend the latest version of <a href="http://www.getfirefox.com">Firefox</a>.</li>
+            <li>You have disabled JavaScript in you browser, in which case you will have to enable it to properly use our site. <a href="http://www.google.com/support/bin/answer.py?answer=23852">Learn how to enable JavaScript</a>.</li>
+        </ol>
+    </div>
+</noscript>
+
+
 $:content
  <div id="footer">
 $def with (recommends, pkg_details, form, request)
 $var title: Survey
 $var mod = 'survey';
-$var cssfiles: static/coda-slider-2.0/stylesheets/coda-slider-2.0.css static/coda-slider-2.0/stylesheets/reset.css
+$var cssfiles: static/coda-slider-2.0/stylesheets/coda-slider-2.0.css static/css/survey.css
 $var jsfiles: static/coda-slider-2.0/javascripts/jquery-1.3.2.min.js static/coda-slider-2.0/javascripts/jquery.coda-slider-2.0.js static/coda-slider-2.0/javascripts/jquery.easing.1.3.js
-<noscript>
-	<div>
-        <p>Unfortunately your browser does not have JavaScript capabilities which are required to exploit full functionality of our survey. This could be the result of two possible scenarios:</p>
-        <ol>
-            <li>You are using an old web browser, in which case you should upgrade it to a newer version. We recommend the latest version of <a href="http://www.getfirefox.com">Firefox</a>.</li>
-            <li>You have disabled JavaScript in you browser, in which case you will have to enable it to properly use our site. <a href="http://www.google.com/support/bin/answer.py?answer=23852">Learn how to enable JavaScript</a>.</li>
-        </ol>
-    </div>
-</noscript>
-<form action="/thanks" method="post" enctype="multipart/form-data">
+<!-- survey slides -->
+<script type="text/javascript">
+    $$().ready(function() {
+                $$('#coda-slider-1').codaSlider({dynamicTabs: false, dynamicArrowLeftText: "&#171;", dynamicArrowRightText:"next &#187;" });
+    });
+</script>
+
+
+<div id="maincontent">
+<div class="innertube">
+
+<h1>AppRecommender Survey</h1>
+
+<form action="/thanks" method="post" enctype="multipart/form-data" name="surveyform">
 <div class="coda-slider-wrapper">
 	<div class="coda-slider preload" id="coda-slider-1">
@@ -46,6 +50,10 @@ $for pkg in pkg_details:
 </div><!-- .coda-slider -->
 </div><!-- .coda-slider-wrapper -->
-<input type="submit" value="Conclude" />
+<input id="conclude-button" type="submit" value="Conclude" />
 </form>
+
+
+</div><!-- class="innertube" -->
+</div><!-- id="maincontent" -->
 $var title: Survey
 $var mod = 'index';
-$var cssfiles: static/css/tabs.css static/css/debtags.css static/css/facebox.css static/css/survey.css
+$var cssfiles: static/css/survey.css
 $var jsfiles:
	@@ -14,10 +14,29 @@ height: 80px;		@@ -14,10 +14,29 @@ height: 80px;
14	margin: 50px;	14	margin: 50px;
15	}	15	}
16		16
		17	+body.survey #wrap {
		18	+padding-top: 0px;
		19	+}
		20	+
17	/* Display None itens Survey */	21	/* Display None itens Survey */
		22	+.coda-nav-left,
		23	+body.survey #header,
18	#recommender-box #upfile,	24	#recommender-box #upfile,
19	#advanced-button,	25	#advanced-button,
20	#copyright span,	26	#copyright span,
		27	+#navbar,
21	#pkgs_list {	28	#pkgs_list {
22	display: none;	29	display: none;
23	}	30	}
		31	+
		32	+
		33	+/* FIXME: não funciona porque as vezes o resultado final não é 10.
		34	+ * #conclude-button,
		35	+ * #10:target #coda-nav-right-1 {
		36	+ * display: none;
		37	+ * }
		38	+ * #10:target #conclude-button {
		39	+ * display: block;
		40	+ * }
		41	+ */
		42	+
1	$var title: Survey	1	$var title: Survey
2	$var mod = 'index';	2	$var mod = 'index';
3	-$var cssfiles: static/css/tabs.css static/css/debtags.css static/css/facebox.css static/css/survey.css	3	+$var cssfiles: static/css/survey.css
4	$var jsfiles:	4	$var jsfiles:
5		5
6		6