{% extends ../../../templates/base.html %}

{% block title %}[{{instance.hostname}}:{{instance.pg_port}}] - Configuration / Main Config {% end %}

{% block content %}
<link href="/css/pgconf/temboard.pgconf.css" rel="stylesheet">
<!-- Reset Modal -->
<div class="modal fade" id="resetModal" tabindex="-1" role="dialog" aria-labelledby="resetModalLabel">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="restartModalLabel">Reset parameter:</h4>
      </div>
      <div class="modal-body" id="resetModalBody">
        <p><b><span id="resetParamName"></span></b> to <b><span id="resetParamValue"></span></b> ?</p>
      </div>
      <div class="modal-footer" id="resetModalFooter">
        <button type="button" class="btn btn-success" id="resetYesButton">Yes</button>
        <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
      </div>
    </div>
  </div>
</div>

{% set file_type = 'postgres' %}

<div class="limiter">
{% include menu.html %}

{% try %}
{% if ret_post and len(ret_post['settings']) > 0%}
<div class="row">
  <div class="col-md-12">
    <div id="ok-configuration" class="alert alert-success alert-dismissible" role="alert">
      <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
      <h2><i class="fa fa-check-circle fa-fw"></i> OK </h2>
      <p>The following changes have been applied:</p>
      <table class="table table-condensed">
      <tr>
        <th width="30%">Name</th>
        <th width="30%">Prev. value</th>
        <th width="40%">New value</th>
      </tr>
      {% for setting in ret_post['settings'] %}
      <tr>
        <td>{{ setting['name'] }}</td>
        <td>{% if setting['previous_setting'] %}{{setting['previous_setting']}}{% end %}</td>
        <td><b>{{ setting['setting'] }}</b></td>
      </tr>
      {% end %}
      </table>
    </div>
  </div>
</div>
{% end %}
{% except %}
{% end %}

{% try %}
{% if error_code > 0%}
<div class="row">
  <div class="col-md-12">
    <div id="error-configuration" class="alert alert-danger" role="alert">
      <h2><i class="fa fa-ban fa-fw"></i> Error <small></small></h2>
      <p>{{error_code}}: {{error_message}}</p>
    </div>
  </div>
</div>
{% end %}
{% except %}
{% end %}

{% if configuration_status['restart_pending'] is True %}
<div class="row">
  <div class="col-md-12">
    <div id="alert-configuration" class="alert alert-warning alert-dismissible" role="alert">
      <h2><i class="fa fa-warning fa-fw"></i>WARNING</h2>
      <p> Some changes are pending and PostgreSQL should be restarted:</p>
      <table class="table table-condensed">
        <tr>
          <th width="30%">Name</th>
          <th width="35%">Current value</th>
          <th width="35%">Pending value</th>
          <td></td>
        </tr>
        {% for change in configuration_status['restart_changes'] %}
        <tr>
          <td>{{change['name']}}</td>
          <td>{% if change['setting'] %}{{change['setting_raw']}}{% end %}</td>
          <td><b>{% if change['pending_val'] %}{{change['pending_val']}}{% end %}</b></td>
          <td><button type="button" id="buttonReset_{{change['name']}}" data-toggle="popover" data-trigger="hover" data-placement="auto right" title="{{change['name']}}" data-html="true" data-content="Reset to: '{% if change['setting'] %}{{change['setting_raw']}}{% else %}{% end %}'">
            <span class="fa fa-undo" aria-hidden="true"></span>
          </button></td>
        </tr>
        {% end %}
      </table>
      <div class="row">
        <div class="col-md-12 text-center">
          <button type="button" class="btn btn-danger" data-toggle="modal" data-target="#restartModal">Restart PostgreSQL</button>
        </div>
      </div>
    </div>
  </div>
