Added a tabbed layout for the device list UI

product/modules/distribution/src/repository/jaggeryapps/cdm/pages/dashboard.jag

@@ -14,9 +14,22 @@ var title="WSO2 CDM";
             <div class="row">
                 <div class="col-sm-9 main col-centered">
                     <h2 class="sub-header">Devices list</h2>
+                    <!--
                     <div class="row">
                         <div class="col-md-1"><button type="button" class="btn btn-primary">Execute</button></div>
                     </div>
+                    -->
+                    <div role="devicepanel">
+
+                      <!-- Nav tabs -->
+                      <ul class="nav nav-tabs" role="tablist">
+                        <li role="presentation" class="active"><a href="#mobile" aria-controls="home" role="tab" data-toggle="tab">Mobile</a></li>
+                        <li role="presentation"><a href="#raspberrypi" aria-controls="profile" role="tab" data-toggle="tab">RaspberryPi</a></li>
+                      </ul>
+
+                      <!-- Tab panes -->
+                      <div class="tab-content">
+                        <div role="devicepanel" class="tab-pane active" id="mobile">
                             <div class="table-responsive">
                                 <table id="table-pagination" data-toggle="table" data-url="data2.json"  data-query-params="queryParams" data-height="400" data-pagination="true" data-search="true">
                                     <thead>
@@ -26,7 +39,7 @@ var title="WSO2 CDM";
                                             <th data-field="name" data-align="center" data-sortable="true">Name</th>
                                             <th data-field="owner" data-align="center" data-sortable="true">Owner</th>
                                             <th data-field="ownership" data-align="center" data-sortable="true">Ownership</th>
-                                    <th data-field="deviceType" data-align="center" data-sortable="true">Device Type</th>
+                                            <th data-field="deviceTypeId" data-align="center" data-sortable="true">Device Type</th>
                                             <th data-field="vendor" data-align="center" data-sortable="true">Vendor</th>
                                             <th data-field="model" data-align="center" data-sortable="true">Model</th>
                                             <th data-field="osVersion" data-align="center" data-sortable="true">OS Version</th>
@@ -35,6 +48,11 @@ var title="WSO2 CDM";
                                 </table>
                             </div>
                         </div>
+                        <div role="devicepanel" class="tab-pane" id="raspberrypi">sdfweroiweuroi</div>
+                      </div>
+
+                    </div>
+                </div>
             </div>
         </div>
         <%