Stable version

Change-Id: I70001bedbdf1823cb9e8dccd545800387777201b

1 files changed, 323 insertions, 165 deletions

diff --git a/moonv4/moon_gui/static/app/model/edit/metadata/metadata-list.tpl.html b/moonv4/moon_gui/static/app/model/edit/metadata/metadata-list.tpl.html
index 35b61f57..30a42dbc 100644
--- a/moonv4/moon_gui/static/app/model/edit/metadata/metadata-list.tpl.html
+++ b/moonv4/moon_gui/static/app/model/edit/metadata/metadata-list.tpl.html
@@ -1,149 +1,156 @@
 <div>
-    <div class="panel panel-default">
+    <!--
+    !shortDisplay allow to display more details than shortDisplay.
+    It will display panels row by row and each panels list have a table with more columns
+   -->
+    <div ng-if="!list.shortDisplay">
 
-        <div class="panel-heading">
+        <div class="panel panel-default">
 
-            <h4 data-translate="moon.model.metadata.subject.title">List of associated Subject Categories</h4>
+            <div class="panel-heading">
 
-        </div>
+                <h4 data-translate="moon.model.metadata.subject.title">List of associated Subject Categories</h4>
 
-        <div class="panel-body">
+            </div>
 
-            <div class="table-responsive">
+            <div class="panel-body">
 
-                <table class="table table-striped">
+                <div class="table-responsive">
 
-                    <thead>
-                    <tr>
-                        <th data-translate="moon.model.metadata.table.id">Id</th>
-                        <th data-translate="moon.model.metadata.table.name">Name</th>
-                        <th data-translate="moon.model.metadata.table.description">Description</th>
-                        <th ng-if="list.editMode" data-translate="moon.model.metadata.table.action.title"></th>
-                    </tr>
-                    </thead>
+                    <table class="table table-striped">
 
-                    <moon-loader ng-if="list.loadingCatSub"></moon-loader>
+                        <thead>
+                        <tr>
+                            <th data-translate="moon.model.metadata.table.id">Id</th>
+                            <th data-translate="moon.model.metadata.table.name">Name</th>
+                            <th data-translate="moon.model.metadata.table.description">Description</th>
+                            <th ng-if="list.editMode" data-translate="moon.model.metadata.table.action.title"></th>
+                        </tr>
+                        </thead>
 
-                    <tbody ng-if="!list.loadingCatSub && list.getSubjectCategories().length > 0">
-                    <tr ng-repeat="(key, value) in list.catSub">
-                        <td ng-bind="value.id"></td>
-                        <td ng-bind="value.name"></td>
-                        <td ng-bind="value.description"></td>
-                        <td ng-if="list.editMode">
+                        <moon-loader ng-if="list.loadingCatSub"></moon-loader>
 
-                            <a href="" ng-if="!value.loader" ng-click="list.unMapSub(value)" >
-                                <span class="glyphicon glyphicon-transfer"></span>
-                                <span class="control-label" data-translate="moon.model.metadata.action.remove">Remove</span>
-                            </a>
+                        <tbody ng-if="!list.loadingCatSub && list.getSubjectCategories().length > 0">
+                        <tr ng-repeat="(key, value) in list.catSub">
+                            <td ng-bind="value.id"></td>
+                            <td ng-bind="value.name"></td>
+                            <td ng-bind="value.description"></td>
+                            <td ng-if="list.editMode">
 
-                            <!--<div ng-if="!value.loader" class="dropdown">
+                                <a href="" ng-if="!value.loader" ng-click="list.unMapSub(value)">
+                                    <span class="glyphicon glyphicon-transfer"></span>
+                                    <span class="control-label" data-translate="moon.model.metadata.action.remove">Remove</span>
+                                </a>
 
-                                <button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown">
-                                    <span data-translate="moon.model.metadata.table.action.title">Actions</span>
-                                    <span class="caret"></span>
-                                </button>
+                                <!--<div ng-if="!value.loader" class="dropdown">
 
-                                <ul class="dropdown-menu">
+                                    <button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown">
+                                        <span data-translate="moon.model.metadata.table.action.title">Actions</span>
+                                        <span class="caret"></span>
+                                    </button>
 
-                                    <li>
-                                        <a href="" ng-click="list.unMapSub(value)" >
-                                            <span class="glyphicon glyphicon-transfer"></span>
-                                            <span class="control-label" data-translate="moon.model.metadata.action.remove">Remove</span>
-                                        </a>
-                                    </li>
+                                    <ul class="dropdown-menu">
 
