Use dedicated gadget to show and auto hide messages.

Recreate default route using proper RouteGadget.

Use dedicated gadget to show and auto hide messages.
Recreate default route using proper RouteGadget.
f3c2b113 · Ivan Tyagov · e417ed3b · f3c2b113 · f3c2b113 · f3c2b113
Commit f3c2b113 authored Feb 20, 2013 by Ivan Tyagov
3 changed files
--- a/examples/route/gadget-portal-status-message.html
+++ b/examples/route/gadget-portal-status-message.html
+<html>
+  <head></head>
+  <body>
+    <script type="text/javascript" language="javascript">
+      //<![CDATA[
+        $(document).ready(function() {
+            gadget = RenderJs.getSelfGadget();
+            gadget.showMessage = function (msg){
+              $("#portal-status-message").html(msg);
+              window.setTimeout(function () {
+                $("#portal-status-message").empty();
+                }, 2000);
+            };
+        });
+      //]]>
+    </script>
+  </body>
+</html>
--- a/examples/route/index.html
+++ b/examples/route/index.html
@@ -12,6 +12,9 @@
  </head>
  <body>
+    <div id="portal-status-message"
+         data-gadget="gadget-portal-status-message.html"></div>
    <div data-gadget=""
         id="main-router"
         data-gadget-route="[

--- a/examples/route/require-renderjs_route.js
+++ b/examples/route/require-renderjs_route.js
@@ -33,11 +33,12 @@ require([ "renderjs", "require-renderjs", "jquery", "route", "url" ], function(d
              RenderJs.RouteGadget.go($.url.getPath(),
                                      function () {
                                        // Method to display error to the user
-                                        $(this).html(
+                                        gadget = RenderJs.GadgetIndex.getGadgetById("portal-status-message");
+                                        gadget.showMessage(
                                          "<p>Oups, seems the route '<b>" + $.url.getPath() + "<\/b>' doesn't exist!<\/p>" +
                                            "<a href='" + $.url.generateUrl("") + "'>Go back to home<\/a>");
                                        // All routes have been deleted by fail.
-                                        // XXX: Recreate the default routes using RouteGadget
+                                        // So recreate the default routes using RouteGadget
                                        $("div[data-gadget-route]").each(function (index, element) {
                                          RenderJs.RouteGadget.route($(element));
                                        });