root/trunk/PluginManager/plugins/PluginManager/tmpl/list.tmpl @ 1

<TMPL_INCLUDE NAME="header.tmpl">

<script type="text/javascript" src="<TMPL_VAR NAME=STATIC_URI>plugins/PluginManager/js/app.js"></script>
<script type="text/javascript">
<!--
function toggle_install() {
  var form = getByID("install-wrapper");
  if (form.style.display == 'block') {
    form.style.display = 'none';
    form.style.visibility = 'hidden';
  } else {
    form.style.display = 'block';
    form.style.visibility = 'visible';
  }
}
function uninstall_selected() {
  if (confirm("<MT_TRANS phrase="Are you sure you wish to uninstall the currently selected plugin?">")) {
    window.location = "?__mode=uninstall&id="+selected;
  }
}
var upgrading = 0;
function upgrade( plugin_id ) {
  upgrading = 1;
  window.location = "?__mode=upgrade&id="+plugin_id;
}
var selected = -1;
function unselect( id ) {
  selected = -1;
  var p = getByID("plugin-" + id);
  p.style.background = '#ffffff';
  p.style.color = '#000000';
}
function select( id ) {
  selected = id;
  var p = getByID("plugin-" + id);
  p.style.background = '#3f658c';
  p.style.color = '#ffffff';
}
function toggleSelect( id ) {
  var b = getByID("uninstall");
  if (upgrading) { return; }
  if (selected != -1 && selected != id) {
    unselect(selected);
    select(id);
  } else if (selected == id) {
    unselect(id);
    b.disabled = true;
  } else {
    select(id);
    b.disabled = false;
  }
}

function onClickHandler(evt) {
    // try to find our "window" element in dom hierarchy
    evt = evt || event;
    var element = evt.target || evt.srcElement;
    // nothing is selected, do nothing
    if (selected == -1) { return true; }

    // user clicked on uninstall button - do nothing
    var b = getByID('uninstall');
    if (b == element) { return true; }

/*
    // user clicked on upgrade button - do nothing
    for (i=0;i<plugin_keys.length;i++) {
      var el = getByID('upgrade-'+plugin_keys[i]);
      if (element == el) { return true; }
    }
*/

    // user clicked on selected item, deselect it
    var c = getByID('plugin-'+selected);
    if (c == element) { unselect(selected); return true; }

    // unselect everything (default)
    for (i=0;i<plugin_keys.length;i++) {
      var el = getByID('plugin-'+plugin_keys[i]);
      if (element == el) { return true; }
    }
    return true;
}

if ( document.addEventListener )
        document.addEventListener( "click", onClickHandler, true );
else if ( document.attachEvent )
        document.attachEvent( "onclick", onClickHandler );

function check_updates( arry ) {
  for (i=0; i < arry.length; i++) {
    check_for_update(arry[i]);
  }
}

function check_for_update( id ) {
  clients[id] = getHTTPObject(); // We create the HTTP Object
  var url = 'plugins.cgi?__mode=check_ajax&id='+id;
  clients[id].open("GET", url, true); 
  clients[id].onreadystatechange = function() {
    if (clients[id].readyState == 1) {  
      getByID('plugin-actions-'+id).innerHTML = '<img src="<TMPL_VAR NAME=STATIC_URI>plugins/PluginManager/images/indicator.gif" />'; 
    } else if (clients[id].readyState == 4) {  
      var txt = clients[id].responseText;
      getByID('plugin-actions-'+id).innerHTML = txt;
      clients[id] = 0;
    }
  }; 
  clients[id].send(null);
}
var plugin_keys = new Array();
<TMPL_LOOP NAME=PLUGIN_LOOP>
plugin_keys[<TMPL_VAR NAME=COUNT>] = <TMPL_VAR NAME=KEY>;
</TMPL_LOOP>
-->
</script>

<h2><MT_TRANS phrase="Plugin Manager">: <span class="title-highlight"><MT_TRANS phrase="Installed Plugins"></span></h2>

<div class="tabs">
<ul>
  <li class="yah"><a href=""><MT_TRANS phrase="Plugins"></a></li>
  <li class="special">
    <img src="<TMPL_VAR NAME=STATIC_URI>images/status_icons/create.gif" alt="<MT_TRANS phrase="Add Sidebar">" width="9" height="9" />
    <a href="#" onclick="toggle_install(); return false;"><MT_TRANS phrase="Install Plugin"></a>
  </li>
</ul>
</div>

<div id="install-wrapper">
  <form method="post" enctype="multipart/form-data">
    <input type="hidden" name="__mode" value="install" />
    <p><MT_TRANS phrase="Use the form below to upload a plugin you wish to install, or provide the URL where Plugin Manager can find the file to be downloaded."></p>
    <div id="upload-fields" class="fields">
      <label for="upload"><MT_TRANS phrase="Upload Plugin:"></label>
      <input type="file" name="uploaded_plugin" size="40" id="upload" />
    </div>
    <p class="indent">Or</p>
    <div id="url-fields" class="fields">
      <label for="url"><MT_TRANS phrase="Plugin URL:"></label>
      <input type="text" name="url" size="40" id="url" />
    </div>
    <p class="indent buttons">
      <input type="submit" value="<MT_TRANS phrase="Install Plugin">" />
      <input type="button" value="<MT_TRANS phrase="Cancel">" onclick="toggle_install(); return false;" />
    </p>
  </form>
</div>

<div class="list-wrapper">
  <div class="list" id="plugin-list">

<TMPL_LOOP NAME=PLUGIN_LOOP>
    <div id="plugin-<TMPL_VAR NAME=KEY>" class="plugin pkg"
         onclick="toggleSelect(<TMPL_VAR NAME=KEY>)">
      <div class="plugin-logo" <TMPL_IF NAME=ICON>style="background: transparent url(<TMPL_VAR NAME=ICON>) no-repeat; border: 0;"</TMPL_IF>>
      </div>
      <div class="plugin-info">
        <h4><TMPL_VAR NAME=NAME> <span class="plugin-version">Version <TMPL_VAR NAME=VERSION></span></h4>
        <p><TMPL_VAR NAME=DESCRIPTION></p>
      </div>
      <div id="plugin-actions-<TMPL_VAR NAME=KEY>" class="plugin-actions">
      </div>
    </div>
</TMPL_LOOP>
  </div>
</div>

  <div id="actions" class="pkg">
    <div id="actions-left" class="actions">
        <input type="button" value="Uninstall" id="uninstall" onclick="uninstall_selected();" disabled="1" />
    </div>
    <div id="actions-right" class="actions">
        <input type="button" value="Find Updates" id="updates" onclick="check_updates(plugin_keys);" />
        <a target="new" href="http://www.sixapart.com/pronet/plugins/">Find more plugins</a>
    </div>
  </div>

  <div id="sidebar-promo">
    <MT_TRANS phrase="Please support free software,"> <a href="http://www.majordojo.com/projects/PluginManager/downloads/"><MT_TRANS phrase="donate to Plugin Manager"></a>.
  </div>

</div>

<TMPL_INCLUDE NAME="footer.tmpl">