[try] show validation errors and disallow calls with invalid form

Author: mohsen1

app/scripts/directives/tryoperation.js

@@ -5,7 +5,10 @@ SwaggerEditor.controller('TryOperation', function ($scope, formdataFilter,
 
   // configure SchemaForm directive
   SchemaForm.options = {
-    theme: 'bootstrap3'
+    theme: 'bootstrap3',
+
+    /*jshint camelcase: false */
+    show_errors: true
   };
 
   var specs = $scope.$parent.specs;

app/styles/components/try-operation.less

@@ -49,6 +49,10 @@
     }
   }
 
+  .call[disabled] {
+    cursor: not-allowed;
+  }
+
   >div {
     >h5 {
       font-size: 1.0em;

app/templates/try-operation.html

@@ -1,6 +1,6 @@
 <div ng-controller="TryOperation" class="try-container">
   <div class="request">
-    <form schema-form="requestSchema" ng-model="requestModel"></form>
+    <form schema-form="requestSchema" ng-model="requestModel" name="requestFrom"></form>
     <div class="raw-request raw">
       <div class="line url">
         {{operation.operationName | uppercase}}
@@ -25,7 +25,7 @@
       </p>
     </div>
     <button ng-click="makeCall()" class="{{$parent.operationName}} call"
-      ng-disabled="xhrInProgress">
+      ng-disabled="xhrInProgress || !requestFrom.$valid">
       <span ng-if="xhrInProgress">Sending...</span>
       <span ng-if="!xhrInProgress">Send Request</span>
     </button>

bower.json

@@ -27,7 +27,7 @@
     "apply-diff": "~1.2.4",
     "async": "~0.9.2",
     "json-editor": "~0.7.15",
-    "schema-form": "~0.0.1",
+    "schema-form": "~0.1.0",
     "ng-file-upload": "~4.2.1"
   },
   "dependencies": {