<STYLE TYPE='text/css'>
#loading{
display:none;
vertical-align:relative;
position:relative;
left:0;
top:170;
width:100%;
height:100%;
z-index:1000;}
#loadingcontent{
position:inherit;
left:35%;
top:45%;
width:50%;
height:50%;}
#loadingspinner{
vertical-align:inherit;
width: 40%;
text-align: center;
font-size:larger;} 
textarea { width: 100%; margin: 0; padding: 0; border-width: 1; }
.feedback-summary { width: 100%; margin: 0; padding: 0; border-width: 1; }
BODY, input, select, table {
font-size: 14px;font-family: Arial,Helvetica,FreeSans,'sans - serif';}
</STYLE>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js'></script> 
<div id="loading">
<div id="loadingcontent">
<img id="loadingspinner" src="https://www.teamlead.ru/download/attachments/9539937/loader.gif?api=v2" alt="Loading"/>
</div>
</div>

<div id='feedback-main-div' style='font-size: 14px; font-family: Arial,Helvetica,FreeSans,sans-serif'>
<div id='feedback-error' style='visibility: hidden'></div>

<form class="aui" enctype='multipart/form-data' id='feedback-form' name='feedback-form' target='feedback-response' method='post' action='https://jira.teamlead.ru/plugins/servlet/feedback/create'>
<input type='hidden' name='form-index' id='form-index' value='2'/>
 
<div>
<input type='hidden' id='feedback-summary' name='feedback-summary' class='feedback-summary' placeholder='Тема обращения' value='Запрос на хостинг'/>
</div>

<br>
<div style='display:none;'>
<input type='text' id='feedback-language' name='feedback-language' class='feedback-language' placeholder='Выберите язык (en/ru)' value='ru'/>
</div>

Пожалуйста выберите продукт: 
<p><select class='select' id='customfield_22540' name='customfield_22540'>
<option value='38200' selected>JIRA</option>
<option value='38597'>JIRA + HelpDesk</option>
<option value='38599'>JIRA + CRM</option>
<option value='38201'>Confluence</option>
<option value='38601'>Confluence + Brikit</option>
<option value='38225'>Bitbucket</option>
<option value='38226'>Bamboo</option>
<option value='38593'>Fisheye</option>
<option value='38594'>Crowd</option>
<option value='38595'>Crucible</option>
</select>
<div style='display:none;'>
<select id='customfield_22540_1' name='customfield_22540_1'><option value="38203">7.7.0 - Hosting</option></select>
</select>
</div>
<script type='text/javascript'>
jQuery(window).load(function()
{
jQuery('#customfield_22540').change(function()
{
var val = jQuery('#customfield_22540 option:selected').val();
jQuery('#customfield_22540_1').empty();
if (val == '38200')
{
jQuery('#customfield_22540_1').append('<option value="38202">7.4.2 - Hosting</option>');
jQuery('#customfield_22540_1').append('<option value="38203" selected>7.7.0 - Hosting</option>');
}
else if (val == '38201')
{
jQuery('#customfield_22540_1').append('<option value="38204">6.5.0 - Hosting</option>');
}
else if (val == '38225')
{
jQuery('#customfield_22540_1').append('<option value="38228">5.7.0</option>');
}
else if (val == '38226')
{
jQuery('#customfield_22540_1').append('<option value="38227">6.3.0</option>');
}
else if (val == '38597')
{
jQuery('#customfield_22540_1').append('<option value="38598">7.8.1 - Hosting + plugin<Hosting</option>');
}
{
jQuery('#customfield_22540_1').append('<option value="38600">7.8.1 - Hosting + plugin<Hosting</option>');
}
{
jQuery('#customfield_22540_1').append('<option value="38602">6.8.0 - Hosting + plugin<Hosting</option>');
}
});
});
</script>
 
<br><div>
https://<input class="text" type='text' id='customfield_12740' pattern="^[A-Za-z0-9\-_]*$" name='customfield_12740' placeholder='Веб-адрес инсталляции' size='38' />.teamlead.ru
</div>

<br>
<div>
<TEXTAREA class="textarea long-field" id='feedback-body' required name='feedback-body' ROWS='5' placeholder='Тут можно указать подробности...'></TEXTAREA>
</div>
<br>
<div>
<input class="text" type='text' id='feedback-email' required name='feedback-email' placeholder='Ваш e-mail' size='38' value=''/>
</div>
 
<br><div> 
<input class="aui-button aui-button-primary" type='button' value=' Хочу хостинг! ' onclick='addFeedback()'/>
</div>
</form>
</div>

<iframe id='feedback-response' name='feedback-response' frameborder='no' style='display: none' width='600' height='250'>
</iframe>
 
<div id='feedback-new-issue-div'>
</div>
 
<script type='text/javascript'>
jQuery(window).load(function()
{
   jQuery("#feedback-error").html("");
   jQuery("#feedback-error").css('visibility', 'visible');


   jQuery('#feedback-main-div').show();

   jQuery('#feedback-new-issue-div').hide();
   jQuery('#feedback-response').hide();
   jQuery('#feedback-new-issue-button').click(function ()
   {
    jQuery('#feedback-form')[0].reset();
    jQuery('#feedback-main-div').show();
    jQuery('#feedback-new-issue-div').hide();
    jQuery('#feedback-response').hide();
   });
});

function addFeedback() {
 var summary = jQuery("#customfield_13241 option:selected").text() + "—" + jQuery("#customfield_12740").val();
 jQuery('#feedback-summary').val(summary);
 //var summary = jQuery('#feedback-summary').val();
 var email = jQuery('#feedback-email').val();
 var address = jQuery("#customfield_12740").val();
 if (summary == '' || email == '')
   {
    var message = '';
    if (summary == '')
    {
     message = message + '<div><h3><font color="red">Введите тему обращения</font></h3></div>';
    }
    if (email == '')
    {
     message = message + '<div><h3><font color="red">Введите E-mail для ответа</font></h3></div>';
    }
	if (address.trim() == '') 
	{ 
	message = message + '<div><h3><font color="red">Введите адрес вашей инсталляции</font></h3></div>';
	}
    jQuery("#feedback-error").html(message);
    return false;
}
var webdomainPatter = /^[a-z0-9]*$/;
if ( !webdomainPatter.test(address ) )
{
        jQuery("#feedback-error").html('<div><h3><font color="red">При вводе допускаются только строчные символы на латинице и цифры</font></h3></div>');
 return false;
}
  jQuery.ajax({
 timeout: 5000,
    method: "get",
        url: "https://jira.teamlead.ru/rest/feedback-rest/1.0/feedbackrest/validateForm",        
    dataType: "jsonp",
            jsonp: false,
    //    jsonp: "jsonp-callback",
            crossDomain: true,  
Accept: "application/json",
 data: {
            formIndex: jQuery("#form-index").val(),
            cfVal: jQuery("#customfield_12740").val()
 },

  }).done(function(response) {
  });
  return false;
}

function jsonpCallback (response) {
if (response.valid) {



   jQuery('#feedback-error').html('');
   jQuery('#feedback-main-div').hide();
   jQuery('#loading').fadeIn();
   jQuery('#feedback-response').show();
   jQuery('#feedback-back').show();
   jQuery('#feedback-response').on("load", function() {
    jQuery('#feedback-new-issue-div').show();
    jQuery('#loading').fadeOut();
    }); 

   jQuery('#feedback-form').submit();

   
   }
else{
jQuery('#feedback-error').html('<div><h3><font color="red">' + response.text + '</font></h3></div>');

}
}
</script>