From f174c921fbb6ff28a561dd4724369e1095dd6efd Mon Sep 17 00:00:00 2001
From: cuom1999 <lephuocdinh99@gmail.com>
Date: Sun, 10 Oct 2021 17:37:15 -0500
Subject: [PATCH] New organization view

---
 judge/views/organization.py                  |   8 +-
 templates/organization/edit.html             |   2 +-
 templates/organization/home.html             | 133 +++++++++++++------
 templates/organization/requests/log.html     |   2 +-
 templates/organization/requests/pending.html |   2 +-
 5 files changed, 106 insertions(+), 41 deletions(-)

diff --git a/judge/views/organization.py b/judge/views/organization.py
index 96a98fd..057e617 100644
--- a/judge/views/organization.py
+++ b/judge/views/organization.py
@@ -11,6 +11,7 @@ from django.forms import Form, modelformset_factory
 from django.http import Http404, HttpResponsePermanentRedirect, HttpResponseRedirect
 from django.urls import reverse
 from django.utils import timezone
+from django.utils.safestring import mark_safe
 from django.utils.translation import gettext as _, gettext_lazy, ungettext
 from django.views.generic import DetailView, FormView, ListView, UpdateView, View
 from django.views.generic.detail import SingleObjectMixin, SingleObjectTemplateResponseMixin
@@ -114,6 +115,7 @@ class OrganizationHome(OrganizationDetailView):
             Comment.objects.filter(page__in=['b:%d' % post.id for post in context['posts']], hidden=False)
                            .values_list('page').annotate(count=Count('page')).order_by()
         }
+        context['pending_count'] = OrganizationRequest.objects.filter(state='P', organization=self.object).count()
         return context
 
 
@@ -230,7 +232,7 @@ class OrganizationRequestDetail(LoginRequiredMixin, TitleMixin, DetailView):
 OrganizationRequestFormSet = modelformset_factory(OrganizationRequest, extra=0, fields=('state',), can_delete=True)
 
 
-class OrganizationRequestBaseView(LoginRequiredMixin, SingleObjectTemplateResponseMixin, SingleObjectMixin, View):
+class OrganizationRequestBaseView(TitleMixin, LoginRequiredMixin, SingleObjectTemplateResponseMixin, SingleObjectMixin, View):
     model = Organization
     slug_field = 'key'
     slug_url_kwarg = 'key'
@@ -243,6 +245,10 @@ class OrganizationRequestBaseView(LoginRequiredMixin, SingleObjectTemplateRespon
             raise PermissionDenied()
         return organization
 
+    def get_content_title(self):
+        href = reverse('organization_home', args=[self.object.id, self.object.slug])
+        return mark_safe(f'Manage join requests for <a href="{href}">{self.object.name}</a>')
+ 
     def get_context_data(self, **kwargs):
         context = super(OrganizationRequestBaseView, self).get_context_data(**kwargs)
         context['title'] = _('Managing join requests for %s') % self.object.name
diff --git a/templates/organization/edit.html b/templates/organization/edit.html
index 5336f73..996c2b9 100644
--- a/templates/organization/edit.html
+++ b/templates/organization/edit.html
@@ -40,7 +40,7 @@
 {% endblock %}
 
 {% block body %}
-    <form action="" method="post" class="form-area">
+    <form action="" method="post" class="form-area" style="width:100%">
         {% csrf_token %}
         <table border="0" style="text-align:left">{{ form.as_table() }}</table>
         <button type="submit">{{ _('Update') }}</button>
diff --git a/templates/organization/home.html b/templates/organization/home.html
index 40839fa..0a5c31e 100644
--- a/templates/organization/home.html
+++ b/templates/organization/home.html
@@ -1,17 +1,38 @@
 {% extends "base.html" %}
-{% block title_row %}{% endblock %}
-{% block title_ruler %}{% endblock %}
 
-<!-- {% block media %}
+{% block media %}
     <style>
-        .post {
-            margin: 0 1.4em;
+        #control-button {
+            margin-left: 0.8em;
+            background: lightgray;
+            color: black !important;
+            border: 0;  
         }
-        .post:first-child {
-            margin-top: 0.6em;
+        #control-button:hover {
+            background: gray;
+        }
+        {% if request.user.is_authenticated and is_member %}
+            #control-panel {
+                display: none;
+            }
+        {% endif %}
+        .leave-organization, .leave-organization:hover {
+            color: red;
+        }
+        #control-list li {
+            border-bottom: 1px solid black; 
+        }
+        #pending-count-box {
+            float: right;
+            text-align: center;
+            background: red;
+            color: white;
+            border-radius: 3px;
+            padding-left: 0.3em;
+            padding-right: 0.3em;
         }
     </style>
