Add registration and login templates plus UI stuff, moderation
This commit is contained in:
Livvy Mackintosh
@ -1,15 +0,0 @@
|
||||
{% load staticfiles %}
|
||||
<nav class="navbar navbar-inverse navbar-fixed-top">
|
||||
<div class="container">
|
||||
<div class="navbar-header">
|
||||
<a class="navbar-brand" href="/"><img src="{% static "map/ojuso-logo-white.png" %}" alt="Ojuso Logo"></a>
|
||||
</div>
|
||||
<div id="navbar" class="collapse navbar-collapse">
|
||||
<ul class="nav navbar-nav">
|
||||
{% block nav_links %}
|
||||
{% endblock %}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
@ -1,11 +1,9 @@
|
||||
{% extends "map/base.html" %}
|
||||
{% extends "base.html" %}
|
||||
|
||||
{% block stylesheets %}
|
||||
{{ block.super }}
|
||||
<style>
|
||||
body {
|
||||
padding-top: 50px;
|
||||
}
|
||||
|
||||
.page-lead {
|
||||
padding: 40px 15px;
|
||||
text-align: center;
|
||||
@ -15,20 +13,15 @@
|
||||
|
||||
{% block body %}
|
||||
|
||||
{% include "map/_nav.html" %}
|
||||
{% block nav_links %}
|
||||
<li><a href="/case-studies">Case Studies</a></li>
|
||||
{% endblock %}
|
||||
|
||||
<div class="container">
|
||||
|
||||
|
||||
<div class="page-lead">
|
||||
<h1>{% block title %}{% endblock %}</h1>
|
||||
<p class="lead">{% block description %}{% endblock %}</p>
|
||||
<h1 class="text-center">{% block title %}{% endblock %}</h1>
|
||||
<p class="lead text-center">{% block description %}{% endblock %}</p>
|
||||
</div>
|
||||
|
||||
{% block content %}
|
||||
{% endblock %}
|
||||
|
||||
</div><!-- /.container -->
|
||||
|
||||
</div><!-- /.container -->
|
||||
{% endblock %}
|
||||
|
||||
@ -1,13 +1,10 @@
|
||||
{% extends "map/base.html" %}
|
||||
{% extends "base.html" %}
|
||||
|
||||
{% block stylesheets %}
|
||||
{{ block.super }}
|
||||
<style>
|
||||
body {
|
||||
padding-top: 50px;
|
||||
}
|
||||
.jumbo {
|
||||
height: calc(100% - 50px);
|
||||
height: calc(100% - 64px);
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
@ -19,12 +16,10 @@
|
||||
|
||||
{% block body %}
|
||||
|
||||
{% include "map/_nav.html" %}
|
||||
|
||||
<div class="jumbo">
|
||||
|
||||
|
||||
{% block content %}
|
||||
{% endblock %}
|
||||
|
||||
</div><!-- /.container -->
|
||||
|
||||
</div><!-- /.container -->
|
||||
{% endblock %}
|
||||
|
||||
117
apps/map/templates/map/detail.html
Normal file
117
apps/map/templates/map/detail.html
Normal file
@ -0,0 +1,117 @@
|
||||
{% extends "base_with_jumbo.html" %}
|
||||
{% load bootstrap3 %}
|
||||
{% load compress %}
|
||||
{% load i18n %}
|
||||
{% load leaflet_tags %}
|
||||
{% load humanize %}
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<!-- Required meta tags -->
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
<script src="bundle.js"></script>
|
||||
</head>
|
||||
{% block content %}
|
||||
<div class="container-fluid">
|
||||
<div class="row" style="background-color: #e3f3fd;">
|
||||
<div class="col-lg-8 border-top-0">
|
||||
<a class="btn btn-info" style="margin:15px 0;padding-left:20px;left:-10px;position:absolute;" href="{% url 'index' %}" role="button"><- {% trans "Back to Map" %}</a>
|
||||
<div style="margin-top:70px;padding:0 20px;">
|
||||
<h1>{{case_study.entry_name}}</h1>
|
||||
<p>{{case_study.synopsis}}</p>
|
||||
</div>
|
||||
<div class="clearfix">
|
||||
<div style="margin-left:20px;">
|
||||
<span class="badge badge-pill bg-dark">{{case_study.get_sector_of_economy_display}}</span>
|
||||
{% if case_study.positive_or_negative == "P" %}
|
||||
<span class="badge badge-pill bg-success">{{case_study.get_positive_or_negative_display}}</span>
|
||||
{% elif case_study.positive_or_negative == "N"%}
|
||||
<span class="badge badge-pill bg-danger">{{case_study.get_positive_or_negative_display}}</span>
|
||||
{% endif %}
|
||||
<span class="badge badge-pill bg-info">{{case_study.country.name}}</span>
|
||||
</br>
|
||||
<small class="text-muted">Created {{case_study.date_created|naturaltime}} by <i>{{case_study.author.}}</i></small>
|
||||
</div>
|
||||
<a class="btn btn-primary btn-lg float-right" href="#" role="button">Get Involved</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4">
|
||||
<div class="embed-responsive embed-responsive-16by9">
|
||||
<iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/ScMzIvxBSi4?rel=0&showinfo=0" frameborder="0" allowfullscreen></iframe>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row" style="padding-top:30px;">
|
||||
<div class="col-lg-8">
|
||||
<div id="accordion" role="tablist">
|
||||
<div class="card">
|
||||
<div class="card-header" role="tab" id="headingOne">
|
||||
<h5 class="mb-0">
|
||||
<a data-toggle="collapse" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
|
||||
{% trans "Full Description" %}
|
||||
</a>
|
||||
</h5>
|
||||
</div>
|
||||
|
||||
<div id="collapseOne" class="collapse show" role="tabpanel" aria-labelledby="headingOne" data-parent="#accordion">
|
||||
<div class="card-body">
|
||||
{{case_study.full_description}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card">
|
||||
<div class="card-header" role="tab" id="headingTwo">
|
||||
<h5 class="mb-0">
|
||||
<a class="collapsed" data-toggle="collapse" href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
|
||||
{% trans "Community Voices" %}
|
||||
</a>
|
||||
</h5>
|
||||
</div>
|
||||
<div id="collapseTwo" class="collapse" role="tabpanel" aria-labelledby="headingTwo" data-parent="#accordion">
|
||||
<div class="card-body">
|
||||
{{case_study.community_voices}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
{% trans "Factbar" %}
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<ul class="list-group list-group-flush">
|
||||
{% if case_study.area_of_land %}
|
||||
<li class="list-group-item">{% trans "Approximate land area"%}: {{case_study.area_of_land}} km²</li>
|
||||
{% endif %}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
Attached Files
|
||||
</div>
|
||||
<ul class="list-group list-group-flush">
|
||||
<li class="list-group-item">
|
||||
<a href="#">File One</a></br>
|
||||
<small class="text-muted">Uploaded one month ago</small>
|
||||
</li>
|
||||
<li class="list-group-item">
|
||||
<a href="#">File Two</a></br>
|
||||
<small class="text-muted">Uploaded 3 mins ago</small>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<footer class="footer text-center">
|
||||
<div class="container-fluid">
|
||||
<span class="text-muted">Ojuso x Yansa</span>
|
||||
</div>
|
||||
</footer>
|
||||
{% endblock %}
|
||||
</html>
|
||||
@ -1,4 +1,4 @@
|
||||
{% extends "map/base_with_container.html" %}
|
||||
{% extends "base_page.html" %}
|
||||
{% load compress %}
|
||||
{% load crispy_forms_tags %}
|
||||
{% load i18n %}
|
||||
@ -21,4 +21,14 @@
|
||||
|
||||
{% block scripts %}
|
||||
{% leaflet_js %}
|
||||
<script type="text/javascript">
|
||||
YourGeometryField = L.GeometryField.extend({
|
||||
addTo: function (map) {
|
||||
L.GeometryField.prototype.addTo.call(this, map);
|
||||
// Customize map for field
|
||||
console.log(this);
|
||||
},
|
||||
// See GeometryField source (static/leaflet/leaflet.forms.js) to override more stuff...
|
||||
});
|
||||
</script>
|
||||
{% endblock %}
|
||||
|
||||
47
apps/map/templates/map/how_much_time.html
Normal file
47
apps/map/templates/map/how_much_time.html
Normal file
@ -0,0 +1,47 @@
|
||||
{% extends "base_page.html" %}
|
||||
{% load bootstrap3 %}
|
||||
{% load compress %}
|
||||
{% load i18n %}
|
||||
{% load humanize %}
|
||||
|
||||
{% block stylesheets %}
|
||||
{{ block.super }}
|
||||
<style>
|
||||
a.btn-jumbo {
|
||||
color: navy;
|
||||
width:320px;
|
||||
height:240px;
|
||||
border: 1px solid black;
|
||||
border-radius: 5px;
|
||||
white-space: normal;
|
||||
line-height:55px;
|
||||
padding:80px 20px;
|
||||
margin: 20px;
|
||||
}
|
||||
a.btn-jumbo > * {
|
||||
vertical-align: middle;
|
||||
display: inline-block;
|
||||
line-height:20px;
|
||||
}
|
||||
div.btn-jumbo-group {
|
||||
text-align: center;
|
||||
}
|
||||
</style>
|
||||
{% endblock %}
|
||||
|
||||
{% block title %}{% trans "How much time do you have?" %}{% endblock %}
|
||||
{% block description %}
|
||||
{% trans "A complete picture is always more helpful but sometimes you don't have the time" %}
|
||||
{% endblock %}
|
||||
{% block content %}
|
||||
<div class="btn-jumbo-group">
|
||||
<a class="btn btn-jumbo bg-warning" href="{% url 'long-form' %}" role="button">
|
||||
<h2>20+ Minutes</h2>
|
||||
<p>Full Form (Preferred)</p>
|
||||
</a>
|
||||
<a class="btn btn-jumbo bg-success" href="{% url 'short-form' %}" role="button">
|
||||
<h2>5-10 Minutes</h2>
|
||||
<p>Express Form</p>
|
||||
</a>
|
||||
</div>
|
||||
{% endblock %}
|
||||
@ -1,6 +1,5 @@
|
||||
{% extends "map/base_with_jumbo.html" %}
|
||||
{% extends "base_with_jumbo.html" %}
|
||||
{% load bootstrap3 %}
|
||||
{% load compress %}
|
||||
{% load i18n %}
|
||||
{% load leaflet_tags %}
|
||||
|
||||
@ -46,9 +45,9 @@
|
||||
onEachFeature: function (feature, layer) {
|
||||
var modalname = "case-study-"+feature.id
|
||||
layer.bindPopup(
|
||||
"<h3>"+feature.properties.project_name+"</h3>"+
|
||||
"<button type='button' class='btn btn-primary btn-block' data-toggle='modal' data-target='#"+modalname+"'>"
|
||||
+"{% trans "Quick View" %}"+"</button>"
|
||||
"<p>"+feature.properties.entry_name+"</p>"+
|
||||
"<a class='btn btn-primary' href='case-study/"+feature.properties.slug+"' role='button'>"
|
||||
+"{% trans "View" %}"+"</a>"
|
||||
);
|
||||
var modal = create(
|
||||
"<div class='modal fade' id='"+modalname+"' tabindex='-1' role='dialog' aria-labelledby='"+modalname+"-label'>"+
|
||||
|
||||
Reference in New Issue
Block a user