{% extends FUNC_BASE_HTML %}
{% load i18n %}
{% load utils %}



{% block css %}
<link rel="stylesheet" type="text/css" href="{{ STATIC_URL|add:"css/jquery/ui/1.11.1/themes/smoothness/jquery-ui.min.css"|with_version }}" />
<link rel="stylesheet" type="text/css" href="{{ STATIC_URL|add:"css/jquery/ui/1.11.1/jquery.ui.cWidget.css"|with_version }}" />
{{ block.super }}
<style type="text/css">
<!--
.c1 li {
	display: inline-block;
	width: 3.5em;
}
-->
</style>
{% endblock css %}



{% block js %}
<script type="text/javascript" src="{{ STATIC_URL }}js/jquery/1.10.2/jquery-1.10.2.js"></script>
<script type="text/javascript" src="{{ STATIC_URL }}js/jquery/ui/1.11.1/jquery-ui.min.js"></script>
<script type="text/javascript" src="{{ STATIC_URL|add:"js/jquery/ui/1.11.1/jquery.ui.cWidget.js"|with_version }}"></script>
<script type="text/javascript">
<!--
(function($) {

	$.widget('ui.timespinner', $.ui.spinner, {
		options: {
			step: 1,
			page: 1,
			round: false
		},
		round: function() {
			var step = this.options.step;
			this.element.val(this._format(Math.floor(this.value() / step) * step));
		},
		_parse: function(value) {
			if (typeof value === 'string') {
				if (value == '') {
					return null;
				}
				if (Number(value) == value) {
					return Number(value);
				}
				var t = value.split(':', 2);
				var n = (Number(t[0]) * 60 + Number(t[1]));
				return Number(n);
			}
			return value;
		},
		_format: function(value) {
			if (value == null) {
				return '';
			}
			var v = Number(value);
			while (v < 0) {
				v += (24 * 60);
			}
			v = (v % (24 * 60));  // ~23:59
			//var mm = '00' + (v % 60);
			//mm = mm.substring(mm.length - 2);
			var mm = v % 60;
			mm = '00' + (mm !== mm ? '00' : mm);
			mm = mm.substring(mm.length - 2);
			//var hh = '00' + (Math.floor(v / 60) % 24);
			//hh = hh.substring(hh.length - 2);
			var hh = Math.floor(v / 60) % 24;
			hh = '00' + (hh !== hh ? '00' : hh);
			hh = hh.substring(hh.length - 2);
			return hh + ':' + mm;
		}
	});

})(jQuery);

(function($) {
	$(function() {

		var $time = $('#{{ form.weekly_time.auto_id }}');
		var _step = 5
		$time.timespinner({
			max:60*24-_step,
			min:0,
			step:_step});

	});
})($.noConflict(true));
//-->
</script>
{{ block.super }}
<script type="text/javascript">
<!--
// -->
</script>
{% endblock js %}



{% block ajaxform_modified %}{{ block.super }}{% endblock ajaxform_modified %}
{% block to_ajaxform %}{% endblock to_ajaxform %}



{% block function %}
<div class="basic_function">
  <table class="list_table">
    <tr>
      <th>{% trans "REPLICATION: Schedule" %}</th>
      <td>
        <div>{{ form.weekly_enabled }}</div>
        <div class="c1">
          {{ form.weekly_weekdays }}
          {{ form.weekly_time }}
        </div>
      </td>
    </tr>
  </table>
  <input class="mbtn"
         type="submit"
         name="apply"
         value="{% trans "Apply" %}"
         onclick="parent.wait.start();" />
</div>
{% endblock function %}