Skip to content

Ft incident #1

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
bekeplar wants to merge 21 commits into
base: develop
Choose a base branch
from
Open

Ft incident #1

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
21 commits
Select commit Hold shift + click to select a range
7d46528
Add signin page [Delivers-#162602003]
bekeplar Dec 12, 2018
4aeeefd
Add signin page [Delivers-#162602040]
bekeplar Dec 12, 2018
8c257bd
Add create red flag [Delivers-#162630386]
bekeplar Dec 13, 2018
c90cadd
Add create intervention record [Delivers-#162630412]
bekeplar Dec 13, 2018
96f00aa
Add user add image/video file [Delivers-#162630467]
bekeplar Dec 13, 2018
036ae5c
Add user add Geolocation [Delivers-#162630500]
bekeplar Dec 13, 2018
34fcb4d
Add user add image file [Delivers-#162630438]
bekeplar Dec 13, 2018
b0029b3
Add records page[Delivers-#162631442]
bekeplar Dec 14, 2018
64fc147
Add landing page[Delivers-#162602318]
bekeplar Dec 14, 2018
ebd4056
Add admin login page
bekeplar Dec 15, 2018
de19a38
Add user profile page [Delivers-#162631884]
bekeplar Dec 15, 2018
51c35c0
Add user profile page [Delivers-#162631910]
bekeplar Dec 15, 2018
b6eae31
Add user profile page [Delivers-#162631925]
bekeplar Dec 15, 2018
bddf94f
Add user profile page [Delivers-#162631953]
bekeplar Dec 15, 2018
2334bf1
Add Admin page [Delivers-#162632103]
bekeplar Dec 15, 2018
67895f6
Add Admin page [Delivers-#162632051]
bekeplar Dec 15, 2018
6430c82
Add styling to pages
bekeplar Dec 15, 2018
e2f9996
Add descriptive README.md file [Delivers-#162681801]
bekeplar Dec 15, 2018
d30fdda
Add modify Admin page [Delivers-#162632103]
bekeplar Dec 16, 2018
e8c048d
Add changes to signin page
bekeplar Dec 16, 2018
84aa411
Add changes to Admin,profile and signup pages
bekeplar Dec 17, 2018
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
30 changes: 30 additions & 0 deletions README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,3 +1,33 @@
# iReporter

iReporter enables any/every citizen to bring any form of corruption to the notice of appropriate authorities and thegeneral public. Users can also report on things that needs government intervention

# Required Features:

- Users can create an account and log in. 
- Users can create a ​red-flag ​​record (An incident linked to corruption). 
- Users can create ​intervention​​ record​ ​​(a call for a government agency to intervene e.g  repair bad road sections, collapsed bridges, flooding e.t.c).
- Users can edit their ​red-flag ​​or ​intervention ​​records. 
- Users can delete their ​red-flag ​​or ​intervention ​​records.
- Users can add geolocation (Lat Long Coordinates) to their ​red-flag ​​or ​intervention  records​.
- Users can change the geolocation (Lat Long Coordinates) attached to their ​red-flag ​​or  intervention ​​records​.
- Admin can change the ​status​​ of a record to either ​under investigation, rejected ​​(in the  event of a false claim)​ ​​or​ resolved ​​(in the event that the claim has been investigated and  resolved)​.

# Optional Features:

- Users can add images to their ​red-flag ​​or​ intervention ​​records, to support their claims.  - Users can add videos to their ​red-flag ​​or​ intervention ​​records, to support their claims.  - The application should display a Google Map with Marker showing the red-flag or  intervention location.
- The user gets real-time email notification when Admin changes the ​status ​​of their record. 

# Built with:

So far this application has been built with

. HTML
. CSS

# Author:
Bekalaze Joseph

# Courtesy of:

Andela Uganda
142 changes: 142 additions & 0 deletions UI/static/main.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,142 @@
body{
margin: 0px;
background-size: cover;
padding-right: 0;
}
h1{
color: #d5d5d8;
font-size: 2em;
font-family: Arial, Helvetica, sans-serif;
margin-left: 5%;
text-shadow: 1px 2px 5px rgba(0,0,0,.5);

}
p{
color: black;
font-family: Arial, Helvetica, sans-serif;
}
#alpha{
background-color: rgb(245, 188, 45);
padding-left: 10%;
padding-right: 10%;
padding-bottom: 10%;
padding-top: 5%;
}
h3 {
text-align: center;
font-size: 150%;
color: rgb(31, 31, 243);
text-shadow: 1px 2px 5px rgba(173, 173, 226, 0.9);

}

h2 {
text-align: center;
font-size: 150%;
color: rgb(233, 233, 241);
text-shadow: 1px 2px 5px rgba(173, 173, 226, 0.9);

}
#low {
padding-left: 30%;
padding-right: 20%;
padding-bottom: 5%;
padding-top: 5%;
}
.top{
margin: 2%;
margin-top: 0%;
font-size: 1.5em;
float: right;

}
.top a{
color: rgb(251, 255, 0);
text-decoration: none;
}
a:hover {
color: rgb(161, 27, 34);
}

.dare {
padding-left: 30%;
padding-right: 30%;
padding-bottom: 5%;
padding-top: 0%;
}
input {
display: block;
width: 100%;
padding: 12px 20px;
display: inline-block;
border: 1px solid #ccc;
border-radius: 4px;
box-sizing: border-box;
display: block;
margin: 20px 25px 20px 25px;
background-color: rgb(247, 223, 223);

}
button{
border-radius: 15px;
padding: 5% 5%;
text-align: center;
width: 50%;
font-size: 80%;
background-color: darkorange;

}
button:hover{
background-color: #1ce25b;
}

.omega{
background-color: rgb(41, 212, 41);
}
.flex{
background-color: rgb(243, 25, 243);
color: rgb(13, 255, 0);
margin-right: 0%;

}

table
{
border: 1px solid white;
border-collapse: collapse;
padding-bottom: 20%;
padding-right: 50%;
padding-left: 50%;
padding-right: 50%;
overflow-x: auto;
width: 50%;

}
table th{
border: 1px solid white;
text-align: center;
height: 50%;

}
table td{
border: 1px solid white;
text-align: center;
height: 70%;
}
th {
background-color: #4CAF50;
color: white;
}
/*tr:nth-child(even) {
background-color: #f2f2f2;
}*/

tr:hover
background-color: #f5e72c;
}
th:hover {
background-color: #4f52ff;
}
label{
padding-left: 30%;
}
41 changes: 41 additions & 0 deletions UI/templates/admin.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,41 @@
<!DOCTYPE <!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>iReporter signin</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" media="screen" href="../static/main.css" />
</head>
<body>
<div class="flex">
<h1>iReporter</h1>
<heder>
<div class="top">
<a href="index.html">home</a>
<a href="signup.html">signup</a>
</div>
</heder>><br><br>
<h3>Building corruption free systems.</h3>
<div class="dare">
<form action="admin_dashboard.html">
<labe for="Admin">
<h2> Admin signin</h2>
</labe><br><br>
<label for="email">
Email
</label><br>
<input type="email" required placeholder="email@gmail.com">
<label for="password">
Password
</label><br>
<input type="password" required placeholder="password">
<button type="submit">signin</button>
</form>
<footer>
<h3>Copyright iReporter. All Rights Reserved.</h3>
</footer>
</div>
</div>
</body>
</html>
104 changes: 104 additions & 0 deletions UI/templates/admin_dashboard.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,104 @@
<!DOCTYPE <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>admin iReporter</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css" media="screen" href="../static/main.css" />
</head>
<body>
<div class="omega">
<h1>iReporter</h1>
<heder>
<div class="top">
<a href="index.html">home</a>
<a href="admin.html">logout</a>
</div>
</heder><br><br>
<h3>Building corruption free systems.</h3>
<div class="dare">
<h2> Admin dashboard</h2>
<input type="search" placeholder="search user">
<input type="search" placeholder="search by category">
<h3>All iReports</h3>
<table>
<thead>
<tr>
<td>category</td>
<td>Title</td>
<td>Description</td>
<td>Geolocation</td>
<td>ReportedBy</td>
<td>Status</td>
<td>change Status</td>
</tr>
</thead>
<tbody>
<tr>
<td>Redflag</td>
<td>corruption</td>
<td>Government officials taking bribes at Mukono district headquarters</td>
<td>Lat 1.2178 Long 0.791</td>
<td> Bekalaze</td>
<td>resolved</td>
<td>
<select id="status">
<option >Resolved</option>
<option >Under investigation</option>
<option >Rejected</option>
</select>
</td>
</tr>
<tr>
<td>interventions</td>
<td>
Embezzlement
</td>
<td>
There isn't enough drugs at Mukono Health Centre 4
</td>
<td>Lat 0.11229 Long 0.4237</td>
<td>
Favor
</td>
<td>under investigation</td>
<td>
<select id="status">
<option >Resolved</option>
<option >Under investigation</option>
<option >Rejected</option>
</select>
</td>
</tr>
<tr>
<td>interventions</td>
<td>
Embezzlement
</td>
<td>
Roads along Mukono and seeta have potholes
</td>
<td>Lat 0.90672 Long 1.55427</td>
<td>
Kalanzi
</td>
<td>Rejected</td>
<td>
<select id="status">
<option >Resolved</option>
<option >Under investigation</option>
<option >Rejected</option>
</select>
</td>
</tr>
</tbody>
</table>
<input type="submit" value="submit changes"><br><br>
<footer>
<h4>@Copyright iReporter. All Rights Reserved.</h4>
</footer>
</div>
</div>
</body>
</html>
52 changes: 52 additions & 0 deletions UI/templates/incident.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,52 @@
<!DOCTYPE <!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>iReporter incident!</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" media="screen" href="../static/main.css" />
</head>
<body>
<div class="flex">
<h1>iReporter</h1>
<heder>
<div class="top">
<a href="index.html">signout</a>
<a href="records.html">records</a>
</div>
</heder><br><br>
<h3>Building corruption free systems.</h3>
<div class="dare">
<form>
<label>Select iReporter:</label><br><br>
<select>
<option>red-flag </option>
<option>intervention</option>
</select>
<label>
<h2> Details</h2>
</label>
<label>
Title:
</label><br>
<input type="text" placeholder="Title" required>
<label>
Username:
</label><br>
<input type="text" placeholder="username" required>
<label>
Add image/video:
</label><br>
<input class="choose" type="file" required>
<label>
Add geolocation:
</label><br>
<input type="number" placeholder="Lat coordinates" required>
<input type="number" placeholder="Long coordinates" required><br>
<button>create iReporter</button>
</form>
</div>
</div>
</body>
</html>
Loading