{"action":"reopened","issue":{"url":"https://api.github.com/repos/NashaLeptaChallenge/nasha_lepta/issues/13","repository_url":"https://api.github.com/repos/NashaLeptaChallenge/nasha_lepta","labels_url":"https://api.github.com/repos/NashaLeptaChallenge/nasha_lepta/issues/13/labels{/name}","comments_url":"https://api.github.com/repos/NashaLeptaChallenge/nasha_lepta/issues/13/comments","events_url":"https://api.github.com/repos/NashaLeptaChallenge/nasha_lepta/issues/13/events","html_url":"https://github.com/NashaLeptaChallenge/nasha_lepta/issues/13","id":141083751,"number":13,"title":"NLCH-0011 Интегрируемся с Wufoo для работы с интерактивными веб-формами","user":{"login":"SergiiShapoval","id":8704477,"avatar_url":"https://avatars.githubusercontent.com/u/8704477?v=3","gravatar_id":"","url":"https://api.github.com/users/SergiiShapoval","html_url":"https://github.com/SergiiShapoval","followers_url":"https://api.github.com/users/SergiiShapoval/followers","following_url":"https://api.github.com/users/SergiiShapoval/following{/other_user}","gists_url":"https://api.github.com/users/SergiiShapoval/gists{/gist_id}","starred_url":"https://api.github.com/users/SergiiShapoval/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/SergiiShapoval/subscriptions","organizations_url":"https://api.github.com/users/SergiiShapoval/orgs","repos_url":"https://api.github.com/users/SergiiShapoval/repos","events_url":"https://api.github.com/users/SergiiShapoval/events{/privacy}","received_events_url":"https://api.github.com/users/SergiiShapoval/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/NashaLeptaChallenge/nasha_lepta/labels/enhancement","name":"enhancement","color":"009800"},{"url":"https://api.github.com/repos/NashaLeptaChallenge/nasha_lepta/labels/In%20Progress","name":"In Progress","color":"e11d21"},{"url":"https://api.github.com/repos/NashaLeptaChallenge/nasha_lepta/labels/js-angular","name":"js-angular","color":"006b75"}],"state":"open","locked":false,"assignee":{"login":"katana-ua","id":15348250,"avatar_url":"https://avatars.githubusercontent.com/u/15348250?v=3","gravatar_id":"","url":"https://api.github.com/users/katana-ua","html_url":"https://github.com/katana-ua","followers_url":"https://api.github.com/users/katana-ua/followers","following_url":"https://api.github.com/users/katana-ua/following{/other_user}","gists_url":"https://api.github.com/users/katana-ua/gists{/gist_id}","starred_url":"https://api.github.com/users/katana-ua/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/katana-ua/subscriptions","organizations_url":"https://api.github.com/users/katana-ua/orgs","repos_url":"https://api.github.com/users/katana-ua/repos","events_url":"https://api.github.com/users/katana-ua/events{/privacy}","received_events_url":"https://api.github.com/users/katana-ua/received_events","type":"User","site_admin":false},"milestone":null,"comments":31,"created_at":"2016-03-15T20:03:31Z","updated_at":"2016-04-23T12:22:00Z","closed_at":null,"body":"Из тех провайдеров веб-форм API которых я видел, наиболее гибкая система у Wufoo:\r\nстили вебформ подганяются под стили сайта = формы имеют responsive design + сам интерфейс дружелюбнее.\r\n\r\nПример, формы находится пока на http://sergiishapoval.github.io/nasha_lepta/#/article8, код ниже:\r\n\r\n`<div id=\"wufoo-q1m2c1ph038hxkv\"></div>\r\n<script type=\"text/javascript\">var q1m2c1ph038hxkv;\r\n(function (d, t) {\r\n  var s = d.createElement(t), options = {\r\n    'userName': 'nashaleptachallenge',\r\n    'formHash': 'q1m2c1ph038hxkv',\r\n    'autoResize': true,\r\n    'height': '820',\r\n    'async': true,\r\n    'host': 'wufoo.com',\r\n    'header': 'show',\r\n    'ssl': false\r\n  };\r\n  s.src = ('https:' == d.location.protocol ? 'https://' : 'http://') + 'www.wufoo.com/scripts/embed/form.js';\r\n  s.onload = s.onreadystatechange = function () {\r\n    var rs = this.readyState;\r\n    if (rs) if (rs != 'complete') if (rs != 'loaded') return;\r\n    try {\r\n      q1m2c1ph038hxkv = new WufooForm();\r\n      q1m2c1ph038hxkv.initialize(options);\r\n      q1m2c1ph038hxkv.display();\r\n    } catch (e) {\r\n    }\r\n  };\r\n  var scr = d.getElementsByTagName(t)[0], par = scr.parentNode;\r\n  par.insertBefore(s, scr);\r\n})(document, 'script');</script>` \r\n\r\nВажный момент - отключено ssl шифрование ('ssl': false), иначе могут быть проблемы с подгрузкой нашего стиля в форму.\r\n\r\n\r\nДоступ к форме - логин nasha.lepta.challenge@gmail.com и пароль TzX7geKQJVsa73dn\r\n\r\nМожно вставлять, конечно, каждый раз форму с помощью html/css опции - но это не автоматизированный вариант. По этому предлагается использоваться опцию Embed Code.\r\n\r\nДля её использования нужно:\r\n\r\n1. Слить наши стиль в один единственный (сейчас на выходе vendor и main ) и продублировать его на постоянном адресе. Всё это можно сделать, прописав дополнительные grunt таски:\r\n  1.  новые таски должны быть вставлены после минификации, до переименования в название с хешем, чтобы отследить куда должна быть вставлена дополнительная таска - используйте grunt -v build\r\n  2.  дополнительная таска должна быть подвидом concat таски grunt - (GitHub - gruntjs/grunt-contrib-concat, http://www.thoughtdelimited.org/thoughts/post.cfm/using-grunt-to-concatenate-only-the-js-css-files-used-in-index-html)\r\n  3.  добавить тему в wufoo на основе единого css стиля\r\n ![wufoocss](https://cloud.githubusercontent.com/assets/8704477/13802170/ae91fa92-eb41-11e5-828f-b4e934b1c981.JPG)\r\n2. Добавить вставленному div class, который будет использовать фон родительского элемента"}}