108 lines
No EOL
3.6 KiB
HTML
108 lines
No EOL
3.6 KiB
HTML
{% extends "three-column-content.html" %}
|
|
|
|
{% block js_media %}
|
|
<script type="text/javascript">
|
|
$(document).ready(function () {
|
|
$('#mine-tab').attr('href', changeTabParameter('mine'));
|
|
$('#public-tab').attr('href', changeTabParameter('public'));
|
|
$('#private-tab').attr('href', changeTabParameter('private'));
|
|
registerNavigation();
|
|
|
|
var $form = $('form#filter-form');
|
|
|
|
$('#go').click(function() {
|
|
submitFormWithParams($form, "GET");
|
|
});
|
|
|
|
$form.on('keypress', function(e) {
|
|
if (e.key === 'Enter') {
|
|
e.preventDefault();
|
|
}
|
|
});
|
|
|
|
$('#search-organization').keypress(function (e) {
|
|
if (e.keyCode === 13) {
|
|
$('#go').click();
|
|
}
|
|
});
|
|
|
|
$('#order').select2();
|
|
});
|
|
</script>
|
|
{% block contest_list_js %}{% endblock %}
|
|
{% endblock %}
|
|
|
|
{% block left_sidebar %}
|
|
<div class="left-sidebar">
|
|
{% if request.user.is_authenticated %}
|
|
{{ make_tab_item('mine', 'fa fa-user', request.path + '?tab=mine', _('Mine')) }}
|
|
{% endif %}
|
|
{{ make_tab_item('public', 'fa fa-globe', request.path + '?tab=public', _('Public')) }}
|
|
{{ make_tab_item('private', 'fa fa-lock', request.path + '?tab=private', _('Private')) }}
|
|
</div>
|
|
{% endblock %}
|
|
|
|
{% block right_sidebar %}
|
|
<div class="right-sidebar">
|
|
{% include "organization/search-form.html" %}
|
|
</div>
|
|
{% endblock %}
|
|
|
|
{% macro org_list(queryset, tab) %}
|
|
{% if queryset %}
|
|
<div class="organization-container">
|
|
{% for org in queryset %}
|
|
<div class="organization-card" style="cursor: pointer;" onclick="location.href='{{ org.get_absolute_url() }}';">
|
|
{% if org.organization_image %}
|
|
<img class="org-logo" loading="lazy" src="{{ org.organization_image.url }}">
|
|
{% else %}
|
|
<img class="org-logo" loading="lazy" src="{{ static('icons/icon.svg') }}" onerror="this.onerror=null;this.src='{{ static('icons/logo.svg') }}';">
|
|
{% endif %}
|
|
<div class="org-details">
|
|
<span style="font-weight: bold;">{{ org.name }}</span>
|
|
<span style="margin-bottom: 0"><i>{{ org.member_count }} {{ _('members') }}</i></span>
|
|
</div>
|
|
{% if tab == 'mine' %}
|
|
<div class="background-royalblue button small">{{ _('View') }}</div>
|
|
{% elif tab == 'public' %}
|
|
<form method="post" action="{{ url('join_organization', org.id, org.slug) }}">
|
|
{% csrf_token %}
|
|
<input type="submit" style="width: 100%" class="background-royalblue button small" value="{{ _('Join') }}">
|
|
</form>
|
|
{% else %}
|
|
<a href="{{ url('request_organization', org.id, org.slug) }}" style="font-size: 15px;" class="background-royalblue button small">{{ _('Request membership') }}</a>
|
|
{% endif %}
|
|
</div>
|
|
{% endfor %}
|
|
</div>
|
|
{% if page_obj and page_obj.num_pages > 1 %}
|
|
{% include "list-pages.html" %}
|
|
{% endif %}
|
|
{% endif %}
|
|
{% endmacro %}
|
|
|
|
{% block middle_content %}
|
|
{% if current_tab == 'mine' %}
|
|
{% if organizations %}
|
|
{{ org_list(organizations, 'mine') }}
|
|
{% else %}
|
|
<i> {{ _('You have not joined any organization yet.') }} </i>
|
|
{% endif %}
|
|
{% endif %}
|
|
|
|
{% if current_tab == 'public' %}
|
|
{% if organizations %}
|
|
{{ org_list(organizations, 'public') }}
|
|
{% else %}
|
|
<i> {{ _('There is no public organization.') }} </i>
|
|
{% endif %}
|
|
{% endif %}
|
|
|
|
{% if current_tab == 'private' %}
|
|
{% if organizations %}
|
|
{{ org_list(organizations, 'private') }}
|
|
{% else %}
|
|
<i> {{ _('There is no private organization.') }} </i>
|
|
{% endif %}
|
|
{% endif %}
|
|
{% endblock %} |