-{% endblock %} -->
+{% endblock %}
 
 {% block js_media %}
     <script type="text/javascript">
@@ -42,11 +63,40 @@
                     $('.blog-content').hide();
                     $('.blog-sidebar').show();
                 });
+                $('#control-button').click(function(e) {
+                    e.preventDefault();
+                    $('#control-panel').toggle("fast");
+                })
             });
         });
+
     </script>
 {% endblock %}
 
+{% block title_row %}
+    <div class="page-title">
+        <div class="tabs">
+            <h2>{{title}}</h2>
+            <span class="spacer"></span>
+        
+            {% if request.user.is_authenticated %}
+                {% if is_member or can_edit %}
+                    
+                {% elif organization.is_open or can_edit %}
+                    <form method="post" action="{{ url('join_organization', organization.id, organization.slug) }}">
+                        {% csrf_token %}
+                        <input type="submit" class="unselectable button" value="{{ _('Join organization') }}">
+                    </form>
+                {% else %}
+                    <a href="{{ url('request_organization', organization.id, organization.slug) }}"
+                       class="unselectable button">{{ _('Request membership') }}</a>
+                {% endif %}
+            {% endif %}
+            <button id="control-button"><i class="fa fa-ellipsis-h"></i></button>
+        </div>
+    </div>
+{% endblock %}
+{% block title_ruler %} {% endblock %}
 {% block body %}
     {% block before_posts %}{% endblock %}
     <div id="mobile" class="tabs">
@@ -59,7 +109,7 @@
     </div>
     <div id="blog-container">
         <div class="blog-content sidebox">
-            <h3>{{ _('About') }} {{ organization.name }} <i class="fa fa-info-circle"></i></h3>
+            <h3>{{ _('About') }}<i class="fa fa-info-circle"></i></h3>
             <div class="sidebox-content">
                 <div style="margin: 1.4em;">
                     {% cache 3600 'organization_html' organization.id MATH_ENGINE %}
@@ -83,45 +133,49 @@
         </div>
 
         <div class="blog-sidebar">
-            <div class="blog-sidebox sidebox">
+            <div id="control-panel" class="blog-sidebox sidebox">
                 <h3>{{ _('Controls') }} <i class="fa fa-cog"></i></h3>
-                <div class="sidebox-content" style="padding: 1em;">
-                    {% if request.user.is_authenticated %}
-                        {% if is_member %}
-                            <form method="post" action="{{ url('leave_organization', organization.id, organization.slug) }}">
-                                {% csrf_token %}
-                                <input type="submit" class="unselectable button full leave-organization" value="{{ _('Leave organization') }}">
-                            </form>
-                        {% elif organization.is_open or can_edit %}
-                            <form method="post" action="{{ url('join_organization', organization.id, organization.slug) }}">
-                                {% csrf_token %}
-                                <input type="submit" class="unselectable button full" value="{{ _('Join organization') }}">
-                            </form>
-                        {% else %}
-                            <a href="{{ url('request_organization', organization.id, organization.slug) }}"
-                               class="unselectable button full">{{ _('Request membership') }}</a>
-                        {% endif %}
-                        <br>
-                    {% endif %}
+                <ul id="control-list" class="sidebox-content" style="padding: 1em;">
                     {% if can_edit %}
