Added registration button back

- cleaned up sidebar a bit

#6840

Author: davidwatkins73

waltz-ng/client/data-flow/components/data-flow-section/data-flow-section.html

@@ -82,13 +82,13 @@
 
         <!-- Edit Physical Split button -->
         <div style="display: inline-block"
-             ng-if="$ctrl.canEdit && $ctrl.activeTab.id === 'PHYSICAL' && !$ctrl.isAnyEditorVisible()">
+             ng-if="$ctrl.canEdit && $ctrl.activeTab.id === 'FLOW_DETAIL' && !$ctrl.isAnyEditorVisible()">
             <div class="btn-group"
                  uib-dropdown>
 
                 <a class="btn btn-xs btn-primary"
                    ui-sref="main.physical-flow.registration ($ctrl.parentEntityRef)">
-                    Edit
+                    Register Physical Flow
                 </a>
                 <button type="button"
                         waltz-has-role="BULK_FLOW_EDITOR"

waltz-ng/client/data-flow/components/logical-flow-view-grid/logical-flow-view-grid.html

@@ -256,24 +256,35 @@ <h4 style="padding-top: 2em">
 
         <div class="waltz-sticky-part">
             <h4>
-                <a href="{{$ctrl.logicalFlowUrl}}">
                 <span>
                     Logical Flow
                     <waltz-icon name="{{$ctrl.selectedFlow.source.kind | toIconName:'entity' }}"></waltz-icon>
                     <waltz-icon name="arrow-right"></waltz-icon>
                     <waltz-icon name="{{$ctrl.selectedFlow.target.kind | toIconName:'entity'}}"></waltz-icon>
                 </span>
-                </a>
                 <button class="btn btn-skinny btn-xs"
                         ng-click="$ctrl.onClearSelect()">
+                    <waltz-icon name="times"></waltz-icon>
                     Clear
                 </button>
             </h4>
 
             <table class="table table-condensed small">
                 <tbody>
                 <tr>
-                    <td style="width: 20%">Source</td>
+                    <td style="width: 20%">Name</td>
+                    <td>
+                        <waltz-entity-link tooltip-placement="below"
+                                           entity-ref="{
+                                                kind: 'LOGICAL_DATA_FLOW',
+                                                id: $ctrl.selectedFlow.id,
+                                                name: 'Logical Flow'
+                                            }">
+                        </waltz-entity-link>
+                    </td>
+                </tr>
+                <tr>
+                    <td>Source</td>
                     <td><waltz-entity-link entity-ref="$ctrl.selectedFlow.source" is-secondary-link="true"></waltz-entity-link></td>
                 </tr>
                 <tr>
@@ -336,29 +347,38 @@ <h4>
          ng-if="$ctrl.selectedPhysicalFlow">
         <div class="waltz-sticky-part">
             <h4>
-                <a href="{{$ctrl.physicalFlowUrl}}">
                 <span>
                     Physical Flow
                     <waltz-icon name="{{$ctrl.selectedPhysicalFlow.source.kind | toIconName:'entity' }}"></waltz-icon>
                     <waltz-icon name="arrow-right"></waltz-icon>
                     <waltz-icon name="{{$ctrl.selectedPhysicalFlow.target.kind | toIconName:'entity'}}"></waltz-icon>
                 </span>
-                </a>
                 <button class="btn btn-skinny btn-xs"
                         ng-click="$ctrl.onClearSelect()">
+                    <waltz-icon name="times"></waltz-icon>
                     Clear
                 </button>
             </h4>
 
-            <div class="help-block"
-                 ng-if="$ctrl.selectedPhysicalFlow.description">
-                <span ng-bind="$ctrl.selectedPhysicalFlow.description"></span>
-            </div>
 
             <table class="table table-condensed small">
                 <tbody>
                 <tr>
-                    <td style="width: 20%">Source</td>
+                    <td style="width: 20%">Name</td>
+                    <td>
+                        <waltz-entity-link popover-delay="1000"
+                                           tooltip-placement="bottom"
+                                           entity-ref="{
+                                                kind: 'PHYSICAL_FLOW',
+                                                id: $ctrl.selectedPhysicalFlow.id,
+                                                name: $ctrl.selectedPhysicalFlow.name || $ctrl.selectedPhysicalFlow.physicalSpecification.name || 'unnamed'
+                                            }">
+                        </waltz-entity-link>
+                    </td>
+
+                </tr>
+                <tr>
+                    <td>Source</td>
                     <td><waltz-entity-link entity-ref="$ctrl.selectedPhysicalFlow.source" is-secondary-link="true"></waltz-entity-link></td>
                 </tr>
                 <tr>
@@ -383,6 +403,12 @@ <h4>
                         </waltz-enum-value>
                     </td>
                 </tr>
+                <tr ng-if="$ctrl.selectedPhysicalFlow.description">
+                    <td>Description</td>
+                    <td>
+                        <span ng-bind="$ctrl.selectedPhysicalFlow.description"></span>
+                    </td>
+                </tr>
                 </tbody>
             </table>
 
@@ -423,6 +449,7 @@ <h4>
     .flow-detail-panel {
         width: 30%;
         padding-left: 1em;
+        word-wrap: anywhere;
     }
 
 </style>