-                                    <li class="divider"></li>
+                                        <li>
+                                            <a href="" ng-click="list.unMapSub(value)" >
+                                                <span class="glyphicon glyphicon-transfer"></span>
+                                                <span class="control-label" data-translate="moon.model.metadata.action.remove">Remove</span>
+                                            </a>
+                                        </li>
 
-                                    <li>
-                                        <a href="" ng-click="list.deleteSub(value)">
-                                            <span class="glyphicon glyphicon-trash"></span>
-                                            <span class="control-label" data-translate="moon.model.metadata.table.action.delete">Delete</span>
-                                        </a>
-                                    </li>
+                                        <li class="divider"></li>
 
-                                </ul>
+                                        <li>
+                                            <a href="" ng-click="list.deleteSub(value)">
+                                                <span class="glyphicon glyphicon-trash"></span>
+                                                <span class="control-label" data-translate="moon.model.metadata.table.action.delete">Delete</span>
+                                            </a>
+                                        </li>
 
-                            </div>-->
+                                    </ul>
 
-                            <div ng-if="value.loader">
+                                </div>-->
 
-                                <moon-loader></moon-loader>
+                                <div ng-if="value.loader">
 
-                            </div>
+                                    <moon-loader></moon-loader>
 
-                        </td>
+                                </div>
 
-                    </tr>
-                    </tbody>
+                            </td>
 
+                        </tr>
+                        </tbody>
 
-                    <tbody ng-if="!list.loadingCatSub && list.catSub.length === 0">
-                    <tr>
-                        <td data-translate="moon.model.metadata.subject.notFound">There is no Subjects</td>
-                        <td></td>
-                        <td></td>
-                        <td ng-if="list.editMode"></td>
-                    </tr>
-                    </tbody>
 
-                </table>
+                        <tbody ng-if="!list.loadingCatSub && list.catSub.length === 0">
+                        <tr>
+                            <td data-translate="moon.model.metadata.subject.notFound">There is no Subjects</td>
+                            <td></td>
+                            <td></td>
+                            <td ng-if="list.editMode"></td>
+                        </tr>
+                        </tbody>
+
+                    </table>
+
+                </div>
 
             </div>
 
         </div>
 
-    </div>
+        <div ng-if="list.editMode" class="panel panel-default">
 
-    <div ng-if="list.editMode" class="panel panel-default">
+            <div class="panel-heading">
 
-        <div class="panel-heading">
+                <h4 data-translate="moon.model.metadata.subject.add.title">Add a Subject Category</h4>
 
-            <h4 data-translate="moon.model.metadata.subject.add.title">Add a Subject Category</h4>
+            </div>
 
-        </div>
+            <div class="panel-body">
 
-        <div class="panel-body">
+                <moon-meta-data-edit meta-rule="list.metaRule"
+                                     meta-data-type="list.typeOfSubject"></moon-meta-data-edit>
 
-            <moon-meta-data-edit meta-rule="list.metaRule" meta-data-type="list.typeOfSubject"></moon-meta-data-edit>
+            </div>
 
         </div>
 
-    </div>
-
-    <div class="panel panel-default">
+        <div class="panel panel-default">
 
-        <div class="panel-heading">
+            <div class="panel-heading">
 
-            <h4 data-translate="moon.model.metadata.object.title">List associated of Object Categories</h4>
+                <h4 data-translate="moon.model.metadata.object.title">List associated of Object Categories</h4>
 
-        </div>
+            </div>
 
-        <div class="panel-body">
+            <div class="panel-body">
 
-            <div class="table-responsive">
+                <div class="table-responsive">
 
-                <table class="table table-striped">
+                    <table class="table table-striped">
 
-                    <thead>
-                    <tr>
-                        <th data-translate="moon.model.metadata.table.id">Id</th>
-                        <th data-translate="moon.model.metadata.table.name">Name</th>
-                        <th data-translate="moon.model.metadata.table.description">Description</th>
-                        <th ng-if="list.editMode" data-translate="moon.model.metadata.table.action.title"></th>
+                        <thead>
+                        <tr>
+                            <th data-translate="moon.model.metadata.table.id">Id</th>
+                            <th data-translate="moon.model.metadata.table.name">Name</th>
+                            <th data-translate="moon.model.metadata.table.description">Description</th>
+                            <th ng-if="list.editMode" data-translate="moon.model.metadata.table.action.title"></th>
 
