From c5773b9e8b494d06e39580d6830edb3c71b9d075 Mon Sep 17 00:00:00 2001
From: Sebastian Silva <sebastian@sugarlabs.org>
Date: Wed, 16 Nov 2011 12:20:33 +0000
Subject: UI Tweak.

---
(limited to 'app')

diff --git a/app/templates/editor.html b/app/templates/editor.html
index 419d6e8..6e0e8df 100644
--- a/app/templates/editor.html
+++ b/app/templates/editor.html
@@ -25,14 +25,13 @@
     ${absdir}/<br/>
     <strong>${basename}</strong><br/>
 </div>
+<hr /><br/>
 <div id="result" style="color:red"></div>
-<hr />
 <form id="saveform" action="/save" method="post">
 <input type="hidden" name="filename" id="filename" value="$filename" />
 <input type="hidden" name="directory" id="directory" value="$directory" />
 <input type="hidden" name="content" id="content" value="ñññ" />
 <!--input type="button" class="btn"  value="Browse" onclick='location.href="/files/$directory"' /-->
-<br/>
 <input type="submit"  value="Save file" /><br/>
 <input type="button" class="btn"  value="Delete file" onclick='location.href="/delete/${filename}"' />
 <!-- save a magic cookie for security here TODO -->
diff --git a/app/templates/filer.html b/app/templates/filer.html
index 18ce136..02dc734 100644
--- a/app/templates/filer.html
+++ b/app/templates/filer.html
@@ -40,7 +40,7 @@
     </div>
     
     <div style="width:${width}px;" id="filer" >
-    <div py:if="files == []" style="width:100%;text-align:center;color:gray;">
+    <div id="noproject" py:if="files == []" style="color:gray;">
     no active project
     </div>
     <ul>
@@ -57,6 +57,12 @@
 </ul>
     </div>
 <script>
+jQuery.fn.center = function () {
+            this.css("position","absolute");
+            this.css("top", (($(window).height() - this.outerHeight()) / 2) + $(window).scrollTop() + "px");
+            this.css("left", (($(window).width() - this.outerWidth()) / 2) + $(window).scrollLeft() + "px");
+            return this;
+        }
 document.ready = function() {
     $('.file').corner("15px");
     $("#filer").show("slow");
@@ -64,6 +70,7 @@ document.ready = function() {
         $('#filer img').hide(); 
         $('#filer span').show(); 
     }*/
+    $('#noproject').center();
     $( "input:button" ).button();
 };
 </script>
diff --git a/app/templates/help.html b/app/templates/help.html
index 98977ab..b7043ef 100644
--- a/app/templates/help.html
+++ b/app/templates/help.html
@@ -26,6 +26,9 @@ ${get_flashed_messages()}
             <div py:if="project_name != 'None'" id="tabs-0" style="height:280px">
                 <div style="text-align:right;">
                 <p>You are constructing <strong>$project_name Activity</strong>.</p>
+                <p py:if="edit_history==[]"><strong>Warning:</strong> If you modify Sugar Activities they may stop to work!
+                <br/>Consult the documentation for more information.
+                </p>
                 <p py:if="edit_history!=[]">
                 These are the most recently edited files:</p>
                 <div id="filer">
@@ -45,7 +48,7 @@ ${get_flashed_messages()}
                 <div style="text-align:right;">
                 <div class="rounded" style="background-color:white;float:left; padding: 35px;">
                 <img src="/static/images/activity-websdk.stroke.png" /></div>
-    			<p>You can build Sugar Activities using standard web technologies with WebSDK.</p>
+    			<p>You can build or modify Sugar Activities!</p>
                 <p>You may start a new project:</p>
                 <form target="_top" action="/chdir" method="POST">
                 <input class="rounded" style="height:22px;background-color:white;" name="newproject" type="text" />
--
cgit v0.9.1