UI for rules list

client/components/rules/rules.jade

@@ -0,0 +1,27 @@
+template(name="rules")
+  .rules
+    h2
+      i.fa.fa-cutlery
+      | Project rules
+
+    ul.rules-lists
+      each triggers
+        li.rules-lists-item
+          p 
+            = toId
+          div.rules-btns-group
+            button
+              i.fa.fa-eye
+              | View rule
+            button
+              i.fa.fa-trash-o
+              | Delete rule
+      else
+        li.no-items-message No rules
+    div.rules-add
+      button
+        i.fa.fa-plus
+        | Add rule
+      input(type=text)
+
+

client/components/rules/rules.js

@@ -0,0 +1,25 @@
+
+BlazeComponent.extendComponent({
+  onCreated() {
+    this.subscribe('allTriggers');
+  },
+
+  triggers() {
+    return Triggers.find({});
+  },
+  events() {
+    return [{'click .js-add-trigger'(event) {
+
+          event.preventDefault();
+          const toName = this.find('#toName').value;
+          const fromName = this.find('#fromName').value;
+          const toId = Triggers.findOne().findList(toName)._id;
+          const fromId = Triggers.findOne().findList(fromName)._id;
+          console.log(toId);
+          console.log(fromId);
+          Triggers.insert({group: "cards", activityType: "moveCard","fromId":fromId,"toId":toId });
+
+          
+      },}];
+  },
+}).register('rules');

client/components/rules/rules.styl

@@ -0,0 +1,34 @@
+.rules-list
+  overflow-y: scroll
+.rules-lists-item
+  display: block
+  position: relative
+  overflow: auto
+  p
+  	display: inline-block
+  	float: left
+  	margin: revert
+
+.rules-btns-group
+  position: absolute
+  right: 0
+  top: 50%
+  transform: translateY(-50%)
+  button
+  	margin: auto
+.rules-add
+  display: block
+  overflow: auto
+  margin-top: 25px
+  margin-bottom: 5px
+  input
+  	display: inline-block
+  	float: right
+  	margin: auto
+  	margin-right: 10px
+  button
+  	display: inline-block
+  	float: right
+  	margin: auto
+
+