{% extends "base.html" %}
{% block title %}Your projects{% endblock %}
{% block content %}
<h1>Your projects</h1>
<p style="font-size: small; padding-bottom: 5px;">
The projects you are currently member of:
</p>
<div class="subcolumns">
	<div class="c66l">
		<table>
			<tr>
				<th style="width: 100%">project name</th>
				<th colspan="3">options</th>
			</tr>
			{% for proj in projects %}
			<tr>
        <td><a style="color:#132E28; text-decoration:none; font-style:normal;" href="https://dev.spline.de/trac/{{ proj.0 }}">{{ proj.0 }}</a></td>
				<td onmouseover="showElement('box1')" onmouseout="hideElement('box1')"><a href="projects?action=leave&proj_name={{ proj.0 }}">leave</a></td>
				<td onmouseover="showElement('box2')" onmouseout="hideElement('box2')"><a href="members?proj_name={{ proj.0 }}">members</a></td>
				<td onmouseover="showElement('box3')" onmouseout="hideElement('box3')">
					<a href="javascript:confirmDelete('{{ proj.0 }}', 'projects?action=delete&proj_name={{ proj.0 }}')">delete</a></td>
			</tr>
			{% endfor %}
		</table>
	</div>
	<div class="c33r">
		<div style="display:none;" id="box1" class="infobox">
			<h1>leave project</h1>
			<p>
			if you leave a project, the project will still exist with all its
			other members, but you will not be part of it any more.
			</p>
		</div>
		<div style="display:none;" id="box2" class="infobox">
			<h1>manage members</h1>
			<p>
			click on this link and you will see a form where you can add members to or
			delete members from a project. you should be sure of what you're doing.
			</p>
		</div>
		<div style="display:none;" id="box3" class="infobox">
			<h1>delete project</h1>
			<p>
			if you delete a project, it will no longer appear in anyone's project list and will
			soon be deleted by the dev.spline.de team.
			you will however be provided with a backup of the project.
			all the project's members will receive a link to a *.tar.bz2 file to download the complete
			compressed project. after a week the link and the project will be deleted for good.
			</p>
		</div>
	</div>
</div>
{% endblock %}