-                    </tr>
-                    </thead>
+                        </tr>
+                        </thead>
 
-                    <moon-loader ng-if="list.loadingCatObj"></moon-loader>
+                        <moon-loader ng-if="list.loadingCatObj"></moon-loader>
 
-                    <tbody ng-if="!list.loadingCatObj && list.catObj.length > 0">
+                        <tbody ng-if="!list.loadingCatObj && list.catObj.length > 0">
                         <tr ng-repeat="(key, value) in list.catObj">
                             <td ng-bind="value.id"></td>
                             <td ng-bind="value.name"></td>
                             <td ng-bind="value.description"></td>
                             <td ng-if="list.editMode">
 
-                                <a href="" ng-if="!value.loader" ng-click="list.unMapObj(value)" >
+                                <a href="" ng-if="!value.loader" ng-click="list.unMapObj(value)">
                                     <span class="glyphicon glyphicon-transfer"></span>
                                     <span class="control-label" data-translate="moon.model.metadata.action.remove">Remove</span>
                                 </a>
@@ -186,148 +193,299 @@
 
                             </td>
                         </tr>
-                    </tbody>
+                        </tbody>
 
-                    <tbody ng-if="!list.loadingCatObj && list.catObj.length === 0">
+                        <tbody ng-if="!list.loadingCatObj && list.catObj.length === 0">
                         <tr>
                             <td data-translate="moon.model.metadata.object.notFound">There is no Objects</td>
                             <td></td>
                             <td></td>
                             <td ng-if="list.editMode"></td>
                         </tr>
-                    </tbody>
+                        </tbody>
+
+                    </table>
 
-                </table>
+                </div>
 
             </div>
 
         </div>
 
-    </div>
+        <div ng-if="list.editMode" class="panel panel-default">
 
-    <div ng-if="list.editMode" class="panel panel-default">
+            <div class="panel-heading">
 
-        <div class="panel-heading">
+                <h4 data-translate="moon.model.metadata.object.add.title">Add an Object Category</h4>
 
-            <h4 data-translate="moon.model.metadata.object.add.title">Add an Object Category</h4>
+            </div>
 
-        </div>
+            <div class="panel-body">
 
-        <div class="panel-body">
+                <moon-meta-data-edit meta-rule="list.metaRule" meta-data-type="list.typeOfObject"></moon-meta-data-edit>
 
-            <moon-meta-data-edit meta-rule="list.metaRule" meta-data-type="list.typeOfObject"></moon-meta-data-edit>
+            </div>
 
         </div>
 
-    </div>
+        <div class="panel panel-default">
 
-    <div class="panel panel-default">
+            <div class="panel-heading">
 
-        <div class="panel-heading">
+                <h4 data-translate="moon.model.metadata.action.title">List associated of Action Categories</h4>
 
-            <h4 data-translate="moon.model.metadata.action.title">List associated of Action Categories</h4>
-
-        </div>
+            </div>
 
-        <div class="panel-body">
+            <div class="panel-body">
 
-            <div class="table-responsive">
+                <div class="table-responsive">
 
-                <table class="table table-striped">
+                    <table class="table table-striped">
 
-                    <thead>
-                    <tr>
-                        <th data-translate="moon.model.metadata.table.id">Id</th>
-                        <th data-translate="moon.model.metadata.table.name">Name</th>
-                        <th data-translate="moon.model.metadata.table.description">Description</th>
-                        <th ng-if="list.editMode" data-translate="moon.model.metadata.table.action.title"></th>
-                    </tr>
-                    </thead>
+                        <thead>
+                        <tr>
+                            <th data-translate="moon.model.metadata.table.id">Id</th>
+                            <th data-translate="moon.model.metadata.table.name">Name</th>
+                            <th data-translate="moon.model.metadata.table.description">Description</th>
+                            <th ng-if="list.editMode" data-translate="moon.model.metadata.table.action.title"></th>
+                        </tr>
+                        </thead>
 
-                    <moon-loader ng-if="list.loadingCatAct"></moon-loader>
+                        <moon-loader ng-if="list.loadingCatAct"></moon-loader>
 
