app/views/lina/apidoc/index.html.erb in lina-0.0.1 vs app/views/lina/apidoc/index.html.erb in lina-0.0.2

@@ -1,67 +1,28 @@
-<div class="row apidoc-page" ng-controller='ApidocController' ng-init="setData('<%= lina.data_path %>')">
+<div class="apidoc-page" ng-controller='ApidocController' ng-init="setData('<%= lina.data_path %>')">
 
-	<div class="col-md-3 api-left-tree">
+	<div class="api-left-tree">
 		<h4 class='apidoc-title'>APIDOC</h4>
     <abn-tree tree-data="my_data" tree-control="my_tree" on-select='showApi(branch)'></abn-tree>
 	</div>
-	<div class="col-md-9 api-contents">
+	<div class="api-contents ng-cloak">
     <ul class='list-unstyled'>
-      <li ng-repeat='api in currentApi'>
-      <div class='path'>
-        <span class='path-verb'> {{ api.verb }} </span>
-        <span class='path-path'> {{ api.path }} </span>
-      </div>
+      <li class='api-content-wrapper' ng-repeat='api in currentApi'>
+        <div class='path'>
+          <span class='path-verb'> {{ api.verb }} </span>
+          <span class='path-path'> {{ api.path }} </span>
+        </div>
         <div class="name">{{ api.schema.name }}</div>
         <p class='description'>{{ api.schema.description }}</p>
         <h4 class='parameters-title'>Parameter</h4>
         <div class="table-wrapper">
-        	<table class='table'>
-        	  <thead>
-        	    <tr>
-        	      <th width='20%'>Name</th>
-        	      <th width='20%'>Type</th>
-        	      <th width='25%'>More Info</th>
-        	      <th>Description</th>
-        	    </tr>
-        	  </thead>
-        	  <tbody>
-        	    <tr ng-repeat='(key, value) in api.schema.params.properties'>
-        	      <td><span>{{ key }}
-        	        <span class="label label-primary" ng-show='isRequired(api.schema.params, key)'>must</span>
-        	        <span class="label label-default" ng-hide='isRequired(api.schema.params, key)'>optional</span>
-        	      </td>
-        	      <td>{{ value.type }}</td>
-        	      <td class='more-info'>{{ moreInfo(value) }}</td>
-        	      <td>{{ value.description }}</td>
-        	    </tr>
-        	  </tbody>
-          </table>
+          <json-schema schema='api.schema.params'></json-schema>
         </div><!-- .table-wrapper -->
 
         <h4 class='return-title'>Return</h4>
+        <p class='description'>{{ api.schema.return.description }}</p>
         <div class="table-wrapper">
-        	<table class='table'>
-        	  <thead>
-        	    <tr>
-        	      <th width='20%'>Name</th>
-        	      <th width='20%'>Type</th>
-        	      <th width='25%'>More Info</th>
-        	      <th>Description</th>
-        	    </tr>
-        	  </thead>
-        	  <tbody>
-        	    <tr ng-repeat='(key, value) in api.schema.return.properties'>
-        	      <td><span>{{ key }}
-        	        <span class="label label-primary" ng-show='isRequired(api.schema.return, key)'>must</span>
-        	        <span class="label label-default" ng-hide='isRequired(api.schema.return, key)'>optional</span>
-        	      </td>
-        	      <td>{{ value.type }}</td>
-        	      <td class='more-info'>{{ moreInfo(value) }}</td>
-        	      <td>{{ value.description }}</td>
-        	    </tr>
-        	  </tbody>
-        	</table>
+          <json-schema schema='api.schema.return'></json-schema>
         </div><!-- .table-wrapper -->
       </li>
     </ul>
 	</div>
 </div>