-                        <div>
-                            <a href="{{ url('edit_organization', organization.id, organization.slug) }}">{{ _('Edit organization') }}</a>
-                        </div>
-                        {% if not organization.is_open %}
+                        <li>
                             <div>
-                                <a href="{{ url('organization_requests_pending', organization.id, organization.slug) }}">{{ _('View requests') }}</a>
+                                <a href="{{ url('edit_organization', organization.id, organization.slug) }}">{{ _('Edit organization') }}</a>
                             </div>
+                        </li>
+                        {% if not organization.is_open %}
+                            <li>
+                                <div>
+                                    <a href="{{ url('organization_requests_pending', organization.id, organization.slug) }}">{{ _('View requests') }}</a>
+                                    {% if pending_count > 0 %}
+                                        <span id="pending-count-box">
+                                            {{pending_count}}
+                                        </span>
+                                    {% endif %}
+                                </div>
+                            </li>
                         {% endif %}
                     {% endif %}
                     {% if perms.judge.change_organization %}
+                    <li>
                         <div>
                             <a href="{{ url('admin:judge_organization_change', organization.id) }}">{{ _('Admin organization') }}</a>
                         </div>
+                    </li>
                     {% endif %}
-                    <div>
-                        <a href="{{ organization.get_users_url() }}">{{ _('View members') }}</a>
-                    </div>
-                </div>
+                    <li>
+                        <div>
+                            <a href="{{ organization.get_users_url() }}">{{ _('View members') }}</a>
+                        </div>
+                    </li>
+                    {% if is_member and not can_edit %}
+                    <li>
+                        <form method="post" action="{{ url('leave_organization', organization.id, organization.slug) }}">
+                            {% csrf_token %}
+                            <a type="submit" href="#" class="leave-organization">{{ _('Leave organization') }}</a>
+                        </form>
+                    </li>
+                    {% endif %}
+                </ul>
             </div>
             {% if (is_member or can_edit) %}
                 {% if new_contests %}
@@ -133,7 +187,10 @@
                                 {% for contest in new_contests %}
                                     <li><a href="{{ url('contest_view', contest.key) }}">{{ contest.name }}</a></li>
                                 {% endfor %}
+                                
                             </ul>
+                            <hr>
+                            <center><a target="_blank" href="{{url('contest_list')+'?orgs='+str(organization.id)}}">{{_('View all')}}  <i class="fa fa-chevron-right"></i></a></center>
                         </div>
                     </div>
                 {% endif %}
@@ -147,6 +204,8 @@
                                     <li><a href="{{ url('problem_detail', problem.code) }}">{{ problem.name }}</a></li>
                                 {% endfor %}
                             </ul>
+                            <hr>
+                            <center><a target="_blank" href="{{url('problem_list')+'?orgs='+str(organization.id)}}">{{_('View all')}}  <i class="fa fa-chevron-right"></i></a></center>
                         </div>
                     </div>
                 {% endif %}
diff --git a/templates/organization/requests/log.html b/templates/organization/requests/log.html
index c05651b..73a7b8c 100644
--- a/templates/organization/requests/log.html
+++ b/templates/organization/requests/log.html
@@ -4,7 +4,7 @@
     {% include "organization/requests/tabs.html" %}
 
     {% if requests %}
-        <table>
+        <table class="table">
             <tr>
                 <th>{{ _('User') }}</th>
                 <th>{{ _('Time') }}</th>
diff --git a/templates/organization/requests/pending.html b/templates/organization/requests/pending.html
index 302ba62..3d300a4 100644
--- a/templates/organization/requests/pending.html
+++ b/templates/organization/requests/pending.html
@@ -7,7 +7,7 @@
         <form action="" method="post">
             {% csrf_token %}
             {{ formset.management_form }}
-            <table>
+            <table class="table">
                 <tr>
                     <th>{{ _('User') }}</th>
                     <th>{{ _('Time') }}</th>