src/MentalSchool/AppBundle/Resources/views/Student/Training/start_training.html.twig line 1

Open in your IDE?
  1. {% extends "AppBundle::Student/page.html.twig" %}
  2. {% set pageSpecialClass = 'game-page' %}
  4. {% block stylesheets %}
  5.     {{ parent() }}
  6.     <link rel="stylesheet" href="/bundles/app/css/nouislider.css">
  7. {% endblock %}
  8. {% block content %}
  9.     {#     <span style="position:absolute;top:0;z-index:100;color:#555;font-size:13px; ;background:#fff;">
  10.         numbers: {{ taskParams.numbers|json_encode }} // speed: {{ taskParams['params']['speed'] }} // combine: {{ taskParams['params']['combine'] }} // strybuntsi: {{ taskParams['params']['turbo'] }} // dualscreen: {{ taskParams['params']['doublePower'] }} // complexity: {{ taskParams['params']['complexity'] }}
  11.     </span> #}
  12.     <div class="game-container" id="game-board"
  13.          data-task='{{ taskParams|json_encode(constant('JSON_FORCE_OBJECT'))|e('html_attr') }}'
  14.          data-theme='{{ app.user.themeColor }}'
  15.          data-lang='{{ app.request.locale }}'
  16.          data-subtheme='{{ subtheme }}'>
  17.         <div class="start-game-wrap active">
  18.             <div class="wrap">
  19.                 <span class="title-sound">{{- 'app.task.sound'|trans({}, 'app') -}}</span>
  20.                 <div id="param-sound" style="width:50px;"></div>
  21.                 <span class="button start-game">{{- 'app.task.sound_start'|trans({}, 'app') -}}</span>
  22.                 <span class="ico-sound active">
  23.                 <svg xmlns="http://www.w3.org/2000/svg" width="77.708px" height="74.137px"><path
  24.                             d="M76.624,46.741c-1.494,5.772-4.445,10.767-9.263,14.269c-0.012,0.016-0.014,0.033-0.028,0.048c-0.272,0.31-0.527,0.529-0.965,0.481c-0.901-0.099-1.245-1.163-0.46-1.699c4.359-2.978,7.38-7.492,8.704-12.605c1.36-5.256,1.528-10.767,0.852-16.146c-0.995-7.908-3.604-13.096-9.632-18.381c-0.886-0.776,0.409-2.061,1.289-1.289c5.91,5.181,8.762,10.035,9.931,17.811C77.908,34.935,78.082,41.107,76.624,46.741zM50.549,39.758c-0.479,1.317-1.907,3.411-3.701,5.229c-0.026,6.614,0.687,13.655-0.145,20.197c-0.318,2.499-1.211,8.036-4.246,8.871c-0.858,0.236-1.58-0.059-2.19-0.708c-3.333-1.282-6.454-4.553-9.039-6.882c-3.033-2.732-5.751-5.672-8.006-9.068c-0.251,0.67-0.717,0.422-0.816-0.701c-0.095,0.073-0.213,0.129-0.357,0.161c-5.362,1.201-11.241,0.647-11.642-6.232c-0.038-0.65-0.07-1.352-0.099-2.088c-0.038,0.007-0.066,0.027-0.106,0.03c-3.11,0.231-8.079,1.321-9.62-2.246c-1.186-2.747-0.188-6.444-0.22-9.343c-0.036-3.184-0.848-6.976,1.113-9.74c1.705-2.403,7.928-1.763,8.795-1.661c0.022-1.178,0.04-1.961,0.045-2.21c-0.283-2.476,1.241-5.094,3.634-5.885c2.668-0.882,5.445-0.281,8.173-0.627c1.85-4.053,5.8-7.512,9.075-10.234C33.99,4.3,38.48,0.244,42.317,0.114c0.388-0.203,0.885-0.162,1.145,0.341c4.072,7.871,3.193,19.151,3.361,27.69c0,0.012-0.006,0.021-0.006,0.033C50.43,30.676,52.531,34.313,50.549,39.758zM10.249,46.749c-0.174-6.299-0.089-14.483-0.011-19.337c-3.02-0.019-8.127-0.673-8.237,4.06c-0.042,1.835,0.265,3.671,0.286,5.507c0.023,2.089-0.348,4.176-0.283,6.258c0.147,4.699,5.25,3.728,8.211,3.508C10.228,46.744,10.236,46.75,10.249,46.749zM21.784,19.43c0-0.219,0.032-0.494-0.101-0.746c-3.678,0.158-9.649-0.59-9.57,4.084c0.155,0.123,0.265,0.286,0.265,0.505c0,6,0,12.248,0,18.295c0,2.57-0.259,5.177-0.11,7.744c0.348,5.961,4.712,6.833,9.296,5.807c0.342-0.077,0.158-0.189,0.158-0.533C21.722,40.873,21.784,22.805,21.784,19.43zM46.264,29.744c-0.598,3.273-1.289,6.531-1.905,9.798c-0.358,1.901-0.621,3.872-0.973,5.814c0.426-0.288,0.823-0.579,1.16-0.842c1.198-4.312,2.407-8.619,3.568-12.94C47.6,30.866,46.974,30.265,46.264,29.744zM45.289,29.112c-0.489-0.288-1.002-0.55-1.537-0.792c-1.092,4.727-2.625,11.654-3.527,15.746c0.258,0.117,0.467,0.328,0.51,0.621c0.073,0.554,0.166,1.099,0.267,1.641c-0.118-0.01-0.235-0.01-0.353-0.027c-0.635-0.076-1.132-0.18-1.542-0.3c-0.006-0.036-0.013-0.07-0.019-0.105c-0.058,0.009-0.116,0.018-0.173,0.027c-0.002,0.157-0.004,0.315-0.007,0.473c0.25-0.046,0.521-0.005,0.766,0.188c0.413,0.323,1.161,0.153,1.985-0.229c-0.012,0-0.023,0.001-0.035,0.002c0.351-2.379,0.952-4.761,1.439-7.069C43.722,36.171,44.44,32.339,45.289,29.112zM39.143,36.833c-0.084,2.417-0.15,4.836-0.199,7.254c0.121-0.02,0.242-0.038,0.364-0.058c0.946-4.493,2.028-8.958,3.143-13.413c0.054-0.051,0.341-1.431,0.577-2.61c-0.677-0.277-1.377-0.529-2.085-0.769C40.439,30.448,39.843,33.652,39.143,36.833zM40.205,26.99c-0.198-0.065-0.396-0.13-0.594-0.194c-0.077,1.35-0.157,2.699-0.221,4.049C39.664,29.561,39.938,28.276,40.205,26.99zM39.761,24.077c-0.019,0.301-0.032,0.602-0.05,0.902c0.098-0.002,0.199-0.001,0.312,0.035c1.721,0.558,3.423,1.229,4.964,2.052c-0.069-7.518,0.532-17.008-2.373-24.104C39.964,9.235,40.172,17.509,39.761,24.077zM38.782,70.56c-1.485-4.374-1.733-11.429-1.754-13.306c-0.113-10.265,0.159-20.559,0.765-30.806c0.442-7.483,0.148-16.968,3.139-24.162c-1.49,0.585-3.25,1.764-4.241,2.436c-2.006,1.362-3.921,2.863-5.709,4.502c-2.795,2.563-6.323,5.604-7.583,9.3c-0.005,0.015-0.016,0.023-0.022,0.038c0,12.357,0,24.714,0,37.071c0.368-0.128,0.805-0.065,1.074,0.354c2.221,3.464,4.972,6.485,8.066,9.189C34.347,66.776,36.502,69.066,38.782,70.56zM45.012,62.002c-0.137-5.119-0.064-10.245-0.01-15.367c-2.066,1.601-4.327,2.519-6.12,1.555c-0.008,0.661-0.024,1.322-0.029,1.982c-0.056,6.541-0.197,13.35,1.858,19.654C42.648,75.771,45.073,64.285,45.012,62.002zM48.879,32.931c-0.762,3.264-1.559,6.526-2.417,9.769c1.672-1.833,3.211-4.173,3.104-6.659C49.514,34.842,49.268,33.82,48.879,32.931zM61.866,18.388c-0.797-0.868-2.083,0.425-1.289,1.289c3.154,3.435,4.463,9.6,4.772,14.149c0.251,3.697-0.124,7.387-1.162,10.938c-0.667,2.281-2.841,7.087-5.141,8.43c-1.015,0.592-0.097,2.168,0.92,1.574c5.847-3.414,7.221-13.245,7.249-19.233C67.242,29.963,65.73,22.595,61.866,18.388z"/></svg>
  25.                 <svg xmlns="http://www.w3.org/2000/svg" width="46.279px" height="58.799px"><path
  26.                             d="M46.228,32.863c0.031-1.776-0.644-3.223-1.738-4.341c-2.543-9.325-5.087-18.649-7.629-27.974c-0.144-0.523-0.688-0.659-1.137-0.462C27.31,3.778,18.896,7.469,10.48,11.161c-0.317,0.139-0.432,0.566-0.355,0.873c0.791,3.172,1.582,6.345,2.372,9.517c-0.528,0.477-0.271,1.448,0.409,1.64c1.648,6.614,3.297,13.227,4.945,19.841c-2.389-2.202-6.415-3.017-9.418-2.446c-5.942,1.13-9.607,6.879-8.091,12.63c2.867,10.866,19.422,3.987,19.564-4.637c0.422-0.055,0.82-0.408,0.687-0.943c-2.059-8.257-4.116-16.513-6.175-24.769c3.763-1.322,7.059-4.198,10.596-6.018c4.264-2.193,8.682-4.057,13.033-6.064c1.477,5.413,2.952,10.826,4.429,16.238c-2.333-1.253-5.318-1.654-7.672-1.207c-5.942,1.129-9.606,6.88-8.09,12.63C29.685,49.707,47.358,41.909,46.228,32.863zM4.102,44.685c-0.755,1.263-1.502,2.529-2.233,3.803c-0.028-0.092-0.074-0.18-0.14-0.262C2.178,46.886,3.022,45.683,4.102,44.685zM1.834,52.804c-0.195-0.515-0.313-1.021-0.386-1.519c1.747-2.737,3.45-5.515,5.102-8.327c0.444-0.234,0.898-0.444,1.361-0.618c0.098-0.036,0.204-0.061,0.306-0.093c-2.081,3.627-4.166,7.251-6.236,10.886C1.933,53.021,1.878,52.921,1.834,52.804zM2.704,54.494c-0.102-0.15-0.196-0.315-0.29-0.48c2.568-3.887,4.93-7.929,7.116-12.056c0.78-0.096,1.613-0.084,2.444,0.026c-2.616,4.214-5.2,8.449-7.651,12.76C3.783,54.661,3.244,54.578,2.704,54.494zM6.315,57.038c-0.305-0.074-0.605-0.166-0.896-0.286c0.044-0.295,0.079-0.588,0.132-0.883c0.053-0.31-0.09-0.589-0.314-0.791c2.514-4.324,5.006-8.655,7.581-12.944c0.652,0.143,1.292,0.344,1.891,0.612c-1.779,2.749-3.441,5.581-5.06,8.422C8.559,53.087,7.357,55.034,6.315,57.038zM8.101,57.236c0.949-1.795,1.826-3.642,2.773-5.392c1.559-2.882,3.182-5.733,4.738-8.619c0.205,0.125,0.408,0.253,0.597,0.396c0.009,0.162,0.061,0.327,0.202,0.477c0.306,0.323,0.557,0.652,0.782,0.985c-2.602,4.037-5.247,8.045-7.88,12.061C8.906,57.205,8.502,57.232,8.101,57.236zM17.551,50.203c-0.796,1.377-1.592,2.753-2.389,4.128c-1.09,0.96-2.38,1.738-3.735,2.249c2.196-3.41,4.312-6.877,6.389-10.357c0.267,0.64,0.41,1.286,0.438,1.929c-0.388,0.546-0.677,1.107-0.722,1.651C17.519,49.93,17.54,50.068,17.551,50.203zM27.162,13.646c-2.074,1.015-4.136,2.039-6.164,3.145c-2.42,1.32-4.478,3.209-7.047,4.198c-0.724-2.906-1.448-5.813-2.173-8.719c0.628-0.275,1.255-0.551,1.882-0.826c2.22-0.974,4.44-1.948,6.66-2.922c4.771-2.093,9.543-4.187,14.314-6.28c0.323-0.141,0.646-0.283,0.968-0.424c0.36,1.321,0.721,2.642,1.081,3.962c0.284,1.041,0.567,2.082,0.852,3.123C34.087,10.504,30.577,11.975,27.162,13.646zM27.846,34.442c0.273-1.562,1.091-2.976,2.227-4.146c-0.637,1.51-1.261,3.025-1.867,4.543c-0.049-0.104-0.116-0.203-0.221-0.285C27.938,34.518,27.893,34.479,27.846,34.442zM28.206,38.034c-0.031-0.083-0.048-0.164-0.076-0.246c1.368-3.004,2.685-6.044,3.943-9.112c0.481-0.307,0.983-0.578,1.498-0.811c-1.547,3.877-3.097,7.752-4.63,11.636C28.667,39.063,28.414,38.584,28.206,38.034zM29.854,40.669c-0.12-0.121-0.235-0.252-0.349-0.387c1.985-4.191,3.746-8.507,5.325-12.88c0.736-0.202,1.553-0.29,2.397-0.271c-1.973,4.489-3.911,8.998-5.709,13.558C30.963,40.683,30.408,40.677,29.854,40.669zM32.889,42.313c0.003-0.228-0.004-0.453,0.005-0.682c0.008-0.315-0.173-0.572-0.423-0.74c1.854-4.576,3.688-9.154,5.605-13.704c0.648,0.069,1.297,0.199,1.924,0.391c-1.33,2.899-2.543,5.858-3.713,8.82c-0.781,1.98-1.664,4.001-2.398,6.054C33.55,42.431,33.217,42.382,32.889,42.313zM35.7,42.373c0.649-1.831,1.232-3.694,1.894-5.479c1.108-2.992,2.28-5.965,3.388-8.959c0.576,0.25,1.118,0.554,1.599,0.916c0.009,0.162,0.061,0.327,0.202,0.477c0.025,0.027,0.044,0.055,0.069,0.083c-1.951,4.244-3.947,8.465-5.934,12.692C36.513,42.217,36.106,42.311,35.7,42.373zM43.974,34.328c-0.638,1.582-1.274,3.165-1.913,4.745c-0.911,0.909-2.004,1.683-3.176,2.266c1.603-3.494,3.127-7.027,4.613-10.568c0.095,0.346,0.188,0.691,0.283,1.037c0.085,0.31,0.3,0.464,0.54,0.517c-0.271,0.552-0.452,1.103-0.423,1.608C43.902,34.063,43.943,34.197,43.974,34.328z"/></svg>
  27.                 <svg xmlns="http://www.w3.org/2000/svg" width="20.625px" height="37.365px"><path
  28.                             d="M17.657,10.531c-0.699-0.405-1.329,0.676-0.631,1.081c1.623,0.94,2.712-0.955,3.266-2.261c0.872-2.06-0.098-3.524-1.408-5.05c-1.456-1.695-3.886-1.544-5.909-1.51c-1.771,0.029-3.512,0.21-5.287,0.134c-2.844-0.122-4.43-2.083-6.93-2.892c-0.543-0.176-0.856,0.372-0.73,0.798C-0.012,1.008,0.021,1.2,0.195,1.366c3.44,3.291,6.114,7.889,8.999,11.673c2.26,2.964,4.519,5.929,6.778,8.894c-2.058-0.545-4.481-0.269-6.234,0.539c-4.748,2.187-6.404,8.113-3.396,12.301c5.316,7.402,16.323-2.733,13.472-9.313c-0.086-0.309-0.196-0.594-0.328-0.86c-0.015-0.083-0.048-0.168-0.113-0.254c-0.015-0.019-0.029-0.038-0.043-0.057c-0.178-0.302-0.39-0.57-0.622-0.816c-3.189-4.186-6.379-8.372-9.569-12.557c-2.029-2.663-3.921-5.72-6.126-8.344c0.779,0.483,1.563,0.963,2.461,1.259c1.564,0.517,3.379,0.416,4.992,0.343c1.909-0.086,3.823-0.287,5.727-0.005c0.721,0.106,1.306,0.515,1.807,1.018C19.187,6.378,19.111,11.374,17.657,10.531zM6.127,30.461c-0.047-0.067-0.111-0.126-0.189-0.176c0.01-1.153,0.379-2.293,0.979-3.329C6.645,28.124,6.379,29.292,6.127,30.461zM7.362,34c-0.126-0.15-0.255-0.297-0.376-0.466c-0.195-0.271-0.35-0.549-0.488-0.828c0.668-2.526,1.292-5.072,1.869-7.634c0.349-0.354,0.721-0.679,1.111-0.971C8.771,27.399,8.061,30.698,7.362,34zM8.262,34.883c-0.117-0.094-0.233-0.197-0.349-0.305c1.021-3.63,1.844-7.329,2.512-11.05c0.567-0.27,1.211-0.467,1.891-0.582c-0.978,3.896-1.925,7.801-2.753,11.731C9.129,34.748,8.695,34.815,8.262,34.883zM11.666,35.95c-0.256,0.018-0.51,0.018-0.765-0.003c-0.038-0.235-0.083-0.467-0.114-0.704c-0.035-0.252-0.215-0.432-0.438-0.531c0.873-3.956,1.727-7.911,2.653-11.852c0.534-0.045,1.074-0.041,1.603,0.022c-0.691,2.554-1.274,5.143-1.818,7.728C12.419,32.355,11.975,34.15,11.666,35.95zM18.674,26.165c-0.164,0.516-0.248,1.019-0.148,1.449c0.02,0.101,0.07,0.201,0.113,0.304c-0.273,1.253-0.547,2.506-0.82,3.759c-0.604,1.008-1.405,1.925-2.324,2.653c0.851-3.163,1.624-6.351,2.365-9.538C18.222,25.219,18.493,25.679,18.674,26.165zM16.224,23.475c0.327,0.18,0.61,0.38,0.875,0.588c-1.008,3.748-2.057,7.484-3.095,11.224c-0.299,0.148-0.604,0.272-0.914,0.375c0.288-1.616,0.508-3.253,0.807-4.833c0.491-2.604,1.027-5.2,1.515-7.807c0.19,0.046,0.376,0.104,0.559,0.168C16.016,23.299,16.089,23.401,16.224,23.475z"/></svg>
  29.                 <svg xmlns="http://www.w3.org/2000/svg" width="38.788px" height="27.391px"><path
  30.                             d="M38.149,3.398c-5.686-1.125-11.371-2.25-17.057-3.376c-0.495-0.098-0.881,0.138-1.059,0.601c-0.72,1.887-1.44,3.774-2.16,5.662c-0.314,0.181-0.458,0.601-0.375,0.982c-1.458,3.823-2.917,7.646-4.375,11.469c-0.634-1.722-2.135-3.256-3.736-3.973c-3.731-1.671-7.953,0.103-9.14,4c-1.983,6.514,8.451,8.803,11.92,4.711c0.424,0.144,0.975,0.018,1.18-0.521c1.878-4.923,3.757-9.845,5.635-14.769c2.496,0.617,5.349,0.327,7.857,0.686c2.685,0.384,5.34,0.937,8.008,1.417c-1.095,3.071-2.19,6.143-3.286,9.214c-0.765-1.254-1.953-2.31-3.2-2.869c-3.731-1.67-7.952,0.103-9.139,4c-2.088,6.86,9.596,9.034,12.413,4.011c0.548-0.76,0.781-1.58,0.772-2.404c2.113-5.928,4.228-11.855,6.342-17.783C38.899,4.038,38.586,3.484,38.149,3.398zM4.778,15.765c-0.509,0.232-1.025,0.452-1.532,0.689C3.711,16.154,4.231,15.924,4.778,15.765zM1.89,17.813c1.768-0.736,3.529-1.503,5.277-2.304c0.188,0.014,0.375,0.036,0.558,0.066c0.189,0.032,0.387,0.088,0.588,0.156c-2.292,1.081-4.585,2.162-6.874,3.252C1.526,18.556,1.679,18.164,1.89,17.813zM1.362,20.095c0-0.006-0.001-0.011-0.002-0.017c-0.01-0.168-0.004-0.326,0.004-0.484c2.625-1.048,5.202-2.238,7.725-3.528c0.439,0.23,0.875,0.528,1.279,0.873c-2.809,1.209-5.613,2.443-8.373,3.759C1.784,20.496,1.573,20.295,1.362,20.095zM1.968,21.995c0.087-0.09,0.168-0.183,0.257-0.271c0.139-0.142,0.165-0.338,0.122-0.524c2.807-1.304,5.604-2.62,8.426-3.887c0.306,0.305,0.579,0.635,0.808,0.985C9.71,19.064,7.865,19.9,6.042,20.77c-1.201,0.572-2.462,1.124-3.673,1.748C2.223,22.354,2.086,22.182,1.968,21.995zM11.366,22.399c-0.306,0.13-0.575,0.291-0.753,0.507c-0.053,0.061-0.092,0.14-0.136,0.214c-0.783,0.365-1.564,0.731-2.346,1.098c-0.957,0.162-1.98,0.127-2.936-0.104c2.252-0.928,4.489-1.894,6.708-2.894C11.796,21.66,11.613,22.053,11.366,22.399zM12,20.398c-2.689,1.104-5.39,2.179-8.088,3.261c-0.243-0.117-0.476-0.249-0.694-0.397C4.3,22.699,5.364,22.096,6.43,21.56c1.815-0.912,3.648-1.796,5.464-2.712c0.056,0.117,0.104,0.235,0.148,0.354c-0.07,0.122-0.112,0.263-0.087,0.431C11.996,19.9,12.005,20.153,12,20.398zM23.668,17.662c-0.711,0.452-1.433,0.889-2.136,1.351c0.008-0.047-0.002-0.098-0.008-0.148C22.107,18.308,22.858,17.909,23.668,17.662zM20.522,20.457c1.684-1,3.356-2.029,5.012-3.093c0.387-0.007,0.77,0.019,1.137,0.079c-2.111,1.39-4.224,2.781-6.332,4.178C20.344,21.202,20.407,20.814,20.522,20.457zM20.472,22.759c-0.046-0.173-0.079-0.352-0.103-0.537c2.436-1.398,4.804-2.93,7.105-4.551c0.441,0.169,0.894,0.414,1.328,0.719c-2.579,1.575-5.147,3.172-7.667,4.846C20.915,23.076,20.693,22.918,20.472,22.759zM21.369,24.416c0.048-0.065,0.091-0.133,0.14-0.198c0.119-0.16,0.117-0.357,0.049-0.535c2.555-1.663,5.104-3.334,7.681-4.963c0.324,0.266,0.625,0.562,0.895,0.881c-1.689,0.997-3.349,2.051-4.979,3.134c-1.07,0.711-2.198,1.411-3.275,2.169C21.693,24.755,21.526,24.59,21.369,24.416zM29.979,24.205c-0.043,0.068-0.07,0.151-0.104,0.231c-0.804,0.526-1.607,1.052-2.412,1.576c-0.828,0.188-1.721,0.222-2.588,0.103c1.859-1.098,3.705-2.219,5.529-3.37c-0.03,0.084-0.06,0.168-0.09,0.252c-0.11,0.311-0.031,0.559,0.129,0.74C30.253,23.876,30.088,24.028,29.979,24.205zM30.963,21.182c-0.007,0.021-0.017,0.039-0.022,0.062c-0.048,0.135-0.096,0.271-0.144,0.405c-2.396,1.403-4.805,2.784-7.21,4.17c-0.257-0.087-0.505-0.192-0.744-0.311c0.945-0.681,1.87-1.394,2.807-2.044c1.617-1.124,3.253-2.225,4.873-3.348c0.201,0.301,0.366,0.613,0.487,0.935C30.994,21.095,30.979,21.138,30.963,21.182zM35.971,7.142c-0.179,0.502-0.358,1.005-0.538,1.507c-2.277-0.411-4.545-0.88-6.832-1.235c-2.8-0.435-6.208-0.174-9.002-0.844c0.603-1.577,1.204-3.153,1.805-4.729c0.177,0.032,0.423,0.077,0.771,0.146c1.549,0.307,3.099,0.613,4.648,0.92c3.11,0.616,6.221,1.231,9.332,1.847c0.26,0.051,0.465,0.092,0.625,0.122C36.51,5.63,36.24,6.386,35.971,7.142z"/></svg>
  31.             </span>
  32.             </div>
  33.         </div>
  34.         <div class="before-start">
  35.             <div class="before-start-line">
  36.             <span class="before-text">{{- 'app.task.beready'|trans({}, 'app') -}}</span>
  37.             <svg xmlns="http://www.w3.org/2000/svg" viewBox="-619.021 168.193 535.023 199.524">
  38.                 <path
  39.                         d="M-469.651,322.934c-22.672,8.309-47.176,13.312-70.826,17.791c-18.979,3.59-51.963,13.649-70.736,4.19c-17.49-8.815-1.666-25.143,9.288-29.049c27.867-9.954,57.336-18.13,86.667-22.255c0,0,4.005,5.301-4.448,6.49c-24.079,3.381-54.692,13.888-77.777,21.397c-17.278,7.77-17.821,19.66,9.866,20.117c37.041-2.79,80.607-14.223,115.577-27.036C-464.011,311.641-461.614,319.995-469.651,322.934zM-88.146,206.627c-27.604-9.392-31.714-4.611-64.096-0.504c-25.836,6.22-51.199,14.171-76.843,21.076c-8.233,2.222-3.488,8.15,4.667,5.952c22.767-6.135,48.166-14.863,71.5-18.26c101.675-14.801,42.189,20.119-9.418,32.098c-21.083,4.894-40.193,8.545-61.313,13.262c-8.268,1.849-7.613,12.06,0.752,10.193c22.25-4.963,44.346-10.703,66.285-16.896c25.691-7.256,50.955-12.96,70.387-32.891C-82.484,216.82-83.678,207.469-88.146,206.627zM-274.855,207.964c16.024,21.287,22.801,47.54,19.08,73.925c-3.378,23.948-15.317,45.824-33.62,61.599c-18.129,15.625-41.226,24.23-65.033,24.23c-4.669,0-9.399-0.333-14.057-0.989c-26.382-3.723-49.734-17.494-65.759-38.78c-16.023-21.288-22.799-47.542-19.075-73.925c3.378-23.948,15.315-45.825,33.614-61.6c18.128-15.626,41.222-24.23,65.025-24.23c4.67,0,9.4,0.334,14.058,0.99C-314.236,172.905-290.88,186.677-274.855,207.964zM-279.927,212.732c-15.778-20.958-29.508-31.669-74.751-39.158c-48.571,0-82.123,32.092-93.274,80.663c-5.869,25.568,3.006,47.98,18.782,68.939s34.926,34.521,60.9,38.184c4.587,0.646,9.245,0.976,13.842,0.976c48.579,0,86.492-36.33,93.287-84.507C-257.477,251.851-264.149,233.691-279.927,212.732z"/>
  40.             </svg>
  41.             <span class="val">...</span>
  42.             </div>
  43.         </div>
  44.         <div class="ms-training-options-block ms-task-game-block">
  45.             <div class="action-wrap single-action">
  46.                 <div class="holder">
  47.                     <div class="number left-number"
  48.                          style="font-family: {{ taskParams['params']['fontsNumbers'] }} !important;"></div>
  49.                 </div>
  50.             </div>
  51.             <div class="action-wrap double-action">
  52.                 <div class="holder">
  53.                     <div class="number right-number"
  54.                          style="font-family: {{ taskParams['params']['fontsNumbers'] }} !important;"
  55.                     ></div>
  56.                 </div>
  57.             </div>
  58.             <div class="result-wrap">
  59.                 {% if taskParams['params']['progress_action']  or taskParams['params']['progress_speed'] %}
  60.                     <div class="progress-box">
  61.                         <label class="handle-label">{{- 'app.task.progress_info.label'|trans({}, 'app') -}}</label>
  62.                         <div id="show-param-progress" style="width:50px;"></div>
  63.                         <div class="progress-info">
  64.                             <h4>{{- 'app.task.progress_info.header'|trans({}, 'app') -}}</h4>
  65.                             {% if taskParams['params']['progress_action'] %}
  66.                                 <div class="progress-actions">{{- 'app.task.progress_info.progress_action'|trans({}, 'app') -}}
  67.                                     :
  68.                                     <span>{{ taskParams['params']['iterator'] }}</span>
  69.                                 </div>
  70.                             {% endif %}
  71.                             {% if taskParams['params']['progress_speed'] %}
  72.                                 <div class="progress-speed">{{- 'app.task.progress_info.progress_speed'|trans({}, 'app') -}}
  73.                                     :
  74.                                     <span>{{ taskParams['params']['speed'] }}</span>
  75.                                 </div>
  76.                             {% endif %}
  77.                         </div>
  78.                     </div>
  79.                 {% endif %}
  80.                 <div class="elements elements-result">
  81.                     <img class="elem elem-1 png"
  82.                          src="/bundles/app/image/answer/images/img1{{ (app.user.themeColor == 'blue' or app.user.themeColor == 'green' or app.user.themeColor == 'orange' )? '-' ~app.user.themeColor: '' }}.png"
  83.                          alt="">
  84.                     <img class="elem elem-1" src="/bundles/app/image/answer/images/img1-{{ app.user.themeColor }}.svg"
  85.                          alt="">
  86.                     <img class="elem elem-2 png"
  87.                          src="/bundles/app/image/answer/images/img2{{ app.user.themeColor == 'orange' ? '-orange' : '' }}.png"
  88.                          alt="">
  89.                     <img class="elem elem-2" src="/bundles/app/image/answer/images/img2-{{ app.user.themeColor }}.svg"
  90.                          alt="">
  91.                 </div>
  92.                 <form method="post" action="{{ path("ms_student_training_check" , {'subtheme': subtheme}) }}"
  93.                       class="game-form ms-training-options">{# TODO send via ajax #}
  94.                     {% if taskParams['params']['outputSample'] is defined %}
  95.                         {% if taskParams['params']['outputSample'] == 1 %}
  96.                             <h1 class="result-show-all-numbers">
  97.                                 {% if taskParams['params']['doublePower'] %}
  98.                                     {% set arrNumbers1 = '' %}
  99.                                     {% set arrNumbers2 = '' %}
  100.                                     {% for number in taskParams['numbers'][0] %}
  101.                                         {% if number|first  != '+' and number|first  != '-' %}
  102.                                             {% set arrNumbers1 = arrNumbers1 ~ '+' ~number %}
  103.                                         {% else %}
  104.                                             {% set arrNumbers1 = arrNumbers1 ~ number %}
  105.                                         {% endif %}
  106.                                     {% endfor %}
  107.                                     {% for number in taskParams['numbers'][1] %}
  108.                                         {% if number|first  != '+' and number|first  != '-' %}
  109.                                             {% set arrNumbers2 = arrNumbers2 ~ '+' ~number %}
  110.                                         {% else %}
  111.                                             {% set arrNumbers2 = arrNumbers2 ~ number %}
  112.                                         {% endif %}
  113.                                     {% endfor %}
  114.                                     {{ arrNumbers1 ~ '= ?' }}
  115.                                     {{ arrNumbers2 ~ '= ?' }}
  116.                                 {% else %}
  117.                                     {% set arrNumbers = '' %}
  118.                                     {% for number in taskParams['numbers'] %}
  119.                                         {% if number|first  != '+' and number|first  != '-' %}
  120.                                             {% set arrNumbers = arrNumbers ~ '+' ~number %}
  121.                                         {% else %}
  122.                                             {% set arrNumbers = arrNumbers ~ number %}
  123.                                         {% endif %}
  124.                                     {% endfor %}
  125.                                     {{ arrNumbers ~ '= ?' }}
  126.                                 {% endif %}
  127.                             </h1>
  128.                         {% endif %}
  129.                     {% endif %}
  130.                     <label>{{- 'app.task.answer'|trans({}, 'app') -}}:</label>
  131.                     <span class="input-wrap">
  132.                     <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 114.263 74.244"
  133.                          enable-background="new 0 0 114.263 74.244"><path
  134.                                 d="M113.961,31.264C101.063,20.268,87.633,9.799,73.542,0.368c-0.25-0.168-0.494-0.202-0.712-0.162c-0.139-0.177-0.392-0.277-0.626-0.146c-2.397,1.313-4.988,2.792-7.189,4.521c-0.267-0.165-0.68-0.113-0.75,0.262c-0.024,0.14-0.055,0.286-0.082,0.426c-0.07,0.059-0.147,0.115-0.216,0.178c-0.352,0.31-0.271,0.727-0.019,0.998c-0.46,2.295-0.962,4.802-0.966,7.102c-7.849-2.061-16.292-3.116-23.981-4.637C29.255,6.986,18.92,4.127,8.95,3.98C8.745,3.892,8.503,3.903,8.327,4.09C6.872,5.631,5.534,7.298,4.17,8.916c-1.042,1.239-2.214,2.459-3.134,3.808c-0.019-0.381-0.031-0.761-0.053-1.142c-0.029-0.48-0.779-0.483-0.75,0c0.544,9.119,0.021,18.238-0.188,27.36c-0.108,4.839-0.041,9.67,0.31,14.498c0.159,2.195,0.017,4.512,0.79,6.568c-0.009,0.018-0.123,0.034-0.123,0.051v1.739c0,0.003,0.042,0.007,0.016,0.011c-0.474,0.055-0.527,0.806-0.048,0.75c0.027-0.004,0.033-0.008,0.033-0.011v1.17c0,0,0.195,0,0.196,0c0.191-1,0.384-0.801,0.575-1.161c1.493-0.176,2.987-0.408,4.48-0.594c-0.006,0.023-0.015,0.027-0.022,0.051c0.134-0.029,0.27-0.068,0.404-0.101c0.004-0.011,0.008-0.024,0.011-0.034c10.904-1.359,21.806-2.939,32.666-4.544c5.563-0.821,11.118-1.703,16.682-2.521c2.841-0.418,6.062-1.229,9.049-1.201c-0.058,0.06-0.109,0.123-0.167,0.184c0.193,0.083,0.368,0.189,0.547,0.29c-0.008,0.028-0.02,0.054-0.021,0.086c-0.151,6.556,0.167,13.112,1.098,19.606c0,0.001,0,0.001,0,0.001c-0.048,0.278,0.241,0.595,0.551,0.403c0.017-0.01,0.033-0.021,0.05-0.031c0.003,0.002,0.006,0.003,0.009,0.004c0.12,0.039,0.281-0.002,0.365-0.098c0.1-0.078,0.198-0.156,0.298-0.233c0.093-0.052,0.141-0.124,0.164-0.201c14.356-8.94,28.479-19.167,41.34-30.215c-0.099,0.375-0.203,0.75-0.297,1.125c-0.001,0.005-0.003,0.005-0.006,0.005c-0.052,0.043-0.104,0.083-0.156,0.125c0.377-0.238,0.746-0.48,1.125-0.719c0.08-0.047,0.16-0.086,0.242-0.119c0.259-0.605,0.503-1.221,0.75-1.835c0.147-0.128,0.299-0.252,0.445-0.38c0.212-0.186,0.118-0.438-0.066-0.557c1.02-2.617,1.933-5.284,2.743-7.948c0.056-0.185,0.032-0.333-0.027-0.461C114.343,32.243,114.352,31.599,113.961,31.264zM65.215,6.43c2.014-1.12,3.973-2.6,5.8-4.114c-0.192,0.973-0.323,1.981-0.409,3.008c-2.005,0.839-3.893,2.09-5.438,3.639C65.193,8.106,65.208,7.252,65.215,6.43zM65.141,9.719c1.652-1.529,3.417-2.764,5.423-3.792c-0.059,0.866-0.093,1.744-0.106,2.622c-0.071-0.021-0.149-0.015-0.224,0.027c-1.992,1.045-3.78,2.7-5.314,4.309c-0.148,0.155,0.05,0.444,0.237,0.309c1.767-1.277,3.655-2.524,5.288-3.986c-0.009,2.302,0.094,4.617,0.138,6.793c-1.918-0.761-3.909-1.418-5.946-1.998C64.945,12.649,65.076,11.187,65.141,9.719zM9.324,5.225c9.886,3.18,20.848,4.167,31.012,6.22c9.835,1.984,20.08,5.442,30.072,6.187c0.196,0.013,0.343-0.038,0.466-0.115c0.407,0.303,1.141,0.106,1.2-0.57c0.414-4.568,1.278-9.814,0.777-14.471c13.339,9.329,26.313,19.066,38.732,29.588C99.163,43.772,85.807,54.122,72.566,64.86c0.46-5.44,0.401-11.108,0.317-16.547c-0.006-0.4-0.38-0.638-0.725-0.64c0.027-0.483-0.292-1.017-0.864-1.021c-0.147,0-0.296,0.004-0.442,0.004c-0.226-0.104-0.482-0.114-0.703,0.011c-10.319,0.04-20.888,1.724-31.156,2.619c-10.413,0.907-20.825,1.839-31.236,2.759C8.397,36.453,9.278,20.833,9.324,5.225zM0.839,37.095c0.083-3.637,0.214-7.271,0.296-10.905c-0.037,0.088-0.076,0.176-0.112,0.264v-1.437c0.046-0.104,0.088-0.209,0.133-0.314c0.06-3.202,0.083-6.403-0.017-9.606c0.068,0.105,0.139,0.21,0.209,0.315c0.004-0.321,0.015-0.644,0.019-0.966c0.076-0.03,0.15-0.066,0.219-0.129c1.565-1.373,2.788-3.273,4.082-4.9c0.768-0.966,1.54-1.94,2.295-2.915C7.26,15.56,6.828,24.644,6.454,33.728c-0.115-0.084-0.398-0.104-0.483,0.048c-2.137,3.789-3.947,8.01-4.947,12.218v1.702c2-4.623,3.479-8.989,5.315-13.479c-0.102,2.543-0.252,5.092-0.352,7.641c-1.731,3.758-2.964,7.623-4.964,11.523v1.067c-0.081-1.627-0.07-3.231-0.143-4.563C0.65,45.63,0.742,41.354,0.839,37.095zM1.706,59.103c-0.358-1.169-0.532-2.488-0.628-3.821c1.97-3.809,3.422-7.725,4.887-11.628c-0.104,2.664-0.162,5.322-0.271,7.979C4.356,54.124,3.043,56.61,1.706,59.103zM6.531,61.144c-1.436,0.178-2.872,0.362-4.307,0.532c1.349-2.53,2.697-5.062,4.051-7.594c0.132,0.065,0.271,0.104,0.417,0.093c1.131-0.1,2.261-0.195,3.388-0.292C8.486,56.058,7.348,58.573,6.531,61.144zM42.765,56.065c-11.887,1.807-23.846,3.537-35.79,5.021c0.987-2.616,2.316-4.964,3.916-7.274c1.4-0.119,2.803-0.24,4.204-0.36c-1.517,1.768-2.482,4.024-3.063,6.317c0.238-0.088,0.481-0.168,0.721-0.254c0.739-2.158,1.829-4.105,3.113-6.125c1.797-0.156,3.593-0.312,5.393-0.466c-1.156,1.669-2.186,3.452-3.251,5.177c0.18-0.035,0.358-0.074,0.539-0.107c1.144-1.688,2.347-3.37,3.363-5.123c1.089-0.092,2.178-0.186,3.268-0.278c-0.267,1.017-0.891,2.002-1.39,2.9c-0.314,0.565-0.644,1.122-0.983,1.672c-0.129,0.208-0.262,0.412-0.397,0.614c-0.122,0.182-0.353,0.313-0.149,0.275c-0.476,0.088-0.273,0.811,0.199,0.725c0.705-0.131,1.423-1.937,1.724-2.457c0.66-1.145,1.527-2.45,1.791-3.769c0.002-0.01-0.001-0.019,0-0.028c2.96-0.252,5.92-0.504,8.878-0.756c-0.984,1.31-1.792,2.808-2.578,4.299c0.278-0.041,0.56-0.082,0.839-0.123c0.851-1.297,1.682-2.608,2.288-3.978c0.043-0.095,0.033-0.178,0.002-0.25c0.865-0.073,1.729-0.147,2.594-0.22c-0.612,1.164-1.172,2.359-1.87,3.477c-0.258,0.411,0.393,0.787,0.647,0.379c0.743-1.188,1.328-2.468,1.986-3.703c0.042-0.076,0.048-0.15,0.038-0.221c0.393-0.033,0.785-0.066,1.178-0.1c0.522-0.045,1.05-0.083,1.572-0.125c-0.909,1.309-1.769,2.65-2.623,3.997c0.24-0.026,0.48-0.054,0.72-0.078c0.941-1.31,1.875-2.629,2.749-3.985c1.048-0.078,2.105-0.145,3.159-0.216c-0.827,1.644-1.994,3.089-2.743,4.774c-0.061,0.133-0.036,0.258,0.022,0.359C42.808,56.058,42.786,56.062,42.765,56.065zM55.761,54.108c-4.084,0.59-8.163,1.218-12.242,1.841c0.766-1.666,1.924-3.106,2.733-4.749c0.059-0.118,0.048-0.231,0.004-0.326c0.727-0.047,1.445-0.102,2.173-0.148c-0.963,1.231-1.841,2.539-2.707,3.853c0.265-0.022,0.527-0.039,0.792-0.062c0.901-1.213,1.792-2.436,2.577-3.713c0.023-0.043,0.014-0.082,0.016-0.123c1.727-0.111,3.459-0.227,5.189-0.344c-0.944,1.051-1.683,2.303-2.262,3.602c0.284-0.041,0.571-0.086,0.864-0.131c0.731-1.272,1.614-2.416,2.58-3.561c0.951-0.07,1.897-0.158,2.846-0.237c-0.831,1.214-1.53,2.563-2.635,3.538C55.478,53.735,55.575,53.99,55.761,54.108zM62.107,53.151c-1.096,0.162-2.184,0.359-3.221,0.502c-0.877,0.119-1.75,0.257-2.625,0.383c1.268-1.141,2.016-2.755,3.03-4.105c0.584-0.052,1.17-0.092,1.753-0.146c-0.939,1-1.747,2.148-2.445,3.322c0.299-0.018,0.595-0.032,0.89-0.041c0.885-1.211,1.874-2.312,2.908-3.408c0.963-0.1,1.923-0.209,2.881-0.326c-0.988,1.277-2.082,2.49-3.115,3.718C62.136,53.082,62.122,53.116,62.107,53.151zM63.179,53.01c1.065-1.245,2.153-2.493,3.124-3.813c0.815-0.106,1.632-0.213,2.443-0.338c-0.901,1.43-1.904,2.756-3.031,4.033C64.885,52.858,64.034,52.911,63.179,53.01zM67.2,72.138c0.062,0.324,0.11,0.652,0.161,0.979c-0.064,0.039-0.126,0.079-0.189,0.118c-0.676-0.068-0.317-2.645-0.391-3.282c-0.199-1.757-0.319-3.522-0.433-5.284c-0.227-3.492-0.255-6.995-0.175-10.493c0.004-0.104-0.033-0.18-0.087-0.239c0.096-0.082,0.188-0.168,0.281-0.25c0.023,0.002,0.048,0.002,0.071,0.004c0.259,0.028,0.372-0.176,0.351-0.381c1.526-1.41,2.902-3.031,3.998-4.783c0.247-0.041,0.497-0.073,0.743-0.117c0.012-0.003,0.018-0.008,0.027-0.012c-0.237,1.724-0.442,3.496-0.606,5.283c-0.013,0.012-0.028,0.008-0.041,0.019c-1.598,1.776-3.015,3.754-4.396,5.735c-0.006,0.394-0.009,0.793-0.015,1.187c1.518-1.884,3.035-3.796,4.351-5.812c-0.294,3.662-0.379,7.377-0.087,10.92C69.717,67.992,68.579,70.104,67.2,72.138zM69.24,71.929c1.119-1.732,2.095-3.546,2.848-5.488c0.118-0.075,0.227-0.174,0.299-0.313c0.217,0.18,0.511,0.252,0.787,0.074c2.554-1.639,5.064-3.355,7.539-5.131c-1.427,1.783-2.729,3.687-3.951,5.64c0.634-0.418,1.269-0.839,1.898-1.26c0.869-1.324,1.743-2.647,2.611-3.983c0.175-0.267-0.143-0.584-0.398-0.509c2.502-1.798,4.964-3.66,7.393-5.567c-1.485,2.202-2.95,4.387-4.496,6.512c0.08-0.062,0.166-0.118,0.248-0.178c0.612-0.459,1.232-0.901,1.847-1.354c1.13-1.533,2.17-3.125,3.043-4.781c0.135-0.263-0.073-0.48-0.293-0.472c5.869-4.638,11.534-9.567,17.048-14.601c-2.195,3.258-4.207,6.662-6.21,10.056C89.783,58.239,79.576,65.412,69.24,71.929zM109.634,42.14c-2.669,2.312-5.394,4.588-8.169,6.824c1.975-3.099,3.922-6.223,5.638-9.449c0.062-0.119,0.045-0.228-0.005-0.31c1.672-1.541,3.336-3.085,4.98-4.642C111.176,37.053,110.346,39.588,109.634,42.14zM97.926,48.896c-1.528,1.943-2.971,3.928-4.368,5.939c-0.557,0.393-1.113,0.777-1.667,1.17c1.653-2.661,3.503-5.197,5.618-7.525C97.768,48.194,98.153,48.604,97.926,48.896zM70.277,59.959c-1.294,1.834-2.598,3.646-3.838,5.506c0.004-0.36,0.008-0.724,0.014-1.083c1.038-1.654,2.137-3.27,3.383-4.762C70.041,59.373,70.458,59.702,70.277,59.959zM29.76,52.866c-0.652,1.195-1.489,2.279-2.278,3.385c-0.162,0.227-0.336,0.518-0.519,0.816c-0.239,0.052-0.48,0.098-0.721,0.154c0.464-0.652,0.862-1.453,1.216-1.979c0.615-0.914,1.208-1.832,1.927-2.667C29.57,52.366,29.885,52.638,29.76,52.866zM5.843,23.495C4.74,28.17,3.023,32.771,1.023,37.2v-1.335c2-4.148,2.931-8.328,4.346-12.514C5.479,23.021,5.923,23.153,5.843,23.495zM7.176,11.955c-1.87,4.796-4.068,9.471-6.041,14.235c0.011-0.496,0.012-0.991,0.021-1.487c1.928-4.442,3.312-8.9,5.522-12.975C6.838,11.428,7.301,11.638,7.176,11.955z"/></svg>
  135.                     <span class="input-style">
  136.                         <input name="result" type="number" min="0" max="" step="1" required autocomplete="off"
  137.                                autofocus>
  138.                     </span>
  139.                     <span class="input-style second-input">
  140.                         <input name="result-second" type="number" min="" max="" step="1" required autocomplete="off">
  141.                     </span>
  142.                 </span>
  143.                     <input name="numbers" type="hidden" value="{{ taskParams['numbers']|json_encode }}">
  144.                     <input name="allRequest" type="hidden" value="{{ allRequest }}">
  145.                     <input name="idTraning" type="hidden" value="{{ taskParams['params']['idTraning'] }}">
  146.                     <input type="hidden" name="game_mode" value="progress">
  147.                     <button type="submit" id="onetime"
  148.                             {# class="enter-triger" #}>{{- 'app.task.check'|trans({}, 'app') -}}</button>
  149.                     <a class="not-know" href="#"
  150.                        onClick="restartGame();return false;">
  151.                         {{- 'app.task.notknow'|trans({}, 'app') -}}
  152.                     </a>
  153.                 </form>
  154.             </div>
  155.         </div>
  156.     </div>
  157.     <div class="training_abacus">
  158.         <a class="button"
  159.            onclick="window.open('{{- path("ms_student_show_training_abacus") -}}', 'name','width=1240,height=800')"
  160.            target="_blank">{{- 'app.breadcrumbs.abacus'|trans({}, 'app') -}}
  161.         </a>
  162.     </div>
  163.     <a href="{{ path("ms_student_show_training" , {'template': subtheme}) }}" class="back"></a>
  164. {% endblock %}
  165. {%- block javascripts -%}
  166.     {{ parent() }}
  167.     <script type="text/javascript" src="{{ asset('bundles/app/js/vendor/wNumb.js') }}"></script>
  168.     <script type="text/javascript" src="{{ asset('bundles/app/js/vendor/nouislider.min.js') }}"></script>
  169.     {#
  170.     <script>
  171.         // audio controller
  172.         var paramSound = document.getElementById('param-sound'),
  173.             audioControl = true;
  174.         noUiSlider.create(paramSound, {
  175.             start: 1,
  176.             connect: [true, false],
  177.             range: {
  178.                 'min': [0, 1],
  179.                 'max': 1
  180.             },
  181.             format: wNumb({
  182.                 decimals: 0
  183.             })
  184.         });
  185.         paramSound.noUiSlider.on('update', function (values, handle) {
  186.             if (values[handle] === '1') {
  187.                 $('.start-game-wrap .ico-sound').addClass('active');
  188.                 audioControl = true;
  189.             } else {
  190.                 $('.start-game-wrap .ico-sound').removeClass('active');
  191.                 audioControl = false;
  192.             }
  193.         });
  195.         var showParamProgress = document.getElementById('show-param-progress');
  196.         var showParamProgressVal = (localStorage.getItem("showParamProgress") && localStorage.getItem("showParamProgress") == 1) ? 1 : 0;
  197.         noUiSlider.create(showParamProgress, {
  198.             start: showParamProgressVal,
  199.             connect: [true, false],
  200.             range: {
  201.                 'min': [0, 1],
  202.                 'max': 1
  203.             },
  204.             format: wNumb({
  205.                 decimals: 0
  206.             })
  207.         });
  208.         showParamProgress.noUiSlider.on('update', function (values, handle) {
  209.             if (values[handle] === '1') {
  210.                 localStorage.setItem("showParamProgress", 1);
  211.                 $('.progress-info').show();
  212.             } else {
  213.                 localStorage.setItem("showParamProgress", 0);
  214.                 $('.progress-info').hide();
  215.             }
  216.         });
  217.     </script>
  219.     <script type="text/javascript" src="{{ asset('bundles/app/js/result.task.js') }}"></script>
  220.     {#
  221.     <script>
  222.         var countdown = true;
  223.         // audio settings
  224.         var mySound = [],
  225.             gameSound_point, gameSound_positive, gameSound_negative,
  226.             allowAudio = true,
  227.             voiceGame = false,
  228.             doublePower = true,
  229.             currentLang = '{{ app.request.locale }}',
  230.             soundPath = '{{ asset('bundles/app/audio/') }}',
  231.             voicePath = '{{ asset('bundles/app/audio/voice/') }}' + currentLang + '/';
  232.         //
  233.         var soundsAnswer = {{ taskParams['params']['soundsAnswer'] ?? 1 }};
  234.         var manageFonts =  {{ taskParams['params']['manageFonts'] ?? 0 }};
  235.         var complexity = {{ taskParams['params']['complexity'] }};
  237.         // game settings
  238.         var dualscreen = {{ taskParams['params']['doublePower'] }},
  239.             array_1 = false,
  240.             array_2 = false;
  241.         {% if taskParams['params']['doublePower'] %}
  242.         $('.ms-task-game-block').addClass('dual-screen');
  243.         array_1 = {{ taskParams['numbers'][0]|json_encode(constant('JSON_NUMERIC_CHECK')) }};
  244.         array_2 = {{ taskParams['numbers'][1]|json_encode(constant('JSON_NUMERIC_CHECK')) }};
  245.         {% else %}
  246.         doublePower = false;
  247.         array_1 = {{ taskParams['numbers']|json_encode(constant('JSON_NUMERIC_CHECK')) }};
  248.         {% endif %}
  249.         var arrayLength = array_1.length,
  250.             speed = {{ taskParams['params']['speed'] }}*
  251.         1000,
  252.             places = $('.action-wrap .number'),
  253.             place_1 = $('.action-wrap .number.left-number'),
  254.             place_2 = $('.action-wrap .number.right-number'),
  255.             wrapper = $('.content-wrap'),
  256.             strybuntsi = {{ taskParams['params']['turbo'] }};
  257.     </script>
  259.     <script type="text/javascript" src="{{ asset('bundles/app/js/howler/howler.core.min.js?08022022') }}"></script>
  260.     <script type="text/javascript" src="{{ asset('bundles/app/js/howler/howler.min.js?08022022') }}"></script>
  261.     <script type="text/javascript" src="{{ asset('bundles/app/js/howler/howler.spatial.min.js?08022022') }}"></script>
  262.     <script type="text/javascript" src="{{ asset('bundles/app/js/function.js?34533') }}"></script>
  263.     <script type="text/javascript" src="{{ asset('bundles/app/js/game_v2.js?301023') }}"></script>
  264.     <script type="text/javascript" src="{{ asset('bundles/app/js/game_v3.js?301023') }}"></script>
  265. {#
  266.     <script>
  267.         $(document).ready(function () {
  268.             {% if taskParams['params']['outputSample'] == 1 %}
  269.             $('.start-game').on('click', function () {
  270.                 if (audioControl == true) {
  271.                     allowAudio = true;
  272.                 } else {
  273.                     allowAudio = false;
  274.                 }
  275.                 if (allowAudio && soundsAnswer) {
  276.                     // positive
  277.                     gameSound_positive = loadAudio(soundPath + 'positive.mp3');
  278.                     gameSound_negative = loadAudio(soundPath + 'negative.mp3');
  279.                 }
  280.                 $('.ms-task-game-block').addClass('active');
  281.                 {% if taskParams['params']['doublePower'] == false %}
  282.                 $('.input-style.second-input').remove();
  283.                 {% endif %}
  284.                 $('.content-wrap').addClass('enter-result');
  285.                 $('.start-game-wrap').removeClass('active');
  286.             });
  287.             {% else %}
  288.             // voice verification
  289.             if (complexity == 0) {
  290.                 // if complexity does not exist (тема Перехід)
  291.                 complexity = 1;
  292.             }
  293.             if (complexity == 1 && speed >= 1000 && doublePower == false ||
  294.                 complexity == 2 && speed >= 1200 && doublePower == false ||
  295.                 complexity == 3 && speed >= 2000 && doublePower == false) {
  296.                 voiceGame = true;
  297.             } else {
  298.                 voiceGame = false;
  299.             }
  300.             // // click go game!
  301.             $('.start-game').on('click', function () {
  302.                 $('.start-game-wrap').removeClass('active');
  303.                 $('.before-start').addClass('active');
  304.                 var isOpera = (!!window.opr && !!opr.addons) || !!window.opera || navigator.userAgent.indexOf(' OPR/') >= 0;
  305.                 if (isOpera) {
  306.                     goGameV3();
  307.                 } else {
  308.                     goGame();
  309.                 }
  310.             });
  311.             {% endif %}
  312.         });
  313.     </script>
  315.     <script>
  316.         $(document).ready(function () {
  317.             // ajax load result
  318.             var taskChekOperation = false;
  319.             $('.ms-training-options').submit(function (e) {
  320.                 if (taskChekOperation) {
  321.                     e.preventDefault();
  322.                     return;
  323.                 }
  324.                 $('.game-form').addClass('loading');
  325.                 var url = '{{ path("ms_student_training_check" , {'subtheme': subtheme}) }}';
  326.                 taskChekOperation = true;
  327.                 $.ajax({
  328.                     type: 'POST',
  329.                     data: $('.ms-training-options').serialize(),
  330.                     url: url
  331.                 }).done(function (response) {
  332.                     $('.ms-training-options-block').html(response);
  333.                     getEsample();
  334.                     $('.content-holder').addClass('standard-style');
  335.                     $('.ms-task-game-block').removeClass('active');
  336.                     taskChekOperation = false;
  337.                 }).fail(function (jqXHR, textStatus, errorThrown) {
  338.                     taskChekOperation = false;
  339.                     $('.game-form').removeClass('loading');
  341.                 });
  342.                 e.preventDefault();
  343.             });
  344.         });
  345.     </script>
  346.     #}
  347. {% endblock %}