Guest User

Untitled

a guest
Nov 23rd, 2017
83
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.31 KB | None | 0 0
  1. <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
  2. <script src="lodash.js"></script>
  3. <button class="btn" data-id="1" data-name="prod1" data-image="/teste1.png" data-url="/teste/te1">Adicionar Produto 1</button>
  4.  
  5. <button class="btn" data-id="2" data-name="prod2" data-image="/teste2.png" data-url="/teste/te2">Adicionar Produto 1</button>
  6.  
  7. <button class="btn" data-id="3" data-name="prod3" data-image="/teste3.png" data-url="/teste/te3">Adicionar Produto 1</button>
  8.  
  9.  
  10. <div id="carrinho"></div>
  11. <script>
  12. //Essa é a minha oldlist, onde vou comparar com o que adicionar.
  13.  
  14. var oldlist = JSON.parse('[{"id":"2","name":"casa_3","image":"/teste_2.png","url":"/teste/te_2"}]');
  15.  
  16.  
  17. //criando array vazio
  18. var arrayList = [];
  19.  
  20. //funcao para gerar o objeto
  21. function Employee(id, name, image, url) {
  22. this.id = id;
  23. this.name = name;
  24. this.image = image;
  25. this.url = url;
  26. }
  27.  
  28. //detectando click no botao
  29. // e obtendo os dados
  30. $(".btn").click(function () {
  31. var id = $(this).data("id");
  32. var name = $(this).data("name");
  33. var image = $(this).data("image");
  34. var url = $(this).data("url");
  35.  
  36. //criando objeto
  37. var employeeObject1 = new Employee(id, name, image, url);
  38.  
  39. newItem = _.filter(oldlist, function (item) {
  40. return item.id == employeeObject1.id
  41. });
  42.  
  43. if(newItem.length > 0){
  44. oldlist = _.filter(oldlist, function (item) {
  45. return item.id != newItem[0].id
  46. });
  47. }else{
  48. oldlist.push(employeeObject1);
  49. }
  50.  
  51. //Agora eu tenho uma lista local
  52. //e preciso comparar com a OLDLIST
  53. //se ouver o objeto lá, no lugar de adicionar, eu preciso
  54. //excluir
  55.  
  56. //1 - a old list tem o produto ID 2
  57. //caso eu clique no botao do produto ID 3
  58. // ELE FICARIA ASSIM:
  59.  
  60. /* '[
  61. {"id":"2","name":"prod1","image":"/teste2.png","url":"/teste/te2"},{"id":"3","name":"prod3","image":"/teste3.png","url":"/teste/te3"} ]'
  62. */
  63.  
  64. //2 - Caso ele clique no botao do produto ID 2, que é o mesmo da lista OLD, ficará vazio, pois deverá haver uma exclusao
  65.  
  66. /*'[ ]'*/
  67.  
  68.  
  69. document.getElementById("carrinho").innerHTML = JSON.stringify(oldlist);
  70.  
  71. });
  72. </script>
Add Comment
Please, Sign In to add comment