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



{% block css %}
{{ block.super }}
<link rel="stylesheet" type="text/css" href="{{ STATIC_URL }}css/jquery/ui/1.11.1/themes/smoothness/jquery-ui.min.css" />
<link rel="stylesheet" type="text/css" href="{{ STATIC_URL|add:"css/jquery/ui/1.11.1/jquery.ui.cWidget.css"|with_version }}" />
<style type="text/css">
<!--
.language select {
  width: 120px;
}

{% include './multi-checkbox.css' %}

.c1 {
	width: 100%;
}
.c1 table {
	float: right;
	margin-right: 27px;
	margin-bottom: 8px;
}
.c1 img {
	width: 150px;
}
.c1 td {
    vertical-align: bottom;
}

.area1 {
	background-color:#cccccc;
	border:1px solid #aaaaaa;
	margin:0.5em;
	padding:0.5em;
}

.ui-widget-overlay {
	opacity:0;
	filter:Alpha(Opacity=0);
}

#id_dummyform a {
	color:#0000ff;
	margin-top:7px;
	display:inline-block;
}
-->
</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($) {
{%comment%}{%endcomment%}
/*
 * mcbselect
 */
	{% include './multi-checkbox.js' %}

	function _submit($form, name) {
		$form.append('<input type="hidden" name="'+ name +'"/>');
		$form.submit();
	}

	$(function() {

		(function() {
			var $button = $('#id_upgrade');
			var $notice = $('#id_notice');
			$button.on('click', function(e) {
				e.preventDefault();
				$notice.dialog('open');
			});

			{% if is_needreboot %}
			var $reboot = $('#id_reboot');
			$notice.dialog({
				'title': '{% trans "DMS: notice" %}',
				'width': 600,
				'modal': true,
				'draggable': false,
				'buttons': [
					{
						'text': '{% trans "DMS: Reboot" %}',
						'click': function(e) {
							$(this).dialog('close');
							$reboot.dialog('open');
						}
					},
					{
						'text': '{% trans "DMS: Close" %}',
						'click': function(e) {
							$(this).dialog('close');
						}
					}
				],
				'autoOpen': false
			});
			$reboot.dialog({
				'title': '{% trans "DMS: confirmation" %}',
				'width': 400,
				'modal': true,
				'draggable': false,
				'buttons': [
					{
						'text': '{% trans "DMS: Execute" %}',
						'click': function(e) {
							parent.wait.start();
							_submit($button.parents('form'), "reboot");
						}
					},
					{
						'text': '{% trans "DMS: Cancel" %}',
						'click': function(e) {
							$(this).dialog('close');
						}
					}
				],
				'autoOpen': false
			});
			{% else %}
			var $license = $('#id_getlicense');
			$notice.dialog({
				'title': '{% trans "DMS: notice" %}',
				'width': 700,
				'modal': true,
				'draggable': false,
				'buttons': [
					{
						'text': '{% trans "DMS: Next" %}',
						'click': function(e) {
							$(this).dialog('close');
							$license.dialog('open');
						}
					},
					{
						'text': '{% trans "DMS: Cancel" %}',
						'click': function(e) {
							$(this).dialog('close');
						}
					}
				],
				'autoOpen': false,
				'open': function(e) {
					$('#id_agree').prop('checked',false);
					var next = $(".ui-dialog-buttonpane button:contains('{% trans "DMS: Next" %}')");
					next.button("option", "disabled", true);
				}
			});
			$license.dialog({
				'title': '{% trans "DMS: registration" %}',
				'width': 700,
				'modal': true,
				'draggable': false,
				'buttons': [
					{
						'text': '{% trans "DMS: Register" %}',
						'click': function(e) {
							parent.wait.start();
							_submit($("#{{ keyform.key.auto_id }}").parents('form'), "upgrade");
						}
					},
					{
						'text': '{% trans "DMS: Cancel" %}',
						'click': function(e) {
							$(this).dialog('close');
						}
					}
				],
				'autoOpen': false,
				'open': function(event) {
					$("#{{ keyform.key.auto_id }}").val("");
				}
			});
			$license.append('<form id="id_dummyform" method="post" autocomplete="off" >'
					+ "{% csrf_token %}" + '{{ keyform.key }}<br />'
					+ '<a href="http://www.ioplaza.jp/ldoplsdt/" target="_BLANK"'
					+ '>{% trans "DMS: Link to ioPLAZA" %}</a></form>');

			$('#id_agree').on('change', function(e) {
				var next = $(".ui-dialog-buttonpane button:contains('{% trans "DMS: Next" %}')");
				next.button("option", "disabled", ! $(this).prop('checked'));
			});
			{% endif %}

		})();

	});

{%comment%}{%endcomment%}
})($.noConflict(true));

