new color, better submit buttons, book detail img title overlay fix, permission denied screen beautified

CalibreWebCompanion/CalibreWebCompanion/settings.py

@@ -15,7 +15,7 @@ import os
 # Build paths inside the project like this: os.path.join(BASE_DIR, ...)
 BASE_DIR = os.path.dirname(os.path.dirname(os.path.abspath(__file__)))
 CALIBRE_DIR = os.path.abspath(
-    "C:\\Users\\MassiveAtoms\\Documents\\Calibre Library")
+    "C:\\Users\\stefa\\Downloads\\db")
 EMAIL_BACKEND = 'django.core.mail.backends.console.EmailBackend'
 
 

CalibreWebCompanion/library/templates/base.html

@@ -49,7 +49,7 @@
 
   <div class="navbar-fixed">
     <nav>
-      <div class="nav-wrapper row green darken-4">
+      <div class="nav-wrapper row green darken-1">
 
         <ul class="right">
           {% if user.is_authenticated %}
@@ -103,11 +103,26 @@
   {% if user.is_authenticated %}
   {% block content %} {% endblock %}
   {% else %}
-  <h1>You don't have permission to view this.</h1> <!--Here, stefan -->
-  <li><a href="{% url 'login'%}?next={{request.path}}">Login</a></li>
+  <div class="valign-wrapper" style="width:100%;height:100%;position: absolute;">
+    <div class="valign" style="width:100%;">
+      <div class="container">
+        <div class="row">
+          <div class="col s12 m6 offset-m3">
+            <div class="card">
+              <div class="card-content center">
+                <p>You don't have permission to view this.</p> 
+              </div>
+              <div class="card-action center">
+                <a class="waves-effect waves-light btn-large green accent-4" href="{% url 'login'%}?next={{request.path}}">Login</a>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
   {% endif %}
 
-
   <script>
     function sortTable(n) {
       var table, rows, switching, i, x, y, shouldSwitch, dir, switchcount = 0;

CalibreWebCompanion/library/templates/ifelselogin.html

@@ -1,6 +1,22 @@
    {% if user.is_authenticated %}
    
    {% else %}
-   <h1>You don't have permission to view this.</h1>
-     <li><a href="{% url 'login'%}?next={{request.path}}">Login</a></li>   
+    <div class="valign-wrapper" style="width:100%;height:100%;position: absolute;">
+      <div class="valign" style="width:100%;">
+        <div class="container">
+          <div class="row">
+            <div class="col s12 m6 offset-m3">
+              <div class="card">
+                <div class="card-content center">
+                  <p>You don't have permission to view this.</p> 
+                </div>
+                <div class="card-action center">
+                  <a class="waves-effect waves-light btn-large green accent-4" href="{% url 'login'%}?next={{request.path}}">Login</a>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
    {% endif %} 

CalibreWebCompanion/library/templates/library/book_detail.html

@@ -3,46 +3,52 @@
 {% block content %}
 {% load static %}
 
-<div class="row">
-  <div class="col s4"><a href="{{download}}"><img src=" {% static "" %}{{imgpath}}" alt="download" srcset=""></a></div>
-  <div class="col s8">
-  <h1> {{book.title}}</h1> 
-  <h4> by
-  {% if book.authors %}
-  {% for author in book.authors.all %}
-  <a href="{{author.get_absolute_url}}">{{author.name}}</a>
-  {%endfor%}
-  {% else %}
-  {{book.author_sort}}
-  {%endif%}
-  <br>
-  Published by 
-  {% if book.publishers %}
-  {% for pub in book.publishers.all %}
-  <a href="{{pub.get_absolute_url}}">{{pub.name}}</a>
-  {%endfor%}
-  {% else %}
-  Unknown
-  {%endif%}
-  <br>
-  Tags:   
-  {% if book.tags %}
-  {% for tag in book.tags.all %}
-  <a href="{{tag.get_absolute_url}}">{{tag.name}}</a>,
-  {%endfor%}
-  {% else %}
-  {%endif%}
-  <br>
-  Rating:   
-  {% if book.ratings %}
-  {% for rating in book.ratings.all %}
-  <a href="{{rating.get_absolute_url}}">{{rating}}</a>
-  {%endfor%}
-  {% else %}
-  {%endif%}
-  <br>
-  <a href="{{book.publisher.get_absolute_url}}">{{book.publisher}}</a>
-  </h4>
+<div class="col s12 m7">
+  <div class="card z-depth-0 horizontal">
+    <div class="card-image">
+      <a style="padding-top:15%" href="{{download}}"><img src=" {% static "" %}{{imgpath}}" alt="download" srcset=""></a>
+    </div>
+    <div class="card-stacked">
+      <div class="card-content">
+        <h1> {{book.title}}</h1> 
+        <h4> by
+        {% if book.authors %}
+        {% for author in book.authors.all %}
+        <a href="{{author.get_absolute_url}}">{{author.name}}</a>
+        {%endfor%}
+        {% else %}
+        {{book.author_sort}}
+        {%endif%}
+        <br>
+        Published by 
+        {% if book.publishers %}
+        {% for pub in book.publishers.all %}
+        <a href="{{pub.get_absolute_url}}">{{pub.name}}</a>
+        {%endfor%}
+        {% else %}
+        Unknown
+        {%endif%}
+        <br>
+        Tags:   
+        {% if book.tags %}
+        {% for tag in book.tags.all %}
+        <a href="{{tag.get_absolute_url}}">{{tag.name}}</a>,
+        {%endfor%}
+        {% else %}
+        {%endif%}
+        <br>
+        Rating:   
+        {% if book.ratings %}
+        {% for rating in book.ratings.all %}
+        <a href="{{rating.get_absolute_url}}">{{rating}}</a>
+        {%endfor%}
+        {% else %}
+        {%endif%}
+        <br>
+        <a href="{{book.publisher.get_absolute_url}}">{{book.publisher}}</a>
+        </h4>
+      </div>
+    </div>
   </div>
 </div>
 

CalibreWebCompanion/library/templates/registration/login.html

@@ -30,7 +30,7 @@
     {% endif %}
     </div>
 
-    <input type="submit" value="login" />
+    <button class="waves-effect waves-light btn green accent-4" type="submit">login</button>
     <input type="hidden" name="next" value="{{ next }}" />
   </form>
   

CalibreWebCompanion/library/templates/registration/sign_up.html

@@ -3,7 +3,7 @@
 {% block content %}
 
 <form method="post">
-    {% csrf_token %} {{form.as_p}} <input type="submit" value="Sign up"></form>
+    {% csrf_token %} {{form.as_p}} <button class="waves-effect waves-light btn green accent-4" type="submit">sign up</button></form>
   
 
 

CalibreWebCompanion/library/templates/search.html

@@ -8,7 +8,7 @@
     <input id="title" type="text" name="title" value="">
     <label for="author">Author: </label>
     <input id="author" type="text" name="author" value="">
-    <input type="submit" value="search">
+    <button class="waves-effect waves-light btn green accent-4" type="submit">search</button>
 </form>
 </div>
 

CalibreWebCompanion/library/templates/stripped_base.html

@@ -18,7 +18,7 @@
 
 <div class="navbar-fixed">
   <nav>
-    <div class="nav-wrapper row green darken-4">
+    <div class="nav-wrapper row green darken-1">
 
       <ul class="right">
       {% if user.is_authenticated %}