From the sourcecode of habpanel, each widget is calling getItems() function to load items as below.
WidgetSettingsCtrlLabel.$inject = [’$scope’, ‘$timeout’, ‘$rootScope’, ‘$uibModalInstance’, ‘widget’, ‘OHService’];
function WidgetSettingsCtrlLabel($scope, $timeout, $rootScope, $modalInstance, widget, OHService) {
$scope.widget = widget;
$scope.items = OHService.getItems();
$scope.form = {
name: widget.name,
sizeX: widget.sizeX,
sizeY: widget.sizeY,
col: widget.col,
row: widget.row,
background: widget.background,
foreground: widget.foreground,
font_size: widget.font_size
};
@Meghana_N , you need to add code as in reloadItems function (registed in openhab.service.js file) (internally calls loadItems) which is called while dashboard display as below.
1 Like
You can see Custom widget setting for item-picker.
<item-picker ng-switch-when="item" ng-model="form.config[setting.id]"></item-picker>
<!-- custom widget settings -->
<div ng-if="widget.customwidget || widget.preview">
<hr />
<div class="form-group" ng-repeat="setting in widgetsettings">
<label ng-if="setting.type !== 'heading'" class="control-label col-lg-3 col-md-3">{{setting.label || setting.id}}</label>
<div class="col-lg-9 col-md-9" ng-switch="setting.type">
<h4 ng-if="setting.type === 'heading'">{{setting.label}}</h4>
<input ng-switch-when="string" type="text" ng-model="form.config[setting.id]" class="form-control">
<input ng-switch-when="number" type="number" ng-model="form.config[setting.id]" class="form-control" step="any" style="width: 120px">
<div ng-switch-when="checkbox" style="padding-top: 7px"><input type="checkbox" ng-model="form.config[setting.id]"> {{setting.description}}</div>
<item-picker ng-switch-when="item" ng-model="form.config[setting.id]"></item-picker>
<select ng-switch-when="choice" ng-options="choice for choice in setting.choices.split(',')" ng-model="form.config[setting.id]" class="form-control"></select>
<icon-picker ng-switch-when="icon" iconset="form.config[setting.id + '_iconset']" icon="form.config[setting.id]"></icon-picker>
<div ng-switch-when="color" dab-model="form.config[setting.id]" web-colorpicker dab-width="20" dab-height="20" dab-radius="50" dab-vertical="4" dab-rotate="0" show-grayscale="true"></div>
<div ng-if="setting.type !== 'checkbox'"><small>{{setting.description}}</small></div>
</div>
</div>
</div>
</div>
<div class="modal-footer">
<a ng-click="remove()" ng-if="!widget.preview" class="btn btn-danger pull-left" tabindex="-1"><i class="glyphicon glyphicon-trash"></i> Delete</a>
