1 files changed, 102 insertions, 0 deletions
diff --git a/moon_gui/static/app/model/edit/metarules/action/mapping/metarules-map.tpl.html b/moon_gui/static/app/model/edit/metarules/action/mapping/metarules-map.tpl.html
new file mode 100755
index 00000000..1830204b
--- /dev/null
+++ b/moon_gui/static/app/model/edit/metarules/action/mapping/metarules-map.tpl.html
@@ -0,0 +1,102 @@
+<div ng-controller="moonMetaRulesMapController as map" class="modal" tabindex="-1" data-role="MapMetaRules">
+
+    <div class="modal-dialog">
+
+        <div class="modal-content">
+
+            <div class="modal-header">
+
+                <button type="button" class="close" ng-click="$hide()">&times;</button>
+                <h4 class="modal-title" data-translate="moon.model.metarules.map.title"></h4>
+
+            </div>
+
+            <div class="modal-body">
+
+                <div class="row">
+
+                    <div class="col-sm-3">
+
+                        <button class="btn btn-primary" style="white-space: normal;" ng-click="map.addMetaRuleToList = !map.addMetaRuleToList">
+
+                            <span ng-if="!map.addMetaRuleToList" data-translate="moon.model.metarules.map.action.new">Add a new Meta Rule</span>
+                            <span ng-if="map.addMetaRuleToList" data-translate="moon.model.metarules.map.action.list">List of Meta Rules</span>
+
+                        </button>
+
+                    </div>
+
+                    <div class="col-sm-9">
+
+                        <form  class="form-horizontal" role="form" name="map.form">
+
+                            <div class="form-group" ng-if="!map.addMetaRuleToList">
+
+                                <label class="col-sm-3 control-label" data-translate="moon.model.metarules.map.form.list">List of Meta Rule</label>
+
+                                <div class="col-sm-9">
+
+                                    <ui-select ng-model="map.selectedMetaRule" name="object">
+
+                                        <ui-select-match placeholder="(None)" ng-bind="$select.selected.name"></ui-select-match>
+                                        <ui-select-choices repeat="ametaRule in map.metaRules">
+                                            <div ng-value="ametaRule" ng-bind="ametaRule.name"></div>
+                                        </ui-select-choices>
+
+                                    </ui-select>
+
+                                </div>
+
+                            </div>
+
+                            <div class="form-group" ng-if="!map.addMetaRuleToList">
+
+                                <moon-loader ng-if="map.metaRulesLoading || map.mappingLoading" ></moon-loader>
+
+                                <div class="col-sm-5">
+                                    <a href="" ng-disabled="map.metaRulesLoading || map.mappingLoading || !map.selectedMetaRule" ng-click="map.deleteMetaRule()" class="btn btn-warning" style="white-space: normal;">
+                                        <span class="glyphicon glyphicon-trash"></span>
+                                        <span data-translate="moon.model.metarules.map.action.delete">Delete the selected Meta Rule</span>
+                                    </a>
+                                </div>
+
+                                <div class="col-sm-5 col-sm-offset-2">
+                                    <a href="" ng-disabled="map.metaRulesLoading || map.mappingLoading || !map.selectedMetaRule" ng-click="map.mapToModel()" class="btn btn-warning" style="white-space: normal;">
+                                        <span class="glyphicon glyphicon-link"></span>
+                                        <span data-translate="moon.model.metarules.map.action.add">Add the selected Meta Rule</span>
+                                    </a>
+                                </div>
+
+                            </div>
+
+                            <div class="form-group" ng-if="map.addMetaRuleToList">
+
+                                <moon-meta-rules-add></moon-meta-rules-add>
+
+                            </div>
+
+                        </form>
+
+                    </div>
+
+                </div>
+
+            </div>
+
+            <div class="modal-footer">
+
+                <div class="btn-toolbar" style="float: right;">
+
+                    <a href="" ng-click="$hide()" class="btn btn-default">
+                        <span data-translate="moon.model.metarules.add.action.cancel">Cancel</span>
+                    </a>
+
+                </div>
+
+            </div>
+
+        </div>
+
+    </div>
+
+</div>