JSFiddle - React, Tailwind, and code Playground

Check Sent Surveys

by Hugo Carneiro

JavaScript

$(document).on('click', '.send', function() {
  $("[data-instance='" + window.flOverlaysStack['0'].triggerInstance + "']").parent().addClass('feedback-given');
  var feedbackLabel = "<div class='agenda-label completed'><span class='glyphicon glyphicon-ok'></span> Survey submitted</div>";
  $.each($('.linked.feedback-given .list-desc'), function(index, value) {
    if ($(this).find(".completed").length === 0) {
      $(this).find('.to-complete').remove();
      $(this).prepend(feedbackLabel);
    }
  });

  var trigg = window.flOverlaysStack['0'].triggerInstance;

  var myFunc = function() {
    if (typeof sessionsFeedback.data.sessions === 'undefined') {
      sessionsFeedback.data.sessions = {};
    }
    sessionsFeedback.data.sessions[trigg] = {};
    sessionsFeedback.data.sessions[trigg]["formData"] = $('.radio').parents('.form-group').find(':checked').val();

    var label = $("[data-instance='" + trigg + "']").parent().find(".list-title").text();
    sessionsFeedback.data.sessions[trigg]["label"] = label;

    sessionsFeedback.updateDevicePV(function() {
      console.log("sucess");
    });
    updateSurveyPV();
  };

  // Save into a PV which session has been given feedback
  var feedbackStruct = {
    sessions: {}
  };
  var sessionsFeedback = new PV("sessionsFeedback", feedbackStruct, myFunc, function() {
    console.log("error");
  });

  var clickedOverlay = window.flOverlaysStack.pop();
  window.overlays[clickedOverlay.overlay].close();

});

function updateSurveyPV() {
	window.surveysPV.data.dayOne.totalSurveys = $('.list-desc span[data-time]:first-of-type').length;
  window.surveysPV.data.dayOne.surveySent = $('.linked.feedback-given').length;
  window.surveysPV.updateDevicePV();
}

document.addEventListener('flScreenReady', function() {
	var surveyComplete = "<div class='agenda-label completed'><span class='glyphicon glyphicon-ok'></span> Survey submitted</div>";
	var surveyToComplete = "<div class='agenda-label to-complete'><span class='glyphicon...