Merge pull request #158 from mulesoft/features/disable-try-it-if-not-baseuri-present

Disable Try-it if there is no baseUri present on the RAML file

Author: jcenturion

dist/scripts/api-console.js

@@ -5488,10 +5488,13 @@ angular.module('ramlConsoleApp').run(['$templateCache', function($templateCache)
 
   $templateCache.put('directives/resource-panel.tpl.html',
     "<div class=\"raml-console-resource-panel\" ng-if=\"showPanel\" ng-class=\"{ 'raml-console-has-sidebar-collapsed': singleView }\">\n" +
+    "  <div class=\"raml-console-resource-no-baseuri\" ng-hide=\"raml.baseUri\">\n" +
+    "    <strong>Try-it</strong> is disabled because <strong>baseUri</strong> is not present\n" +
+    "  </div>\n" +
     "  <div class=\"raml-console-resource-panel-wrapper\">\n" +
     "    <documentation></documentation>\n" +
     "\n" +
-    "    <sidebar></sidebar>\n" +
+    "    <sidebar ng-show=\"raml.baseUri\"></sidebar>\n" +
     "\n" +
     "    <div class=\"raml-console-sidebar-controls raml-console-sidebar-controls-collapse\" ng-click=\"collapseSidebar($event)\" style=\"right: -1px; position: absolute;\">\n" +
     "      <button class=\"raml-console-collapse\">\n" +

dist/styles/api-console-dark-theme.css

@@ -2219,6 +2219,17 @@ a.raml-console-resource-path-active {
   color: #5685aa;
 }
 
+.raml-console-resource-no-baseuri {
+  background-color: red;
+  margin-top: -1px;
+  font-family: Lato;
+  font-size: 13px;
+  padding: 3px;
+  color: white;
+  text-align: center;
+  text-rendering: optimizeLegibility;
+}
+
 .raml-console-resource-header {
   position: relative;
   padding-top: 8px;

dist/styles/api-console-light-theme.css

@@ -2219,6 +2219,17 @@ a.raml-console-resource-path-active {
   color: #585961;
 }
 
+.raml-console-resource-no-baseuri {
+  background-color: red;
+  margin-top: -1px;
+  font-family: Lato;
+  font-size: 13px;
+  padding: 3px;
+  color: white;
+  text-align: center;
+  text-rendering: optimizeLegibility;
+}
+
 .raml-console-resource-header {
   position: relative;
   padding-top: 8px;

src/app/directives/resource-panel.tpl.html

@@ -1,8 +1,11 @@
 <div class="raml-console-resource-panel" ng-if="showPanel" ng-class="{ 'raml-console-has-sidebar-collapsed': singleView }">
+  <div class="raml-console-resource-no-baseuri" ng-hide="raml.baseUri">
+    <strong>Try-it</strong> is disabled because <strong>baseUri</strong> is not present
+  </div>
   <div class="raml-console-resource-panel-wrapper">
     <documentation></documentation>
 
-    <sidebar></sidebar>
+    <sidebar ng-show="raml.baseUri"></sidebar>
 
     <div class="raml-console-sidebar-controls raml-console-sidebar-controls-collapse" ng-click="collapseSidebar($event)" style="right: -1px; position: absolute;">
       <button class="raml-console-collapse">

src/scss/_resource.scss

@@ -468,3 +468,14 @@ a.resource-path-active {
     color: $color-sidebar-subheader-text;
   }
 }
+
+.resource-no-baseuri {
+  background-color: red;
+  margin-top: -1px;
+  font-family: Lato;
+  font-size: 13px;
+  padding: 3px;
+  color: white;
+  text-align: center;
+  text-rendering: optimizeLegibility;
+}