Downloading the projects to App_Data

- Minor changes in CSS
- Fix for the flickering issue when starting(KnockoutJs issue

Author: cvrajeesh

.gitignore

@@ -9,4 +9,4 @@ obj
 
 packages/
 logs/
-Projects/
+App_Data/

SourceCodeReader.Web/Content/Site.css

@@ -21,7 +21,17 @@ body {
 
 .centerstage
 {
-    margin: auto 0;
+    position: absolute;
+    top:0;
+    bottom:0;
+    width: 100%;
+}
+
+.loginscreen {
+	position: absolute;
+	top: 30%;
+	left: 30%;
+	width: 50%;
 }
 
 .projectheader .dockrow  
@@ -93,3 +103,7 @@ body {
     width: 15px;
 }
 
+.hide
+{
+    display: none;
+}

SourceCodeReader.Web/Infrastructure/ApplicationConfigurationProvider.cs

@@ -4,6 +4,7 @@
 using System.Web;
 using System.Configuration;
 using System.IO;
+using System.Web.Hosting;
 
 namespace SourceCodeReader.Web.Infrastructure
 {
@@ -37,7 +38,7 @@ public string ApplicationRoot
         {
             get
             {
-                return System.IO.Directory.GetParent(AppDomain.CurrentDomain.BaseDirectory).Parent.FullName;
+                return Path.Combine(HostingEnvironment.ApplicationPhysicalPath, "App_Data");               
             }
         }
 

SourceCodeReader.Web/Scripts/App/Application.js

@@ -154,6 +154,7 @@ function projectInfoViewModel() {
 function appViewModel() {
     var self = this;
 
+    self.isReady = ko.observable(false);
     self.projectInfo = ko.observable();
     self.project = ko.observable();
     self.projectIsActive = ko.observable();
@@ -219,6 +220,7 @@ function appViewModel() {
     }).run();
 
     $.connection.hub.start();
+    self.isReady(true);
 };
 
 $(function () {

SourceCodeReader.Web/Views/Home/Index.cshtml

@@ -7,13 +7,13 @@
 
 <div class="centerstage" id="main">
 
-    <div data-bind="with: projectInfo">    
-          <label for="projectUrl">Please enter GitHub project Url:</label>  
+    <div data-bind="with: projectInfo" class="loginscreen">    
+          <label for="projectUrl">Enter GitHub Project link (e.g. https://github.com/cvrajeesh/SourceCodeReader)</label>  
           <input type="text" name="projectUrl" data-bind="value: url, valueUpdate: 'afterkeydown'" class="input-large" />
           <span data-bind="visible: hasError">Please enter valid url</span>
           <div> <button type="submit" class="btn btn-large" data-bind="click: open, css: { disabled: hasError }, attr: {disabled: hasError}">Open project</button></div>
     </div>
-    <div data-bind="with: project">
+    <div data-bind="with: project, visible: isReady">
         <div class="projectheader dockrow ">
             <h3><span data-bind="text: username"></span>/<span data-bind="text: name"></span></h3>     
             <ul class="breadcrumb"  data-bind="foreach: breadcrumbs">
@@ -62,7 +62,7 @@
         <div class="statusbar dockrow" data-bind="text: $root.projectStatus">
         </div>
     </div>
-    <div data-bind="foreach: findResult">
+    <div data-bind="foreach: findResult, visible: isReady">
         <div><span data-bind="text: FileName"></span> at <span data-bind="text: Position"></span></div>
     </div>