scottyaslan commented on code in PR #9548:
URL: https://github.com/apache/nifi/pull/9548#discussion_r1874036386


##########
nifi-frontend/src/main/frontend/apps/nifi/src/app/pages/flow-designer/ui/canvas/items/processor/edit-processor/edit-processor.component.html:
##########
@@ -15,19 +15,89 @@
   ~ limitations under the License.
   -->
 
-<h2 mat-dialog-title>
-    <div class="flex justify-between items-baseline">
-        <div>
-            {{ readonly ? 'Processor Details' : 'Edit Processor' }}
+<h2 id="edit-processor-header" mat-dialog-title>
+    <div class="flex justify-between items-center">
+        <div class="flex items-baseline">
+            <div class="mr-2">
+                {{ readonly ? 'Processor Details' : 'Edit Processor' }}
+            </div>
+            |
+            <div class="ml-2 text-base">
+                {{ formatType() }}
+            </div>
         </div>
-        <div class="text-base">
-            {{ formatType(request.entity) }}
+        <div class="flex">
+            <div>
+                @if (isStoppable()) {
+                    <button type="button" mat-stroked-button 
[matMenuTriggerFor]="operateMenu">
+                        <div class="flex items-center">
+                            <i class="mr-2 success-color-default fa 
fa-play"></i>Running<i
+                                class="ml-2 -mt-1 fa fa-sort-desc"></i>
+                        </div>
+                    </button>
+                } @else if (isRunnable()) {
+                    <button type="button" mat-stroked-button 
[matMenuTriggerFor]="operateMenu">
+                        <div class="flex items-center">
+                            <i class="mr-2 error-color-variant fa 
fa-stop"></i>Stopped<i
+                                class="ml-2 -mt-1 fa fa-sort-desc"></i>
+                        </div>
+                    </button>
+                } @else {
+                    <button type="button" mat-stroked-button 
[matMenuTriggerFor]="operateMenu">
+                        <div class="flex items-center">
+                            @if (isInvalid()) {
+                                <i class="mr-2 fa fa-warning 
caution-color"></i>
+                            } @else if (isDisabled()) {
+                                <i class="mr-2 icon icon-enable-false"></i>
+                            } @else {
+                                <i class="mr-2 fa fa-circle-o-notch fa-spin 
primary-color"></i>
+                            }
+                            {{ formatRunStatus() }}
+                        </div>
+                    </button>
+                }
+                <mat-menu #operateMenu="matMenu" xPosition="before">

Review Comment:
   We can disable this button when the run status is stopping and prevent the 
empty menu from displaying.



-- 
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.

To unsubscribe, e-mail: [email protected]

For queries about this service, please contact Infrastructure at:
[email protected]

Reply via email to