</script>
{{ block.super }}
<script type="text/javascript" src="{{ STATIC_URL }}js/status.js"></script>
<script type="text/javascript">
    $(document).ready(function() {
      try {
          var status = new Status('./initializestatus', 'id_status');
          status.get();
      } catch(e) {}

      (function f() {
          $.ajax({
              type:"GET",
              url:"initializing",
              cache:false,
              dataType:"json",
              timeout:10*1000,
              success:function(data, dataType) {
                  $("#id_initialize").prop("disabled", Boolean(data.initializing));
              },
              error:function(xhr, textStatus, errorThrown) {
              },
              complete:function() {
                  setTimeout(function() { f(); }, 1*1000)
              }
          });
      })();
    });
 </script>
{% endblock js %}



{% block ajaxform_modified %}
  {{ block.super }}
{% endblock ajaxform_modified %}
{% comment %} ファイルアップ時には is_ajax できないので解除
{% block to_ajaxform %}
{% endblock to_ajaxform %}
{% endcomment %}



{% block function %}
<div class="basic_function">
   <input id="id_upgrade" class="mbtn" type="button" name="Upgrade" 
      value="{% trans "DMS: Upgrade to DTCP-IP Edition." %}" />
   <table class="list_table">
     <tr>
       <th>{{ form.enable.label }}</th>
       <td colspan="2">{{ form.enable }}</td>
     </tr>
     <tr>
       <th>{{ form.language.label }}</th>
       <td class="language" colspan="2">{{ form.language }}</td>
     </tr>
     <tr>
       <th>{{ form.sharelist.label }}</th>
       <td colspan="2">
       {% with form.sharelist as sharelist_select_field %}
         {% include './multi-checkbox.html' %}
       {% endwith %}
       </td>
     </tr>
   </table>
   <input class="mbtn" type="submit" name="apply" value="{% trans "Apply" %}" />
   <table class="line_table">
     <tr>
       <th width="50%">{% trans "DMS: Initialize database" %}</th>
       <td width="25%">
         <input id="id_initialize" 
                class="mbtn"
                type="submit"
                name="execute"
                value="{% trans "execute" %}" />
       </td>
       <td width="25%" id="id_status">{{ initialize_status }}</td>
     </tr>
   </table>
  <div style="display:none;">
    {% if is_needreboot %}
    <div id="id_notice">
      <div class="area1">
        <p>
          {% trans "DMS: Reboot is necessary to upgrade to DTCP-IP Edition." %}<br />
          {% trans "DMS: Please upgrade once again after reboot." %}<br />
        </p>
      </div>
    </div>
    <div id="id_reboot">
      <p style="margin-top:0.7em;">
        {% trans "DMS: Really restart system?" %}
      </p>
    </div>
    {% else %}
    <div id="id_notice">
      <div class="area1">
        <p>
          {% trans "DMS: Notice for DTCP-IP edition" %}
        </P>
        <ul style="padding-left: 1.5em;">
          <li>{% trans "License key bought in" %}
            <span>
              <a href="http://www.ioplaza.jp/ldoplsdt/" target="_BLANK" style="color:#0000ff;">
                 {% trans "ioPLAZA" %}</a>
            </span>
              {% trans "is needed to upgrade." %}</li>
          <li>{% trans "Connection to the internet is needed to upgrade." %}</li>
          <li>{% trans "When this package is uninstalled after an upgrade, all recording contents stored in this product are deleted." %}</li>
          <li>{% trans "The DTCP-IP contents are coded for copyright protection, and that can't be copied (including backup)." %}</li>
          <li>{% trans "When Enclosure(Substrate) is changed, DTCP-IP contents are not preserved.(e.g. repairing.)" %}</li>
          <ul/>
        <ul/>
      </div>
      <label><input id="id_agree" type="checkbox" />{% trans "DMS: Confirmed above." %}</label>
    </div>
    <div id="id_getlicense">
      <p style="margin-top:0.5em;">
        {% trans "DMS: License key bought in ioPLAZA is needed to upgrade." %}<br />
        {% trans "DMS: Input licensekey of dtcp-ip" %}<br />
      </p>
    </div>
    {% endif %}
  </div>
</div>
<div class="c1">
   <table>
     <tr>
       <td>
         <img src="{{ STATIC_URL }}img/pkg/dms/DiXiM_logo.png" />
       </td>
       <td>
         DiXiM technology licensed from DigiOn,Inc.
       </td>
     </tr>
   </table>
</div>

{% endblock function %}