View difference between Paste ID: 4YezkmSf and LzCEXGrR

-function getForm(){
+function parsingHasil(item, index) {
- var hasil = Array();
+   hasil[index] = parseInt(item) / parseInt(total) * 100;
-  $.ajax({
+   return 1;
-    method:'GET',
+
-    url:sourceorigin+'/get_voting/'+fbp_id,
+var hasil = Array();
-    success:function(data){
+var arr = Array();
-     // var result = JSON.parse(data[0]['data']);
+var total = 0;
-      var arr = Array();
+
-      console.log(data);
+function getForm() {
-      data['data'].forEach(element => {
+
-        if(element.question_type == 'imagesingle'){
+   $.ajax({
-            var key = element.answer;
+      method: 'GET',
-            console.log(key);
+      url: sourceorigin + '/get_voting/' + fbp_id,
-            if(typeof arr[key] !== 'undefined'){
+      success: function(dt) {
-              arr[key] += 1
+         // var result = JSON.parse(data[0]['data']);
-            }else{
+
-              arr[key] = 1
+         log_txt(data);
          data['data'].forEach(element => {
-            hasil[key] = parseInt(arr[key])/parseInt(data['total'])* 100;
+            if (typeof element.question_type != "undefined" && element.question_type == 'imagesingle') {
-          }
+               var key = element.answer;
-      });
+               log_txt(key);
-    },
+               //if(typeof arr[key] !== 'undefined')
-  });
+               if (typeof arr[key] == "undefined" || arr[key] == null) {
-  $.ajax({
+                  arr[key] = 1;
-    method:'GET',
+               } else {
-    url:sourceorigin+'/getformview/'+fbp_id,
+                  arr[key]++; //kecuali mau pakai
-    success:function(data){
+                  //arr[key]+=element.total
-      var str = "";
+               }
-      var poolinngresult = "";
+               total++;
-      $("#tnc-content-href").append("<a href='#tnc' class='text-tnc'>"+data['data'][0]['campaign']['hreftnc']+"</a>").magnificPopup({
+               //hasil[key] = parseInt(arr[key])/parseInt(data['total'])* 100;
-        items: {src: '#tnc'},
+
             elseif(typeof element.question_type != "undefined") {
-                open: function () {}
+               log_txt(element.question_type);
-                ,
+
-                close: function () {
+            else {
-                //   location.reload(true);
+               log_txt(element);
-                }
+
          });
-        type: 'inline', fixedContentPos: false, fixedBgPos: true, overflowY: 'auto', closeBtnInside: true, preloader: true, midClick: true, removalDelay: 300, mainClass: 'my-mfp-slide-bottom'
+         //----------Hasil
-      });
+         arr.forEach(parsingHasil);
-      $("#success_popup").append("<button title='Close (Esc)' type='button' class='mfp-close right bat-close-button'><span><i class='fa fa-close'></i></span></button>"+
+      },
-      "<div class='tandc-text'>"+
+   });
-        data['data'][0]['campaign']['success_messages']+
+
-        "<div class='bat-voucher-code'>"+
+   $.ajax({
-          data['data'][0]['campaign']['code_voucher']+
+      method: 'GET',
-        "</div>"+
+      url: sourceorigin + '/getformview/' + fbp_id,
-        "<a href='#' target='_blank'>"+data['data'][0]['campaign']['shop_url']+"</a>"+
+      success: function(data) {
-      "</div>"+
+         var str = "";
-      "<div class='bat-modal-button'><button id='confirm-success-all' class='ok-button-success' type='button'>OK</button></div>")
+         var poolinngresult = "";
-      $('#tnc-content').append("<div id='tnc' class='campaign_popup zoom-anim-dialog mfp-hide'>"+
+         $("#tnc-content-href").append("<a href='#tnc' class='text-tnc'>" + data['data'][0]['campaign']['hreftnc'] + "</a>").magnificPopup({
-      "<button title='Close (Esc)' id='btn_success_close' type='button' class='mfp-close right bat-close-button'><span><i class='fa fa-close'></i></span></button>"+
+            items: {
-      "<p class='tncTitle' style='text-align: center;'>Syarat & Ketentuan<br></p>"+
+               src: '#tnc'
-      "<div class='tandc-text'>"+
+
-         data['data'][0]['campaign']['tnc']+
+
-      "</div>"+
+               open: function() {},
-      "<div class='bat-modal-button'><button class='ok-button-tnc' type='button'>OK</button></div></div>")
+               close: function() {
-      $('#header-article').append("<div class='bat-component' id='bat-title'>"+data['data'][0]['campaign']['title']+"</div>"+
+                  //   location.reload(true);
-        "<!-- beyond article banner image -->"+
+               }
-        "<div class='bat-component' id='bat-banner-image'>"+
+
-        "<img src='"+sourceorigin+"/storage/"+data['data'][0]['campaign']['image_banner']+"'>"+
+            type: 'inline',
-        "</div>"+" <input type='hidden' name='textfield' id='id_campaign' class='bat-input-field bat-textfield id-short-input' value='"+data['data'][0]['campaign']['_id']+"'>")
+            fixedContentPos: false,
-        data['data'].forEach((element,index) => {
+            fixedBgPos: true,
-          if(element.question_type== 'short'){
+            overflowY: 'auto',
-           str =  " <div class='input-short'>"+
+            closeBtnInside: true,
-            "<input type='text' name='"+element._id+"' class='bat-input-field bat-textfield short-input'>"+
+            preloader: true,
-            "</div>";
+            midClick: true,
-          }else if(element.question_type == 'long'){
+            removalDelay: 300,
-            str = "<div class='input-long'>"+
+            mainClass: 'my-mfp-slide-bottom'
-            "<textarea rows='8' name='"+element._id+"' class='bat-input-field bat-textarea long-input'></textarea>"+
+         });
-            "</div>";
+         $("#success_popup").append("<button title='Close (Esc)' type='button' class='mfp-close right bat-close-button'><span><i class='fa fa-close'></i></span></button>" +
-          }else if(element.question_type == 'single'){
+            "<div class='tandc-text'>" +
-            var option = "";
+            data['data'][0]['campaign']['success_messages'] +
-            element['options'].forEach((value,index) => {
+            "<div class='bat-voucher-code'>" +
-              option += "<li class='bat-radiobutton-item'>"+
+            data['data'][0]['campaign']['code_voucher'] +
-              "<input class='bat-radiobutton' type='radio' name='"+element._id+"' value='"+value+"' id='radio-"+index+"'/>"+
+            "</div>" +
-              "<label for='radio-"+index+"'>"+value+"</label>"+
+            "<a href='#' target='_blank'>" + data['data'][0]['campaign']['shop_url'] + "</a>" +
-              "</li>";
+            "</div>" +
             "<div class='bat-modal-button'><button id='confirm-success-all' class='ok-button-success' type='button'>OK</button></div>")
-            str = "<ul id='radiobutton'>"+option+"</ul>";
+         $('#tnc-content').append("<div id='tnc' class='campaign_popup zoom-anim-dialog mfp-hide'>" +
-          }else if(element.question_type == 'multiple'){
+            "<button title='Close (Esc)' id='btn_success_close' type='button' class='mfp-close right bat-close-button'><span><i class='fa fa-close'></i></span></button>" +
-            var option = ""
+            "<p class='tncTitle' style='text-align: center;'>Syarat & Ketentuan<br></p>" +
-            element['options'].forEach((value,index) => {
+            "<div class='tandc-text'>" +
-              option += "<label class='bat-checkbox'>"+value+
+            data['data'][0]['campaign']['tnc'] +
-              "<input class='check-bx' type='checkbox' name='"+element._id+"' value='"+value+"' id='checkbox-"+index+"'/>"+
+            "</div>" +
-                "<span class='checkmark'></span>"+
+            "<div class='bat-modal-button'><button class='ok-button-tnc' type='button'>OK</button></div></div>")
-              "</label>";
+         $('#header-article').append("<div class='bat-component' id='bat-title'>" + data['data'][0]['campaign']['title'] + "</div>" +
-              str = option;
+            "<!-- beyond article banner image -->" +
             "<div class='bat-component' id='bat-banner-image'>" +
-          }else if(element.question_type == 'select'){
+            "<img src='" + sourceorigin + "/storage/" + data['data'][0]['campaign']['image_banner'] + "'>" +
-            var option = ""
+            "</div>" + " <input type='hidden' name='textfield' id='id_campaign' class='bat-input-field bat-textfield id-short-input' value='" + data['data'][0]['campaign']['_id'] + "'>")
-            element['options'].forEach((value,index) => {
+         data['data'].forEach((element, index) => {
-              option += "<option value='"+value+"'>"+value+"</option>";
+            if (element.question_type == 'short') {
                str = " <div class='input-short'>" +
-            str = "<div class='select-dropdown'>"+
+                  "<input type='text' name='" + element._id + "' class='bat-input-field bat-textfield short-input'>" +
-            "<select name='"+element._id+"' id='select-dropdown' class='bat-input-field bat-select-dropdown'>"+
+                  "</div>";
-            "<option value=''>Pilih Jawaban</option>"+option+
+            } else if (element.question_type == 'long') {
-            "</select>";
+               str = "<div class='input-long'>" +
-          }else if(element.question_type == 'imagesingle'){
+                  "<textarea rows='8' name='" + element._id + "' class='bat-input-field bat-textarea long-input'></textarea>" +
-            var option = ""
+                  "</div>";
-            element['options'].forEach((value,index) => {
+            } else if (element.question_type == 'single') {
-              if (element.images.length != 0) {
+               var option = "";
-                option +="<div class='bat-polling-image' data-for='polling-2'>"+
+               element['options'].forEach((value, index) => {
-                  "<img src='"+sourceorigin+"/storage/"+element['images'][index]+"'>"+
+                  option += "<li class='bat-radiobutton-item'>" +
-                  "<div class='bat-polling-text'>"+value+"</div>"+
+                     "<input class='bat-radiobutton' type='radio' name='" + element._id + "' value='" + value + "' id='radio-" + index + "'/>" +
-                  "<input type='radio' name='"+element._id+"' id='polling-2' value='"+value+"' class='img-option'>"+
+                     "<label for='radio-" + index + "'>" + value + "</label>" +
-                "</div>"
+                     "</li>";
-              }else{
+               });
-                option += "<div class='bat-polling-image' data-for='polling-2'>"+
+               str = "<ul id='radiobutton'>" + option + "</ul>";
-                "<img>"+
+            } else if (element.question_type == 'multiple') {
-                "<div class='bat-polling-text'>"+value+"</div>"+
+               var option = ""
-                "<input type='radio' name='"+element._id+"' id='polling-2' value='"+value+"' class='img-option'>"+
+               element['options'].forEach((value, index) => {
-              "</div>"
+                  option += "<label class='bat-checkbox'>" + value +
-
+                     "<input class='check-bx' type='checkbox' name='" + element._id + "' value='" + value + "' id='checkbox-" + index + "'/>" +
-              }
+                     "<span class='checkmark'></span>" +
-              console.log(hasil);
+                     "</label>";
-              if(typeof hasil[value] !== 'undefined'){
+                  str = option;
-                console.log(hasil[value]);
+               });
-                poolinngresult += "<div class='bat-polling-percentage' id='percentage-1' style='width: calc("+hasil[value]+"% - 26px);'>"+
+            } else if (element.question_type == 'select') {
-                "<div class='bat-polling-percentage-text'>"+value+"</div>"+
+               var option = ""
-                  "<div class='bat-polling-percentage-number'>"+hasil[value]+"%</div>"+
+               element['options'].forEach((value, index) => {
-                "</div>";
+                  option += "<option value='" + value + "'>" + value + "</option>";
-              }
+               });
                str = "<div class='select-dropdown'>" +
-            str = "<div class='bat-component bat-quiz' id='bat-polling'>"+
+                  "<select name='" + element._id + "' id='select-dropdown' class='bat-input-field bat-select-dropdown'>" +
-            "<div class='bat-quiz-question'>Clozetters, kalau kamu mendapatkan kesempatan untuk memiliki "+data['data'][0]['campaign']['title']+" akan kamu pakai dalam momen apa?</div>"+
+                  "<option value=''>Pilih Jawaban</option>" + option +
-            "<div class='bat-quiz-input'>"+
+                  "</select>";
-            "<div class='bat-polling-image-list'>"+
+            } else if (element.question_type == 'imagesingle') {
-             option+
+               var option = ""
-            "</div>"+
+               element['options'].forEach((value, index) => {
-                  "<div class='bat-polling-result'>"+
+                  if (element.images.length != 0) {
-                    poolinngresult
+                     option += "<div class='bat-polling-image' data-for='polling-2'>" +
-                  "</div>"+
+                        "<img src='" + sourceorigin + "/storage/" + element['images'][index] + "'>" +
-                "</div>"+
+                        "<div class='bat-polling-text'>" + value + "</div>" +
-              "</div>"
+                        "<input type='radio' name='" + element._id + "' id='polling-2' value='" + value + "' class='img-option'>" +
-          }else if(element.question_type == 'scale'){
+                        "</div>"
-            // element['options'].forEach((value,index) => {
+                  } else {
-            //   option += "<option value='"+value+"'>"+value+"</option>";
+                     option += "<div class='bat-polling-image' data-for='polling-2'>" +
-            // });
+                        "<img>" +
-            var option = "";
+                        "<div class='bat-polling-text'>" + value + "</div>" +
-            var nameArr = element.range.split('-');
+                        "<input type='radio' name='" + element._id + "' id='polling-2' value='" + value + "' class='img-option'>" +
-            for(var i = parseInt(nameArr[0]); i <= parseInt(nameArr[1]); i++){
+                        "</div>"
-              option += "<div class='bat-scaling-answer'>"+
+
-                "<div class='bat-radiobutton-item'>"+
+                  }
-                  "<input class='bat-radiobutton scale-option' type='radio' name='"+element._id+"' value='"+i+"' id='scaling-"+i+"'>"+
+                  console.log(hasil);
-                  "<label for='scaling-"+i+"'>"+i+"</label>"+
+                  if (typeof hasil[value] !== 'undefined') {
-                "</div>"+
+                     console.log(hasil[value]);
-              "</div>"
+                     poolinngresult += "<div class='bat-polling-percentage' id='percentage-1' style='width: calc(" + hasil[value] + "% - 26px);'>" +
                         "<div class='bat-polling-percentage-text'>" + value + "</div>" +
-            str = "<div class='bat-scaling-answer-list'><div class='bat-scaling-item' id='bat-scaling-tidak'>"+element.start+"</div>"+
+                        "<div class='bat-polling-percentage-number'>" + hasil[value] + "%</div>" +
-                  "<div class='bat-scaling-item' id='bat-scaling-list'>"+
+                        "</div>";
-                   option+
+                  }
-                  "</div>"+
+               });
-                  "<div class='bat-scaling-item' id='bat-scaling-ingin'>"+element.end+"</div></div>";
+               str = "<div class='bat-component bat-quiz' id='bat-polling'>" +
-          }
+                  "<div class='bat-quiz-question'>Clozetters, kalau kamu mendapatkan kesempatan untuk memiliki " + data['data'][0]['campaign']['title'] + " akan kamu pakai dalam momen apa?</div>" +
-          $('#answer-template').append("<div class='bat-component bat-quiz' id='bat-textfield'>"+
+                  "<div class='bat-quiz-input'>" +
-          "<div class='bat-quiz-question'>"+element.question+"</div>"+
+                  "<div class='bat-polling-image-list'>" +
-          "<div class='bat-quiz-input'>"+str+"</div>");
+                  option +
-        });
+                  "</div>" +
                   "<div class='bat-polling-result'>" +
-
+                  poolinngresult "</div>" +
-    }
+                  "</div>" +
-  })
+                  "</div>"
             } else if (element.question_type == 'scale') {
-$(document).ready(function(){
+               // element['options'].forEach((value,index) => {
-  getForm();
+               //   option += "<option value='"+value+"'>"+value+"</option>";
-  $(document).on('submit', '#bat-form', function(e){
+               // });
-    e.preventDefault();
+               var option = "";
-    if ($('#agree').is(":checked"))
+               var nameArr = element.range.split('-');
-    {
+               for (var i = parseInt(nameArr[0]); i <= parseInt(nameArr[1]); i++) {
-      var fd = new FormData();
+                  option += "<div class='bat-scaling-answer'>" +
-      var i;
+                     "<div class='bat-radiobutton-item'>" +
-      var num =  $('.bat-radiobutton-item').find('.bat-radiobutton')
+                     "<input class='bat-radiobutton scale-option' type='radio' name='" + element._id + "' value='" + i + "' id='scaling-" + i + "'>" +
-      var numshortinput =  $('.input-short').find('.short-input')
+                     "<label for='scaling-" + i + "'>" + i + "</label>" +
-      var numlonginput =  $('.input-long').find('.long-input')
+                     "</div>" +
-      var numcheckbox =  $('.bat-checkbox').find('.check-bx')
+                     "</div>"
-      var numselectbox =  $('.select-dropdown').find('.bat-select-dropdown')
+               }
-      var numoptionimg =  $('.bat-polling-image').find('.img-option')
+               str = "<div class='bat-scaling-answer-list'><div class='bat-scaling-item' id='bat-scaling-tidak'>" + element.start + "</div>" +
-      var numscale =  $('.bat-scaling-answer').find('.scale-option')
+                  "<div class='bat-scaling-item' id='bat-scaling-list'>" +
-      fd.append('_token','{{csrf_token()}}')
+                  option +
-      if(num.length > 0){
+                  "</div>" +
-        var dataoption = [];
+                  "<div class='bat-scaling-item' id='bat-scaling-ingin'>" + element.end + "</div></div>";
-        num.each(function(index, item){
+
-          var id = $(item).attr('name')
+            $('#answer-template').append("<div class='bat-component bat-quiz' id='bat-textfield'>" +
-          if(dataoption.indexOf(id) === -1) {
+               "<div class='bat-quiz-question'>" + element.question + "</div>" +
-              dataoption.push(id);
+               "<div class='bat-quiz-input'>" + str + "</div>");
          });
-        });
+
-        for (let index = 0; index < dataoption.length; index++) {
+
-          const element = dataoption[index];
+   })
-          var val = $('input[name='+element+']:checked').val();
+
-            i = index;
+$(document).ready(function() {
-            fd.append('answer['+i+']',val);
+   getForm();
-            fd.append('question['+i+']',element);
+   $(document).on('submit', '#bat-form', function(e) {
-        }
+      e.preventDefault();
       if ($('#agree').is(":checked")) {
-      if(numshortinput.length > 0){
+         var fd = new FormData();
-        numshortinput.each(function(index, item){
+         var i;
-
+         var num = $('.bat-radiobutton-item').find('.bat-radiobutton')
-            if(index == 0){
+         var numshortinput = $('.input-short').find('.short-input')
-              i += index + 1;
+         var numlonginput = $('.input-long').find('.long-input')
-            }else{
+         var numcheckbox = $('.bat-checkbox').find('.check-bx')
-              i = index;
+         var numselectbox = $('.select-dropdown').find('.bat-select-dropdown')
          var numoptionimg = $('.bat-polling-image').find('.img-option')
-            // var val = $(item).val();
+         var numscale = $('.bat-scaling-answer').find('.scale-option')
-            var id = $(item).attr('name');
+         fd.append('_token', '{{csrf_token()}}')
-            var val = $(item).val()
+         if (num.length > 0) {
-            fd.append('answer['+i+']',val);
+            var dataoption = [];
-            fd.append('question['+i+']',id);
+            num.each(function(index, item) {
-        });
+               var id = $(item).attr('name')
                if (dataoption.indexOf(id) === -1) {
-      if(numlonginput.length > 0){
+                  dataoption.push(id);
-        numlonginput.each(function(index, item){
+               }
-
+
-            if(index == 0){
+            for (let index = 0; index < dataoption.length; index++) {
-              i += index + 1;
+               const element = dataoption[index];
-            }else{
+               var val = $('input[name=' + element + ']:checked').val();
-              i = index;
+               i = index;
                fd.append('answer[' + i + ']', val);
-            var id = $(item).attr('name');
+               fd.append('question[' + i + ']', element);
-            var val = $(item).val()
+
-            fd.append('answer['+i+']',val);
+         }
-            fd.append('question['+i+']',id);
+         if (numshortinput.length > 0) {
-        });
+            numshortinput.each(function(index, item) {
 
-      if(numcheckbox.length > 0){
+               if (index == 0) {
-        var dataceckoption = [];
+                  i += index + 1;
-        numcheckbox.each(function(index, item){
+               } else {
-          var id = $(item).attr('name')
+                  i = index;
-          //console.log($(item));
+               }
-          if(dataceckoption.indexOf(id) === -1) {
+               // var val = $(item).val();
-            dataceckoption.push(id);
+               var id = $(item).attr('name');
                var val = $(item).val()
-        });
+               fd.append('answer[' + i + ']', val);
-        for (let index = 0; index < dataceckoption.length; index++) {
+               fd.append('question[' + i + ']', id);
-          const element = dataceckoption[index];
+
-          //var val = $('input[name='+element+']:checked').val();
+         }
-          var val = [];
+         if (numlonginput.length > 0) {
-            $.each($("input[name="+element+"]:checked"), function(){
+            numlonginput.each(function(index, item) {
-                val.push($(this).val());
+
                if (index == 0) {
-
+                  i += index + 1;
-            if(index == 0){
+               } else {
-              i += index + 1;
+                  i = index;
-            }else{
+               }
-              i = index;
+               var id = $(item).attr('name');
                var val = $(item).val()
-            fd.append('answer['+i+']',val);
+               fd.append('answer[' + i + ']', val);
-            fd.append('question['+i+']',element);
+               fd.append('question[' + i + ']', id);
-        }
+
          }
-        if(numselectbox.length > 0){
+         if (numcheckbox.length > 0) {
-          numselectbox.each(function(index, item){
+            var dataceckoption = [];
-
+            numcheckbox.each(function(index, item) {
-            if(index == 0){
+               var id = $(item).attr('name')
-              i += index + 1;
+               //console.log($(item));
-            }else{
+               if (dataceckoption.indexOf(id) === -1) {
-              i = index;
+                  dataceckoption.push(id);
                }
-            // var val = $(item).val();
+
-            var id = $(item).attr('name');
+            for (let index = 0; index < dataceckoption.length; index++) {
-            var val = $(item).val();
+               const element = dataceckoption[index];
-            console.log(val);
+               //var val = $('input[name='+element+']:checked').val();
-            fd.append('answer['+i+']',val);
+               var val = [];
-            fd.append('question['+i+']',id);
+               $.each($("input[name=" + element + "]:checked"), function() {
-        });
+                  val.push($(this).val());
                });
-      if(numoptionimg.length > 0){
+
-        var dataoption = [];
+               if (index == 0) {
-        numoptionimg.each(function(index, item){
+                  i += index + 1;
-          var id = $(item).attr('name')
+               } else {
-          if(dataoption.indexOf(id) === -1) {
+                  i = index;
-              dataoption.push(id);
+               }
                fd.append('answer[' + i + ']', val);
-        });
+               fd.append('question[' + i + ']', element);
-        for (let index = 0; index < dataoption.length; index++) {
+
-          const element = dataoption[index];
+         }
-          var val = $('input[name='+element+']:checked').val();
+         if (numselectbox.length > 0) {
-            if(index == 0){
+            numselectbox.each(function(index, item) {
-              i += index + 1;
+
-            }else{
+               if (index == 0) {
-              i = index;
+                  i += index + 1;
                } else {
-            fd.append('answer['+i+']',val);
+                  i = index;
-            fd.append('question['+i+']',element);
+               }
-        }
+               // var val = $(item).val();
                var id = $(item).attr('name');
-      if(numscale.length > 0){
+               var val = $(item).val();
-        var datascaling = [];
+               console.log(val);
-        numscale.each(function(index, item){
+               fd.append('answer[' + i + ']', val);
-          var id = $(item).attr('name')
+               fd.append('question[' + i + ']', id);
-          if(dataoption.indexOf(id) === -1) {
+
-              dataoption.push(id);
+         }
          if (numoptionimg.length > 0) {
-        });
+            var dataoption = [];
-        for (let index = 0; index < datascaling.length; index++) {
+            numoptionimg.each(function(index, item) {
-          const element = datascaling[index];
+               var id = $(item).attr('name')
-          var val = $('input[name='+element+']:checked').val();
+               if (dataoption.indexOf(id) === -1) {
-            if(index == 0){
+                  dataoption.push(id);
-              i += index + 1;
+               }
-            }else{
+
-              i = index;
+            for (let index = 0; index < dataoption.length; index++) {
                const element = dataoption[index];
-            fd.append('answer['+i+']',val);
+               var val = $('input[name=' + element + ']:checked').val();
-            fd.append('question['+i+']',element);
+               if (index == 0) {
-        }
+                  i += index + 1;
                } else {
-      var nama = $("#nama").val();
+                  i = index;
-      var whatsapp = $("#whatsapp").val();
+               }
-      var alamat = $("#alamat").val();
+               fd.append('answer[' + i + ']', val);
-      var email = $("#email").val();
+               fd.append('question[' + i + ']', element);
-      var idcampaign = $("#id_campaign").val();
+
-      var instagram = $("#instagram").val();
+         }
-      fd.append('nama',nama);
+         if (numscale.length > 0) {
-      fd.append('whatsapp',whatsapp);
+            var datascaling = [];
-      fd.append('alamat',alamat);
+            numscale.each(function(index, item) {
-      fd.append('email',email);
+               var id = $(item).attr('name')
-      fd.append('instagram',instagram);
+               if (dataoption.indexOf(id) === -1) {
-      fd.append('idcampaign',idcampaign);
+                  dataoption.push(id);
-      $.ajax({
+               }
-        url:sourceorigin+'/saveparticipant',
+
-        method:'POST',
+            for (let index = 0; index < datascaling.length; index++) {
-        processData: false,
+               const element = datascaling[index];
-        contentType: false,
+               var val = $('input[name=' + element + ']:checked').val();
-        data:fd,
+               if (index == 0) {
-        success:function(){
+                  i += index + 1;
-          $.magnificPopup.open({
+               } else {
-            items: {src: '#success_popup'},
+                  i = index;
                }
-                    open: function () {}
+               fd.append('answer[' + i + ']', val);
-                    ,
+               fd.append('question[' + i + ']', element);
-                    close: function () {
+
          }
-                    }
+         var nama = $("#nama").val();
-                },
+         var whatsapp = $("#whatsapp").val();
-            type: 'inline', fixedContentPos: false, fixedBgPos: true, overflowY: 'auto', closeBtnInside: true, preloader: true, midClick: true, removalDelay: 300, mainClass: 'my-mfp-slide-bottom'
+         var alamat = $("#alamat").val();
-          });
+         var email = $("#email").val();
-        },
+         var idcampaign = $("#id_campaign").val();
-        error:function(xhr, status, error){
+         var instagram = $("#instagram").val();
-          var err = eval("(" + xhr.responseText + ")");
+         fd.append('nama', nama);
-          $('#errormessages').text(err.messages)
+         fd.append('whatsapp', whatsapp);
-          $.magnificPopup.open({
+         fd.append('alamat', alamat);
-            items: {src: '#failed_popup'},
+         fd.append('email', email);
          fd.append('instagram', instagram);
-                    open: function () {}
+         fd.append('idcampaign', idcampaign);
-                    ,
+         $.ajax({
-                    close: function () {
+            url: sourceorigin + '/saveparticipant',
             method: 'POST',
-                    }
+            processData: false,
-                },
+            contentType: false,
-            type: 'inline', fixedContentPos: false, fixedBgPos: true, overflowY: 'auto', closeBtnInside: true, preloader: true, midClick: true, removalDelay: 300, mainClass: 'my-mfp-slide-bottom'
+            data: fd,
-          });
+            success: function() {
-        }
+               $.magnificPopup.open({
-      })
+                  items: {
-    }else{
+                     src: '#success_popup'
-      alert('please check term and condition')
+                  },
-    }
+
-    });
+                     open: function() {},
-    $(document).on('click', '.bat-polling-image', function(){
+                     close: function() {
-        var clickImageRadio = $(this).data('for');
+
-        $("#"+clickImageRadio).prop("checked", true);
+                     }
-        $('.bat-polling-image').removeClass('bat-polling-image-active');
+                  },
-        $(this).addClass('bat-polling-image-active');
+                  type: 'inline',
-    });
+                  fixedContentPos: false,
-    $(document).on('click', '.campaign_popup .fa-close', function(){
+                  fixedBgPos: true,
-        $('.mfp-close').click();
+                  overflowY: 'auto',
-    });
+                  closeBtnInside: true,
-//  open tnc
+                  preloader: true,
-  $('.text-tnc').magnificPopup({
+                  midClick: true,
-    items: {src: '#tnc'},
+                  removalDelay: 300,
-        callbacks: {
+                  mainClass: 'my-mfp-slide-bottom'
-            open: function () {}
+               });
-            ,
+
-            close: function () {
+            error: function(xhr, status, error) {
                var err = eval("(" + xhr.responseText + ")");
                $('#errormessages').text(err.messages)
-        },
+               $.magnificPopup.open({
-    type: 'inline', fixedContentPos: false, fixedBgPos: true, overflowY: 'auto', closeBtnInside: true, preloader: true, midClick: true, removalDelay: 300, mainClass: 'my-mfp-slide-bottom'
+                  items: {
-  });
+                     src: '#failed_popup'
-
+                  },
-//  tombol ok popup
+
-  $('.ok-button-tnc,.ok-button-success,.ok-button-fail,.ok-button-end').click(function(event){
+                     open: function() {},
-    magnificPopup1 = $.magnificPopup.instance; // save instance in magnificPopup variable
+                     close: function() {
-    magnificPopup1.close(); // Close popup that is currently opened
+
-    event.preventDefault();
+                     }
-  });
+                  },
                   type: 'inline',
-//  popup kontes selesai
+                  fixedContentPos: false,
-  $('#open_end_popup').magnificPopup({
+                  fixedBgPos: true,
-    items: {src: '#end_popup'},
+                  overflowY: 'auto',
-          callbacks: {
+                  closeBtnInside: true,
-            open: function () {}
+                  preloader: true,
-        },
+                  midClick: true,
-    type: 'inline', fixedContentPos: false, fixedBgPos: true, overflowY: 'auto', closeBtnInside: true, preloader: true, midClick: true, removalDelay: 300, mainClass: 'my-mfp-slide-bottom'
+                  removalDelay: 300,
-  });
+                  mainClass: 'my-mfp-slide-bottom'
                });
-//  open popup success submit form
+
-  $('#open_success_popup').magnificPopup({
+         })
-      items: {src: '#success_popup'},
+      } else {
          alert('please check term and condition')
-              open: function () {}
+
-              ,
+   });
-              close: function () {
+   $(document).on('click', '.bat-polling-image', function() {
-                //   location.reload(true);
+      var clickImageRadio = $(this).data('for');
-              }
+      $("#" + clickImageRadio).prop("checked", true);
-          },
+      $('.bat-polling-image').removeClass('bat-polling-image-active');
-      type: 'inline', fixedContentPos: false, fixedBgPos: true, overflowY: 'auto', closeBtnInside: true, preloader: true, midClick: true, removalDelay: 300, mainClass: 'my-mfp-slide-bottom'
+      $(this).addClass('bat-polling-image-active');
-  });
+   });
    $(document).on('click', '.campaign_popup .fa-close', function() {
-//  open popup failed submit form
+      $('.mfp-close').click();
-  $('#open_failed_popup').magnificPopup({
+   });
-      items: {src: '#failed_popup'},
+   //  open tnc
    $('.text-tnc').magnificPopup({
-              open: function () {}
+      items: {
-              ,
+         src: '#tnc'
-              close: function () {}
+      },
-          },
+      callbacks: {
-      type: 'inline', fixedContentPos: false, fixedBgPos: true, overflowY: 'auto', closeBtnInside: true, preloader: true, midClick: true, removalDelay: 300, mainClass: 'my-mfp-slide-bottom'
+         open: function() {},
-  });
+         close: function() {
-
+
-//  open popup kontes selesai submit form
+         }
-  $('#open_end_popup').magnificPopup({
+      },
-      items: {src: '#end_popup'},
+      type: 'inline',
       fixedContentPos: false,
-              open: function () {}
+      fixedBgPos: true,
-          },
+      overflowY: 'auto',
-      type: 'inline', fixedContentPos: false, fixedBgPos: true, overflowY: 'auto', closeBtnInside: true, preloader: true, midClick: true, removalDelay: 300, mainClass: 'my-mfp-slide-bottom'
+      closeBtnInside: true,
-  });
+      preloader: true,
-});
+      midClick: true,
       removalDelay: 300,
       mainClass: 'my-mfp-slide-bottom'
    });
 
    //  tombol ok popup
    $('.ok-button-tnc,.ok-button-success,.ok-button-fail,.ok-button-end').click(function(event) {
       magnificPopup1 = $.magnificPopup.instance; // save instance in magnificPopup variable
       magnificPopup1.close(); // Close popup that is currently opened
       event.preventDefault();
    });
 
    //  popup kontes selesai
    $('#open_end_popup').magnificPopup({
       items: {
          src: '#end_popup'
       },
       callbacks: {
          open: function() {}
       },
       type: 'inline',
       fixedContentPos: false,
       fixedBgPos: true,
       overflowY: 'auto',
       closeBtnInside: true,
       preloader: true,
       midClick: true,
       removalDelay: 300,
       mainClass: 'my-mfp-slide-bottom'
    });
 
    //  open popup success submit form
    $('#open_success_popup').magnificPopup({
       items: {
          src: '#success_popup'
       },
       callbacks: {
          open: function() {},
          close: function() {
             //   location.reload(true);
          }
       },
       type: 'inline',
       fixedContentPos: false,
       fixedBgPos: true,
       overflowY: 'auto',
       closeBtnInside: true,
       preloader: true,
       midClick: true,
       removalDelay: 300,
       mainClass: 'my-mfp-slide-bottom'
    });
 
    //  open popup failed submit form
    $('#open_failed_popup').magnificPopup({
       items: {
          src: '#failed_popup'
       },
       callbacks: {
          open: function() {},
          close: function() {}
       },
       type: 'inline',
       fixedContentPos: false,
       fixedBgPos: true,
       overflowY: 'auto',
       closeBtnInside: true,
       preloader: true,
       midClick: true,
       removalDelay: 300,
       mainClass: 'my-mfp-slide-bottom'
    });
 
    //  open popup kontes selesai submit form
    $('#open_end_popup').magnificPopup({
       items: {
          src: '#end_popup'
       },
       callbacks: {
          open: function() {}
       },
       type: 'inline',
       fixedContentPos: false,
       fixedBgPos: true,
       overflowY: 'auto',
       closeBtnInside: true,
       preloader: true,
       midClick: true,
       removalDelay: 300,
       mainClass: 'my-mfp-slide-bottom'
    });
 });
 
 function log_txt(param) {
    console.log(param);
    return 1;
 }