quick access to pre-canned data (#54)

Author: vabarbosa

public/js/seams.js

@@ -59,10 +59,14 @@ seamsApp.controller('navController', ['$scope', '$route', '$routeParams', '$wind
 					$('#remoteFileError').html("");
 					$('#file').change(function () {
 						$scope.$root.fileUploaded();
-		        	});
+		      });
 					$scope.$root.getPreview(function(data) {
-				    	$scope.$root.$apply();
-				    });
+				    $scope.$root.$apply();
+						$('.btn-shortcut').on('click', function() {
+							$('#fileurl').val(this.getAttribute('data-url'));
+							angular.element($('#fileurl')).triggerHandler('input');
+						});
+				  });
 					break;
 				case 'import':
 					if ($scope.$root.schema) {
@@ -1177,3 +1181,9 @@ var datatypechange = function(e) {
     i.prop("disabled", true);
   }
 }
+
+function toggle(selector) {
+  if (selector) {
+    $(selector).slideToggle(500);
+  }
+}

public/seams.css

@@ -84,3 +84,19 @@ td.error {
     background-color: #92a4af;
     border-color: #000000;
 }
+
+.remote-files {
+    margin-top: 0;
+}
+
+.remote-files.hidden {
+  display: none;
+}
+
+button.type_link {
+  background-color: transparent;
+  border: 0 none;
+  cursor: pointer;
+  font-size: 1em;
+  padding: 0;
+}

views/templates/upload.html

@@ -33,7 +33,18 @@ <h1 class="type_heading"><mark class="type_mark">Upload Data</mark></h1>
         <p class="type_copy">Once you select your file, we'll automatically move to the next step, where you'll create the index for your search service.</p>
       </div>
 
-      <div id="viewasfileurl" class="tabbed-panel_panel" ng-show="currentUploadPanel == 'fileurl'">
+      <div id="viewasfileurl" class="tabbed-panel_panel theme_light" ng-show="currentUploadPanel == 'fileurl'">
+        <p class="type_copy">
+          No data. No problem. <button class="type_link" onclick="toggle('.remote-files')">We got you covered.</button>
+        </p>
+        <div class="button_group remote-files hidden">
+          <button type="button" class="button_secondary btn-shortcut"
+            data-url="https://raw.githubusercontent.com/ibm-cds-labs/open-data/master/uk/hp.csv" 
+            data-name="addresses">UK Addresses</button>
+          <button type="button" class="button_secondary btn-shortcut"
+            data-url="https://raw.githubusercontent.com/ibm-cds-labs/open-data/master/movies/movies.tsv"
+            data-name="movies">Movies</button>
+        </div>
         <form name="fileurlform" class="form_standard" novalidate>
           <fieldset class="form_field">
             <input type="url" class="input_text" name="fileurl" id="fileurl" required ng-model="fileurl" placeholder="Enter File Url">