</div>
<!-- Restart Modal -->
<div class="modal fade" id="restartModal" tabindex="-1" role="dialog" aria-labelledby="restartModalLabel">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="restartModalLabel">Are you sure you want to restart PostgreSQL ?</h4>
      </div>
      <div class="modal-body" id="restartModalBody">
        <div class="alert alert-warning" role="alert">
          <h4><i class="fa fa-warning fa-fw"></i>WARNING</h4>
          <p>PostgreSQL is going to be restarted, please confirm.</p>
        </div>
      </div>
      <div class="modal-footer" id="restartModalFooter">
        <button type="button" class="btn btn-danger" id="restartYesButton">Yes</button>
        <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
      </div>
    </div>
  </div>
</div>
<script>
$('#restartYesButton').on(
  'click',
  function(event) {
    event.preventDefault();
    modal_api_call('{{instance.agent_address}}', '{{instance.agent_port}}', '/administration/control', 'post', '{{xsession}}', 'restartModal', {"action":"restart"});
  }
);
</script>
{% end %}
{% if configuration_status['reload_pending'] is True %}
<div class="row">
  <div class="col-md-12">
    <div id="alert-configuration" class="alert alert-warning alert-dismissible" role="alert">
      <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
      <h2><i class="fa fa-warning fa-fw"></i>WARNING</h2>
      <p> Some changes are pending and PostgreSQL configuration should be reloaded:</p>
      <table class="table table-condensed">
        <tr>
          <th width="30%">Name</th>
          <th width="35%">Current value</th>
          <th width="35%">Pending value</th>
        </tr>
        {% for change in configuration_status['reload_changes'] %}
        <tr>
          <td>{{change['name']}}</td>
          <td>{% if change['setting'] %}{{change['setting_raw']}}{% end %}</td>
          <td><b>{% if change['pending_val'] %}{{change['pending_val']}}{% end %}</b></td>
        </tr>
        {% end %}
      </table>
      <div class="row">
        <div class="col-md-12 text-center">
          <button type="button" class="btn btn-warning" data-toggle="modal" data-target="#reloadModal">Reload configuration</button>
        </div>
      </div>
    </div>
  </div>
</div>
<!-- Reload Modal -->
<div class="modal fade" id="reloadModal" tabindex="-1" role="dialog" aria-labelledby="reloadModalLabel">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="reloadModalLabel">Are you sure you want to reload PostgreSQL configuration ?</h4>
      </div>
      <div class="modal-body" id="reloadModalBody">
        <div class="alert alert-warning" role="alert">
          <h4><i class="fa fa-warning fa-fw"></i>WARNING</h4>
          <p>PostgreSQL configuration is going to be reloaded, please confirm.</p>
        </div>
      </div>
      <div class="modal-footer" id="reloadModalFooter">
        <button type="button" class="btn btn-success" id="reloadYesButton">Yes</button>
        <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
      </div>
    </div>
  </div>
</div>
<script>
$('#reloadYesButton').on(
  'click',
  function(event) {
    event.preventDefault();
    modal_api_call('{{instance.agent_address}}', '{{instance.agent_port}}', '/administration/control', 'post', '{{xsession}}', 'reloadModal', {"action":"reload"});
  }
);
</script>
{% end %}
<div class="row form-group">
  <div class="col-md-3">
    <form method="get" action="/server/{{instance.agent_address}}/{{instance.agent_port}}/pgconf/configuration" class="form" role="search">
      <label class="sr-only" for="selectServer">Search</label>
      <div class="input-group">
        <input class="form-control" id="inputSearchSettings" name="filter" placeholder="Find in settings" value="{{query_filter if query_filter is not None else ''}}"/>
        <span class="input-group-btn">
          {% if query_filter %}
          <a class="btn btn-default"
             href="/server/{{instance.agent_address}}/{{instance.agent_port}}/pgconf/configuration">
            <i class="fa fa-fw fa-times"></i>
          </a>
          {% end %}
          <button type="submit" class="btn btn-default" id="buttonSearchSettings">
            <i class="fa fa-fw fa-search"></i>
          </button>
        </span>
      </div>
    </form>
  </div>
  <div class="col-md-7 col-md-offset-2">
    <label class="sr-only" for="selectConfCat">Category</label>
    <div class="input-group">
      <div class="input-group-addon">Category</div>
      <select class="form-control" id="selectConfCat" {{'disabled' if query_filter else ''}}>
        {% if not query_filter %}
        {% for cat in configuration_categories['categories'] %}
        <option value="/server/{{instance.agent_address}}/{{instance.agent_port}}/pgconf/configuration/category/{{url_escape(cat)}}"{% if url_escape(current_cat) == url_escape(cat) %} selected="selected" {% end %}>{{cat}}</option>
        {% end %}
        {% end %}
      </select>
    </div>
    <script>
    $('#selectConfCat').on('change', function(event) {
      event.preventDefault();
      window.location.replace($('#selectConfCat').find(':selected').attr('value'));
    });
    </script>
  </div>
