OpenProject is the leading open source project management software.
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 
 
openproject/frontend/app/components/wp-relations/wp-relations-hierarchy-row/wp-relations-hierarchy-row....

61 lines
3.3 KiB

<div class="relation-row"
ng-class="$ctrl.relationClassName"
ng-mouseover="$ctrl.showRelationControls = true"
ng-mouseleave="$ctrl.showRelationControls = false">
<div class="grid-block v-align hierarchy-item"
ng-if="!$ctrl.showEditForm && $ctrl.relationReady">
<div class="grid-content medium-7 collapse" wp-single-relation>
<span ng-style="{'padding-left': $ctrl.indentBy + 'px'}"
class="wp-relations-hierarchy-subject">
<a ui-sref=".({ workPackageId: $ctrl.relatedWorkPackage.id})"
class="wp-relations--subject-field"
ng-if="!$ctrl.isCurrentElement()"
aria-label="{{ ($ctrl.isParent() ? $ctrl.text.parent : $ctrl.text.children) + ' ' + singleRelationCtrl.getFullIdentifier($ctrl.relatedWorkPackage) }}"
ng-attr-id="{{ $ctrl.isParent() ? 'hierarchy--parent' : ''}}">
{{ singleRelationCtrl.getFullIdentifier($ctrl.relatedWorkPackage) }}
</a>
<span ng-if="$ctrl.isCurrentElement()"
title="{{$singleRelation.getFullIdentifier($ctrl.relatedWorkPackage)}}">
{{ singleRelationCtrl.getFullIdentifier($ctrl.relatedWorkPackage) }}
</span>
</span>
</div>
<div class="grid-content medium-3 collapse wp-relations-status-field">
<div wp-edit-form="$ctrl.relatedWorkPackage" ng-if="$ctrl.relationReady">
<div wp-edit-field="'status'">
</div>
</div>
</div>
<div class="grid-content medium-2 collapse wp-relations-controls-section">
<accessible-by-keyboard ng-show="$ctrl.showRelationControls"
ng-if="$ctrl.canModifyHierarchy && $ctrl.isParent()"
aria-hidden="false"
execute="$ctrl.showEditForm = true"
link-class="wp-relation--edit"
class="-shown-in-accessibility-mode">
<icon-wrapper icon-name="edit"
icon-title="{{ ::$ctrl.text.change_parent }}">
</icon-wrapper>
</accessible-by-keyboard>
<accessible-by-keyboard ng-show="$ctrl.showRelationControls"
ng-if="$ctrl.canModifyHierarchy && $ctrl.relationType"
aria-hidden="false"
execute="$ctrl.removeRelation()"
link-class="wp-relation--remove"
class="-shown-in-accessibility-mode">
<icon-wrapper icon-name="remove"
icon-title="{{ $ctrl.isParent() ? $ctrl.text.remove_parent : $ctrl.text.remove_child }}">
</icon-wrapper>
</accessible-by-keyboard>
</div>
</div>
<div ng-if="$ctrl.isParent() && !$ctrl.relatedWorkPackage || $ctrl.showEditForm">
<wp-relations-create template="empty-parents"
fixed-relation-type="parent"
ng-if="$ctrl.canModifyHierarchy"
external-form-toggle="$ctrl.showEditForm"
work-package="$ctrl.workPackage"></wp-relations-create>
</div>
</div>