ukey: function () {

        var ukey =
          "<div class='tab-pane ' id='ukeyCustomerTab' role='tabpanel'>" +
          "<div class='modal-body'>" +
          <!-- Add Button -->
          "<button class='btn btn-light btnCollapse' type='button' id='collapseUkeyButton' data-toggle='collapse' data-target='#collapseAddUkeyCustomer' aria-expanded='false' aria-controls='collapseExample' disabled>"+App.lang.get("add") + "</button>"+
          "<div class='collapse' id='collapseAddUkeyCustomer'>"+
          "<div class='card card-body'>"+
          <!-- Search box -->
          "<input type='text' class='myInput' id='ukeyLinkSearch' list='ukeyLinkList' onkeyup='App.reg.customers.searchLinkUkey()' placeholder='" + App.lang.get("search_for") + App.lang.get("ukey") +"'>" +
          <!-- Save button  -->
          "<div class='text-right mt-3'><button type='button' class='btn  btn-outline-secondary' style=' cursor: pointer;' onclick='App.reg.customers.addUkeyLink()'>" + App.lang.get("save") + "<i class='far fa-save'></i></button></div>"+
          "</div>"+
          "</div>"+

          <!-- -->
          <!--  -->
          "<div class='table-responsive' >" +
          "<table class='table table-striped table-hover'>" +
          "<thead>" +
          "<tr style='font-size: small;'>" +
          "<th scope='col'>" + App.lang.get("ukey") + "</th>" +
          "<th scope='col'>" + App.lang.get("driver") + "</th>" +
          "<th scope='col' style='text-align: right'>" + App.lang.get("del") + "</th>" +
          "</tr>" +
          "</thead>" +
          "<tbody id='ukeyCustomerList'></tbody>" +
          "</table>"+
          "</div>"+
          "<p  style='font-size: small;' id='totalUkey' class='text-right font-weight-bold'></p>"+
          "<hr>" +
          "</div>" +
          "</div>";


        return ukey;