Hi,
Here is a code which loads items created in Paper UI and similarly I want to load the rules created in rules editor in PaperUI can any1 please guide me through it.
<div class="form-group" ng-class="{error: _form.item.$error && _form.submitted}">
<label class="control-label col-lg-3 col-md-3">openHAB Item</label>
<div class="col-lg-9 col-md-9">
<item-picker ng-model="form.item" ></item-picker></div></div><br></br>

The below code which I tried making use of to load the rules created in rules editor which is currently not working. Can anyone suggest where I am going wrong.
<div class="clickable" ng-repeat="rule in data.rules | orderBy:'uid'" ng-click="configure(rule, $event)">
<div class="rule fab-item text-left">
<div class="circle">{{rule.name.substring(0,1)}}</div>
<div class="item-content">
<div flex="60">
<h3>
{{rule.name}} <small class="badge" ng-class="rule.status.status.toLowerCase()">{{rule.status.status}}</small>
</h3>
<p ng-bind-html="rule.description"></p>
<p>{{rule.uid}}</p>
</div>
<div class="actions" flex="40">
<i class="material-icons" aria-label="Run rule" ng-click="runRule(rule.uid,$event)">play_arrow</i>
<i class="material-icons" aria-label="Toggle Enable" ng-click="toggleEnabled(rule, $event)">{{rule.enabled ? "alarm_on" : "alarm_off"}}</i>
<i class="material-icons" aria-label="Remove" ng-click="remove(rule, $event)">delete</i>
</div>
</div>
<hr class="border-line" ng-show="!$last" />
</div>
</div>