-                    <tbody ng-if="!list.loadingCatAct && list.catAct.length > 0">
-                    <tr ng-repeat="(key, value) in list.catAct">
-                        <td ng-bind="value.id"></td>
-                        <td ng-bind="value.name"></td>
-                        <td ng-bind="value.description"></td>
-                        <td ng-if="list.editMode">
+                        <tbody ng-if="!list.loadingCatAct && list.catAct.length > 0">
+                        <tr ng-repeat="(key, value) in list.catAct">
+                            <td ng-bind="value.id"></td>
+                            <td ng-bind="value.name"></td>
+                            <td ng-bind="value.description"></td>
+                            <td ng-if="list.editMode">
 
-                            <a href="" ng-if="!value.loader" ng-click="list.unMapAct(value)" >
-                                <span class="glyphicon glyphicon-transfer"></span>
-                                <span class="control-label" data-translate="moon.model.metadata.action.remove">Remove</span>
-                            </a>
+                                <a href="" ng-if="!value.loader" ng-click="list.unMapAct(value)">
+                                    <span class="glyphicon glyphicon-transfer"></span>
+                                    <span class="control-label" data-translate="moon.model.metadata.action.remove">Remove</span>
+                                </a>
 
-                            <!--<div ng-if="!value.loader" class="dropdown">
+                                <!--<div ng-if="!value.loader" class="dropdown">
 
-                                <button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown">
-                                    <span data-translate="moon.model.metadata.table.action.title">Actions</span>
-                                    <span class="caret"></span>
-                                </button>
+                                    <button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown">
+                                        <span data-translate="moon.model.metadata.table.action.title">Actions</span>
+                                        <span class="caret"></span>
+                                    </button>
 
-                                <ul class="dropdown-menu">
+                                    <ul class="dropdown-menu">
 
-                                    <li>
-                                        <a href="" ng-click="list.unMapAct(value)" >
-                                            <span class="glyphicon glyphicon-transfer"></span>
-                                            <span class="control-label" data-translate="moon.model.metadata.action.remove">Remove</span>
-                                        </a>
-                                    </li>
+                                        <li>
+                                            <a href="" ng-click="list.unMapAct(value)" >
+                                                <span class="glyphicon glyphicon-transfer"></span>
+                                                <span class="control-label" data-translate="moon.model.metadata.action.remove">Remove</span>
+                                            </a>
+                                        </li>
 
-                                    <li class="divider"></li>
+                                        <li class="divider"></li>
 
-                                    <li>
-                                        <a href="" ng-click="list.deleteAct(value)">
-                                            <span class="glyphicon glyphicon-trash"></span>
-                                            <span class="control-label" data-translate="moon.model.metadata.table.action.delete">Delete</span>
-                                        </a>
-                                    </li>
+                                        <li>
+                                            <a href="" ng-click="list.deleteAct(value)">
+                                                <span class="glyphicon glyphicon-trash"></span>
+                                                <span class="control-label" data-translate="moon.model.metadata.table.action.delete">Delete</span>
+                                            </a>
+                                        </li>
 
-                                </ul>
+                                    </ul>
 
-                            </div>-->
+                                </div>-->
 
-                            <div ng-if="value.loader">
+                                <div ng-if="value.loader">
 
-                                <moon-loader></moon-loader>
+                                    <moon-loader></moon-loader>
 
-                            </div>
+                                </div>
 
-                        </td>
-                    </tr>
-                    </tbody>
+                            </td>
+                        </tr>
+                        </tbody>
 
-                    <tbody ng-if="!list.loadingCatAct && list.catAct.length === 0">
+                        <tbody ng-if="!list.loadingCatAct && list.catAct.length === 0">
                         <tr>
                             <td data-translate="moon.model.metadata.action.notFound">There is no Actions</td>
                             <td></td>
                             <td></td>
                             <td ng-if="list.editMode"></td>
                         </tr>
-                    </tbody>
+                        </tbody>
 
-                </table>
+                    </table>
+
+                </div>
 
             </div>
 
         </div>
 
-    </div>
+        <div ng-if="list.editMode" class="panel panel-default">
 
-    <div ng-if="list.editMode" class="panel panel-default">
+            <div class="panel-heading">
 
-        <div class="panel-heading">
+                <h4 data-translate="moon.model.metadata.action.add.title">Add an Action Category</h4>
 
-            <h4 data-translate="moon.model.metadata.action.add.title">Add an Action Category</h4>
+            </div>
 
-        </div>
+            <div class="panel-body">.
 
