From ce489a73e7726d7097972afd23bd83fd76a1afd7 Mon Sep 17 00:00:00 2001
From: Liang Ding <dl88250@gmail.com>
Date: Sun, 15 Feb 2015 16:04:18 +0800
Subject: [PATCH] #212

add playground link
---
 views/index.html   |   5 ++
 views/login.html   |   1 +
 views/sign_up.html | 207 +++++++++++++++++++++++----------------------
 3 files changed, 110 insertions(+), 103 deletions(-)
diff --git a/views/index.html b/views/index.html
index 7468c86..a54cabd 100644
--- a/views/index.html
+++ b/views/index.html
@@ -342,6 +342,11 @@
                                 {{.i18n.keyboard_shortcuts}}
                             </li>
                             <li class="hr"></li>
+                            <li onclick="window.open('/playground')">
+                                <span class="space"></span>
+                                Playground
+                            </li>
+                            <li class="hr"></li>
                             <li onclick="window.open('http://b3log.org/services')">
                                 <span class="font-ico ico-price"></span>
                                 <span>{{.i18n.pricing}}</span>
diff --git a/views/login.html b/views/login.html
index 0fb0ae2..58118b2 100644
--- a/views/login.html
+++ b/views/login.html
@@ -19,6 +19,7 @@
                     <img title="Wide, a Web-based IDE for Teams using Golang." src="{{.conf.StaticServer}}/static/images/wide-logo.png" 
                          class="logo"/></a>
                 <ul class="fn-right">
+                    <li><a rel="bookmark" href="/playground" target="_blank">Play</a></li>
                     <li><a rel="bookmark" href="https://github.com/b3log/wide" target="_blank">GitHub</a></li>
                     <li><a rel="help" href="https://www.gitbook.io/book/88250/wide-user-guide" target="_blank">{{.i18n.help}}</a></li>
                     <li><a rel="bookmark" href="https://github.com/b3log/wide/issues/new" target="_blank">{{.i18n.report_issues}}</a></li>
diff --git a/views/sign_up.html b/views/sign_up.html
index 83ea8e4..6855fb7 100644
--- a/views/sign_up.html
+++ b/views/sign_up.html
@@ -3,11 +3,11 @@
     <head>
         <meta charset="UTF-8">
         <title>{{.i18n.wide}} - {{.i18n.sign_up}}</title>
-        
+
         <meta name="keywords" content="Wide, Golang, IDE, Team, Cloud, B3log, Sign Up"/>
         <meta name="description" content="A Web-based IDE for Teams using Golang, do your development anytime, anywhere."/>
         <meta name="author" content="B3log">
-        
+
         <link rel="stylesheet" href="{{.conf.StaticServer}}/static/css/base.css?{{.conf.StaticResourceVersion}}">
         <link rel="stylesheet" href="{{.conf.StaticServer}}/static/css/sign.css?{{.conf.StaticResourceVersion}}">
         <link rel="icon" type="image/x-icon" href="/favicon.ico" />
@@ -19,6 +19,7 @@
                     <img title="Wide, a Web-based IDE for Teams using Golang." src="{{.conf.StaticServer}}/static/images/wide-logo.png" 
                          class="logo"/></a>
                 <ul class="fn-right">
+                    <li><a rel="bookmark" href="/playground" target="_blank">Play</a></li>
                     <li><a rel="bookmark" href="https://github.com/b3log/wide" target="_blank">GitHub</a></li>
                     <li><a rel="help" href="https://www.gitbook.io/book/88250/wide-user-guide" target="_blank">{{.i18n.help}}</a></li>
                     <li><a rel="bookmark" href="https://github.com/b3log/wide/issues/new" target="_blank">{{.i18n.report_issues}}</a></li>
@@ -55,115 +56,115 @@
 
         <script type="text/javascript" src="{{.conf.StaticServer}}/static/js/lib/jquery-2.1.1.min.js"></script>
         <script>
