Lots of tidying up, moved inline CSS into SCSS

This commit is contained in:
David Taylor
2016-10-08 19:32:45 +01:00
parent ac7e85c24a
commit 008edd8bee
7 changed files with 116 additions and 122 deletions

File diff suppressed because one or more lines are too long

View File

@@ -147,3 +147,25 @@ ins {
}; };
} }
} }
html.embedded{
min-height:100%;
body{
min-height:100%;
padding:0;
}
.embed_container{
border:5px solid #e9e9e9;
padding-top:12px;
min-height:100%;
width:100%;
}
.source{
background: url('/static/imgs/pyrigs-avatar.png') no-repeat;
background-size: 16px 16px;
padding-left: 20px;
}
}

View File

@@ -3,100 +3,87 @@
{% block content %} {% block content %}
<style> <div class="row">
.source{ <div class="col-sm-12">
background: url({% static "imgs/pyrigs-avatar.png" %}) no-repeat; <span class="source"> R<small>ig</small> I<small>nformation</small> G<small>athering</small> S<small>ystem</small></span>
background-size: 16px 16px; </div>
padding-left: 20px;
}
</style> <div class="col-sm-12">
<span class="pull-right">
<div class="row"> {% if object.mic %}
<div class="col-sm-12"> <div class="text-center">
<span class="source"> R<small>ig</small> I<small>nformation</small> G<small>athering</small> S<small>ystem</small></span> {{ object.mic.initials }}<br/>
</div> <img src="{{ object.mic.profile_picture }}" class="event-mic-photo"/>
</div>
<div class="col-sm-12"> {% elif object.is_rig %}
<span class="pull-right"> <span class="glyphicon glyphicon-exclamation-sign"></span>
{% endif %}
{% if object.mic %} </span>
<div class="text-center">
{{ object.mic.initials }}<br/> <h3>
<img src="{{ object.mic.profile_picture }}" class="event-mic-photo"/> <a {% if perms.RIGS.view_event %}href="{% url 'event_detail' object.pk %}" target="_top"{% endif %}>
</div> {% if object.is_rig %}N{{ object.pk|stringformat:"05d" }}{% else %}{{ object.pk }}{% endif %}
{% elif object.is_rig %} | {{ object.name }} </a>
<span class="glyphicon glyphicon-exclamation-sign"></span> {% if object.venue %}
<small>at {{ object.venue }}</small>
{% endif %} {% endif %}
</span> </h3>
<h3>
<a {% if perms.RIGS.view_event %}href="{% url 'event_detail' object.pk %}" target="_top"{% endif %}>
{% if object.is_rig %}N{{ object.pk|stringformat:"05d" }}{% else %}{{ object.pk }}{% endif %}
| {{ object.name }} </a>
{% if object.venue %}
<small>at {{ object.venue }}</small>
{% endif %}
<p>
<strong>{{ object.start_date|date:"D d/m/Y" }}</strong>
{% if object.end_date and object.end_date != object.start_date %}
&ndash; <strong>{{ object.end_date|date:"D d/m/Y" }}</strong>
{% endif %}
<span class="text-muted">({{ object.get_status_display }})</span>
</p>
{% if object.is_rig %}
</h3> <h5>
{{ object.person.name }}
<p> {% if object.organisation %}
<strong>{{ object.start_date|date:"D d/m/Y" }}</strong> for {{ object.organisation.name }}
{% if object.end_date and object.end_date != object.start_date %}
&ndash; <strong>{{ object.end_date|date:"D d/m/Y" }}</strong>
{% endif %}
<span class="text-muted">({{ object.get_status_display }})</span>
</p>
{% if object.is_rig %}
<h5>
{{ object.person.name }}
{% if object.organisation %}
for {{ object.organisation.name }}
{% endif %}
{% if object.dry_hire %}</a><span class="badge">Dry Hire</span>{% endif %}
</h5>
{% endif %} {% endif %}
{% if object.dry_hire %}</a><span class="badge">Dry Hire</span>{% endif %}
</h5>
{% endif %}
<table class="table"> <table class="table">
{% if object.mic %} {% if object.mic %}
<tr> <tr>
<th>MIC</th> <th>MIC</th>
<td>{{object.mic.name}}</td> <td>{{object.mic.name}}</td>
</tr> </tr>
{% endif %} {% endif %}
{% if object.description %} {% if object.description %}
<tr> <tr>
<th>Description</th> <th>Description</th>
<td>{{ object.description|linebreaksbr }}</td> <td>{{ object.description|linebreaksbr }}</td>
</tr> </tr>
{% endif %} {% endif %}
{% if object.meet_at %} {% if object.meet_at %}
<tr> <tr>
<th>Crew meet</th> <th>Crew meet</th>
<td>{{ object.meet_at|date:"H:i" }} {{ object.meet_at|date:"(Y-m-d)" }}</td> <td>{{ object.meet_at|date:"H:i" }} {{ object.meet_at|date:"(Y-m-d)" }}</td>
</tr> </tr>
{% endif %} {% endif %}
{% if object.access_at %} {% if object.access_at %}
<tr> <tr>
<th>Access at</th> <th>Access at</th>
<td>{{ object.access_at|date:"H:i" }} {{ object.access_at|date:"(Y-m-d)" }}</td> <td>{{ object.access_at|date:"H:i" }} {{ object.access_at|date:"(Y-m-d)" }}</td>
</tr> </tr>
{% endif %} {% endif %}
{% if object.has_start_time %} {% if object.has_start_time %}
<tr> <tr>
<th>Event starts</th> <th>Event starts</th>
<td> <td>
{{ object.start_time|date:"H:i" }} {{ object.start_time|date:"H:i" }}
{{ object.start_date|date:"(Y-m-d)" }}<br/> {{ object.start_date|date:"(Y-m-d)" }}<br/>
</td> </td>
</tr> </tr>
{% endif %} {% endif %}
{% if object.has_end_time%}{% if object.start_date != object.end_date or object.start_time != object.end_time %} {% if object.has_end_time%}
{% if object.start_date != object.end_date or object.start_time != object.end_time %}
<tr> <tr>
<th>Event ends</th> <th>Event ends</th>
<td> <td>
@@ -104,10 +91,11 @@
{{ object.end_date|date:"(Y-m-d)" }} {{ object.end_date|date:"(Y-m-d)" }}
</td> </td>
</tr> </tr>
{% endif %}{% endif %} {% endif %}
</table> {% endif %}
</div> </table>
</div>
</div> </div>
</div>
{% endblock %} {% endblock %}

