public/docs
1
0
Fork 0
mirror of https://github.com/sismics/docs.git synced 2025-12-13 01:36:18 +00:00
Code Issues Releases Wiki Activity

#159: workflow steps ui

Browse Source
This commit is contained in:
Benjamin Gamard
2018-01-27 23:41:57 +01:00
parent 5f9094c540
commit 8284169923
4 changed files with 68 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
docs-web/src/main/webapp/src/app/docs/controller/settings/SettingsWorkflowEdit.js
View File

@@ -18,6 +18,10 @@ angular.module('docs').controller('SettingsWorkflowEdit', function($scope, $dial
Restangular.one('routemodel', $stateParams.id).get().then(function (data) {
$scope.workflow = data;
});
} else {
$scope.workflow = {
steps: []
}
}
/**

57
docs-web/src/main/webapp/src/partial/docs/settings.workflow.edit.html
View File

@@ -8,7 +8,7 @@
<div class="form-group" ng-class="{ 'has-error': !editWorkflowForm.name.$valid && editWorkflowForm.$dirty, success: editWorkflowForm.name.$valid }">
<label class="col-sm-2 control-label" for="inputName">{{ 'settings.workflow.edit.name' | translate }}</label>
<div class="col-sm-7">
<input name="name" type="text" id="inputName" required ng-disabled="isEdit()" class="form-control"
<input name="name" type="text" id="inputName" required class="form-control"
ng-minlength="3" ng-maxlength="50" ng-attr-placeholder="{{ 'settings.workflow.edit.name' | translate }}" ng-model="workflow.name"/>
</div>
@@ -19,6 +19,61 @@
</div>
</div>
<div class="panel panel-default" ng-repeat="step in workflow.steps">
<div class="panel-body">
<div class="row" style="display: flex; align-items: center;">
<div class="col-xs-1 text-center" style="font-size: 200%;">
<div class="glyphicon glyphicon-move pointer" uib-tooltip="Drag and drop to rorder the step"></div>
</div>
<div class="col-xs-1 text-center" style="font-size: 200%">
<div>{{ $index + 1 }}</div>
<!--<div class="glyphicon glyphicon-ok-circle"></div>-->
<!--<div class="glyphicon glyphicon-transfer"></div>-->
</div>
<div class="col-xs-10">
<div class="row">
<div class="col-xs-6" style="margin-bottom: 10px">
<strong>
Step type
<span class="glyphicon glyphicon-info-sign"
uib-tooltip-html="'<strong>Approve:</strong> Review and continue the workflow<br/><strong>Validate:</strong> Accept or reject the review'"></span>
</strong>
</div>
<div class="col-xs-6">
<strong>Assigned to</strong>
</div>
</div>
<div class="row">
<div class="col-xs-6">
<select class="form-control" required>
<option value="APPROVE">Approve</option>
<option value="VALIDATE">Validate</option>
</select>
</div>
<div class="col-xs-6">
<input required ng-maxlength="50" class="form-control" type="text" id="inputTarget"
ng-attr-placeholder="{{ 'directive.acledit.search_user_group' | translate }}" name="target" ng-model="acl.target" autocomplete="off"
uib-typeahead="target as target.name for target in getTargetAclTypeahead($viewValue)"
typeahead-template-url="partial/docs/directive.typeahead.acl.html"
typeahead-wait-ms="200" />
</div>
</div>
<div class="row" style="margin-top: 10px">
<div class="col-xs-12">
<textarea type="text" class="form-control" required placeholder="Step name or description" />
</div>
</div>
</div>
</div>
</div>
</div>
<div class="form-group">
<div class="col-sm-offset-2 col-sm-10 btn-link pointer" ng-click="workflow.steps.push({})">
<span class="glyphicon glyphicon-plus-sign"></span> Add a workflow step
</div>
</div>
<div class="form-group">
<div class="col-sm-offset-2 col-sm-10">
<button type="submit" class="btn btn-primary" ng-click="edit()" ng-disabled="!editWorkflowForm.$valid">