How to hide Widget buttons in Service Portal for RITM

sattar3
Tera Contributor

‎03-28-2024 09:42 PM

Hello All,

 

I created a Custom Widget and added in Standard Ticket configurations of Action widget.

Now its showing like this- We need to show buttons based on state.

sattar3_0-1711686223679.png

If i click on Cancel-Then the state of the RITM goes to Closed Incomplete and If i click on Reopen then it moves to open state.

But we want to hide the buttons- If State is Open then only need to show Cancel button

if State is Closed-Incomplete then only need to show the Reopen Button.

If the state is not one of Open or Closed incomplete we don't need to show the actions.

 

Widget details:

HTML Body:

<div class="panel panel-default">
<div class="panel-heading">Actions</div>
<div class="panel-body">
<button type="button" class="btn btn-default btn-block" name="cancel" ng-click="c.uiAction('reopen')">Reopen</button>
<button type="button" class="btn btn-default btn-block" name="reopen" ng-click="c.uiAction('cancel')">Cancel</button>
</div>
</div>

 

Server Side Script:

(function() {
    // Get table & sys_id
    data.table = input.table || $sp.getParameter("table");
    data.sys_id = input.sys_id || $sp.getParameter("sys_id");
   
    // Valid GlideRecord
    gr = new GlideRecord(data.table);
    if (!gr.isValid())
        return;
    // Valid sys_id
    if (!gr.get(data.sys_id))
        return;
    if (input && input.action) {
        var action = input.action;
        // If RITM table
        var ritm_state = gr.getValue('state');
        if (data.table == "sc_req_item") {
   
        // Check if RITM is in Closed InComplete state
        if (ritm_state == 4 && data.table == "sc_req_item") {

            if (action == 'reopen') {
                // Reopen RITM
                gr.setValue('state', 1);
                gr.setValue('stage', 'fulfillment');
               // gr.setValue('request.opened_by', gs.getUserID());
            gr.comments = "Requested Item Reopened by " + gs.getUserDisplayName();
                gr.update();
            }
        }
        if (ritm_state == 1 && data.table == "sc_req_item") {
           
            if (action == 'cancel') {
                gr.setValue('state', 4);
                gr.setValue('approval', 'withdrawn');
                gr.setValue('stage', 'Request Cancelled');
                gr.comments = "Requested Item cancelled by " + gs.getUserDisplayName() + " via Service Portal";
                gr.update();
            }
        }
        }
    }
})();                    
 
Client Controller Script:
function() {
  var c = this;
 c.uiAction = function(action) {
 c.data.action = action;
 c.server.update().then(function() {
 c.data.action = undefined;
 })
 }
}                                                                                                                                                                                                       Please help me on this.
 
Thanks,
Sattar                                   
0 Helpfuls
  • 348 Views
1 REPLY 1

Deepak Shaerma
Kilo Sage

‎03-28-2024 10:00 PM

Hi @sattar3 
As we previously discussed for your requirement you will generally use AngularJS expressions directly within your widget’s HTML template. Your logic will check the current state of the ticket and display buttons accordingly.
Given the conditions you’ve outlined:
- Display the “Cancel” button if the state is “Open”.
- Display the “Reopen” button if the state is “Closed-Incomplete”.
- Do not display any buttons for other states.

<div>
    <!-- Cancel Button: Only shown if state is 'Open' -->
    <button ng-if="data.state == 'open'" ng-click="c.cancel()">Cancel</button>

    <!-- Reopen Button: Only shown if state is 'Closed-Incomplete' -->
    <button ng-if="data.state == 'closed_incomplete'" ng-click="c.reopen()">Reopen</button>
</div>

2. Server Side Script

(function() {
    // Assuming ‘current’ is your RITM or ticket GlideRecord
    // You might need to adjust this logic depending on 
    // how you’re fetching or receiving the record
    data.state = current.getValue('state');

    // Optionally, include translations for states or other logic as needed
})();

3. Client Side Controller

(function() {
    /* widget controller */
    var c = this;

    c.cancel = function() {
        // Logic to transition state to ‘Closed-Incomplete’ 
        // and maybe refresh the widget or redirect
    };

    c.reopen = function() {
        // Logic to transition state to ‘Open’
        // and similarly refresh or redirect
    };
})();



Note: Please Mark this Helpful and Accepted Solution. If this Helps you to understand. This will help both the community and me..
- Keep Learning ‌‌
Thanks & Regards 
Deepak Sharma 



0 Helpfuls