Adding ability to view YANG source in the details pane.

Still requires to add scrolling and to clean-up the hacky ID scheme.

Change-Id: I70e397310ee36bea9d01019ca0e21f4bb5ffb0c9
diff --git a/apps/yang-gui/src/main/resources/app/view/yangModel/yangModel.html b/apps/yang-gui/src/main/resources/app/view/yangModel/yangModel.html
index b83f3ce..12b267c 100644
--- a/apps/yang-gui/src/main/resources/app/view/yangModel/yangModel.html
+++ b/apps/yang-gui/src/main/resources/app/view/yangModel/yangModel.html
@@ -15,9 +15,10 @@
         <div class="table-header" onos-sortable-header>
             <table>
                 <tr>
+                    <td colId="id" col-width="130px" sortable>ID</td>
                     <td colId="module" sortable>Module</td>
                     <td colId="revision" sortable>Revision</td>
-                    <td colId="id" col-width="130px" sortable>Model ID</td>
+                    <td colId="modelId" col-width="130px" sortable>Model ID</td>
                     <!-- TODO: More columns to be added -->
                 </tr>
             </table>
@@ -36,9 +37,10 @@
                     ng-click="selectCallback($event, ymodel)"
                     ng-class="{selected: ymodel.id === selId}"
                     ng-repeat-complete row-id="{{ymodel.id}}">
+                    <td>{{ymodel.id}}</td>
                     <td>{{ymodel.module}}</td>
                     <td>{{ymodel.revision}}</td>
-                    <td>{{ymodel.id}}</td>
+                    <td>{{ymodel.modelId}}</td>
                     <!-- TODO: add more columns here -->
                 </tr>
             </table>