-        <div class="panel-body">.
+                <moon-meta-data-edit meta-rule="list.metaRule" meta-data-type="list.typeOfAction"></moon-meta-data-edit>
 
-            <moon-meta-data-edit meta-rule="list.metaRule" meta-data-type="list.typeOfAction"></moon-meta-data-edit>
+            </div>
 
         </div>
 
     </div>
 
+    <!--
+       !shortDisplay allow to display less details than shortDisplay.
+       It will display 3 panels on the same row,  each panels have a table with on columns (name)
+      -->
+    <div ng-if="list.shortDisplay">
+
+        <div class="row">
+
+            <div class="col-md-4">
+
+                <div class="panel panel-default">
+
+                    <div class="panel-heading">
+
+                        <h4 data-translate="moon.model.metadata.subject.title">List of associated Subject Categories</h4>
+
+                    </div>
+
+                    <div class="panel-body">
+
+                        <div class="table-responsive">
+
+                            <table class="table table-striped">
+
+                                <thead>
+                                <tr>
+                                    <th data-translate="moon.model.metadata.table.name">Name</th>
+                                </tr>
+                                </thead>
+
+                                <moon-loader ng-if="list.loadingCatSub"></moon-loader>
+
+                                <tbody ng-if="!list.loadingCatSub && list.getSubjectCategories().length > 0">
+                                <tr ng-repeat="(key, value) in list.catSub">
+                                    <td ng-bind="value.name"></td>
+                                </tr>
+                                </tbody>
+
+
+                                <tbody ng-if="!list.loadingCatSub && list.catSub.length === 0">
+                                <tr>
+                                    <td data-translate="moon.model.metadata.subject.notFound">There is no Subjects</td>
+                                </tr>
+                                </tbody>
+
+                            </table>
+
+                        </div>
+
+                    </div>
+
+                </div>
+
+            </div>
+
+            <div class="col-md-4">
+
+                <div class="panel panel-default">
+
+                    <div class="panel-heading">
+
+                        <h4 data-translate="moon.model.metadata.object.title">List associated of Object Categories</h4>
+
+                    </div>
+
+                    <div class="panel-body">
+
+                        <div class="table-responsive">
+
+                            <table class="table table-striped">
+
+                                <thead>
+                                <tr>
+                                    <th data-translate="moon.model.metadata.table.name">Name</th>
+                                </tr>
+                                </thead>
+
+                                <moon-loader ng-if="list.loadingCatObj"></moon-loader>
+
+                                <tbody ng-if="!list.loadingCatObj && list.catObj.length > 0">
+                                <tr ng-repeat="(key, value) in list.catObj">
+                                    <td ng-bind="value.name"></td>
+                                </tr>
+                                </tbody>
+
+                                <tbody ng-if="!list.loadingCatObj && list.catObj.length === 0">
+                                <tr>
+                                    <td data-translate="moon.model.metadata.object.notFound">There is no Objects</td>
+                                </tr>
+                                </tbody>
+
+                            </table>
+
+                        </div>
+
+                    </div>
+
+                </div>
+
+            </div>
+
+            <div class="col-md-4">
+
+                <div class="panel panel-default">
+
+                    <div class="panel-heading">
+
+                        <h4 data-translate="moon.model.metadata.action.title">List associated of Action Categories</h4>
+
+                    </div>
+
+                    <div class="panel-body">
+
+                        <div class="table-responsive">
+
+                            <table class="table table-striped">
+
+                                <thead>
+                                <tr>
+                                    <th data-translate="moon.model.metadata.table.name">Name</th>
+                                </tr>
+                                </thead>
+
+                                <moon-loader ng-if="list.loadingCatAct"></moon-loader>
+
+                                <tbody ng-if="!list.loadingCatAct && list.catAct.length > 0">
+                                <tr ng-repeat="(key, value) in list.catAct">
+                                    <td ng-bind="value.name"></td>
+                                </tr>
+                                </tbody>
+
+                                <tbody ng-if="!list.loadingCatAct && list.catAct.length === 0">
+                                <tr>
+                                    <td data-translate="moon.model.metadata.action.notFound">There is no Actions</td>
+                                </tr>
+                                </tbody>
+
+                            </table>
+
+                        </div>
+
+                    </div>
+
+                </div>
+
+            </div>
+
+        </div>
+    </div>
 </div>
\ No newline at end of file