Message selection implemented

This commit is contained in:
2021-04-07 17:45:30 +02:00
parent 7ca003c781
commit 33427792f5
2 changed files with 19 additions and 14 deletions

View File

@@ -303,9 +303,9 @@ function fillMessageList(){
innerHTML += generateMessageTileHtml(json[i].mockedResponseId, json[i].httpStatus, json[i].mediaType); innerHTML += generateMessageTileHtml(json[i].mockedResponseId, json[i].httpStatus, json[i].mediaType);
} }
$("#listItems").append(innerHTML); $("#listItems").append(innerHTML);
$('.tile').click(function(e) { $('.tile').click(function() {
const id = parseInt(e.target.tileId) console.log(this);
loadMessage(id); loadMessage(parseInt($(this).attr('tileid')));
}); });
// $('.btn-tile').click(tileRemoval); // $('.btn-tile').click(tileRemoval);
} }
@@ -332,10 +332,15 @@ function callLoadMessage(id){
} }
function loadMessage(id){ function loadMessage(id){
if(id == null || id == undefined){
console.log('id is null');
return;
}
lastId = id; lastId = id;
setCookie(); setCookie();
setDataOrigin(); setDataOrigin();
for(let i=0; i<json.length; i++){ for(let i=0; i<json.length; i++){
console.log('id == ' + id + ' mockedId == ' + json[i].mockedResponseId);
if(id == json[i].mockedResponseId){ if(id == json[i].mockedResponseId){
jsonIndex = i; jsonIndex = i;
console.log("Message found"); console.log("Message found");
@@ -349,10 +354,6 @@ function loadMessage(id){
console.log("Message not found"); console.log("Message not found");
} }
// TODO: Add click() when generating tiles
const tileOnclick = function (){
}
function selectMessage(id){ function selectMessage(id){
const tiles = $('.tile'); const tiles = $('.tile');

View File

@@ -303,9 +303,12 @@ function fillMessageList(){
innerHTML += generateMessageTileHtml(json[i].mockedResponseId, json[i].httpStatus, json[i].mediaType); innerHTML += generateMessageTileHtml(json[i].mockedResponseId, json[i].httpStatus, json[i].mediaType);
} }
$("#listItems").append(innerHTML); $("#listItems").append(innerHTML);
$('.tile').click(function(e) { $('.tile').click(function() {
const id = parseInt(e.target.tileId) console.log(this);
loadMessage(id); loadMessage(parseInt($(this).attr('tileid')));
// console.log(e.target);
// const id = parseInt(e.target.tileid);
// loadMessage(id);
}); });
// $('.btn-tile').click(tileRemoval); // $('.btn-tile').click(tileRemoval);
} }
@@ -332,10 +335,15 @@ function callLoadMessage(id){
} }
function loadMessage(id){ function loadMessage(id){
if(id == null || id == undefined){
console.log('id is null');
return;
}
lastId = id; lastId = id;
setCookie(); setCookie();
setDataOrigin(); setDataOrigin();
for(let i=0; i<json.length; i++){ for(let i=0; i<json.length; i++){
console.log('id == ' + id + ' mockedId == ' + json[i].mockedResponseId);
if(id == json[i].mockedResponseId){ if(id == json[i].mockedResponseId){
jsonIndex = i; jsonIndex = i;
console.log("Message found"); console.log("Message found");
@@ -349,10 +357,6 @@ function loadMessage(id){
console.log("Message not found"); console.log("Message not found");
} }
// TODO: Add click() when generating tiles
const tileOnclick = function (){
}
function selectMessage(id){ function selectMessage(id){
const tiles = $('.tile'); const tiles = $('.tile');