feat: Handle restrict pr

app/components/pipeline/event/card/component.js

@@ -51,6 +51,8 @@ export default class PipelineEventCardComponent extends Component {
 
   @tracked showEventHistoryModal;
 
+  @tracked showStartEventModal;
+
   queueName;
 
   userSettings;
@@ -296,6 +298,13 @@ export default class PipelineEventCardComponent extends Component {
     return `View event history for ${groupId}`;
   }
 
+  get isRestrictPR() {
+    const prRestriction =
+      this.args.pipeline.annotations?.['screwdriver.cd/restrictPR'];
+
+    return prRestriction ? prRestriction !== 'none' : false;
+  }
+
   @action
   openParametersModal() {
     this.showParametersModal = true;
@@ -325,4 +334,14 @@ export default class PipelineEventCardComponent extends Component {
   closeEventHistoryModal() {
     this.showEventHistoryModal = false;
   }
+
+  @action
+  openStartEventModal() {
+    this.showStartEventModal = true;
+  }
+
+  @action
+  closeStartEventModal() {
+    this.showStartEventModal = false;
+  }
 }

app/components/pipeline/event/card/styles.scss

@@ -83,7 +83,8 @@
         }
       }
 
-      .abort-event-button {
+      .abort-event-button,
+      .start-event-button {
         margin-left: auto;
         background-color: colors.$sd-white;
       }

app/components/pipeline/event/card/template.hbs

@@ -56,6 +56,31 @@
           {{/if}}
         </BsButton>
       {{/if}}
+    {{else}}
+      {{#if (and this.isPR this.isRestrictPR)}}
+        <BsButton
+          class="start-event-button"
+          @type="primary"
+          @outline={{true}}
+          @onClick={{fn this.openStartEventModal}}
+          title="Start PR event"
+        >
+          <FaIcon
+            @icon="play-circle"
+            @fixedWidth="true"
+            @prefix="far"
+          />
+          {{#if this.showStartEventModal}}
+            <Pipeline::Modal::StartEvent
+              @pipeline={{@pipeline}}
+              @jobs={{@jobs}}
+              @event={{@event}}
+              @isRestrictPR={{true}}
+              @closeModal={{this.closeStartEventModal}}
+            />
+          {{/if}}
+        </BsButton>
+      {{/if}}
     {{/if}}
   </div>
 

app/components/pipeline/modal/start-event/component.js

@@ -56,34 +56,39 @@ export default class PipelineModalStartEventComponent extends Component {
   async startBuild() {
     this.isAwaitingResponse = true;
 
+    const { isRestrictPR } = this.args;
+    const prNum = isRestrictPR ? this.args.event.prNum : null;
+    const event = isRestrictPR ? this.args.event : null;
+
     const data = buildPostBody(
       this.session.data.authenticated.username,
       this.args.pipeline.id,
       null,
-      null,
+      event,
       this.parameters,
       false,
-      null
+      null,
+      prNum
     );
 
     await this.shuttle
       .fetchFromApi('post', '/events', data)
-      .then(event => {
+      .then(newEvent => {
         this.args.closeModal();
 
         if (this.router.currentRouteName === 'v2.pipeline.events.show') {
           this.router.transitionTo('v2.pipeline.events.show', {
-            event,
+            newEvent,
             reloadEventRail: true,
-            id: event.id
+            id: newEvent.id
           });
         } else if (this.router.currentRouteName === 'v2.pipeline.pulls.show') {
           this.router.transitionTo('v2.pipeline.pulls.show', {
-            event,
+            newEvent,
             reloadEventRail: true,
-            id: event.prNum,
-            pull_request_number: event.prNum,
-            sha: event.sha
+            id: newEvent.prNum,
+            pull_request_number: newEvent.prNum,
+            sha: newEvent.sha
           });
         }
       })

app/utils/pipeline/modal/request.js

@@ -7,6 +7,7 @@
  * @param parameters
  * @param isFrozen
  * @param reason
+ * @param prNum
  * @returns {{causeMessage: string, pipelineId}}
  */
 export function buildPostBody( // eslint-disable-line import/prefer-default-export
@@ -16,17 +17,25 @@ export function buildPostBody( // eslint-disable-line import/prefer-default-expo
   event,
   parameters,
   isFrozen,
-  reason
+  reason,
+  prNum
 ) {
   const data = {
     pipelineId,
     causeMessage: `Manually started by ${username}`
   };
 
-  if (event && job) {
-    data.startFrom = job.name;
+  if (event) {
     data.groupEventId = event.groupEventId;
     data.parentEventId = event.id;
+
+    if (job) {
+      data.startFrom = job.name;
+    }
+    if (prNum) {
+      data.startFrom = '~pr';
+      data.prNum = prNum;
+    }
   } else {
     data.startFrom = '~commit';
   }

tests/unit/utils/pipeline/modal/request-test.js

@@ -24,6 +24,29 @@ module('Unit | Utility | pipeline/modal/request', function () {
     );
   });
 
+  test('buildPostBody sets correct values for new PR event', function (assert) {
+    assert.deepEqual(
+      buildPostBody(
+        'foobar',
+        123,
+        null,
+        { id: 9, groupEventId: 2 },
+        null,
+        false,
+        null,
+        5
+      ),
+      {
+        pipelineId: 123,
+        causeMessage: 'Manually started by foobar',
+        startFrom: '~pr',
+        groupEventId: 2,
+        parentEventId: 9,
+        prNum: 5
+      }
+    );
+  });
+
   test('buildPostBody sets correct values for new event starting from job', function (assert) {
     assert.deepEqual(
       buildPostBody(