hello,
I am trying add new item to main menu bar on Flowable-Admin-UI, like Worker-Definitions.
create; worker-definition-controller.js and define in app.js. But like this, my controller not working. I have to define where more ? added, en.json, create worker-definition.html
.when(’/worker-definitions’, {
templateUrl: ‘views/worker-definitions.html’,
*controller: 'WorkerDefinitionController',*
reloadOnSearch: true
})
Hi.
Did you include the controller .js file in the index.html?
Regards,
Yvo
Hi.
Yes. I presume that you have some backend logic that you want to execute.
What are you trying to do exactly?
Yvo
i am trying add new page Worker Definitions(crud) on Admin ui
I understand.
But I need more info in order to help out.
Could you be more specific about what isn’t working?
Yvo
first of all, my new page will do like a CRUD service, is Admin UI page normal for this ? I saw just list service on Admin UI. you can see the problem on the picture. Robusta definitions can not open Sub-menu and, dont bring right variable (example : formDeployment.name)
Is the code on GitHub so that I can take a look?
i am looking your service, like FormDeploymentClientResource. i copied new Class RobustaDefinitionClientResource
@yvo and here is the my html
<div class="list-wrapper" auto-height>
<div style="padding: 0 15px 15px 15px;">
<h4>{{'GENERAL.WORKER-DEFINITION.NAME-SEARCH' | translate}}</h4>
<div class="input-group">
<span class="input-group-addon">
<i class="glyphicon glyphicon-search"></i>
</span>
<input type="text" ng-model="model.pendingFilterText" class="form-control" ng-change="refreshDelayed()">
</div>
</div>
</div>
<div class="main-content" ng-show="!model.loadingTenant">
<div class="header">
<div class="pull-right">
<div class="btn-group">
<button type="button" class="btn btn-default" ng-disabled="model.selectedWorkerCount == 0">{{'GENERAL.WORKER-DEFINITION.ACTIONS' | translate}}</button>
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" ng-disabled="model.selectedWorkerCount == 0">
<span class="caret"></span>
</button>
<ul class="dropdown-menu" role="menu">
<li ng-click="editWorkerDetails()" ng-if="model.selectedUserCount == 1"><a href="">{{'IDM.USER-MGMT.EDIT-USER' | translate}}</a></li>
<li ng-click="deleteWorkers()"><a href="">{{'GENERAL.WORKER-DEFINITION.DELETE-WORKERS' | translate}}</a></li>
</ul>
</div>
</div>
<div>
<h2>{{'GENERAL.WORKER-DEFINITION.TITLE' | translate}}</h2>
</div>
</div>
<div class="content" auto-height offset="6">
<div style="margin-top: 10px;">
<div class="dropdown-subtle pull-right">
<div class="btn-group btn-group-sm" style="margin-bottom: 5px;">
<button type="button" class="btn btn-default dropdown-toggle"
data-toggle="dropdown">{{'GENERAL.WORKER-DEFINITION.ORDER-BY' | translate}} {{model.activeSort.name}} <i class="caret"></i></button>
<ul class="dropdown-menu pull-right">
<li ng-repeat="sort in model.sorts">
<a ng-click="activateSort(sort)">{{sort.name}}</a>
</li>
</ul>
</div>
</div>
<div class="message clearfix">
<div ng-if="!model.loading">
<span ng-if="model.workers && model.workers.data.length > 0">
{{'GENERAL.WORKER-DEFINITION.MATCHING-WORKERS' | translate:model.workers}}
<a ng-click="showPreviousWorkers()" ng-show="model.workers.start > 0">« {{'GENERAL.WORKER-DEFINITION.SHOW-PREVIOUS' | translate}} {{model.workers.size}}</a>
<span ng-show="model.workers.start > 0 && model.workers.moreWorkers">|</span>
<a ng-click="showNextWorkers()" ng-show="model.workers.moreWorkers">{{'GENERAL.WORKER-DEFINITION.SHOW-NEXT' | translate}} {{model.workers.size}} »</a>
</span>
<span ng-if="!model.workers || model.workers.total == 0">{{'GENERAL.WORKER-DEFINITION.NO-MATCHING-WORKERS' | translate}}</span>
</div>
<table width="100%" class="workers" ng-if="model.workers && model.workers.data.length > 0">
<tr>
<th width="4%"></th>
<th width="20%">{{'GENERAL.WORKER-DEFINITION.ID' | translate}}</th>
<th width="30%">{{'GENERAL.WORKER-DEFINITION.IP-HOST-NAME' | translate}}</th>
<th width="30%">{{'GENERAL.WORKER-DEFINITION.NAME' | translate}}</th>
</tr>
<tr ng-repeat="worker in model.workers.data" ng-click="toggleWorkerSelection(worker)" ng-class="{'selected': model.selectedWorkers[worker.id]}">
<td class="control"><input type="checkbox" ng-checked="model.selectedWorkers[worker.id]"></td>
<td>{{worker.id}}</td>
<td>{{worker.ipHostName}}</td>
<td>{{worker.name}}</td>
</tr>
</table>
</div>
</div>
</div>
</div>
@yvo,
after, page like this. I can not click my new module (Robusta Definitions) and can not show sub menu
Hi. This looks like a AngularJS / Java general development issue.
Not really a Flowable specific issue.
I’m willing to have a look when all code is public available somewhere.
But like this it’s not really possible.
thank you Yvo,
here is the my source code what i chance for new page on Admin UI, https://bitbucket.org/RobustaCA/robustaflowablebpmstudio/commits/079b11f8b32491d1be3b441b94c87711cebc27c4
If you can help me, I would be grateful to you
Hi @yvo , how are you?
when i look Flowable-Engine project, i can see many package. for example, For ADMIN UI, Process, CMMN,APP,Form,DMN. and i want to add 1 more link name is Robusta Worker. I have to add all of package like already have modules ?
first picture, UI side. you can see my link Robusta Definitions. you can see, i click Robusta Definitions, bring page but not working and not highlight. my sub menü not coming.
second picture, about source code. For example, for Content Items, has a lot of project. Do i have to create my project like this (Robusta Definitions)?
XXX-api
XXX-engine
XXX-engine-configuration
…
My aim, i want to add worker on my Robusta Definitions --> Worker Definitions. Worker means ROBOT. i gonna define my ROBOT information here.
is ADMIN-UI best place for this job ? or i have to create my project on another UI?
I hope i can explain clearly.
Thank YOU
access to repo is denied
pls can you check here