task1 frontend

task1 fixed
2026-05-24 00:33:36 +00:00 · 2020-01-05 15:39:04 +01:00
parent 50ebe58157
commit be0a5042c6
8 changed files with 10772 additions and 0 deletions
@@ -0,0 +1,83 @@
+
+import jQuery from 'jquery';
+
+import 'bootstrap';
+import 'bootstrap/dist/css/bootstrap.css';
+
+import '../css/main.css';
+import '../css/util.css';
+
+(function ($) {
+  "use strict";
+
+  window.tryAnswer = function (_this) {
+
+    var bt = $(_this);
+    var bg = $("#q-form").find(".contact100-form-bgbtn");
+    var txt = $("#q-form").find(".contact100-form-title");
+    var name = $("#q-form").find("input[name='name']");
+    var answer = $("#q-form").find("input[name='answer']");
+
+    if (!name.val().trim().length) {
+      name.parent().addClass("alert-validate");
+      return false;
+    }
+    if (!answer.val().trim().length) {
+      answer.parent().addClass("alert-validate");
+      return false;
+    }
+
+    name.parent().removeClass("alert-validate");
+    answer.parent().removeClass("alert-validate");
+
+    bt.attr("disabled", true);
+    bg.css("background", "#9e9e9e");
+
+    var winner = function (approval) {
+      var q = $("#q");
+      var a = $("#a");
+      var msg = a.find(".wrap-contact150");
+
+      q.addClass("hidden");
+      a.removeClass("hidden");
+
+      if (!approval.length) {
+        return msg.text("ну что-то сломалось 😅");
+      }
+
+      msg.empty();
+
+      var lines = ['alert-primary', 'alert-secondary', 'alert-success', 'alert-danger'];
+      for (var i = 0; i < approval.length; i++) {
+        msg.append($('<div class="alert ' + lines[i] + '">' + approval[i] + '</div>'));
+      }
+    }
+
+    var notpass = function () {
+      bt.attr("disabled", false);
+      bg.css("background", "");
+      txt.text("хм, давай еще 🧐");
+      setTimeout((bt.addClass("animated shake"), function () { bt.removeClass("animated shake") }), 1000);
+    }
+
+    var rocking = setInterval((txt.text("хм 🚀"), function () { txt.text(txt.text() + "🚀") }), 50);
+
+    fetch('//127.0.0.1:8081/answer/check', {
+      method: 'POST',
+      body: JSON.stringify({ answer: answer.val().trim(), name: name.val().trim() }),
+    })
+      .then(function (data) { return data.json() })
+      .catch(function () { })
+      .then(function (approval) {
+        clearInterval(rocking);
+        if (approval) {
+          winner(approval);
+        } else {
+          notpass();
+        }
+      })
+
+    return false;
+  }
+
+})(jQuery);