add status

trademark/templates/trademark/form.html

@@ -30,6 +30,14 @@
                   <div class="rect5"></div>
                 </div>
     Отправка запроса</li>
+        <li id="trademark-search-count"><div class="spinner">
+                  <div class="rect1"></div>
+                  <div class="rect2"></div>
+                  <div class="rect3"></div>
+                  <div class="rect4"></div>
+                  <div class="rect5"></div>
+                </div>
+    Поиск среди 1 435 282 знаков</li>
           <li id="trademark-search-identity"><div class="spinner">
                   <div class="rect1"></div>
                   <div class="rect2"></div>
@@ -52,6 +60,13 @@
                   <div class="rect4"></div>
                   <div class="rect5"></div>
                 </div> Подбор производных знаков</li>
+                 <li id="trademark-search-wait"><div class="spinner">
+                  <div class="rect1"></div>
+                  <div class="rect2"></div>
+                  <div class="rect3"></div>
+                  <div class="rect4"></div>
+                  <div class="rect5"></div>
+                </div> Поиск может занять несколько минут</li>
         </ul>
     </div>
 </div>
@@ -62,19 +77,24 @@
                 $form = $('.trademark-search-form'),
                 $loading = $('.trademark-search-loading'),
                 $status_list = $('.trademark-search-loading-status'),
+                $count = $('#trademark-search-count'),
                 $title = $('#trademark-search-request-value'),
                 $sending = $('#trademark-search-sending'),
                 $identity = $('#trademark-search-identity'),
                 $contains = $('#trademark-search-contains'),
                 $similar = $('#trademark-search-similar'),
-                slug = '';
+                $wait = $('#trademark-search-wait'),
+                slug = '',
+                iteration = 0;
 
             function update_status(data) {
                 var identity = data['identity'],
                     contains = data['contains'],
                     similar = data['similar'],
-                    completed = identity['status'] == 'finished' && contains['status'] == 'finished' && similar['status'] == 'finished';
-                    almost_completed = identity['status'] == 'finished' && contains['status'] == 'finished' && identity['count'] > 0;
+                    completed = identity['status'] == 'finished' && contains['status'] == 'finished' && similar['status'] == 'finished',
+                    almost_completed = identity['status'] == 'finished' && contains['status'] == 'finished' && identity['count'] > 0,
+                    show_link = identity['status'] == 'finished' || contains['status'] == 'finished' || similar['status'] == 'finished',
+                    tm_url = '/ru/trademarks/online-search/results/' + slug + '/';
 
                 if(identity['status'] == 'finished') {
                     $identity.text('Найдено ' + identity['count'] + ' таких знаков в ' + identity['nices'] + ' классах');
@@ -88,9 +108,21 @@
                     $similar.text('Подобрано ' + similar['count'] + ' производных знаков');
                 }
 
+                if(iteration > 5) {
+                    $wait.show(500);
+                }
+
+                if(show_link && iteration > 10) {
+                    var href = ''
+                    $wait.text('<a href="' + tm_url + '">Остановить поиск и перейти к результатам</a>');
+                } else {
+                    console.log(iteration);
+                }
+
                 if(completed || almost_completed) {
-                    document.location.href = '/ru/trademarks/online-search/results/' + slug + '/';
+                    document.location.href = tm_url;
                 } else {
+                    iteration += 1;
                     setTimeout(function () {
                         get_status(slug);
                     }, 5000);
@@ -113,9 +145,10 @@
                 { 'keyword': request}).done(function(data) {
                     console.log( "second success" );
                     console.log(data);
-                    $identity.show(500);
-                    $contains.delay(3000).show(500);
-                    $similar.delay(5000).show(500);
+                    $count.show(500);
+                    $identity.show(1500);
+                    $contains.delay(5000).show(500);
+                    $similar.delay(10000).show(500);
 
                     slug = data['slug'];
                     update_status(data);