#2279 country selection with flags

addons/default/visiosoft/location-module/resources/css/filterLocation.css

@@ -46,91 +46,259 @@ img.flag {
     background-size: 100%
 }
 
-.flag-ca {
+.flag-ad {
     background-position: 0 .413223%
 }
 
-.flag-ps {
+.flag-ae {
+    background-position: 0 .826446%
+}
+
+.flag-af {
     background-position: 0 1.239669%
 }
 
-.flag-sq {
+.flag-ag {
+    background-position: 0 1.652893%
+}
+
+.flag-ai {
+    background-position: 0 2.066116%
+}
+
+.flag-al {
     background-position: 0 2.479339%
 }
 
-.flag-hy {
+.flag-am {
     background-position: 0 2.892562%
 }
 
-.flag-sm {
+.flag-an {
+    background-position: 0 3.305785%
+}
+
+.flag-ao {
+    background-position: 0 3.719008%
+}
+
+.flag-aq {
+    background-position: 0 4.132231%
+}
+
+.flag-ar {
+    background-position: 0 4.545455%
+}
+
+.flag-as {
     background-position: 0 4.958678%
 }
 
+.flag-at {
+    background-position: 0 5.371901%
+}
+
+.flag-au {
+    background-position: 0 5.785124%
+}
+
+.flag-aw {
+    background-position: 0 6.198347%
+}
+
 .flag-az {
     background-position: 0 6.61157%
 }
 
-.flag-bs {
+.flag-ba {
     background-position: 0 7.024793%
 }
 
-.flag-bn {
+.flag-bb {
+    background-position: 0 7.438017%
+}
+
+.flag-bd {
     background-position: 0 7.85124%
 }
 
+.flag-be {
+    background-position: 0 8.264463%
+}
+
+.flag-bf {
+    background-position: 0 8.677686%
+}
+
 .flag-bg {
     background-position: 0 9.090909%
 }
 
-.flag-pt-br {
+.flag-bh {
+    background-position: 0 9.504132%
+}
+
+.flag-bi {
+    background-position: 0 9.917355%
+}
+
+.flag-bj {
+    background-position: 0 10.330579%
+}
+
+.flag-bm {
+    background-position: 0 10.743802%
+}
+
+.flag-bn {
+    background-position: 0 11.157025%
+}
+
+.flag-bo {
+    background-position: 0 11.570248%
+}
+
+.flag-br {
+    background-position: 0 11.983471%
+}
+
+.flag-bs {
+    background-position: 0 12.396694%
+}
+
+.flag-bt {
     background-position: 0 12.809917%
 }
 
-.flag-dz {
+.flag-bv {
-    background-position: 0 12.809917%
+    background-position: 0 13.22314%
 }
 
-.flag-be {
+.flag-bw {
+    background-position: 0 13.636364%
+}
+
+.flag-by {
     background-position: 0 14.049587%
 }
 
-.flag-fr-ca {
+.flag-bz {
-    background-position:0 14.876033%
+    background-position: 0 14.46281%
 }
 
-.flag-sg {
+.flag-ca {
+    background-position: 0 14.876033%
+}
+
+.flag-cc {
+    background-position: 0 15.289256%
+}
+
+.flag-cd {
+    background-position: 0 15.702479%
+}
+
+.flag-cf {
     background-position: 0 16.115702%
 }
 
-.flag-rm {
+.flag-cg {
+    background-position: 0 16.528926%
+}
+
+.flag-ch {
     background-position: 0 16.942149%
 }
 
-.flag-mi {
+.flag-ci {
+    background-position: 0 17.355372%
+}
+
+.flag-ck {
     background-position: 0 17.768595%
 }
 
-.flag-zn {
+.flag-cl {
+    background-position: 0 18.181818%
+}
+
+.flag-cm {
+    background-position: 0 18.595041%
+}
+
+.flag-cn {
     background-position: 0 19.008264%
 }
 
-.flag-cs {
+.flag-co {
+    background-position: 0 19.421488%
+}
+
+.flag-cr {
+    background-position: 0 19.834711%
+}
+
+.flag-cu {
+    background-position: 0 20.247934%
+}
+
+.flag-cv {
+    background-position: 0 20.661157%
+}
+
+.flag-cx {
+    background-position: 0 21.07438%
+}
+
+.flag-cy {
+    background-position: 0 21.487603%
+}
+
+.flag-cz {
     background-position: 0 21.900826%
 }
 
 .flag-de {
-    background-position:0 22.31405%
+    background-position: 0 22.31405%
 }
 
-.flag-da {
+.flag-dj {
+    background-position: 0 22.727273%
+}
+
+.flag-dk {
     background-position: 0 23.140496%
 }
 
-.flag-et {
+.flag-dm {
+    background-position: 0 23.553719%
+}
+
+.flag-do {
+    background-position: 0 23.966942%
+}
+
+.flag-dz {
+    background-position: 0 24.380165%
+}
+
+.flag-ec {
+    background-position: 0 24.793388%
+}
+
+.flag-ee {
     background-position: 0 25.206612%
 }
 
-.flag-ti {
+.flag-eg {
+    background-position: 0 25.619835%
+}
+
+.flag-eh {
+    background-position: 0 26.033058%
+}
+
+.flag-er {
     background-position: 0 26.446281%
 }
 
@@ -138,7 +306,7 @@ img.flag {
     background-position: 0 26.859504%
 }
 
-.flag-am {
+.flag-et {
     background-position: 0 27.272727%
 }
 
@@ -150,6 +318,14 @@ img.flag {
     background-position: 0 28.099174%
 }
 
+.flag-fk {
+    background-position: 0 28.512397%
+}
+
+.flag-fm {
+    background-position: 0 28.92562%
+}
+
 .flag-fo {
     background-position: 0 29.338843%
 }
@@ -158,22 +334,86 @@ img.flag {
     background-position: 0 29.752066%
 }
 
-.flag-en {
+.flag-ga {
-    background-position: 0 92.561983%
+    background-position: 0 30.165289%
 }
 
-.flag-ka {
+.flag-gd {
+    background-position: 0 30.578512%
+}
+
+.flag-ge {
     background-position: 0 30.991736%
 }
 
-.flag-kl {
+.flag-gf {
+    background-position: 0 31.404959%
+}
+
+.flag-gh {
+    background-position: 0 31.818182%
+}
+
+.flag-gi {
+    background-position: 0 32.231405%
+}
+
+.flag-gl {
     background-position: 0 32.644628%
 }
 
-.flag-el {
+.flag-gm {
+    background-position: 0 33.057851%
+}
+
+.flag-gn {
+    background-position: 0 33.471074%
+}
+
+.flag-gp {
+    background-position: 0 33.884298%
+}
+
+.flag-gq {
+    background-position: 0 34.297521%
+}
+
+.flag-gr {
     background-position: 0 34.710744%
 }
 
+.flag-gs {
+    background-position: 0 35.123967%
+}
+
+.flag-gt {
+    background-position: 0 35.53719%
+}
+
+.flag-gu {
+    background-position: 0 35.950413%
+}
+
+.flag-gw {
+    background-position: 0 36.363636%
+}
+
+.flag-gy {
+    background-position: 0 36.77686%
+}
+
+.flag-hk {
+    background-position: 0 37.190083%
+}
+
+.flag-hm {
+    background-position: 0 37.603306%
+}
+
+.flag-hn {
+    background-position: 0 38.016529%
+}
+
 .flag-hr {
     background-position: 0 38.429752%
 }
@@ -190,19 +430,27 @@ img.flag {
     background-position: 0 39.669421%
 }
 
-.flag-ga {
+.flag-ie {
     background-position: 0 40.082645%
 }
 
-.flag-he {
+.flag-il {
     background-position: 0 40.495868%
 }
 
-.flag-hi {
+.flag-in {
     background-position: 0 40.909091%
 }
 
-.flag-fa {
+.flag-io {
+    background-position: 0 41.322314%
+}
+
+.flag-iq {
+    background-position: 0 41.735537%
+}
+
+.flag-ir {
     background-position: 0 42.14876%
 }
 
@@ -210,43 +458,99 @@ img.flag {
     background-position: 0 42.561983%
 }
 
-.flag-it, .flag-la {
+.flag-it {
     background-position: 0 42.975207%
 }
 
-.flag-ja {
+.flag-jm {
+    background-position: 0 43.38843%
+}
+
+.flag-jo {
+    background-position: 0 43.801653%
+}
+
+.flag-jp {
     background-position: 0 44.214876%
 }
 
-.flag-ky {
+.flag-ke {
+    background-position: 0 44.628099%
+}
+
+.flag-kg {
     background-position: 0 45.041322%
 }
 
-.flag-km {
+.flag-kh {
     background-position: 0 45.454545%
 }
 
-.flag-ko {
+.flag-ki {
+    background-position: 0 45.867769%
+}
+
+.flag-km {
+    background-position: 0 46.280992%
+}
+
+.flag-kn {
+    background-position: 0 46.694215%
+}
+
+.flag-kp {
+    background-position: 0 47.107438%
+}
+
+.flag-kr {
     background-position: 0 47.520661%
 }
 
-.flag-kk {
+.flag-kw {
+    background-position: 0 47.933884%
+}
+
+.flag-ky {
+    background-position: 0 48.347107%
+}
+
+.flag-kz {
     background-position: 0 48.760331%
 }
 
-.flag-lo {
+.flag-la {
     background-position: 0 49.173554%
 }
 
-.flag-ta, .flag-si {
+.flag-lb {
+    background-position: 0 49.586777%
+}
+
+.flag-lc {
+    background-position: 0 50%
+}
+
+.flag-li {
+    background-position: 0 50.413223%
+}
+
+.flag-lk {
     background-position: 0 50.826446%
 }
 
+.flag-lr {
+    background-position: 0 51.239669%
+}
+
+.flag-ls {
+    background-position: 0 51.652893%
+}
+
 .flag-lt {
     background-position: 0 52.066116%
 }
 
-.flag-lb {
+.flag-lu {
     background-position: 0 52.479339%
 }
 
@@ -254,6 +558,26 @@ img.flag {
     background-position: 0 52.892562%
 }
 
+.flag-ly {
+    background-position: 0 53.305785%
+}
+
+.flag-ma {
+    background-position: 0 53.719008%
+}
+
+.flag-mc {
+    background-position: 0 54.132231%
+}
+
+.flag-md {
+    background-position: 0 54.545455%
+}
+
+.flag-me {
+    background-position: 0 54.958678%
+}
+
 .flag-mg {
     background-position: 0 55.371901%
 }
@@ -266,7 +590,11 @@ img.flag {
     background-position: 0 56.198347%
 }
 
-.flag-my {
+.flag-ml {
+    background-position: 0 56.61157%
+}
+
+.flag-mm {
     background-position: 0 57.024793%
 }
 
@@ -274,22 +602,78 @@ img.flag {
     background-position: 0 57.438017%
 }
 
-.flag-ch {
+.flag-mo {
+    background-position: 0 57.85124%
+}
+
+.flag-mp {
     background-position: 0 58.264463%
 }
 
+.flag-mq {
+    background-position: 0 58.677686%
+}
+
+.flag-mr {
+    background-position: 0 59.090909%
+}
+
+.flag-ms {
+    background-position: 0 59.504132%
+}
+
 .flag-mt {
     background-position: 0 59.917355%
 }
 
-.flag-dv {
+.flag-mu {
+    background-position: 0 60.330579%
+}
+
+.flag-mv {
     background-position: 0 60.743802%
 }
 
-.flag-ms {
+.flag-mw {
+    background-position: 0 61.157025%
+}
+
+.flag-mx {
+    background-position: 0 61.570248%
+}
+
+.flag-my {
     background-position: 0 61.983471%
 }
 
+.flag-mz {
+    background-position: 0 62.396694%
+}
+
+.flag-na {
+    background-position: 0 62.809917%
+}
+
+.flag-nc {
+    background-position: 0 63.22314%
+}
+
+.flag-ne {
+    background-position: 0 63.636364%
+}
+
+.flag-nf {
+    background-position: 0 64.049587%
+}
+
+.flag-ng {
+    background-position: 0 64.46281%
+}
+
+.flag-ni {
+    background-position: 0 64.876033%
+}
+
 .flag-nl {
     background-position: 0 65.289256%
 }
@@ -298,15 +682,47 @@ img.flag {
     background-position: 0 65.702479%
 }
 
-.flag-ne {
+.flag-np {
     background-position: 0 66.115702%
 }
 
-.flag-ho {
+.flag-nr {
+    background-position: 0 66.528926%
+}
+
+.flag-nu {
+    background-position: 0 66.942149%
+}
+
+.flag-nz {
+    background-position: 0 67.355372%
+}
+
+.flag-om {
+    background-position: 0 67.768595%
+}
+
+.flag-pa {
+    background-position: 0 68.181818%
+}
+
+.flag-pe {
+    background-position: 0 68.595041%
+}
+
+.flag-pf {
+    background-position: 0 69.008264%
+}
+
+.flag-pg {
     background-position: 0 69.421488%
 }
 
-.flag-ur {
+.flag-ph {
+    background-position: 0 69.834711%
+}
+
+.flag-pk {
     background-position: 0 70.247934%
 }
 
@@ -314,11 +730,43 @@ img.flag {
     background-position: 0 70.661157%
 }
 
+.flag-pm {
+    background-position: 0 71.07438%
+}
+
+.flag-pn {
+    background-position: 0 71.487603%
+}
+
+.flag-pr {
+    background-position: 0 71.900826%
+}
+
+.flag-pt {
+    background-position: 0 72.31405%
+}
+
+.flag-pw {
+    background-position: 0 72.727273%
+}
+
+.flag-py {
+    background-position: 0 73.140496%
+}
+
+.flag-qa {
+    background-position: 0 73.553719%
+}
+
+.flag-re {
+    background-position: 0 73.966942%
+}
+
 .flag-ro {
     background-position: 0 74.380165%
 }
 
-.flag-sr {
+.flag-rs {
     background-position: 0 74.793388%
 }
 
@@ -330,58 +778,238 @@ img.flag {
     background-position: 0 75.619835%
 }
 
-.flag-ar {
+.flag-sa {
     background-position: 0 76.033058%
 }
 
-.flag-sv {
+.flag-sb {
+    background-position: 0 76.446281%
+}
+
+.flag-sc {
+    background-position: 0 76.859504%
+}
+
+.flag-sd {
+    background-position: 0 77.272727%
+}
+
+.flag-se {
     background-position: 0 77.68595%
 }
 
+.flag-sg {
+    background-position: 0 78.099174%
+}
+
+.flag-sh {
+    background-position: 0 78.512397%
+}
+
+.flag-si {
+    background-position: 0 78.92562%
+}
+
+.flag-sj {
+    background-position: 0 79.338843%
+}
+
 .flag-sk {
     background-position: 0 79.752066%
 }
 
+.flag-sl {
+    background-position: 0 80.165289%
+}
+
+.flag-sm {
+    background-position: 0 80.578512%
+}
+
+.flag-sn {
+    background-position: 0 80.991736%
+}
+
 .flag-so {
     background-position: 0 81.404959%
 }
 
+.flag-sr {
+    background-position: 0 81.818182%
+}
+
+.flag-ss {
+    background-position: 0 82.231405%
+}
+
+.flag-st {
+    background-position: 0 82.644628%
+}
+
+.flag-sv {
+    background-position: 0 83.057851%
+}
+
+.flag-sy {
+    background-position: 0 83.471074%
+}
+
+.flag-sz {
+    background-position: 0 83.884298%
+}
+
+.flag-tc {
+    background-position: 0 84.297521%
+}
+
+.flag-td {
+    background-position: 0 84.710744%
+}
+
+.flag-tf {
+    background-position: 0 85.123967%
+}
+
+.flag-tg {
+    background-position: 0 85.53719%
+}
+
 .flag-th {
     background-position: 0 85.950413%
 }
 
+.flag-tj {
+    background-position: 0 86.363636%
+}
+
 .flag-tk {
+    background-position: 0 86.77686%
+}
+
+.flag-tl {
+    background-position: 0 87.190083%
+}
+
+.flag-tm {
     background-position: 0 87.603306%
 }
 
+.flag-tn {
+    background-position: 0 88.016529%
+}
+
+.flag-to {
+    background-position: 0 88.429752%
+}
+
+.flag-tp {
+    background-position: 0 88.842975%
+}
+
 .flag-tr {
     background-position: 0 89.256198%
 }
 
-.flag-uk {
+.flag-tt {
+    background-position: 0 89.669421%
+}
+
+.flag-tv {
+    background-position: 0 90.082645%
+}
+
+.flag-tw {
+    background-position: 0 90.495868%
+}
+
+.flag-ty {
+    background-position: 0 90.909091%
+}
+
+.flag-tz {
+    background-position: 0 91.322314%
+}
+
+.flag-ua {
     background-position: 0 91.735537%
 }
 
+.flag-ug {
+    background-position: 0 92.14876%
+}
+
+.flag-gb, .flag-uk {
+    background-position: 0 92.561983%
+}
+
+.flag-um {
+    background-position: 0 92.975207%
+}
+
+.flag-us {
+    background-position: 0 93.38843%
+}
+
+.flag-uy {
+    background-position: 0 93.801653%
+}
+
 .flag-uz {
     background-position: 0 94.214876%
 }
 
+.flag-va {
+    background-position: 0 94.628099%
+}
+
+.flag-vc {
+    background-position: 0 95.041322%
+}
+
+.flag-ve {
+    background-position: 0 95.454545%
+}
+
+.flag-vg {
+    background-position: 0 95.867769%
+}
+
 .flag-vi {
+    background-position: 0 96.280992%
+}
+
+.flag-vn {
     background-position: 0 96.694215%
 }
 
-.flag-bi {
+.flag-vu {
     background-position: 0 97.107438%
 }
 
-.flag-sm {
+.flag-wf {
+    background-position: 0 97.520661%
+}
+
+.flag-ws {
     background-position: 0 97.933884%
 }
 
-.flag-ts, .flag-nr, .flag-tn, .flag-zu, .flag-ve, .flag-af {
+.flag-ye {
+    background-position: 0 98.347107%
+}
+
+.flag-za {
     background-position: 0 98.760331%
 }
 
-.flag-sn, .flag-ny, .flag-to, .flag-nd, .flag-xh {
+.flag-zm {
+    background-position: 0 99.173554%
+}
+
+.flag-zr {
+    background-position: 0 99.586777%
+}
+
+.flag-zw {
     background-position: 0 100%
 }

addons/default/visiosoft/location-module/resources/js/filterLocation.js

@@ -13,7 +13,7 @@ $('.filter-country-btn').on('click', function () {
                 resetValue('country', true, false)
                 $.each(countries, function (index, value) {
                     console.log(value)
-                    $('.filter-location-modal .countries').append(item('country', value.id, value.name, value.slug));
+                    $('.filter-location-modal .countries').append(item('country', value.id, value.name, value.abv));
                 });
                 if (countries == "")
                     $('.filter-location-modal .countries').html(null_msg);
@@ -243,11 +243,11 @@ function locationCrud(params, url, type, beforeSend, callback) {
     });
 }
 
-function item(field_name, id, value, slug = '' ) {
+function item(field_name, id, value, abv ) {
     return '<li class="px-2" data-id="' + id + '">\n' +
         '                    <label class="w-100">\n' +
         '                        <input type="checkbox" data-field="' + field_name + '" data-id="' + id + '">\n' +
-        '                                <span class="flag ml-1 flag-'+ slug +'">\n' +
+        '                                <span class="flag ml-1 flag-'+ abv.toLowerCase() +'">\n' +
                     '                    </span>\n' +
         '                        <small>' + value + '</small>\n' +
         '                    </label>\n' +