templates/Nordinfo/Main/parts/cookieManager.js.html.twig line 1

Open in your IDE?
  1. <script type="text/javascript">
  2.   $(function () {
  3.     
  4.     let selectorArea = '#areaSelectorContainer';
  5.     let selectorAreaLoader = '#areaLoader';
  6.     let selectorTopicsList = '#topicsList';
  7.     let selectorTopicsListLoader = '#topicsListLoader';
  8.     
  9.     $('[data-remove-item]').on('click', function (e) {
  10.       e.preventDefault();
  11.       e.stopPropagation();
  12.       let post_id = $(this).attr('data-remove-item');
  13.       {% if app.user is not null %}
  14.         removeFavori(post_id);
  15.         $(this).closest('.colArticleItem').remove();
  16.       {% else %}
  17.         let myFavorite = getCookie('favorite');
  18.         if (myFavorite == null || myFavorite === '') {
  19.           myFavorite = [];
  20.         } else {
  21.           myFavorite = myFavorite.split(',');
  22.         }
  23.         if (jQuery.inArray(post_id, myFavorite) >= -1) {
  24.           myFavorite.splice($.inArray(post_id, myFavorite), 1);
  25.         }
  26.         setCookie('favorite', myFavorite, 360)
  27.         $(this).closest('.colArticleItem').remove();
  28.       {% endif %}
  29.     });
  30.     
  31.     $('.fav').on('click', function (event) {
  32.       event.preventDefault();
  33.       let post_id = $(this).attr('data-id');
  34.       {% if app.user is not null %}
  35.         if ($(this).hasClass('_favorite')) {
  36.           $(this).removeClass('_favorite');
  37.           $(this).attr('aria-pressed', 'false');
  38.           removeFavori(post_id);
  39.         } else {
  40.           $(this).addClass('_favorite');
  41.           $(this).attr('aria-pressed', 'true');
  42.           addFavori(post_id);
  43.         }
  44.       {% else %}
  45.         let myFavorite = getCookie('favorite');
  46.         if (myFavorite == null || myFavorite === '') {
  47.           myFavorite = [];
  48.         } else {
  49.           myFavorite = myFavorite.split(',');
  50.         }
  51.         if ($(this).hasClass('_favorite')) {
  52.           $(this).removeClass('_favorite');
  53.           $(this).attr('aria-pressed', 'false');
  54.           if (jQuery.inArray(post_id, myFavorite) >= -1) {
  55.             myFavorite.splice($.inArray(post_id, myFavorite), 1);
  56.           }
  57.         } else {
  58.           $(this).addClass('_favorite');
  59.           $(this).attr('aria-pressed', 'true');
  60.           if (jQuery.inArray(post_id, myFavorite) === -1) {
  61.             myFavorite.push(post_id);
  62.           }
  63.         }
  64.         setCookie('favorite', myFavorite, 10);
  65.       {% endif %}
  66.     });
  68.     $('#search_territory').on('submit', function (event) {
  69.       event.preventDefault();
  70.       $('#containerResultTerritory').fadeIn();
  71.       $('#loadingSearchTerritory').fadeIn();
  72.       $('#myTerritory').fadeOut();
  73.       $('#loadingSearchTerritory')[0].setAttribute('aria-hidden', 'true');
  74.       $('#myTerritory')[0].setAttribute('aria-hidden', 'true');
  75.       $.ajax({
  76.         url: "{{ path('ajax_territory') }}",
  77.         data: {
  78.           'search': $('#commune').val()
  79.         },
  80.         type: "POST",
  81.         success: function (response) {
  82.           $('#loadingSearchTerritory').fadeOut();
  83.           $('#loadingSearchTerritory')[0].setAttribute('aria-hidden', 'true');
  84.           if (response.error === false) {
  85.             $('#myTerritory').empty().append("Mon territoire : " + response.t.name);
  86.             setTerritories();
  87.           } else {
  88.             $('#myTerritory').empty().append(response.error);
  89.           }
  90.           $('#myTerritory').fadeIn();
  91.           $('#myTerritory')[0].setAttribute('aria-hidden', 'false');
  92.         }
  93.       });
  94.       return false;
  95.     });
  97.     $('.select_territory').on('click', function () {
  98.       setTerritories();
  99.     });
  101.     $('.select_topic').on('click', function () {
  102.       setTopics();
  103.     });
  104.     
  105.     function setTerritories() {
  106.       let myTerritories = [];
  107.       let allTerritories = [];
  108.       $(".button_select.active").each(function () {
  109.         if (this.id !== 0 && this.id !== '0') {
  110.           myTerritories.push(this.id);
  111.         }
  112.       });
  113.       $(".button_select").each(function () {
  114.         if (this.id !== 0 && this.id !== '0') {
  115.           allTerritories.push(this.id);
  116.         }
  117.       });
  118.       {% if app.user is not null %}
  119.         $(selectorArea).addClass('loading');
  120.         $(selectorAreaLoader).fadeIn();
  121.         updateTerritories(allTerritories, myTerritories);
  122.       {% else %}
  123.         eraseCookie('territories');
  124.         if (myTerritories.length !== 0) {
  125.           setCookie('territories', myTerritories, 360);
  126.         }
  127.       {% endif %}
  128.     }
  129.     
  130.     function setTopics() {
  131.       let myTopics = [];
  132.       let allTopics = [];
  133.       $(".button_select.active").each(function () {
  134.         if (this.id !== 0 && this.id !== '0') {
  135.           myTopics.push(this.id);
  136.         }
  137.       });
  138.       $(".button_select").each(function () {
  139.         if (this.id !== 0 && this.id !== '0') {
  140.           allTopics.push(this.id);
  141.         }
  142.       });
  143.       {% if app.user is not null %}
  144.         $(selectorTopicsList).addClass('loading');
  145.         $(selectorTopicsListLoader).fadeIn();
  146.         updateTopics(allTopics, myTopics);
  147.       {% else %}
  148.         eraseCookie('topics');
  149.         myTopics = [];
  150.         $(".button_select.active").each(function () {
  151.           if (this.id !== 0) {
  152.             myTopics.push(this.id);
  153.           }
  154.         });
  155.         if (myTopics.length !== 0) {
  156.           setCookie('topics', myTopics, 360);
  157.         }
  158.       {% endif %}
  159.     }
  161.     function getFavoris() {
  162.       $.ajax({
  163.         url: "{{ path('ajax') }}",
  164.         data: {
  165.           'function': 'getFavoris'
  166.         },
  167.         type: "POST",
  168.         success: function (response) {}
  169.       });
  170.     }
  172.     function addFavori(id) {
  173.       $.ajax({
  174.         url: "{{ path('ajax') }}",
  175.         data: {
  176.           'function': 'addFavori',
  177.           'id': id
  178.         },
  179.         type: "POST",
  180.         success: function (response) {}
  181.       });
  182.     }
  184.     function removeFavori(id) {
  185.       $.ajax({
  186.         url: "{{ path('ajax') }}",
  187.         data: {
  188.           'function': 'removeFavori',
  189.           'id': id
  190.         },
  191.         type: "POST",
  192.         success: function (response) {}
  193.       });
  194.     }
  195.     
  196.     function getTopics() {
  197.       $.ajax({
  198.         url: "{{ path('ajax') }}",
  199.         data: {
  200.           'function': 'getTopics'
  201.         },
  202.         type: "POST",
  203.         success: function (response) {
  204.         }
  205.       });
  206.     }
  207.     
  208.     function updateTopics(allTopics, myTopics) {
  209.       $.ajax({
  210.         url: "{{ path('ajax') }}",
  211.         data: {
  212.           'function': 'removeTopics',
  213.           'ids': allTopics
  214.         },
  215.         type: "POST",
  216.         success: function () {
  217.           if (myTopics.length > 0) {
  218.             addTopics(myTopics);
  219.           } else {
  220.             $(selectorTopicsList).removeClass('loading');
  221.             $(selectorTopicsListLoader).fadeOut();
  222.           }
  223.         }
  224.       });
  225.     }
  227.     function addTopics(ids) {
  228.       $.ajax({
  229.         url: "{{ path('ajax') }}",
  230.         data: {
  231.           'function': 'addTopics',
  232.           'ids': ids
  233.         },
  234.         type: "POST",
  235.         success: function () {
  236.           $(selectorTopicsList).removeClass('loading');
  237.           $(selectorTopicsListLoader).fadeOut();
  238.         }
  239.       });
  240.     }
  242.     function getTerritories() {
  243.       $.ajax({
  244.         url: "{{ path('ajax') }}",
  245.         data: {
  246.           'function': 'getTerritories'
  247.         },
  248.         type: "POST",
  249.         success: function (response) {
  250.         }
  251.       });
  252.     }
  253.     
  254.     function updateTerritories(allTerritories, myTerritories) {
  255.       $.ajax({
  256.         url: "{{ path('ajax') }}",
  257.         data: {
  258.           'function': 'removeTerritories',
  259.           'ids': allTerritories
  260.         },
  261.         type: "POST",
  262.         success: function () {
  263.           if (myTerritories.length > 0) {
  264.             addTerritories(myTerritories);
  265.           } else {
  266.             $(selectorArea).removeClass('loading');
  267.             $(selectorAreaLoader).fadeOut();
  268.           }
  269.         }
  270.       });
  271.     }
  273.     function addTerritories(ids) {
  274.       $.ajax({
  275.         url: "{{ path('ajax') }}",
  276.         data: {
  277.           'function': 'addTerritories',
  278.           'ids': ids
  279.         },
  280.         type: "POST",
  281.         success: function () {
  282.           $(selectorArea).removeClass('loading');
  283.           $(selectorAreaLoader).fadeOut();
  284.         }
  285.       });
  286.     }
  287.     
  288.     function setCookie(key, value, expiry) {
  289.       let expires = new Date();
  290.       expires.setTime(expires.getTime() + (expiry * 24 * 60 * 60 * 1000));
  291.       document.cookie = key + '=' + value + ';expires=' + expires.toUTCString();
  292.     }
  294.     function getCookie(key) {
  295.       let keyValue = document.cookie.match('(^|;) ?' + key + '=([^;]*)(;|$)');
  296.       return keyValue ? keyValue[2] : null;
  297.     }
  299.     function eraseCookie(key) {
  300.       let keyValue = getCookie(key);
  301.       setCookie(key, keyValue, '-1');
  302.     }
  304.   });
  305. </script>