</div>
{% if len(data) == 0 %}
<div class="row">
  <div class="col-md-12"><p>No results found...</p></div>
</div>
{% end %}
<div class="row">
  <div class="col-md-12">
  {% for setting_group in data %}
    <div class="panel panel-default">
      <div class="panel-heading">{{setting_group['category']}}</div>
      <div class="panel-body">
        <form role="form" method="post">
        <table class="table table-condensed">
        {% for setting_row in setting_group['rows'] %}
          <tr>
            <td class="label-setting">
              <span class="title-setting">{{setting_row['name']}}</span>
              <p class="desc-setting">{{setting_row['desc']}}</p>
            </td>
            <td class="input-setting">
              {% if setting_row['vartype'] == 'bool' %}
              <div class="text-center">
                <input type="checkbox" data-toggle="toggle" data-size="mini" data-onstyle="success" data-offstyle="danger" id="select{{setting_row['name']}}" {% if setting_row['setting'] == 'on' %}checked{% end %}/>
                <input id="hidden{{setting_row['name']}}" type="hidden" name="{{setting_row['name']}}" value="{% if setting_row['setting'] == 'on' %}on{%else%}off{% end %}" />
              </div>
              {% elif setting_row['vartype'] == 'enum' %}
              <select class="form-control input-sm" name="{{setting_row['name']}}" id="select{{setting_row['name']}}">{% for v in setting_row['enumvals'][1:-1].split(',') %}<option value="{{v}}" {% if (v.startswith('"') and v.endswith('"') and setting_row['setting'] == v[1:-1]) or setting_row['setting'] == v %} selected="selected"{% end %}>{{v}}</option>{% end %}</select>
              {% else %}
              <input data-toggle="popover" data-trigger="hover" data-placement="auto top" data-html="true" data-content="<table><tr><td>Type:</td><td><b>{{setting_row['vartype']}}</b></td></tr>{% if setting_row['unit'] %}<tr><td>Unit:</td><td><b>{{setting_row['unit']}}</b></td></tr>{% end %}{% if setting_row['vartype'] in ['integer', 'real'] %}<tr><td>Minimum:</td><td><b>{{setting_row['min_val']}}</b></td></tr><tr><td>Maximum:</td><td><b>{{setting_row['max_val']}}{% end %}</b></td></tr></table>" type="text" class="form-control input-sm" name="{{setting_row['name']}}" id="input{{setting_row['name']}}" placeholder="{{setting_row['name']}}" value="{%if setting_row['setting'] is not None%}{{setting_row['setting_raw']}}{%end%}">
              {% end %}
              {% if setting_row['setting_raw'] == setting_row['auto_val_raw'] and ((setting_row['file_val_raw'] and setting_row['setting_raw'] != setting_row['file_val_raw']) or (not setting_row['file_val_raw'] and setting_row['setting'] != setting_row['boot_val']))%}
              <button type="button" class="btn btn-link" id="buttonReset_{{setting_row['name']}}" data-toggle="popover" data-trigger="hover" data-placement="auto right" title="{{setting_row['name']}}" data-html="true" data-content="Reset to: '{% if not setting_row['file_val_raw'] %} {%if setting_row['boot_val']%}{{setting_row['boot_val']}}{%end%} {% else %} {%if setting_row['file_val_raw']%}{{setting_row['file_val_raw']}}{%end%} {% end %}'">
                <span class="fa fa-undo" aria-hidden="true"></span>
                Reset to default
              </button>
              {% end %}
            </td>
          </tr>
        {% end %}
        </table>
        <div class="row">
          <div class="col-md-12 text-center">
            <button type="submit" class="btn btn-sm btn-success">Save and reload configuration</button>
          </div>
        </div>
        </form>
      </div>
    </div>
  {% end %}
  </div>
