<script>    function search()  {    var id = document.getElementById(‘txtreqID’).value;    var action = “search”;    google.script.run.withSuccessHandler(display_output).lookUp(id,action,);    //google.script.run.lookUp(id,action);  }    function update_update()  {    var id = document.getElementById(‘txtreqID’).value;    var updatenote = document.getElementById(‘txtnote’).value;    var action = “update”;    google.script.run.withSuccessHandler(display_output).lookUp(id,action,updatenote);  }    function update_finish()  {    var id = document.getElementById(‘txtreqID’).value;    var action = “finish”;    google.script.run.withSuccessHandler(display_output).lookUp(id,action,);  }    function update_reject()  {    var id = document.getElementById(‘txtreqID’).value;    var action = “reject”;    google.script.run.withSuccessHandler(display_output).lookUp(id,action,);  }
  function update_clearnote()  {    var id = document.getElementById(‘txtreqID’).value;    var action = “clear_note”;    google.script.run.withSuccessHandler(display_output).lookUp(id,action,);  }
  function display_output(result)  {// IF PROJECT NUMBER IS INVALID        if (result.search_result == “Invalid”)    {      document.getElementById(‘outputbox’).innerHTML = “<h2> Invalid number – please try again </h2>”;    }// IF PROJECT NUMBER IS CORRECT    else    {      var x = “<h2> Request ID </h2>” +         “<output type = ‘text’ id = ‘outputreqID’></output>” +      “<h3> Requested by </h3>” + result.sendername +      “<h3> Issued to </h3>” + result.receivername +      “<h3> Submitted on </h3>” + result.timestamp +      “<h3> Type </h3>” + result.request_type +      “<h3> Detail </h3>” + result.detail +      “<h3> Deadline by </h3>” + result.deadline +      “<h3> Note to requester </h3>” + result.note +      “<h3> Current status </h3>” + result.currentstatus +      “<h3> Delay check </h3>” + result.delaycheck +      “<h3> Last edited on </h3>” + result.edittimestamp;      x+= “<h3> TEST </h3>” + result.test1 + result.test2 + result.test3;      x+= “<div class=’form-group col-md-6′>”+        “<label for=’exampleFormControlSelect1′>ระดับชั้น</label>” +        “<select class=’form-control’ id=’country’ name=’country’>” +          “<option>เลือกระดับชั้น</option>”;

  // NO BUTTON IF WORK IS DONE      if (result.currentstatus != “Finished” && result.currentstatus != “Rejected”)      {        x += “<p> Enter new note     ” +        “<input type = ‘text’ id = ‘txtnote’>” +        “<p><button id = ‘btnupdate’ onclick = ‘update_update()’> Update </button>” +        “<button id = ‘btnfinish’ onclick = ‘update_finish()’> Finish </button>” +        “<button id = ‘btnreject’ onclick = ‘update_reject()’> Reject </button>” +        “<button id = ‘btnclearnote’ onclick = ‘update_clearnote()’> Clear note </button>”;      }            document.getElementById(‘outputbox’).innerHTML = x;      document.getElementById(‘outputreqID’).innerHTML = result.projectID;      var values = [“Saab”, “Volvo”, “BMW”];      var list = document.getElementById(‘country’);         for (var j = 0; j < values.length; j++)       {        var option = document.createElement(“option”);        option.value = values[j];        option.text = values[j];        list.appendChild(option);      }
      //google.script.run.test1(id);    }  }</script>