ci_build/: Re-design build-logs webpage

The newly created webpage combines the previous
two webpages- info.txt and log/index.html. This
web-page combines the results of both the pages
and shows them in a better UI/UX with additional
features of filtering and searching within the
existing logs. The logs are fetched from a JSON
file which is created from the logs stored in
the log file _site/community.log

Author: KVGarg

.moban.yaml

@@ -9,7 +9,7 @@ packages:
   - gci
   - gsoc
   - gamification
-  - log
+  - ci_build
   - meta_review
   - model
   - twitter

.nocover.yaml

@@ -8,7 +8,7 @@ nocover_file_globs:
   - community/git.py
   - gci/*.py
   - gsoc/*.py
-  - log/*.py
+  - ci_build/*.py
   - meta_review/handler.py
   - model/*.py
   - openhub/*.py

ci_build/view_log.py

@@ -0,0 +1,91 @@
+import re
+import json
+import os
+import sys
+
+from django.views.generic import TemplateView
+
+from community.views import get_header_and_footer
+from community.git import (get_org_name,
+                           get_owner,
+                           get_deploy_url,
+                           get_upstream_deploy_url)
+
+
+class BuildLogsView(TemplateView):
+    template_name = 'build_logs.html'
+
+    def get_build_info(self):
+        data = {
+            'Org name': get_org_name(),
+            'Owner': get_owner(),
+            'Deploy URL': get_deploy_url(),
+        }
+        try:
+            upstream_deploy_url = get_upstream_deploy_url()
+            data['Upstream deploy URL'] = upstream_deploy_url
+        except RuntimeError:
+            data['Upstream deploy URL'] = 'Not found'
+        return dict(data)
+
+    def get_build_logs(self):
+        log_lines = []
+        log_level_specific_lines = {
+            'INFO': [],
+            'DEBUG': [],
+            'WARNING': [],
+            'ERROR': [],
+            'CRITICAL': []
+        }
+        log_file_path = './_site/community.log'
+        log_file_exists = os.path.isfile(log_file_path)
+        if log_file_exists:
+            with open(log_file_path) as log_file:
+                previous_found_level = None
+                for line in log_file:
+                    log_lines.append(line)
+                    levels = re.findall(r'\[[A-Z]+]', line)
+                    if levels:
+                        level = levels[0]
+                        level = previous_found_level = level[1:-1]
+                        log_level_specific_lines[level].append(line)
+                    elif previous_found_level:
+                        log_level_specific_lines[previous_found_level].append(
+                            line)
+            ci_build_json = {
+                'site_path': './_site/ci-build-detailed-logs.json',
+                'public_path': './public/static/ci-build-detailed-logs.json',
+                'static_path': './static/ci-build-detailed-logs.json'
+            }
+            with open(ci_build_json['site_path'], 'w+') as build_logs_file:
+                data = {
+                    'logs': log_lines,
+                    'logs_level_Specific': log_level_specific_lines
+                }
+                json.dump(data, build_logs_file, indent=4)
+                if os.path.isfile(ci_build_json['public_path']):
+                    if sys.platform == 'linux':
+                        os.popen('cp {} {}'.format(ci_build_json['site_path'],
+                                                   ci_build_json['public_path'
+                                                   ]))
+                        os.popen('cp {} {}'.format(ci_build_json['site_path'],
+                                                   ci_build_json['static_path'
+                                                   ]))
+                    else:
+                        os.popen('copy {} {}'.format(
+                            ci_build_json['site_path'],
+                            ci_build_json['public_path']))
+                        os.popen('copy {} {}'.format(
+                            ci_build_json['site_path'],
+                            ci_build_json['static_path']))
+
+            return True
+        else:
+            return False
+
+    def get_context_data(self, **kwargs):
+        context = super().get_context_data(**kwargs)
+        context = get_header_and_footer(context)
+        context['build_info'] = self.get_build_info()
+        context['build_logs_stored'] = self.get_build_logs()
+        return context

community/urls.py

@@ -6,11 +6,11 @@
 from django.conf.urls.static import static
 from django.conf import settings
 
-from community.views import HomePageView, info
+from community.views import HomePageView
 from gci.views import index as gci_index
 from gci.feeds import LatestTasksFeed as gci_tasks_rss
 from twitter.view_twitter import index as twitter_index
-from log.view_log import index as log_index
+from ci_build.view_log import BuildLogsView
 from data.views import index as contributors_index
 from gamification.views import index as gamification_index
 from meta_review.views import index as meta_review_index
@@ -79,12 +79,6 @@ def get_organization():
         distill_func=get_index,
         distill_file='index.html',
     ),
-    distill_url(
-        'info.txt', info,
-        name='index',
-        distill_func=get_index,
-        distill_file='info.txt',
-    ),
     distill_url(
         r'gci/tasks/rss.xml', gci_tasks_rss(),
         name='gci-tasks-rss',
@@ -104,10 +98,10 @@ def get_organization():
         distill_file='twitter/index.html',
     ),
     distill_url(
-        r'log/', log_index,
-        name='log',
+        r'CI/Build/', BuildLogsView.as_view(),
+        name='ci_build',
         distill_func=get_index,
-        distill_file='log/index.html',
+        distill_file='CI/Build/index.html',
     ),
     distill_url(
         r'contributors/$', contributors_index,

community/views.py

@@ -1,13 +1,9 @@
-from django.http import HttpResponse
 from django.views.generic.base import TemplateView
 
 from trav import Travis
 
 from .git import (
-    get_deploy_url,
     get_org_name,
-    get_owner,
-    get_upstream_deploy_url,
     get_remote_url
 )
 from data.models import Team, Contributor
@@ -110,20 +106,3 @@ def get_context_data(self, **kwargs):
         context['top_gamification_users'] = self.get_top_gamification_users(
             count=5)
         return context
-
-
-def info(request):
-    data = {
-        'Org name': get_org_name(),
-        'Owner': get_owner(),
-        'Deploy URL': get_deploy_url(),
-    }
-    try:
-        upstream_deploy_url = get_upstream_deploy_url()
-        data['Upstream deploy URL'] = upstream_deploy_url
-    except RuntimeError:
-        data['Upstream deploy URL'] = 'Not found'
-
-    s = '\n'.join(name + ': ' + value
-                  for name, value in data.items())
-    return HttpResponse(s)

log/view_log.py

@@ -14,7 +14,7 @@ testpaths =
   gci
   gsoc
   gamification
-  log
+  ci_build
   meta_review
   model
   twitter
@@ -70,7 +70,7 @@ source =
   gci
   gsoc
   gamification
-  log
+  ci_build
   meta_review
   model
   twitter
@@ -82,7 +82,7 @@ omit =
   community/git.py
   gci/*.py
   gsoc/*.py
-  log/*.py
+  ci_build/*.py
   meta_review/handler.py
   model/*.py
   openhub/*.py

setup.cfg

@@ -0,0 +1,110 @@
+.build-info-section section,
+.build-logs-section section {
+    min-width: 300px;
+    width: 80%;
+}
+
+.build-information,
+.build-logs {
+    background-color: black;
+    padding-left: 10px;
+    font-weight: bold;
+    color: white;
+}
+
+.build-information p {
+    font-size: 1.5em;
+    margin: 0;
+}
+
+.build-logs {
+    max-height: 900px;
+    overflow: scroll;
+    overflow-x: hidden;
+    overflow-y: auto;
+}
+
+.build-logs p {
+    margin: 0;
+}
+
+.build-logs-section .log-chooser {
+    width: 25%;
+    min-width: 150px;
+    border-radius: 100px;
+    box-shadow: 0px 0px 25px 2px black;
+    color: #454343;
+    background-color: #c7da99;
+    padding-left: 10px;
+    margin: auto;
+    margin-right: 0;
+}
+
+.build-logs-section .log-chooser input,
+.build-logs-section .log-chooser input:focus:not(.browser-default) {
+    border-bottom: none;
+    margin-bottom: 0;
+}
+
+.build-logs-section .small-screen,
+.build-logs-section .fa-close {
+    display: none;
+}
+
+.build-logs-section .section-header .form-fields {
+    margin: auto;
+    margin-right: 0;
+    width: 60%;
+    padding-top: 10px;
+}
+
+.build-logs-section .search-field {
+    width: 60%;
+    min-width: 180px;
+    border-radius: 100px;
+    box-shadow: 0px 0px 25px 2px black;
+    color: #454343;
+    background-color: #edf5af;
+    padding: 0px 20px;
+    flex-flow: row;
+    margin: auto;
+    margin-left: 0;
+}
+
+.build-logs-section input[type='search']:focus:not(.browser-default) {
+    background-color: #edf5af;
+    border-radius: 100px;
+    font-size: medium;
+    padding-left: 15px;
+    margin-bottom: 0;
+}
+
+.main-content h3 {
+    color: #37474f;
+}
+
+.section-header {
+    display: flex;
+    align-items: center;
+}
+
+.section-header form {
+    display: flex;
+}
+
+@media only screen and (max-width: 660px) {
+    .build-logs-section .search-field {
+        display: none;
+    }
+    .build-logs-section .small-screen {
+        display: flex;
+        align-items: center;
+        margin: auto;
+        margin-right: 3px;
+        font-size: 2em;
+    }
+}
+
+.webpage-name {
+    width: 100%;
+}

static/css/build_logs.css

@@ -97,13 +97,6 @@
     background-color: #ee8940;
 }
 
-.apply-flex-center {
-    display: flex;
-    justify-content: center;
-    flex-flow: row wrap;
-    align-items: center;
-}
-
 .organization_map {
     text-align: center;
     padding: 2% 0%;

static/css/index.css

@@ -1,3 +1,10 @@
+.apply-flex-center {
+    display: flex;
+    justify-content: center;
+    flex-flow: row wrap;
+    align-items: center;
+}
+
 body {
     font-family: 'Ubuntu Mono', monospace;
     background-color: #edf5af;