Added status message and some styling changes

Author: akash5474

app/scripts/controllers/main.js

@@ -15,6 +15,8 @@ angular.module('codeSearchApp')
       $scope.loading=false
     });
 
+    $rootScope.statusMsg = {msg: ""};
+
     $scope.page = {
       currPage: 0,
       resultsPerPage: 10
@@ -39,10 +41,9 @@ angular.module('codeSearchApp')
     }
 
     $scope.findCode = function () {
-
-     $scope.$emit('LOAD');
-     apiRequest.findCode($scope.findLibrary.library, $scope.findFunction.libFunction).then(function(data) {
-
+      $rootScope.statusMsg.msg = "Fetching code from database..."
+      $scope.$emit('LOAD');
+      apiRequest.findCode($scope.findLibrary.library, $scope.findFunction.libFunction).then(function(data) {
         $scope.loading = false;
         $scope.codeSnippits = data.codeSnippits;
         $scope.pageArray = data.pageArray;

app/scripts/services/apirequest.js

@@ -1,14 +1,16 @@
 'use strict';
 
 angular.module('codeSearchApp')
-  .factory('apiRequest', function ($http, $timeout, codeParser) {
+  .factory('apiRequest', function ($http, $rootScope, $timeout, codeParser) {
     var apiRequest = {};
 
     var searchOptions;
     var searchQuery;
     var library = "";
     var libFunction = "";
 
+    var maxFiles = 500;
+
     var getDepVar = function(lib, file) {
       var parsedData = esprima.tokenize(file);
 
@@ -66,6 +68,10 @@ angular.module('codeSearchApp')
     };
 
     apiRequest.findCode = function (lib, func) {
+      $timeout(function() {
+        $rootScope.statusMsg.msg = "Parsing through files for example snippets...";
+      }, 3000);
+
       return $http({
         method:'GET',
         url:'/api/findFile',
@@ -75,6 +81,7 @@ angular.module('codeSearchApp')
         }
       })
       .then(function(data) {
+
         searchOptions = data.data.searchOptions;
         searchQuery = data.data.searchQuery;
         library = lib;
@@ -85,6 +92,7 @@ angular.module('codeSearchApp')
         console.log('files', allFiles[0].score);
         console.log('sOpts', searchOptions);
         console.log('sQuer', searchQuery);
+        // console.log($rootScope.statusMsg.msg);
 
         allFiles.sort(function(a, b) {
           if (a.score < b.score) {
@@ -98,7 +106,7 @@ angular.module('codeSearchApp')
 
         console.log('files', allFiles[0].score);
 
-        var end = allFiles.length <= 1800 ? allFiles.length : 1800;
+        var end = allFiles.length <= maxFiles ? allFiles.length : maxFiles;
 
         var files = allFiles.slice(0, end);
 
@@ -121,6 +129,7 @@ angular.module('codeSearchApp')
         return [snippitsArray, snippitPaths];
       })
       .then(function(results) {
+
         return $http.post('/api/popSnips',
           {data: results[1]})
         .then(function(data) {

app/styles/main.scss

@@ -359,6 +359,16 @@ span > pre {
   height:5px;
 }
 
+#status-msg {
+  margin-top: 10px;
+  text-align: center;
+  color: #3498DB;
+}
+
+#status-msg > p {
+  font-size: 1.3em;
+}
+
 /*a.loginlink{
   height:0;
   padding:0;

app/views/index.html

@@ -19,7 +19,7 @@
     <!-- build:css({.tmp,app}) styles/main.css -->
     <link rel="stylesheet" href="styles/main.css">
     <link href='http://fonts.googleapis.com/css?family=Lato:300,400,900' rel='stylesheet' type='text/css'>
-    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/8.0/styles/rainbow.min.css
+    <link rel="stylesheet" href="cdnjs.cloudflare.com/ajax/libs/highlight.js/8.0/styles/atelier-forest.light.min.css
 ">
 
     <!-- endbuild -->

app/views/partials/codesnippetmodal.html

@@ -1,10 +1,11 @@
 
   <div class="modal-header">
     <div class="row">
-      <div class="col-lg-4">
+      <div class="col-lg-8">
         <a ng-href="{{snippitObj.repoUrl}}" target="_blank">{{snippitObj.repoUrl}}</a>
+        <p>{{snippitObj.filePath}}</p>
       </div>
-      <div class="col-lg-4 col-lg-offset-4">
+      <div class="col-lg-4">
         <div class="pull-right">
           <button ng-click="goToSnippit()">Go To Snippit</button>
           <button class="btn btn-small" ng-click="dismissModal()">X</button>
@@ -16,5 +17,4 @@
      <span hljs source="preSnippitBody"></span><span id="snip-highlight" hljs source="snippitSubStr"></span><span hljs source="postSnippitBody">{{postSnippitBody}}</span>
  </div>
   <div class="modal-footer">
-    <button class="btn btn-small pull-right" ng-click="dismissModal()">X</button>
   </div>

app/views/partials/main.html

@@ -51,6 +51,9 @@ <h4 class='col-lg-offset-1'> Search for JavaScript code examples by selecting No
     <div></div>
     <div></div>
 </div>
+<div id="status-msg" ng-show="loading">
+  <p><strong>{{statusMsg.msg}}</strong></p>
+</div>
 <div ng-show="codeSnippits.length">
   <h3>Results:</h3>
   <div>