Redesign admin login page

Signed-off-by: harshithpabbati <[email protected]>

.travis.yml

@@ -1,4 +1,4 @@
-
+dist: xenial
 language: python
 python:
   - "3.6"
@@ -7,4 +7,5 @@ install:
 script:
   - python manage.py makemigrations questions
   - python manage.py migrate
-  - python manage.py test
+  - python manage.py test
+

questions/admin.py

@@ -1,5 +1,10 @@
 from django.contrib import admin
 from .models import *
 
-admin.site.register(Topic)
-admin.site.register(Type)
+
+class SnippetAdmin(admin.ModelAdmin):
+    change_list_template = 'admin/questions/login.html'
+
+
+admin.site.register(Topic, SnippetAdmin)
+admin.site.register(Type, SnippetAdmin)

questions/templates/admin/login.html

@@ -0,0 +1,84 @@
+{% extends "admin/login.html" %}
+{% load i18n static %}
+
+{% load static %}
+
+{% block footer %}
+<style>
+    #footer {
+        text-align: center;
+        padding: 2rem;
+        background: #eee;
+        font-family: monospace;
+        font-weight: 400;
+        font-size: 1rem;
+        /* color: #333; */
+    }
+</style>
+<div id="footer">
+    Qujini Question Paper Generator
+</div>
+{% endblock %}
+{% block script %}
+
+
+<script src="{% static 'questions/js/login-extra.js' %}"></script>
+{% endblock %}
+
+
+<!-- //new start -->
+{% block branding %}
+<style>
+    body.login {
+        /* background: #ffc107; */
+        min-height: 100vh;
+        align-items: center;
+        justify-content: center;
+        display: flex;
+    }
+
+    .login #header {
+        height: auto;
+        padding: 1rem;
+        /* background: #222; */
+    }
+
+    .login #branding {
+        width: 100%;
+    }
+
+    .login .head {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+    }
+
+    .login #container {
+        /* background: #fff; */
+        border: none;
+        border-radius: 4px;
+        box-shadow: 2px 3px 5px #333;
+        overflow: hidden;
+        width: 50vw;
+        margin: 0;
+        max-width: 400px;
+    }
+
+    .login .submit-row {
+        display: flex;
+        justify-content: center;
+        padding: 2.5rem 0;
+    }
+
+    .login .submit-row input {
+        /* background: #ffc107; */
+        /* color: black; */
+        display: block;
+        width: 100%;
+    }
+</style>
+
+<div class="head">
+    <img class="brand_img" src="{% static 'questions/logo_light.png' %}" style="height: 5rem;" alt="logo">
+</div>
+{% endblock %}

qujini/settings.py

@@ -31,13 +31,13 @@
 # Application definition
 
 INSTALLED_APPS = [
+    'questions',
     'django.contrib.admin',
     'django.contrib.auth',
     'django.contrib.contenttypes',
     'django.contrib.sessions',
     'django.contrib.messages',
     'django.contrib.staticfiles',
-    'questions',
     'ckeditor',
 ]
 

requirements.txt

@@ -1,5 +1,4 @@
 Django==2.2.1
 django-ckeditor==5.7.1
 pytz==2019.1
-sqlparse==0.3.0
-
+sqlparse==0.3.0