SONAR-6793 Make it possible to collapse WS response example

2 files changed, 12 insertions, 25 deletions

diff --git a/server/sonar-web/src/main/js/apps/api-documentation/action-view.js b/server/sonar-web/src/main/js/apps/api-documentation/action-view.js
index 6df5db30ee5..57065620e27 100644
--- a/server/sonar-web/src/main/js/apps/api-documentation/action-view.js
+++ b/server/sonar-web/src/main/js/apps/api-documentation/action-view.js
@@ -1,22 +1,3 @@
-/*
- * SonarQube, open source software quality management tool.
- * Copyright (C) 2008-2014 SonarSource
- * mailto:contact AT sonarsource DOT com
- *
- * SonarQube is free software; you can redistribute it and/or
- * modify it under the terms of the GNU Lesser General Public
- * License as published by the Free Software Foundation; either
- * version 3 of the License, or (at your option) any later version.
- *
- * SonarQube is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU
- * Lesser General Public License for more details.
- *
- * You should have received a copy of the GNU Lesser General Public License
- * along with this program; if not, write to the Free Software Foundation,
- * Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
- */
 define([
   './templates'
 ], function () {
@@ -32,7 +13,8 @@ define([
     },
 
     events: {
-      'click .js-show-response-example': 'onShowResponseExampleClick'
+      'click .js-show-response-example': 'onShowResponseExampleClick',
+      'click .js-hide-response-example': 'onHideResponseExampleClick'
     },
 
     onRender: function () {
@@ -45,6 +27,11 @@ define([
       this.fetchResponse();
     },
 
+    onHideResponseExampleClick: function (e) {
+      e.preventDefault();
+      this.model.unset('responseExample');
+    },
+
     fetchResponse: function () {
       var that = this,
           url = baseUrl + '/api/webservices/response_example',
diff --git a/server/sonar-web/src/main/js/apps/api-documentation/templates/api-documentation-action.hbs b/server/sonar-web/src/main/js/apps/api-documentation/templates/api-documentation-action.hbs
index 7e5c702e145..04a4d879030 100644
--- a/server/sonar-web/src/main/js/apps/api-documentation/templates/api-documentation-action.hbs
+++ b/server/sonar-web/src/main/js/apps/api-documentation/templates/api-documentation-action.hbs
@@ -58,16 +58,16 @@
 {{#if hasResponseExample}}
   <h4 class="spacer-top">
     Example Response
-    {{#unless responseExample}}
+    {{#if responseExample}}
+      <a class="js-hide-response-example little-spacer-left" href="#">Hide</a>
+    {{else}}
       <a class="js-show-response-example little-spacer-left" href="#">Show</a>
-    {{/unless}}
+    {{/if}}
   </h4>
 
   {{#if responseExample}}
     <div class="little-spacer-top">
-      <pre>
-{{responseExample}}
-      </pre>
+      <pre>{{responseExample}}</pre>
     </div>
   {{/if}}
 {{/if}}