Setting up a way for the install page to load up and tell the user what to do next after installing. Also upgraded requirejs+jquery to latest anonymous support.

2010-09-23 13:31:50 -07:00 · 2010-09-23 13:31:50 -07:00 · 41188d29b2
--- a/web/frontpage/index.html
+++ b/web/frontpage/index.html
@ -4,16 +4,13 @@
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
  <link rel="stylesheet" type="text/css" href="style.css">
  <title>Linkdrop</title>
-  <script type="text/javascript">
-  jQuery(function(){
-      jQuery(window).bind('load resize', function(){
-          var h = jQuery('button.download').height();
-          jQuery("button.download").css({ 'margin-top' : (-h/2) });
-      });
-  });    
-  </script>
+  <script type="text/javascript" data-main="index.js" src="../scripts/requireplugins-jquery-1.4.2.js"></script>
 </head>
 <body>
+  <div id="installed">
+    Congratulations, you installed Linkdrop. Click on the button to start to share.
+    <button id="installClose">Hide</button>  
+  </div>
  <div id="wrapper">
    <div id="header" class="row">
      <div class="c2 logo">
--- a/web/frontpage/index.js
+++ b/web/frontpage/index.js
@ -0,0 +1,50 @@
+/* ***** BEGIN LICENSE BLOCK *****
+ * Version: MPL 1.1
+ *
+ * The contents of this file are subject to the Mozilla Public License Version
+ * 1.1 (the "License"); you may not use this file except in compliance with
+ * the License. You may obtain a copy of the License at
+ * http://www.mozilla.org/MPL/
+ *
+ * Software distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License
+ * for the specific language governing rights and limitations under the
+ * License.
+ *
+ * The Original Code is Raindrop.
+ *
+ * The Initial Developer of the Original Code is
+ * Mozilla Messaging, Inc..
+ * Portions created by the Initial Developer are Copyright (C) 2009
+ * the Initial Developer. All Rights Reserved.
+ *
+ * Contributor(s):
+ * */
+
+/*jslint */
+/*global require: false, window: false, location: false */
+'use strict';
+
+require.def(['require', 'jquery', 'hashDispatch'],
+    function (require,   $,        hashDispatch) {
+
+    $(function () {
+        //If this is after an install, then show the "click the button" UI.
+        var hash = location.href.split('#')[1],
+            installedDom = $('#installed');
+        if (hash === 'installed') {
+            installedDom.fadeIn(2000);
+        }
+
+        //Allow closing the installed area thing.
+        $('body').delegate('#installClose', 'click', function (evt) {
+            installedDom.fadeOut(2000);
+        });
+
+        $(window).bind('load resize', function () {
+            var h = $('button.download').height();
+            $('button.download').css({ 'margin-top' : (-h / 2) });
+        });
+    });
+
+});
--- a/web/frontpage/style.css
+++ b/web/frontpage/style.css
@ -59,6 +59,10 @@ a:hover {

 /* end grid */

+#installed {
+    display: none;
+}
+
 #wrapper {
  width: 720px;
  margin: 0 auto;
--- a/web/scripts/requireplugins-jquery-1.4.2.js
+++ b/web/scripts/requireplugins-jquery-1.4.2.js