home.mako

# -*- coding: utf-8 -*-
<%inherit file="base.mako"/>
<%block name="header">
</%block>
<%block name="content">
<%
base_url = request.route_path('home')
priorities = [_('urgent'), _('high'), _('medium'), _('low')]

sorts = [('priority', 'asc', _('High priority first')),
         ('created', 'desc', _('Creation date')),
         ('last_update', 'desc', _('Last update'))]
%>
<div class="container">
  <div class="col-md-6">
    <h3>Projects</h3>
    <%
        qs = dict(request.GET)

        sort_by = qs.get('sort_by', 'priority')
        direction = qs.get('direction', 'asc')
        button_text = ''
        for sort in sorts:
            if sort[0] == sort_by and sort[1] == direction:
                button_text = sort[2]
        endfor
    %>
    <form class="form-inline" role="form"
          action="${request.current_route_url()}"
          method="GET">

      <div class="row">
        <div class="col-md-12">
          <input type="hidden" name="sort_by"
                 value="${request.params.get('sort_by', 'priority')}">
          <input type="hidden" name="direction"
                 value="${request.params.get('direction', 'asc')}">

          <div class="form-group left-inner-addon">
            <i class="glyphicon glyphicon-search text-muted"></i>
            <input type="search" class="form-control input-sm"
                   name="search" placeholder="${_('Search')}"
                   value="${request.params.get('search', '')}">
          </div>
          <div class="btn-group pull-right">
            <button type="button" class="btn btn-default btn-sm dropdown-toggle"
                    data-toggle="dropdown">
              ${_('Sort by:')} <strong>${button_text}</strong>
              <span class="caret"></span>
            </button>
            <ul class="dropdown-menu" role="menu">
              % for sort in sorts:
                <%
                  qs['sort_by'] = sort[0]
                  qs['direction'] = sort[1]
                %>
                <li>
                  <a href="${request.current_route_url(_query=qs.items())}">
                    ${sort[2]}
                  </a>
                </li>
              % endfor
            </ul>
          </div>
        </div>
      </div>
      <div class="row">
        <div class="col-md-12">
          <div class="checkbox input-sm pull-right">
            <label>
              <input type="checkbox" name="my_projects"
                ${'checked' if request.params.get('my_projects') == 'on' else ''}
                onclick="this.form.submit();"> ${_('Your projects')}
            </label>
          </div>
        </div>
      </div>
    </form>
    % if paginator.items:
        % for project in paginator.items:
          ${project_block(project=project, base_url=base_url,
                          priorities=priorities)}
        % endfor
        ${paginator.pager()}
    % endif
  </div>
  <div class="col-md-6">
    <h3>${_('About the Tasking Manager')}</h3>
    <p>
    ${_('OSM Tasking Manager is a mapping tool designed and built for the Humanitarian OSM Team collaborative mapping. The purpose of the tool is to divide up a mapping job into smaller tasks that can be completed rapidly. It shows which areas need to be mapped and which areas need the mapping validated. <br />This approach facilitates the distribution of tasks to the various mappers in a context of emergency. It also permits to control the progress and the homogeinity of the work done (ie. Elements to cover, specific tags to use, etc.).')|n}
    </p>
  </div>
</div>
</%block>

<%def name="project_block(project, base_url, priorities)">
<%
    import markdown
    import bleach
    from sqlalchemy.orm import joinedload
    from osmtm.models import DBSession, Project, ProjectTranslation

    priority = priorities[project.priority]
    project = DBSession.query(Project).\
        options(joinedload(Project.translations[request.locale_name])).\
        filter(Project.id == project.id).first()
    if request.locale_name:
        project.locale = request.locale_name

    if project.status == project.status_archived:
        status = 'Archived'
    elif project.status == project.status_draft:
        status = 'Draft'
    else:
        status = ''
%>
<div class="project well ${status.lower()}">
  <ul class="nav project-stats">
    <li>
      <table>
        <tr>
          <%
            locked = project.get_locked()
            title = _('${locked} user(s) is (are) currently working on this project', mapping={'locked': locked})
          %>
          % if locked:
          <td>
            <span title="${title}" class="text-muted">
              <span class="glyphicon glyphicon-user"></span>
              ${locked}
            </span>
            &nbsp;
          </td>
          % endif
          <td>
            <div class="progress">
              <div style="width: ${project.done}%;" class="progress-bar progress-bar-warning"></div>
              <div style="width: ${project.validated}%;" class="progress-bar progress-bar-success"></div>
            </div>
          </td>
          <td>&nbsp;${project.done + project.validated}%</td>
        </tr>
      </table>
    </li>
  </ul>
  <h4>
    <a href="${base_url}project/${project.id}">#${project.id} ${project.name}
    </a>
  </h4>
  <div class="clear"></div>
  <div class="world_map">
    % if project.area:
    <%
        from geoalchemy2 import shape
        centroid = shape.to_shape(project.area.centroid)
    %>
    <div style="top: ${(-centroid.y + 90) * 60 / 180 - 1}px; left: ${(centroid.x + 180) * 120 / 360 - 1}px;" class="marker"></div>
    % endif
  </div>
  ${bleach.clean(markdown.markdown(project.short_description), strip=True) |n}
  <div class="clear"></div>
  <small class="text-muted">
    % if project.private:
    <span class="glyphicon glyphicon-lock"
          title="${_('Access to this project is limited')}"></span> -
    % endif
    % if project.author:
    <span>${_('Created by')} ${project.author.username}</span> -
    % endif
    <span>${_('Updated')} <span class="timeago" title="${project.last_update}Z"></span></span> -
    <span>${_('Priority:')} ${priority}</span>
    % if status:
    - <span>${_(status)}</span>
    % endif
  </small>
</div>
</%def>