Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

HTML
<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="http://www.teamlead.ru/download/attachments/25591816/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'></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>

<div>
<select class="select" id='customfield_13241' name='customfield_13241'>
<option value='11484' selected>JIRA</option>
<option value='11485'>Confluence</option>
<option value='11489'>Bamboo</option>
<option value='11491'>Bitbucket</option>
</select>
</div>
 
<div>
https://<input class="text" type='text' id='customfield_12740' pattern="^[A-Za-z0-9\-_]*$" name='customfield_12740' placeholder='Придумайте веб-адрес инсталляции' size='38' />.teamlead.ru (после пробного периода можно будет использовать ваш домен)
<p>При вводе допускаются только строчные символы на латинице и цифры.
</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>
 
<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-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('#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: 3000,
 method: "get",
 dataType: "json",
 data: {
            formIndex: jQuery("#form-index").val(),
            cfVal: jQuery("#customfield_12740").val()
 },
 url: "https://jira.teamlead.ru/rest/feedback-rest/1.0/feedbackrest/validateForm",
 success: function (response, textStatus, jqXHR) {

console.log(response.valid);

   if (response.valid) {
/*
*/




    jQuery('#feedback-error').html('');
    jQuery('#feedback-main-div').hide();
    jQuery('#loading').fadeIn();
    jQuery('#feedback-response').show();
    jQuery('#feedback-form').submit();

    jQuery('#feedback-response').on("load", function() {
      jQuery('#feedback-new-issue-div').show();
      jQuery('#loading').fadeOut();
    }); 

/*
*/
   }
   else{
    jQuery('#feedback-error').html(response.text);
    //jQuery("#" + response.cf).before(response.text);
   }
  },
  error: function (jqXHR, textStatus, errorThrown) {
    alert(errorThrownjqXHR);
  }
 });
/*
*/
 
  return false;
}
</script>

...