Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revision Previous revision
myapps:agent-callback [2022/02/21 18:17] – [JS Code for createCallback] gerardorourkemyapps:agent-callback [2022/02/21 18:25] (current) – [XML Code for createCallback] gerardorourke
Line 694: Line 694:
             <body class="claro">             <body class="claro">
  
-                <div>+ <div class="container">
  
-                <div id="startSuppressSuccessMsg" class="alert alert-danger" style="display: none"> + <div id="errorMsg" class="alert alert-warning alert-dismissible fade show" role="alert" style="display: none"> 
-                    <strong>Call Recording Paused!&nbsp;</strong>Successfully PAUSED Call Recording. +   <div><strong><span id="errorMsgHeader"></span></strong></div> 
-                </div> +   <div><strong>Error Code:&nbsp;</strong><span id="errorMsgCode"></span></div> 
- +   <div><strong>Error Message:&nbsp;</strong><span id="errorMsgMessage"></span></div> 
-                <div id="stopSuppressSuccessMsg" class="alert alert-success" style="display: none"> +   <button type="button" class="close" data-hide="alert" aria-label="Close" onclick="$('#errorMsg').hide();gadgets.window.adjustHeight(800);"> 
-                    <strong>Call Recording Resumed!&nbsp;</strong>Successfully RESUMED Call Recording. + <span aria-hidden="true">&times;</span> 
-                </div> +   </button> 
- + </div>
-                <div id="successMsg" class="alert alert-success" style="display: none"> +
-                  <div> +
-                  <strong><span id="successMsgHeader"></span></strong> +
-                  <span id="successMsgMessage"></span> +
-                  </div> +
-                </div> +
- +
-                <div id="errorMsg" class="alert alert-warning alert-dismissible fade show" role="alert" style="display: none"> +
-                  <div><strong><span id="errorMsgHeader"></span></strong></div> +
-                  <div><strong>Error Code:&nbsp;</strong><span id="errorMsgCode"></span></div> +
-                  <div><strong>Error Message:&nbsp;</strong><span id="errorMsgMessage"></span></div> +
-                  <button type="button" class="close" data-hide="alert" aria-label="Close" onclick="$('#errorMsg').hide();gadgets.window.adjustHeight();"> +
-                    <span aria-hidden="true">&times;</span> +
-                  </button> +
-                </div> +
- +
-                <div>&nbsp;</div>+
   
- <div class="container"> + <div class="alert alert-primary" role="alert"> 
- + <strong>Agent Callback Number:</strong> 01 555 1234 
- + </div> 
- <form> + <form>
- +
  
- <div class="row"> + <div class="row"> 
- <div class="col"> + <div class="col"> 
- <label for="name">Name</label>+ <label for="name"><strong>Name</strong></label> 
 + </div> 
 + <div class="col"> 
 + <label for="description"><strong>Description</strong></label> 
 + </div>
  </div>  </div>
- <div class="col"> + <div class="row"> 
- <label for="description">Description</label>+ <div class="col"> 
 + <input type="text" class="form-control" id="name" placeholder="Enter the customer's name" maxlength="40"> 
 + </div> 
 + <div class="col"> 
 + <input type="text" class="form-control" id="description" placeholder="Enter a description" maxlength="40"> 
 + </div>
  </div>  </div>
- </div> + 
- <div class="row"> + <div>&nbsp;</div> 
- <div class="col"> +  
- <input type="text" class="form-control" id="name" placeholder="Enter the customer's name" maxlength="40">+ <div class="custom-control custom-radio custom-control-inline"> 
 + <input class="form-check-input" type="radio" name="RadioCallbackExpiry" id="RadioButton1" value="1" checked> 
 + <label class="form-check-label" for="RadioButton1"> 
 + 1 hour 
 + </label>
  </div>  </div>
- <div class="col"> + <div class="custom-control custom-radio custom-control-inline"> 
- <input type="text" class="form-control" id="description" placeholder="Enter a description" maxlength="40">+ <input class="form-check-input" type="radio" name="RadioCallbackExpiry" id="RadioButton2" value="24"> 
 + <label class="form-check-label" for="RadioButton2"> 
 + 1 day 
 + </label>
  </div>  </div>
- </div>+ <div class="custom-control custom-radio custom-control-inline"> 
 + <input class="form-check-input" type="radio" name="RadioCallbackExpiry" id="RadioButton3" value="168"> 
 + <label class="form-check-label" for="RadioButton3"> 
 + 1 week 
 + </label> 
 + </div>
  
-                <div>&nbsp;</div> + <div class="custom-control custom-radio custom-control-inline" style="width: 200px;"> 
-  + <button type="button" class="btn btn-outline-success" id="createCallback" onClick="finesse.modules.AgentCallbackGadget.createCallback()">Create</button> 
- <div class="custom-control custom-radio custom-control-inline"> + <button type="button" class="btn btn-outline-secondary" id="refreshCallbacks" onClick="finesse.modules.AgentCallbackGadget.refreshCallbacks()">Refresh</button> 
-   <input class="form-check-input" type="radio" name="RadioCallbackExpiry" id="RadioButton1" value="1" checked> + <button type="button" class="btn btn-outline-info" id="copyToClipboard" onClick="finesse.modules.AgentCallbackGadget.copyToClipboard()">Copy</button> 
- <label class="form-check-label" for="RadioButton1"> + </div>
- 1 hour +
- </label> +
- </div> +
- <div class="custom-control custom-radio custom-control-inline"> +
-   <input class="form-check-input" type="radio" name="RadioCallbackExpiry" id="RadioButton2" value="24"> +
-   <label class="form-check-label" for="RadioButton2"> +
- 1 day +
-   </label> +
- </div> +
- <div class="custom-control custom-radio custom-control-inline"> +
-   <input class="form-check-input" type="radio" name="RadioCallbackExpiry" id="RadioButton3" value="168"> +
-   <label class="form-check-label" for="RadioButton3"> +
- 1 week +
-   </label> +
- </div> +
  
- <div class="custom-control custom-radio custom-control-inline" style="width: 200px;"> + </form>
- <button type="button" class="btn btn-outline-success" id="createCallback" onClick="finesse.modules.AgentCallbackGadget.createCallback()">Create</button> +
- <button type="button" class="btn btn-outline-secondary" id="refreshCallbacks" onClick="finesse.modules.AgentCallbackGadget.refreshCallbacks()">Refresh</button> +
-     <button type="button" class="btn btn-outline-info" id="copyToClipboard" onClick="finesse.modules.AgentCallbackGadget.copyToClipboard()">Copy</button> +
- </div>  +
- +
- </form> +
- +
- <hr> +
- +
- <table class="table" id="CallbackTable"> +
-   <thead class="thead-dark"> +
- +
-                </table>+
  
 + <hr>
 +
 + <div class="table-responsive" style="height: 500px;">
 + <table class="table" id="CallbackTable">
 + </table>
 + </div>
 + </div>
             </body>             </body>
- 
             <script type="text/javascript"> gadgets.HubSettings.onConnect = function () {finesse.modules.AgentCallbackGadget.init();};</script>             <script type="text/javascript"> gadgets.HubSettings.onConnect = function () {finesse.modules.AgentCallbackGadget.init();};</script>
         ]]></Content>         ]]></Content>
 </Module> </Module>
 </code> </code>
  • myapps/agent-callback.1645467437.txt.gz
  • Last modified: 2022/02/21 18:17
  • by gerardorourke