https://www.puertocolombia-atlantico.gov.co/mod/Bloques/js/bloqueFooter.js?nxcache=1596566587

1$(document).on('click','.sede' ,function(){
2  var enlaceEliminar = $(this).data('dato')
3  let padre = document.getElementById("divSedes");
4  let divHijo = document.getElementById(enlaceEliminar);
5  padre.removeChild(divHijo);
6})
7
8$(document).on('click','.enlace' ,function(){
9  var enlaceEliminar = $(this).data('dato')
10  let padre = document.getElementById("divLink");
11  let divHijo = document.getElementById(enlaceEliminar);
12  padre.removeChild(divHijo);
13})
14
15$(document).on('click','.redsocial' ,function(){
16    var enlaceEliminar = $(this).data('dato')
17    let padre = document.getElementById("divRedes");
18    let divHijo = document.getElementById(enlaceEliminar);
19    padre.removeChild(divHijo);
20})
21
22$(document).ready(function () {
23
24  var add_button = $(".add_form_redes");
25  var add_button_link = $(".add_form_link");
26  var add_button_sedes = $(".add_form_sedes");
27  var x = 0;
28
29  var contarRed = 0;
30  $(add_button).click(function (e) {
31    e.preventDefault();
32
33    let contadorRedes = $("#contadorRedes").html();
34    if(contadorRedes > 0){
35      contarRed = contadorRedes;
36    }
37    
38    contarRed ++;
39
40    $("#divRedes").append(
41      '<div id="redes['+ contarRed +']" name="redes['+ contarRed +']" class="col-sm-12"> <br>\
42            <div class="col-sm-2">\
43                <select name="redes['+ contarRed +'][icon]"  class="form-control" required>\
44                    <option value="" > Selecciona...</option>\
45                    <option value="fa-facebook-square">Facebook</option>\
46                    <option value="fa-instagram">Instagram</option>\
47                    <option value="fa-twitter-square">Twitter</option>\
48                    <option value="fa-youtube-play">YouTube</option>\
49                    <option value="fa-pinterest-square">Pinterest</option>\
50                    <option value="fa-linkedin-square">Linkedin</option>\
51                    <option value="fa-tiktok">TikTok</option>\
52                    <option value="fa-telegram">Telegram</option>\
53                    <option value="fa-soundcloud">SoundCloud</option>\
54                    <option value="fa-behance">Behance</option>\
55                    <option value="fa-snapchat">Snapchat</option>\
56                </select>\
57            </div>\
58            <div class="col-md-3">\
59               <input type="text" value="" class="form-control" name="redes['+ contarRed +'][arroba]" data-toggle="popover" data-trigger="focus" data-content="{{DEMO_REDES_CV_AYUDA}}">\
60            </div>\
61            <div class="col-md-5">\
62                  <input type="text" class="form-control" value="" name="redes['+ contarRed +'][url]"  data-toggle="popover" data-trigger="focus" data-content="{{DEMO_REDES_CV_AYUDA}}" required>\
63            </div>\
64            <div class="col-md-2">\
65            <a class="redsocial btn  btn-primary" data-dato="redes['+ contarRed +']" ><span class="fa fa-remove"></span></a>\
66            </div>\
67        </div>'
68    );
69    $("#contadorRedes").html(contarRed);
70
71  });
72  
73
74  var contarLink = 0;
75  $(add_button_link).click(function (e) {
76    
77    e.preventDefault();
78    let contadorLink = $("#contadorLink").html();
79    if(contadorLink > 0){
80      contarLink= contadorLink;
81    }
82    
83    contarLink ++;
84    $("#divLink").append(
85      '<div class="col-sm-12" id="link['+ contarLink +']" name="link['+ contarLink +']"> <br>\
86               <div class="col-md-2">\
87                    <select name="link['+ contarLink +'][target]"   class="form-control" required>\
88                      <option value="Mi">Misma pestaña</option>\
89                      <option value="_blank">Nueva pestaña</option>\
90                    </select>\
91                </div>\
92                <div class="col-sm-3">\
93                     <input type="text" class="form-control" value="" name="link['+ contarLink +'][titulo]"  data-toggle="popover" data-trigger="focus" data-content="{{DEMO_REDES_CV_AYUDA}}" required>\
94                </div>\
95                <div class="col-md-5">\
96                   <input type="text" class="form-control" value="" name="link['+ contarLink +'][urllink]" data-toggle="popover" data-trigger="focus" data-content="{{DEMO_REDES_CV_AYUDA}}" required>\
97                </div>\
98                <div class="col-md-2" data-dato="link[' + contarLink + ']">\
99                <a class="enlace btn  btn-primary" data-dato="link[' + contarLink + ']" ><span class="fa fa-remove"></span></a>\
100                </div>\
101          </div>'
102    );
103
104    $("#contadorLink").html(contadorLink);
105    x++;
106  });
107
108  var contar = 0;
109  
110  $(add_button_sedes).click(function (e) {
111     e.preventDefault();
112    
113    let postFileURL = $("#divData").data("postFileUrl_block");
114    let validateToken = $("#divData").data("validate-token");
115   
116     
117    // let postFileURL = $("#post-file-url_block").html().replace(/&amp;/g, "&");
118    // let validateToken = $("#validate-token").html().replace(/&amp;/g, "&");

119    let contadorItem = $("#contador").html();
120    if(contadorItem > 0){
121      contar = contadorItem;
122    }
123    
124      contar ++;
125
126      $.ajax({
127        url: postFileURL,
128        dataType: 'text',
129        type: 'post',
130        data: {
131          sxToken: validateToken,
132          contar : contar,
133        },
134        success: function( data){
135          $("#divSedes").append(data);
136        },
137        error: function( error){
138            console.log( error + "Asd" );
139        }
140    });
141
142  
143     $("#contador").html(contar);
144  
145  });
146
147  $("#logo").change(function () {
148    
149    if (this.files[0].size > 512000) {
150      // 512000 bytes = 500 Kb
151      $(this).val("");
152      $("#errores").html("El archivo supera el límite de peso permitido.");
153    } else {
154      
155      var formato = this.files[0].name.split(".").pop();
156
157      if (
158        formato.toLowerCase() == "jpg" ||
159        formato.toLowerCase() == "png" ||
160        formato.toLowerCase() == "jpeg" ||
161        formato.toLowerCase() == "svg"
162      ) {
163        $("#errores").html("IMAGEN VALIDA.");
164      } else {
165        $(this).val("");
166        $("#errores").html("Formato no soportado");
167      }
168    }
169  });
170});