expo-186 ready loader added

remotes/origin/1203
pavel 11 years ago
parent 2bf80570e8
commit e7d5ae991e
  1. 5
      static/seminar_lending/js/main.js
  2. 6
      templates/client/simple_pages/expo_seminar.html

@ -21,7 +21,9 @@ $(document).ready(function () {
form = $this.serialize(), form = $this.serialize(),
$modalBody = $this.parent(), $modalBody = $this.parent(),
$message = $("<p class='success-message'></p>"), $message = $("<p class='success-message'></p>"),
$button = $this.closest(".modal-dialog").find(".btn"); $button = $this.closest(".modal-dialog").find(".btn"),
$loader = $(".loader",$modalBody);
$loader.show();
$.post( $.post(
url, url,
form, form,
@ -30,6 +32,7 @@ $(document).ready(function () {
if(data.message.length){ if(data.message.length){
$this.fadeOut("fast",function(){ $this.fadeOut("fast",function(){
$loader.hide();
$button.fadeOut(); $button.fadeOut();
$message.text(data.message).appendTo($modalBody); $message.text(data.message).appendTo($modalBody);
}); });

@ -201,6 +201,9 @@
<h4 class="modal-title" id="myModalLabel">Запрос на приглашение на семинар</h4> <h4 class="modal-title" id="myModalLabel">Запрос на приглашение на семинар</h4>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<div class="loader" style=" background: rgba(255,255,255,.5);position: absolute; top: 0;left: 0;width: 100%;height: 100%; z-index: 3; display: none;">
<img src="/static/img/ajax-loader.gif" alt="" style="position: absolute;top: 50%;left: 50%;margin-top: -27px;margin-left: -27px;"/>
</div>
<form id="register-form" method="post" action="/page/seminar-prodvizhenie/handle/">{% csrf_token %} <form id="register-form" method="post" action="/page/seminar-prodvizhenie/handle/">{% csrf_token %}
<input id="id_type" name="type" type="hidden" value="Запрос на приглашение на семинар"> <input id="id_type" name="type" type="hidden" value="Запрос на приглашение на семинар">
<div class="form-group"> <div class="form-group">
@ -235,6 +238,9 @@
<h4 class="modal-title" id="myModalLabel">Запрос на онлайн-трансляцию</h4> <h4 class="modal-title" id="myModalLabel">Запрос на онлайн-трансляцию</h4>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<div class="loader" style=" background: rgba(255,255,255,.5);position: absolute; top: 0;left: 0;width: 100%;height: 100%; z-index: 3; display: none;">
<img src="/static/img/ajax-loader.gif" alt="" style="position: absolute;top: 50%;left: 50%;margin-top: -27px;margin-left: -27px;"/>
</div>
<form id="register-form" method="post" action="/page/seminar-prodvizhenie/handle/">{% csrf_token %} <form id="register-form" method="post" action="/page/seminar-prodvizhenie/handle/">{% csrf_token %}
<input id="id_type" name="type" type="hidden" value="Запрос на онлайн-трансляцию"> <input id="id_type" name="type" type="hidden" value="Запрос на онлайн-трансляцию">
<div class="form-group"> <div class="form-group">

Loading…
Cancel
Save