<!DOCTYPE html>
<!--

Licensed under the Apache License, Version 2.0 (the "License"); you may not use
this file except in compliance with the License. You may obtain a copy of the
License at

  http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software distributed
under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR
CONDITIONS OF ANY KIND, either express or implied. See the License for the
specific language governing permissions and limitations under the License.

-->
<html lang="en">
  <head>
    <title>Plugins</title>
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
    <link rel="stylesheet" href="style/layout.css?0.11.0" type="text/css">
    <script src="script/json2.js"></script>
    <script src="script/sha1.js"></script>
    <script src="script/jquery.js"></script>
    <script src="script/jquery.couch.js"></script>
    <script src="script/jquery.dialog.js"></script>
    <script src="script/futon.js"></script>
  </head>
  <body><div id="wrap">
    <h1>
      <a href="index.html">Overview</a>
      <strong>Plugins</strong>
    </h1>
    <div id="content">
      <div class="row">
        <h2>GeoCouch</h2>
        <p>Version: <strong>couchdb1.2.x_v0.3.0-11-g66e6219</strong></p>
        <p>Author: Volker Mische</p>
        <p>
          Available Erlang Versions:
          <ul>
            <li>CouchDB 1.4.0-XXX R15B01</li>
          </ul>
        </p>
        <p>
          <button href="#" class="install-plugin" data-url="http://people.apache.org/~jan" data-checksums='{"1.4.0": {"R15B03":"D5QPhrJTAifM42DXqAj4RxzfEtI="}}' data-name="geocouch" data-version="couchdb1.2.x_v0.3.0-16-g66e6219">Install GeoCouch Now</button>
        </p>
      </div>
      <div class="row">
        <h2>CouchPerUser</h2>
        <p>Version: <strong>1.0.0</strong></p>
        <p>Author: Bob Ippolito</p>
        <p>
          Available Erlang Versions:
          <ul>
            <li>CouchDB 1.4.0-XXX R15B01</li>
          </ul>
        </p>
        <p>
          <button href="#" class="install-plugin" data-url="http://people.apache.org/~jan" data-checksums='{"1.4.0": {"R15B03":"Aj3mjC6M75NA62q5/xkP0tl8Hws="}}' data-name="couchperuser" data-version="1.0.0">Install CouchPerUser Now</button>
        </p>
      </div>
    </div>
  </div></body>
  <script>
    $('.install-plugin').each(function() {
      var button = $(this);
      var name = button.data('name');
      var version = button.data('version');
      $.get("/_config/plugins/" + name + "/", function(body, textStatus) {
        body = JSON.parse(body);
        if(body == version) {
          button.html('Already Installed. Click to Uninstall');
          button.data('delete', true);
        } else {
          button.html('Other Version Installed: ' + body);
          button.attr('disabled', true);
        }
      });
    });

    $('.install-plugin').click(function(event) {
      var button = $(this);
      var delete_plugin = button.data('delete') || false;
      var plugin_spec = JSON.stringify({
        name: button.data('name'),
        url: button.data('url'),
        version: button.data('version'),
        checksums: button.data('checksums'),
        "delete": delete_plugin
      });
      var url = '/_plugins'
      $.ajax({
        url: url,
        type: 'POST',
        data: plugin_spec,
        contentType: 'application/json', // what we send to the server
        dataType: 'json', // expected from the server
        processData: false, // keep our precious JSON
        success: function(data, textStatus, jqXhr) {
          if(textStatus == "success") {
            var action = delete_plugin ? 'Uninstalled' : 'Installed';
            button.html('Sucessfully ' + action);
            button.attr('disabled', true);
          } else {
            button.html(textStatus);
          }
        },
        beforeSend: function(xhr) {
          xhr.setRequestHeader('Accept', 'application/json');
        },
      });
    });
  </script>
  <style type="text/css">
  .row {
    background-color: #EEE;
    padding:1em;
    margin-bottom:1em;
  }
  </style>
</html>