Uses Ajax to create the application in the Wizard.

Author: jgauffin

src/Server/Coderr.Server.SqlServer/Core/Applications/Queries/GetApplicationIdByKeyHandler.cs

@@ -22,7 +22,11 @@ public async Task<GetApplicationIdByKeyResult> HandleAsync(IMessageContext conte
             {
                 cmd.CommandText = "SELECT Id FROM Applications WHERE AppKey = @appKey";
                 cmd.AddParameter("appKey", query.ApplicationKey);
-                return new GetApplicationIdByKeyResult {Id = (int) await cmd.ExecuteScalarAsync()};
+                var result = await cmd.ExecuteScalarAsync();
+                if (result == null)
+                    return null;
+
+                return new GetApplicationIdByKeyResult {Id = (int)result };
             }
         }
     }

src/Server/Coderr.Server.Web/Controllers/AccountController.cs

@@ -301,6 +301,7 @@ public async Task<ActionResult> ResetPassword(ResetPasswordViewModel model)
         }
 
 
+        [Authorize]
         public async Task<ActionResult> UpdateSession(string returnUrl = null)
         {
             var getApps = new GetApplicationList { AccountId = User.GetAccountId() };

src/Server/Coderr.Server.Web/Views/Wizard/Application.cshtml

@@ -22,8 +22,8 @@
             {
                 <p>It's time to create an application. "Application", in codeRR language, means an error reporting entity. </p>
                 <p>
-                    If you have a client/server based product named "l33tApp" you would typically create two applications in codeRR: 
-                        
+                    If you have a client/server based product named "l33tApp" you would typically create two applications in codeRR:
+
                 </p>
                 <ul>
                     <li>l33tApp Client</li>
@@ -35,16 +35,90 @@
                     Specify the name of your first application, you'll be able to add more applications later.
                 </p>
             }
-            <form method="post">
+            <form method="post" id="createMyAppForm">
                 <div class="form-group">
                     <input type="text" name="Name" placeholder="Application name" class="form-control" />
                 </div>
                 <div class="form-group">
                     <button type="submit" class="btn btn-primary">Create</button>
-                    <a href="http://discuss.coderrapp.com" target="_self">Help</a> | 
+                    <a href="http://discuss.coderrapp.com" target="_self">Help</a> |
                     <a href="@Url.Content("~/")#/">Exit wizard</a>
                 </div>
             </form>
         </div>
     </div>
-</div>
+</div>
+
+@section scripts
+{
+    <script>
+        function createMyApplication(name, callback) {
+            var hostType = 'DesktopApplication';
+
+            var client = new Griffin.Net.HttpClient();
+            client.get(window.API_URL + '/guid')
+                .done(function (response) {
+                    var appKey = response.body;
+                    var cmd = new codeRR.Core.Applications.Commands.CreateApplication(name, hostType);
+                    cmd.ApplicationKey = appKey;
+                    Griffin.Cqs.CqsClient.command(cmd)
+                        .done(function () {
+                            callback(appKey);
+                        })
+                        .fail(function (rejection) {
+                            console.log(rejection.message);
+                        });
+                });
+        }
+
+        function checkForApplication(appKey, foundCallback, notFoundCallback) {
+            var query = new codeRR.Core.Applications.Queries.GetApplicationIdByKey(appKey);
+            Griffin.Cqs.CqsClient.query(query)
+                .done(function (result) {
+                    console.log(result);
+                    if (result != null) {
+                        foundCallback(result);
+                    } else {
+                        notFoundCallback();
+                    }
+
+                    //$('#appName').val('');
+                    //var appUrl = '#/application/' + result.Id + '/';
+                    //window.location = window.WEB_SITE + '/account/UpdateSession?returnUrl=' + encodeURIComponent(window.WEB_ROOT + appUrl);
+                });
+        }
+
+        var timer = null;
+        var attemptsLeft = 5;
+        $('#createMyAppForm').submit(function(e) {
+            e.preventDefault();
+            var name = $('input[name="Name"]', this).val();
+            createMyApplication(name,
+                function (appKey) {
+                    timer = setInterval(function() {
+
+                            checkForApplication(appKey,
+                                function(app) {
+                                    clearInterval(timer);
+                                    var nextPage = '@Url.Content("~/#/application/")' + app.Id + '/';
+                                    if (@ViewBag.FirstApplication.ToString().ToLower() == false) {
+                                        nextPage = '@Url.Action("Packages")?applicationId=' + app.Id;
+                                    }
+                                    window.location = '@Url.Content("~/account/UpdateSession")?returnUrl=' +
+                                        encodeURIComponent(nextPage);
+                                },
+                                function() {
+                                    attemptsLeft--;
+                                    if (attemptsLeft <= 0) {
+                                        clearInterval(timer);
+                                        humane.log('Failed to create application :(');
+                                    }
+                                });
+                        },
+                        500);
+
+                });
+        });
+
+    </script>
+}

src/Server/Coderr.Server.Web/Views/Wizard/_Layout.cshtml

@@ -7,6 +7,9 @@
     <link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet" type="text/css">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/css/tether.min.css" />
     <link rel="stylesheet" href="@Url.Content("~/Content/bootstrap.min.css")">
+    <script>
+        window.API_URL = '@ApiUrl';
+    </script>
     @Styles.Render("~/Content/css")
     @RenderSection("css", false)
     <style>
@@ -23,6 +26,8 @@
     <script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/js/tether.min.js"></script>
     @Scripts.Render("~/bundles/jquery")
     @Scripts.Render("~/bundles/app")
+    <script src="@Url.Content("~/Scripts/Promise.js")"></script>
+    <script src="@Url.Content("~/Scripts/CqsClient.js")"></script>
     @RenderSection("scripts", false)
 </body>
 </html>