#16899: Added a simple js 'loading' indicator to setup.

--HG--
branch : dev

src/Orchard.Web/Modules/Orchard.Setup/Orchard.Setup.csproj

@@ -74,9 +74,9 @@
     <Compile Include="ViewModels\SetupViewModel.cs" />
   </ItemGroup>
   <ItemGroup>
-    <Content Include="Views\Setup\Index.cshtml">
-      <SubType>Designer</SubType>
-    </Content>
+    <Content Include="Content\synchronizing.gif" />
+    <Content Include="Scripts\setup.js" />
+    <Content Include="Views\Setup\Index.cshtml" />
   </ItemGroup>
   <ItemGroup>
     <ProjectReference Include="..\..\..\Orchard\Orchard.Framework.csproj">
@@ -100,6 +100,16 @@
     <Content Include="Module.txt" />
     <Content Include="Views\Web.config" />
   </ItemGroup>
+  <ItemGroup>
+    <Content Include="Content\Web.config">
+      <SubType>Designer</SubType>
+    </Content>
+  </ItemGroup>
+  <ItemGroup>
+    <Content Include="Scripts\Web.config">
+      <SubType>Designer</SubType>
+    </Content>
+  </ItemGroup>
   <Import Project="$(MSBuildBinPath)\Microsoft.CSharp.targets" />
   <Import Project="$(MSBuildExtensionsPath32)\Microsoft\VisualStudio\v10.0\WebApplications\Microsoft.WebApplication.targets" />
   <!-- To modify your build process, add your task inside one of the targets below and uncomment it. 

src/Orchard.Web/Modules/Orchard.Setup/Scripts/setup.js

@@ -1 +1,14 @@
-$("#SiteName").closest("form").helpfullyFocus();
+(function () {
+    function show() {
+        window.setTimeout(function () {
+            document.getElementById("throbber").style.display = "block";
+        }, 2000);
+    }
+
+    if (document.addEventListener) {
+        document.addEventListener("submit", show, false);
+    }
+    else {
+        document.attachEvent("onsubmit", show);
+    }
+})();

src/Orchard.Web/Modules/Orchard.Setup/Views/Setup/Index.cshtml

@@ -1,5 +1,7 @@
 @model Orchard.Setup.ViewModels.SetupViewModel
-
+@{
+    Script.Include("setup.js");
+}
 <h1>@Html.TitleForPage(T("Get Started").ToString())</h1>
 
 @using (Html.BeginFormAntiForgeryPost()) {
@@ -48,6 +50,18 @@ if (!Model.DatabaseIsPreconfigured) {
     </div>
 </fieldset>
 }
+<div id="throbber">
+    <div class="curtain"></div>
+    <div class="curtain-content">
+        <div>
+            <h1>@T("Configuring Orchard...")</h1>
+            <p>
+                <img src="@Href("../../content/synchronizing.gif")" alt="" />
+            </p>
+        </div>
+    </div>
+</div>
+    
 <fieldset>
     <button class="primaryAction" type="submit">@T("Finish Setup")</button>
 </fieldset>