-(function () {
-    var contentH = $(window).height() - $(".footer").height() - $(".header").height() - 18;
-    $(".content").height(contentH)
-            .css("padding-top", (contentH - $(".content .fn-left").height()) / 2 + "px");
+                        (function () {
+                            var contentH = $(window).height() - $(".footer").height() - $(".header").height() - 18;
+                            $(".content").height(contentH)
+                                    .css("padding-top", (contentH - $(".content .fn-left").height()) / 2 + "px");
 
-    var signUp = function () {
-        if ($.trim($("#username").val()) === ""
-                || !/^\w+$/.test($("#username").val())
-                || $.trim($("#username").val()).length > 16) {
-            $("#msg").text("{{.i18n.user_name_ruler}}").show();
-            $("#username").focus();
-            return false;
-        } else if (!/^((([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+(\.([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+)*)|((\x22)((((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(([\x01-\x08\x0b\x0c\x0e-\x1f\x7f]|\x21|[\x23-\x5b]|[\x5d-\x7e]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(\\([\x01-\x09\x0b\x0c\x0d-\x7f]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))))*(((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(\x22)))@((([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.?$/i.test($("#email").val())) {
-            $("#msg").text("{{.i18n.invalid_email}}").show();
-            $("#email").focus();
-            return false;
-        } else if ($.trim($("#password").val()) === "") {
-            $("#msg").text("{{.i18n.sing_up_error}}").show();
-            $("#password").focus();
-            return false;
-        } else if ($("#confirmPassword").val() !== $("#password").val()) {
-            $("#msg").text("{{.i18n.password_no_match}}").show();
-            $("#confirmPassword").focus();
-            return false;
-        }
+                            var signUp = function () {
+                                if ($.trim($("#username").val()) === ""
+                                        || !/^\w+$/.test($("#username").val())
+                                        || $.trim($("#username").val()).length > 16) {
+                                    $("#msg").text("{{.i18n.user_name_ruler}}").show();
+                                    $("#username").focus();
+                                    return false;
+                                } else if (!/^((([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+(\.([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+)*)|((\x22)((((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(([\x01-\x08\x0b\x0c\x0e-\x1f\x7f]|\x21|[\x23-\x5b]|[\x5d-\x7e]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(\\([\x01-\x09\x0b\x0c\x0d-\x7f]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))))*(((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(\x22)))@((([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.?$/i.test($("#email").val())) {
+                                    $("#msg").text("{{.i18n.invalid_email}}").show();
+                                    $("#email").focus();
+                                    return false;
+                                } else if ($.trim($("#password").val()) === "") {
+                                    $("#msg").text("{{.i18n.sing_up_error}}").show();
+                                    $("#password").focus();
+                                    return false;
+                                } else if ($("#confirmPassword").val() !== $("#password").val()) {
+                                    $("#msg").text("{{.i18n.password_no_match}}").show();
+                                    $("#confirmPassword").focus();
+                                    return false;
+                                }
 
-        var request = {
-            username: $("#username").val(),
-            password: $("#password").val(),
-            email: $("#email").val()
-        };
-        $.ajax({
-            type: 'POST',
-            url: '/signup',
-            data: JSON.stringify(request),
-            dataType: "json",
-            success: function (data) {
-                if (!data.succ) {
-                    $("#msg").text(data.msg).show();
-                    return;
-                }
+                                var request = {
+                                    username: $("#username").val(),
+                                    password: $("#password").val(),
+                                    email: $("#email").val()
+                                };
+                                $.ajax({
+                                    type: 'POST',
+                                    url: '/signup',
+                                    data: JSON.stringify(request),
+                                    dataType: "json",
+                                    success: function (data) {
+                                        if (!data.succ) {
+                                            $("#msg").text(data.msg).show();
+                                            return;
+                                        }
 
-                window.location.href = "/";
-            }
-        });
-    };
+                                        window.location.href = "/";
+                                    }
+                                });
+                            };
 
-    $("#username").keyup(function (event) {
-        if (event.which === 13) {
-            if ($.trim($(this).val()) === ""
-                    || !/^\w+$/.test($(this).val())
-                    || $.trim($(this).val()).length > 16) {
-                $("#msg").text("{{.i18n.user_name_ruler}}").show();
-            } else {
-                $("#email").focus();
-                $("#msg").hide();
-            }
-        } else {
-            if ($.trim($(this).val()) === ""
-                    || !/^\w+$/.test($(this).val())
-                    || $.trim($(this).val()).length > 16) {
-                $("#msg").text("{{.i18n.user_name_ruler}}").show();
-            } else {
-                $("#msg").hide();
-            }
-            $("#dir").html($("#dir").data('dir') + $(this).val());
-        }
-    }).focus();
+                            $("#username").keyup(function (event) {
+                                if (event.which === 13) {
+                                    if ($.trim($(this).val()) === ""
+                                            || !/^\w+$/.test($(this).val())
+                                            || $.trim($(this).val()).length > 16) {
+                                        $("#msg").text("{{.i18n.user_name_ruler}}").show();
+                                    } else {
+                                        $("#email").focus();
+                                        $("#msg").hide();
+                                    }
+                                } else {
+                                    if ($.trim($(this).val()) === ""
+                                            || !/^\w+$/.test($(this).val())
+                                            || $.trim($(this).val()).length > 16) {
+                                        $("#msg").text("{{.i18n.user_name_ruler}}").show();
+                                    } else {
+                                        $("#msg").hide();
+                                    }
+                                    $("#dir").html($("#dir").data('dir') + $(this).val());
+                                }
+                            }).focus();
 
-    $("#email").keydown(function (event) {
-        if (event.which === 13) {
-            if ($.trim($(this).val()) === "") {
-                $("#msg").text("{{.i18n.invalid_email}}").show();
-            } else {
-                $("#password").focus();
-            }
-        } else {
-            $("#msg").hide();
-        }
-    });
+                            $("#email").keydown(function (event) {
+                                if (event.which === 13) {
+                                    if ($.trim($(this).val()) === "") {
+                                        $("#msg").text("{{.i18n.invalid_email}}").show();
+                                    } else {
+                                        $("#password").focus();
+                                    }
+                                } else {
+                                    $("#msg").hide();
+                                }
+                            });
 
-    $("#password").keydown(function (event) {
-        if (event.which === 13) {
-            if ($.trim($(this).val()) === "") {
-                $("#msg").text("{{.i18n.sing_up_error}}").show();
-            } else {
-                $("#confirmPassword").focus();
-            }
-        } else {
-            $("#msg").hide();
-        }
-    });
+                            $("#password").keydown(function (event) {
+                                if (event.which === 13) {
+                                    if ($.trim($(this).val()) === "") {
+                                        $("#msg").text("{{.i18n.sing_up_error}}").show();
+                                    } else {
+                                        $("#confirmPassword").focus();
+                                    }
+                                } else {
+                                    $("#msg").hide();
+                                }
+                            });
 
-    $("#confirmPassword").keydown(function (event) {
-        if (event.which === 13) {
-            if ($(this).val() !== $("#password").val()) {
-                $("#msg").text("{{.i18n.password_no_match}}").show();
-            } else {
-                signUp();
-            }
-        } else {
-            $("#msg").hide();
-        }
-    });
+                            $("#confirmPassword").keydown(function (event) {
+                                if (event.which === 13) {
+                                    if ($(this).val() !== $("#password").val()) {
+                                        $("#msg").text("{{.i18n.password_no_match}}").show();
+                                    } else {
+                                        signUp();
+                                    }
+                                } else {
+                                    $("#msg").hide();
+                                }
+                            });
 
-    $("#signUpBtn").click(function () {
-        signUp();
-    });
-})();
+                            $("#signUpBtn").click(function () {
+                                signUp();
+                            });
+                        })();
         </script>
     </body>
 </html>