View File

@@ -1,12 +1,12 @@
{% load static from staticfiles %} {% load static from staticfiles %}
{% load raven %} {% load raven %}
<!DOCTYPE html> <!DOCTYPE html>
<html <html
dir="{% if LANGUAGE_BIDI %}rtl{% else %}ltr{% endif %}" dir="{% if LANGUAGE_BIDI %}rtl{% else %}ltr{% endif %}"
xml:lang="{% firstof LANGUAGE_CODE 'en' %}" xml:lang="{% firstof LANGUAGE_CODE 'en' %}"
lang="{% firstof LANGUAGE_CODE 'en' %}"> lang="{% firstof LANGUAGE_CODE 'en' %}"
class="embedded">
<head> <head>
<base target="_blank" /> <base target="_blank" />
<!-- Open all links in a new tab, not in the iframe --> <!-- Open all links in a new tab, not in the iframe -->
@@ -14,7 +14,6 @@
<link href='https://fonts.googleapis.com/css?family=Open+Sans:400italic,700,300,400' rel='stylesheet' <link href='https://fonts.googleapis.com/css?family=Open+Sans:400italic,700,300,400' rel='stylesheet'
type='text/css'> type='text/css'>
<link rel="stylesheet" type="text/css" href="{% static "css/screen.css" %}"> <link rel="stylesheet" type="text/css" href="{% static "css/screen.css" %}">
<script src="https://code.jquery.com/jquery-1.8.3.min.js" <script src="https://code.jquery.com/jquery-1.8.3.min.js"
@@ -22,18 +21,6 @@
<script src="https://cdn.ravenjs.com/1.3.0/jquery,native/raven.min.js"></script> <script src="https://cdn.ravenjs.com/1.3.0/jquery,native/raven.min.js"></script>
<script>Raven.config('{% sentry_public_dsn %}').install()</script> <script>Raven.config('{% sentry_public_dsn %}').install()</script>
<style>
body, html{
padding:0;
height:100%;
}
.embed_container{
border:5px solid #e9e9e9;
padding-top:12px;
min-height:100%;
width:100%;
}
</style>
</head> </head>
<body> <body>

View File

@@ -2,14 +2,9 @@
{% block title %}Login{% endblock %} {% block title %}Login{% endblock %}
{% block extra-head %}
{% if next %}
<link rel="alternate" type="application/json+oembed"
href="{{request.scheme}}://{{request.META.HTTP_HOST}}{{next}}oembed"
title="RIGS Event Embed" />
{% endif %}
{% endblock %}
{% block content %} {% block content %}
<div class="text-center">
<h1>R<small>ig</small> I<small>nformation</small> G<small>athering</small> S<small>ystem</small></h1>
</div>
{% include 'registration/loginform.html' %} {% include 'registration/loginform.html' %}
{% endblock %} {% endblock %}

View File

@@ -4,7 +4,7 @@
{% block title %}Login{% endblock %} {% block title %}Login{% endblock %}
{% block content %} {% block content %}
<div style="text-align:center;"> <div class="text-center">
<h1>R<small>ig</small> I<small>nformation</small> G<small>athering</small> S<small>ystem</small></h1> <h1>R<small>ig</small> I<small>nformation</small> G<small>athering</small> S<small>ystem</small></h1>
</div> </div>
@@ -22,7 +22,7 @@
{% render_field form.password class+="form-control" placeholder=form.password.label %} {% render_field form.password class+="form-control" placeholder=form.password.label %}
</div> </div>
<input type="submit" value="Login" class="btn btn-primary"/> <input type="submit" value="Login" class="btn btn-primary pull-right"/>
<input type="hidden" name="next" value="{{ next }}"/> <input type="hidden" name="next" value="{{ next }}"/>
</form> </form>
</div> </div>

View File

@@ -12,9 +12,11 @@
<label for="{{ form.password.id_for_label }}">{{ form.password.label }}</label> <label for="{{ form.password.id_for_label }}">{{ form.password.label }}</label>
{% render_field form.password class+="form-control" placeholder=form.password.label %} {% render_field form.password class+="form-control" placeholder=form.password.label %}
</div> </div>
<a href="{% url 'registration_register' %}" class="btn">Register</a> <div class="text-right">
<a href="{% url 'password_reset' %}" class="btn">Forgotten Password</a> <a href="{% url 'registration_register' %}" class="btn">Register</a>
<input type="submit" value="Login" class="btn btn-primary"/> <a href="{% url 'password_reset' %}" class="btn">Forgotten Password</a>
<input type="hidden" name="next" value="{{ next }}"/> <input type="submit" value="Login" class="btn btn-primary"/>
<input type="hidden" name="next" value="{{ next }}"/>
</div>
</form> </form>
</div> </div>