How to make additional comments mandatory on Employee Center when reopen button is clicked?

[JordyZ]

Hi,

In the Employee Center, is it possible to make additional comments mandatory when the user wants to reopen the incident once it's already been resolved?

So when the "reopen" button is clicked, a message should pop up saying the comments need to be filled in (and have the comments mandatory as well).

How do I go about doing this?

Thanks in advance.

[Sails]

Hi @JordyZ , In my implementation, I have added a popup [modaltemplate] that opens a pop up after clicking the reopen button, I suggest you to disable the reopen button that you've added & include mine

Below is the angular-template [modalTemplateReopen] you can amend to the sp_widget

<div class="panel panel-default">
<div class="modal-header" class="panel-heading">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true" ng-click="$dismiss()">&times;</button>
  <h4 class="panel-title">Please provide a reason for reopening:</h4>
</div>
  <div class="panel-body wrapper-md">
    <form name="modalTemplateReopen" ng-submit="c.Reopen('reopen')">
      <div class="form-group">
     		<textarea required sp-autosize="true" ng-required="true" ng-model="data.reopenComments" 
                      id="reopenComments" placeholder="Comments are required to reopen." 
                      class="form-control ng-pristine ng-valid ng-scope ng-empty ng-touched" 
                      aria-invalid="false" 
                      style="overflow: hidden; word-wrap: break-word; resize: vertical;"></textarea>
      </div>
      	<div class="text-right">
            <button type="button" class="btn btn-default" style="margin-right: 15px;" data-dismiss="modal" 
                    ng-click="$dismiss()">Cancel</button>
      	    <button type="submit" class="btn btn-primary">Submit</button>
      	</div>
    </form>
  </div>
</div>

After this, update your client controller as below

 c.Reopen = function(action) {
        c.data.action = action;
        c.server.update().then(function() {
            $scope.data.action = undefined;
            spUtil.addInfoMessage("Incident has been reopened", 3000);

        });

    };

    $scope.reopenIncident = function() {
        c.data.action = 'reopenIncident';
        c.modalInstance = $uibModal.open({
            templateUrl: 'modalTemplateReopen',
            scope: $scope
        });
        c.server.update(init);

    };

Output:

[JordyZ]

Hi @Sails , apologies for questions as I'm fairly new to ServiceNow.

I've created the angular template you've provided. How do I amend it to the sp_widget?

How do I disable the reopen button I've added, do you mean removing this in the HTML?

 <li>
        <a ng-if="data.canReopen" href="javascript&colon;void(0)" ng-click="$event.stopPropagation();reopenIncident()">Reopen</a>
      </li>

Last question; did I add the client controller in the right section?

Thanks.

[Sails]

No worries, Happy learning!
Under the related list of your widget, you will find the related list similar to this

Create new --> add new template with the HTML i shared

Yes, you added it right, comment line 7 and i hope it should work

[JordyZ]

Hi @Sails , thanks for your patience.

I've deleted this part of the body HTML template:

 <li>
        <a ng-if="data.canReopen" href="javascript&colon;void(0)" ng-click="$event.stopPropagation();reopenIncident()">Reopen</a>
      </li>

So now the body HTML template is back to how it was OOB (this has fixed the double reopen button)

I've also amended the angular template to the widget.

But somehow I don't get the popup. When I click on reopen incident, it just goes through without a comment.

Any idea what I did wrong?

Edit: in the server script I originally had 

if (input && input.action == 'reopenIncident' && input.reopenComments!='' && incidentGr.get(incidentSysId)) {

but changed the 'reopenIncident' (which is OOB) to just 'reopen', to match the script you've provided. However, now nothing happens when I click on the reopen button (it doesn't even go through anymore).

[Sails]

As i see you have renamed your template, make sure to change it in the client controller as well.

Line 21