Add new menu item to Admin UI controller problem


#1

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
})


#2

Hi.

Did you include the controller .js file in the index.html?

Regards,

Yvo


#3

hi @yvo,
yes i added. but i think i have too add rest service ?


#4

Hi.

Yes. I presume that you have some backend logic that you want to execute.
What are you trying to do exactly?

Yvo


#5

i am trying add new page Worker Definitions(crud) on Admin ui


#6

I understand.
But I need more info in order to help out.
Could you be more specific about what isn’t working?

Yvo


#7

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)


#8

Is the code on GitHub so that I can take a look?


#9

sorry @yvo, i couldnt answer. i didnt commit yet to my Git Repo. just on my local


#10

i am looking your service, like FormDeploymentClientResource. i copied new Class RobustaDefinitionClientResource


#11

@yvo and here is the my html

{{workerDefinition.name || workerDefinition.id}}

			<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">&laquo; {{'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}} &raquo;</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>

#12

@yvo,
after, page like this. I can not click my new module (Robusta Definitions) and can not show sub menu


#13

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.


#14

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


#15

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

Content_Items_Project


#16

access to repo is denied


#17

pls can you check here