</div>
<script src="/js/pgconf/temboard.pgconf.js"></script>
<script src="/js/bootstrap-toggle.min.js"></script>
<script>
$(document).ready(function() {

  $('input[type=checkbox]').each(function() {
    $(this).change(function(){
      var hidden_id = $(this).attr('id').replace('select', 'hidden');
      var hidden_val = 'off';
      if ($(this).prop('checked'))
      {
        hidden_val = 'on';
      }
      $('#'+hidden_id).val(hidden_val);
    });
  });

{% if configuration_status['restart_pending'] is True %}
  {% for change in configuration_status['restart_changes'] %}
    $('#buttonReset_{{change['name']}}').click(function () {
      $('#resetModal').modal('show');
      $('[data-toggle=popover]').popover('hide');
      $('#resetParamName').html('{{change['name']}}');
      $('#resetParamValue').html('{%if change['setting']%}{{change['setting_raw']}}{%end%}');
      $('#resetYesButton').on(
        'click',
        function(event) {
          event.preventDefault();
          modal_api_call('{{instance.agent_address}}', '{{instance.agent_port}}', '/pgconf/configuration', 'post', '{{xsession}}', 'resetModal', {"settings":[{"name": "{{change['name']}}", "setting": "{% if change['setting'] %}{{change['setting_raw']}}{% end %}", "force": "true"}]});
        }
      );
    });
  {% end %}
{% end %}
{% for setting_group in data %}
  {% for setting_row in setting_group['rows'] %}
    {% if setting_row['setting'] == setting_row['auto_val'] and ((setting_row['file_val'] and setting_row['setting'] != setting_row['file_val']) or (not setting_row['file_val'] and setting_row['setting'] != setting_row['boot_val']))%}
    $('#buttonReset_{{setting_row['name']}}').click(function () {
      $('#resetModal').modal('show');
      $('[data-toggle=popover]').popover('hide');
      $('#resetParamName').html('{{setting_row['name']}}');
      {% if not setting_row['file_val'] %}
      $('#resetParamValue').html('{%if setting_row['boot_val']%}{{setting_row['boot_val']}}{%end%}');
        {% set setting_value = setting_row['boot_val'] %}
      {% else %}
      $('#resetParamValue').html('{%if setting_row['file_val_raw']%}{{setting_row['file_val_raw']}}{%end%}');
        {% set setting_value = setting_row['file_val_raw'] %}
      {% end %}
      $('#resetYesButton').on(
        'click',
        function(event) {
        event.preventDefault();
        modal_api_call('{{instance.agent_address}}', '{{instance.agent_port}}', '/pgconf/configuration', 'post', '{{xsession}}', 'resetModal', {"settings":[{"name": "{{setting_row['name']}}", "setting": "{%if setting_value %}{{setting_value}}{%end%}"}]});
  }
);
  });
    {% end %}
  {% end %}
{% end %}
});
</script>
</div> <!-- end limiter -->
{% end %}