moonv4 cleanup

Change-Id: Icef927f3236d985ac13ff7376f6ce6314b2b39b0
Signed-off-by: WuKong <rebirthmonkey@gmail.com>

1 files changed, 123 insertions, 0 deletions

diff --git a/moon_gui/static/app/model/model-list.tpl.html b/moon_gui/static/app/model/model-list.tpl.html
new file mode 100755
index 00000000..89c682cc
--- /dev/null
+++ b/moon_gui/static/app/model/model-list.tpl.html
@@ -0,0 +1,123 @@
+<div class="container">
+
+    <div>
+        <form class="form-inline pull-right">
+            <div class="form-group">
+                <div>
+                    <input id="searchProject" data-ng-model="list.search.query" type="text" class="form-control" placeholder="{{'moon.model.list.search.placeholder' | translate}}" />
+                </div>
+            </div>
+            <div class="form-group">
+                <div>
+                    <button type="submit" class="btn btn-danger" data-ng-click="list.search.reset()" data-translate="moon.model.list.search.reset">Reset</button>
+                </div>
+            </div>
+        </form>
+    </div>
+
+    <div>&nbsp;</div>
+    <div>&nbsp;</div>
+    <div>&nbsp;</div>
+
+    <div class="row">
+
+        <div class="table-responsive" data-role="table">
+
+            <table class="table table-striped table-hover" ng-table="list.table">
+
+                <thead>
+
+                <tr>
+
+                    <th class="customTables sortable"
+                        ng-class="{ 'sort-asc': list.table.isSortBy('name', 'asc'), 'sort-desc': list.table.isSortBy('name', 'desc') }"
+                        ng-click="list.table.sorting('name', list.table.isSortBy('name', 'asc') ? 'desc' : 'asc')">
+                        <div data-translate="moon.model.list.table.name">Name</div>
+                    </th>
+
+                    <th class="customTables sortable"
+                        ng-class="{ 'sort-asc': list.table.isSortBy('description', 'asc'), 'sort-desc': list.table.isSortBy('description', 'desc') }"
+                        ng-click="list.table.sorting('description', list.table.isSortBy('description', 'asc') ? 'desc' : 'asc')">
+                        <div data-translate="moon.model.list.table.description">Description</div>
+                    </th>
+
+                    <th class="customTables sortable">
+                        <div data-translate="moon.model.list.table.metaRules.number">Number of Meta Rules</div>
+                    </th>
+
+                    <th class="customTables">
+                        <div data-translate="moon.model.list.action.title">Actions</div>
+                    </th>
+                </tr>
+
+                </thead>
+
+                <tbody ng-if="!list.hasModels()">
+                    <tr>
+                        <td colspan="2"><span data-translate="moon.model.list.table.notFound">There is no Models</span></td>
+                    </tr>
+                </tbody>
+
+                <tbody ng-if="list.hasModels()">
+
+                    <tr ng-repeat="aModel in $data | filter:list.search.find | orderBy:sort:reverse">
+                        <td ng-bind="aModel.name"></td>
+                        <td ng-bind="aModel.description"></td>
+                        <td ng-bind="aModel.meta_rules.length"></td>
+                        <td>
+                            <div class="dropdown">
+                                <button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown">
+                                    <span data-translate="moon.model.list.action.title">Actions</span>
+                                    <span class="caret"></span>
+                                </button>
+                                <ul class="dropdown-menu">
+
+                                    <!-- <li>
+                                        <a href="" ng-click="list.view.showModal(aModel)">
+                                            <span class="glyphicon glyphicon-eye-open"></span>
+                                            <span class="control-label" data-translate="moon.model.list.action.detail">Detail</span>
+                                        </a>
+                                    </li>-->
+
+                                    <li>
+                                        <a href="" ui-sref="moon.model.edit({id: aModel.id})">
+                                            <span class="glyphicon glyphicon-cog"></span>
+                                            <span class="control-label"  data-translate="moon.model.list.action.edit">Edit</span>
+                                        </a>
+                                    </li>
+
+                                    <li class="divider"></li>
+
+                                    <li>
+                                        <a href="" ng-click="list.del.showModal(aModel)">
+                                            <span class="glyphicon glyphicon-trash"></span>
+                                            <span class="control-label" data-translate="moon.model.list.action.delete">Delete</span>
+                                        </a>
+                                    </li>
+
+                                </ul>
+                            </div>
+                        </td>
+
+                    </tr>
+
+                </tbody>
+
+            </table>
+
+        </div>
+
+        <div class="container">
+
+            <div class="form-inline form-group">
+                <a href="" ng-click="list.add.showModal()" class="btn btn-default">
+                    <span class="glyphicon glyphicon-plus-sign"></span>
+                    <span data-translate="moon.model.list.action.add">Add Model</span>
+                </a>
+            </div>
+
+        </div>
+
+    </div>
+
+</div>
\ No newline at end of file