Message selection implemented
This commit is contained in:
		| @@ -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'); | ||||||
|   | |||||||
| @@ -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'); | ||||||
|   | |||||||
		Reference in New Issue
	
	Block a user