forum_modules/exporter/templates/running.html

   1 {% extends basetemplate %}
   2
   3 {% load i18n %}
   4
   5 {% block subtitle %}
   6     {% ifequal mode "exporter" %}{% trans "XML data exporter" %}{% else %}{% trans "XML data importer" %}{% endifequal %}
   7 {% endblock %}
   8 {% block description %}
   9     {% ifequal mode "exporter" %}{% trans "Export database to XML format" %}{% else %}{% trans "Restore data from a previouus export" %}{% endifequal %}
  10 {% endblock %}
  11
  12 {% block adminjs %}
  13     <style type="text/css">
  14         .state_bar {
  15             width:100%;
  16             height: 20px;
  17             border: 1px solid black;
  18             margin-bottom: 15px;
  19             position: relative;
  20             background: #FDF;
  21         }
  22
  23         .state_label {
  24             margin-left: auto;
  25             margin-right: auto;
  26             z-index: 1000;
  27             position: absolute;
  28             left: 0px;
  29             top: 0px;
  30             width: 100%;
  31             height: 100%;
  32             text-align: center;
  33         }
  34
  35         .progress {
  36             position: absolute;
  37             left: 0px;
  38             top: 0px;
  39             width: 0%;
  40             height: 100%;
  41             background: #DFF;
  42             z-index: 0;
  43         }
  44
  45         #download_link {
  46             display: none;
  47         }
  48     </style>
  49
  50     <script type="text/javascript">
  51     $(function() {
  52         var exporting = {% ifequal mode "exporter" %}true{% else %}false{% endifequal %};
  53
  54         var state = null;
  55
  56         function set_state(name, data) {
  57             var $bar = $('#state_' + name);
  58
  59             if (data[name] === undefined) {
  60                 $bar.find('.state_label').html('{% trans "Skiped" %}')
  61             } else if (state == null || data[name] != state[name]) {
  62                 var width = $bar.width();
  63
  64                 $bar.find('.state_parsed').html(data[name].parsed);
  65                 $bar.find('.state_count').html(data[name].count);
  66                 $bar.find('.state_status').html(data[name].status);
  67
  68                 var rel_parse = data[name].parsed / data[name].count;
  69
  70                 $bar.find('.state_percentage').html(parseInt(rel_parse * 100) + '%');
  71                 $bar.find('.progress').css('width', parseInt(rel_parse * width) + 'px')
  72             }
  73         }
  74
  75         function check_state() {
  76             var done = false;
  77
  78              function callback(data) {
  79                 if (done) {
  80                    return;
  81                 }
  82                 set_state('overall', data.state);
  83                 {% for s in steps %}
  84                     set_state('{{ s.id }}', data.state);
  85                 {% endfor %}
  86
  87                 $('#time_started').html(data.time_started);
  88
  89                 state = data;
  90
  91                 if (data.running) {
  92                     check_state();
  93                 } else {
  94                     if (data.errors == false) {
  95                         if (exporting) {
  96                             $('#wait_message').html('{% trans "Your backup is ready to be downloaded."%}');
  97                             $('#download_link').slideDown();
  98                         } else {
  99                             $('#wait_message').html('{% trans "All data sucessfully imported."%}')
 100                         }
 101                     } else {
 102                         var msg;
 103                         if (exporting) {
 104                             msg = '{% trans "An error has occurred during de export proccess"%}';
 105                         } else {
 106                             msg = '{% trans "An error has occurred during de import proccess"%}';
 107                         }
 108                         $('#wait_message').html(msg + ': ' + data.errors + '<br />' +
 109                         '{% trans "Please check the log file for a full stack trace." %}')
 110                     }
 111                 }
 112
 113                 done = true;
 114              }
 115
 116              window.setTimeout(function() {
 117                 if (!done) {
 118                     done = true;
 119                     check_state();
 120                 }
 121              }, 1000);
 122
 123              $.getJSON('{% url exporter_state %}', callback);
 124         }
 125
 126         check_state();
 127     });
 128     </script>
 129 {% endblock %}
 130
 131 {% block admincontent %}
 132     <p id="wait_message">
 133         {% ifequal mode "exporter" %}
 134             {% trans "Please wait while we prepare your backup file to download." %}
 135         {% else %}
 136             {% trans "Please wait while we import your data." %}
 137         {% endifequal %} -
 138         {% blocktrans %}
 139             Started <span id="time_started"></span>
 140         {% endblocktrans %}
 141     </p>
 142     <p id="download_link"><a href="{% url exporter_download %}">{% trans "Download file" %}</a></p>
 143     <table style="width: 100%">
 144         <tr>
 145             <td colspan="2">
 146                 <div class="state_bar" id="state_overall">
 147                     <div class="state_label"><span class="state_status"></span> ({% trans "Total progress" %}: <span class="state_percentage">0%</span>)</div>
 148                     <div class="progress"></div>
 149                 </div>
 150             </td>
 151         </tr>
 152         {% for s in steps %}
 153         <tr>
 154             <td>{{ s.name }}:</td>
 155             <td width="100%">
 156                 <div class="state_bar" id="state_{{ s.id }}">
 157                     <div class="state_label"><span class="state_status"></span> - </span><span class="state_parsed">0</span> {% trans " of " %} <span class="state_count">{% trans "unknown" %}</span> (<span class="state_percentage">0%</span>)</div>
 158                     <div class="progress"></div>
 159                 </div>
 160             </td>
 161         </tr>
 162         {% endfor %}
 163     </table>
 164 {% endblock %}