klesh/grpcox
1
0
Fork 0
mirror of https://github.com/gusaul/grpcox.git synced 2025-04-22 22:35:36 +00:00
Code Issues Projects Releases Wiki Activity

Merge f899a5fc05 into 6feae4127c

Browse Source
This commit is contained in:
Ahmad Anan Rafsanjani 2023-08-15 13:06:17 +07:00 committed by GitHub
commit be721ebc84
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 34 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

59
index/js/request.list.js
View File

@ -1,4 +1,4 @@
$('#save-request').click(function(){ $('#save-request').click(function () {
let requestName = document.getElementById("input-request-name").value; let requestName = document.getElementById("input-request-name").value;
if (requestName === "") { if (requestName === "") {
alert("request name is require") alert("request name is require")
@ -16,7 +16,7 @@ $('#save-request').click(function(){
$('#show-modal-save-request').click(function () { $('#show-modal-save-request').click(function () {
const reqData = getReqResData(); const reqData = getReqResData();
const activeRequestName = getActiveRequestListName(); const activeRequestName = getActiveRequestListName();
if ( activeRequestName === ""){ if (activeRequestName === "") {
console.log(activeRequestName); console.log(activeRequestName);
// generate name // generate name
// name format will be method // name format will be method
@ -43,37 +43,46 @@ function getReqResData() {
const selectFunction = document.getElementById("select-function").value; const selectFunction = document.getElementById("select-function").value;
const responseHTML = document.getElementById("json-response").innerHTML; const responseHTML = document.getElementById("json-response").innerHTML;
const schemaProtoHTML = document.getElementById("schema-proto").innerHTML; const schemaProtoHTML = document.getElementById("schema-proto").innerHTML;
const metadata = document.getElementById("ctx-metadata-switch").checked ? document.querySelector('div#ctx-metadata-table > table > tbody').innerHTML : "";
editor = ace.edit("editor"); editor = ace.edit("editor");
return {
server_target:serverTarget, return {
selected_service:selectService, server_target: serverTarget,
selected_function:selectFunction, selected_service: selectService,
raw_request:editor.getValue(), selected_function: selectFunction,
response_html:responseHTML, raw_request: editor.getValue(),
schema_proto_html:schemaProtoHTML, response_html: responseHTML,
schema_proto_html: schemaProtoHTML,
raw_metadata: metadata,
} }
} }
function setReqResData(data) { function setReqResData(data) {
$('#server-target').val(data.server_target); $('#server-target').val(data.server_target);
target = data.server_target; target = data.server_target;
$("#select-service").html(new Option(data.selected_service, data.selected_service,true,true)); $("#select-service").html(new Option(data.selected_service, data.selected_service, true, true));
$('#choose-service').show(); $('#choose-service').show();
$("#select-function").html(new Option(data.selected_function.substr(data.selected_service.length), data.selected_function,true,true)); $("#select-function").html(new Option(data.selected_function.substr(data.selected_service.length), data.selected_function, true, true));
$('#choose-function').show(); $('#choose-function').show();
generate_editor(data.raw_request); generate_editor(data.raw_request);
$('#body-request').show(); $('#body-request').show();
$('#schema-proto').html(data.schema_proto_html); $('#schema-proto').html(data.schema_proto_html);
$('#json-response').html(data.response_html); $('#json-response').html(data.response_html);
$('#response').show(); $('#response').show();
if (!!data.raw_metadata) {
$('#ctx-metadata-switch').trigger("click");
$('#ctx-metadata-table > table > tbody').html(data.raw_metadata);
}
} }
function resetReqResData() { function resetReqResData() {
target=""; target = "";
$('#choose-service').hide(); $('#choose-service').hide();
$('#choose-function').hide(); $('#choose-function').hide();
$('#body-request').hide(); $('#body-request').hide();
$('#response').hide(); $('#response').hide();
$('#ctx-metadata-switch').prop('checked', false);
$('#ctx-metadata-input').hide();
} }
async function renderRequestList() { async function renderRequestList() {
@ -82,11 +91,11 @@ async function renderRequestList() {
const nameList = await getAllRequestKey(); const nameList = await getAllRequestKey();
nameList.forEach(function (item){ nameList.forEach(function (item) {
let node = document.createElement("li") let node = document.createElement("li")
node.classList.add("list-group-item","request-list") node.classList.add("list-group-item", "request-list")
node.setAttribute("request-name",item) node.setAttribute("request-name", item)
node.addEventListener("click", function(el){ node.addEventListener("click", function (el) {
updateRequestView(el.target.children[1]) updateRequestView(el.target.children[1])
}); });
node.innerHTML = ` node.innerHTML = `
@ -97,14 +106,14 @@ async function renderRequestList() {
}) })
} }
function removeRequestSelectedClass(){ function removeRequestSelectedClass() {
const elems = document.querySelectorAll(".request-list"); const elems = document.querySelectorAll(".request-list");
[].forEach.call(elems, function(el) { [].forEach.call(elems, function (el) {
el.classList.remove("selected"); el.classList.remove("selected");
}); });
} }
function getActiveRequestListName(){ function getActiveRequestListName() {
const elems = document.querySelectorAll(".request-list"); const elems = document.querySelectorAll(".request-list");
for (let i = 0; i < elems.length; i++) { for (let i = 0; i < elems.length; i++) {
const e = elems[i] const e = elems[i]
@ -117,7 +126,7 @@ function getActiveRequestListName(){
function setServerTargetActive() { function setServerTargetActive() {
const elems = document.querySelectorAll('[for="server-target"]'); const elems = document.querySelectorAll('[for="server-target"]');
[].forEach.call(elems, function(el) { [].forEach.call(elems, function (el) {
el.classList.add("active"); el.classList.add("active");
}); });
} }
@ -138,9 +147,9 @@ function updateRequestView(elm) {
function removeRequest(elm) { function removeRequest(elm) {
const requestName = elm.parentElement.lastElementChild.innerText; const requestName = elm.parentElement.lastElementChild.innerText;
deleteRequest(requestName).then(()=>{ deleteRequest(requestName).then(() => {
window.location.reload() window.location.reload()
}).catch((error)=>{ }).catch((error) => {
alert(error) alert(error)
}) })
} }
@ -148,15 +157,15 @@ function removeRequest(elm) {
function search(elm) { function search(elm) {
const li = document.querySelectorAll(".request-list") const li = document.querySelectorAll(".request-list")
li.forEach(function (el) { li.forEach(function (el) {
if (el.getAttribute("request-name").toLowerCase().includes(elm.value.toLowerCase())){ if (el.getAttribute("request-name").toLowerCase().includes(elm.value.toLowerCase())) {
el.style.display = "" el.style.display = ""
}else{ } else {
el.style.display = "none" el.style.display = "none"
} }
}) })
} }
$(document).ready(function(){ $(document).ready(function () {
renderRequestList() renderRequestList()
}); });