Suggest a feature
×

Welcome to TagMyCode

Please login or create account to add a snippet.
0
0
 
0
Language: Text
Posted by: Влад Якуб
Added: Oct 3, 2019 8:36 AM
Modified: Oct 8, 2019 9:28 AM
Views: 2
Tags: no tags
  1. 'rsplit' => 1,
  2.         'js' => '
  3.                                 $.fn.disableSelection = function() {
  4.                                         return this
  5.                                                         .attr("unselectable", "on")
  6.                                                         .css("user-select", "none")
  7.                                                         .on("selectstart", false);
  8.                                 };
  9.                                 var $answers = $("pr-question-main"),
  10.                                         $input_container = $("<div/>").addClass("cb-container"),
  11.                                         $click_test = $("<div/>").addClass("click-test"),
  12.                                         $wrapperHTML = $("<span/>").addClass("phrase");
  13.  
  14.                                 $answers.find("> x-pad")
  15.                                         .append($input_container)
  16.                                         .append($click_test);
  17.  
  18.                                 $answers.find(".ansgroup").each(function() {
  19.                                         var $this = $(this);
  20.                                         var $checkbox = $this.find(":checkbox");
  21.                                         var $label = $($.parseHTML($this.find("pr-row-title").wrapInner($wrapperHTML.attr({
  22.                                                 "for": $checkbox.attr("name")
  23.                                         })).html()));
  24.  
  25.                                         if(!$checkbox.is("[disall]")) {
  26.                                                 $checkbox.appendTo($input_container);
  27.                                                 $label.appendTo($click_test);
  28.                                                 $click_test.find(".phrase").each(function() {
  29.                                                         $(this).before($(this).find("br"));
  30.                                                 });
  31.                                         } else $answers.find("> x-pad").append($checkbox).append($label.addClass("disall"));
  32.                                 }).remove();
  33.  
  34.                                 $(".click-test")
  35.                                         .disableSelection()
  36.                                         .on("click", ".phrase", function() {
  37.                                                 $answers.find("[name=\'" + $(this).attr("for") + "\']").trigger("click");
  38.                                         });
  39.  
  40.                                 $answers.on("change", ":checkbox:not([disall])", function() {
  41.                                         var $isChecked = $(this).prop("checked");
  42.                                         $answers.find(".phrase[for=\'" + $(this).attr("name") + "\']").toggleClass("checked", $isChecked);
  43.                                 });
  44.  
  45.                                 $answers.on("change", "[disall]", function() {
  46.                                         var $isChecked = $(this).prop("checked");
  47.                                         $(".cb-container :checkbox").prop({
  48.                                                 "checked": false,
  49.                                                 "disabled": $isChecked
  50.                                         });
  51.                                         $(".click-test .phrase").removeClass("checked").toggleClass("disabled", $isChecked);
  52.                                 });
  53.  
  54.                                 $answers.on("click", ".phrase.disall", function() {
  55.                                         $(this).siblings("[disall][name=\'" + $(this).attr("for") + "\']").trigger("click");
  56.                                 });
  57.                         ',
  58.         'css' => '
  59.                                 @import url(//fonts.googleapis.com/css?family=Comfortaa&subset=cyrillic-ext,latin,latin-ext,cyrillic);
  60.                                 pr-question-main .cb-container {width:0;height:0; overflow: hidden; }
  61.                                 pr-question-main .click-test {padding:20px 10px 20px 80px;border: #cccccc 1px solid;background:#f3f3f3 0px -20px no-repeat;margin:10px 15px 10px 0; line-height: 1.2}
  62.                                 pr-question-main .phrase { color: #444; font-size: 100%;}
  63.                                 pr-question-main .click-test .phrase { font-size: 16px;}
  64.                                 pr-question-main .phrase.checked { background: #fffa70;}
  65.                                 pr-question-main .phrase.disabled { cursor:default !important;opacity:0.35;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=35); color: #808080; }
  66.                                 pr-question-main input[disall] { margin-right: .5em; vertical-align: middle;}
  67.                         ',
  68.         'disall' => 99,