echo '{"status": "OK", "id": '.$id.'}';
+// URL: ?set=saveUser
+// update user details
+// GET: uid (required), name (optional), username (optional), password (optional), lead (optional), access (optional)
+} else if( isset($_GET['set']) && $_GET['set'] == "saveUser") {
+ // Validate permissions
+ if( $_SESSION['permissions'] > CCCP_PERM_LEAD ) {
+ return;
+ }
+
+ // TODO: If a lead, confirm we are this user's lead
+ // Better error handling...maybe check lastInsertId is valid on the insert ones
+ // UPDATE rather than just delete/insert on lead/canvass so it doesn't lose one updating the other
+ $status = 1;
+ if( isset($_GET['uid']) ) {
+ $status = 0;
+ // Update a name
+ if( isset($_GET['name']) ) {
+ $query = "UPDATE users SET realname = ? WHERE id = ?";
+ $params= [$_GET['name'], $_GET['uid'] ];
+ $stmt = $dbh->prepare($query);
+ $stmt->execute($params);
+ if( $dbh->errorInfo()[1] != 0 ) {
+ $status++;
+ }
+ }
+
+ // Update a username
+ if( isset($_GET['username']) ) {
+ $query = "SELECT * FROM users WHERE username = ? AND id != ?";
+ $stmt = $dbh->prepare($query);
+ $params= [$_GET['username'], $_GET['uid'] ];
+ $stmt->execute($params);
+ $rows = $stmt->fetchAll();
+ if(sizeof($rows) > 0) {
+ $status++;
+ }
+
+ $query = "UPDATE users SET username = ? WHERE id = ?";
+ $stmt = $dbh->prepare($query);
+ $stmt->execute($params);
+ if( $dbh->errorInfo()[1] != 0 ) {
+ $status++;
+ }
+ }
+
+ // Update a password
+ if( isset($_GET['password']) ) {
+ $query = "UPDATE users SET passhash = ? WHERE id = ?";
+ $params= [password_hash($_GET['password'], PASSWORD_DEFAULT), $_GET['uid'] ];
+ $stmt = $dbh->prepare($query);
+ $stmt->execute($params);
+ if( $dbh->errorInfo()[1] != 0 ) {
+ $status++;
+ }
+ }
+
+ // Update a lead
+ if( isset($_GET['lead']) ) {
+ $query = "UPDATE canvassGroups SET leadId=? WHERE userId=?;";
+ $params= [$_GET['lead'], $_GET['uid'] ];
+ $stmt = $dbh->prepare($query);
+ $stmt->execute($params);
+
+ if( $stmt->rowCount() == 0 ) {
+ $query = "INSERT INTO canvassGroups(canvassId, userId, leadId) VALUES(null,CAST(? AS INTEGER),CAST(? AS INTEGER));";
+ $params= [ $_GET['uid'], $_GET['lead'] ];
+ $stmt = $dbh->prepare($query);
+ $stmt->execute($params);
+ }
+ if( $dbh->errorInfo()[1] != 0 ) {
+ $status++;
+ }
+ }
+
+ // Update access
+ if( isset($_GET['permissions']) ) {
+ $query = "UPDATE users SET permissions=? WHERE id=?;";
+ $params= [ $_GET['permissions'], $_GET['uid'] ];
+ $stmt = $dbh->prepare($query);
+ $stmt->execute($params);
+
+ if( $dbh->errorInfo()[1] != 0 ) {
+ $status++;
+ }
+ }
+
+ // Update a canvass
+ if( isset($_GET['canvass']) ) {
+ $query = "INSERT INTO canvassGroups(userId, canvassId, leadId) VALUES(CAST(? AS INTEGER), CAST(? AS INTEGER), null);";
+ $params= [ $_GET['uid'], $_GET['canvass'] ];
+ $stmt = $dbh->prepare($query);
+ $stmt->execute($params);
+
+ if( $dbh->errorInfo()[1] != 0 ) {
+ $status++;
+ }
+ }
+
+ if( isset($_GET['uncanvass']) ) {
+ $query = "DELETE FROM canvassGroups WHERE userId = ? AND canvassId = ?;";
+ $params= [ $_GET['uid'], $_GET['uncanvass'] ];
+ $stmt = $dbh->prepare($query);
+ $stmt->execute($params);
+
+ if( $dbh->errorInfo()[1] != 0 ) {
+ $status++;
+ }
+ }
+
+
+
+ }
+
+ // TODO: Return success or error
+ if($status == 0) {
+ echo "{}";
+ }
+
+
+// URL: ?get=canvassFeed
+// get the current status of a canvass
+// POST: id (required), duration (required), userId (optional)
+} else if( isset($_GET['get']) && $_GET['get'] == "canvassFeed") {
+ if( $_SESSION['permissions'] > CCCP_PERM_LEAD ) {
+ return;
+ }
+
+ // Fetch the canvass results from the given duration
+ $query = "SELECT u.username, v.firstName, v.lastName, cr.timestamp, cr.notes, cr.json, cr.estSupportPct ".
+ "FROM canvassResults cr, users u, voters v ".
+ "WHERE u.id = cr.userId AND cr.voterId = v.id ".
+ "AND canvassId = CAST(? AS INTEGER) ".
+ "AND timestamp > FROM_UNIXTIME(UNIX_TIMESTAMP()-CAST(? AS INTEGER)) ".
+ (isset($_GET['userId']) ? "AND cr.userId = ? " : "").
+ "ORDER BY timestamp ASC LIMIT 10;";
+ if( isset($_GET['id']) && isset($_GET['duration']) ) {
+ $params = [$_GET['id'], $_GET['duration']];
+ }
+ if( isset($_GET['userId']) ) {
+ array_push($params, $_GET['userId']);
+ }
+
+ $stmt = $dbh->prepare($query);
+ $stmt->execute($params);
+ $rows = $stmt->fetchAll(PDO::FETCH_ASSOC);
+
+ echo json_encode($rows);
+
+
// URL: ?get=canvassMonitor
// get the current status of a canvass
// POST: id (required)
"sum((SELECT count(distinct voterId) FROM canvassResults r WHERE r.canvassId = c.id)) madeContacts, ".
"(SELECT count(distinct userId) FROM canvassResults r WHERE r.canvassId = c.id) volunteers ".
"FROM canvasses c WHERE turfId = CAST(? AS INTEGER)";
-/* $query = "SELECT c.totalContacts total, ".
- "count(distinct cr.voterId) madeContacts, ".
- "count(distinct u.id) activeVolunteers ".
- "FROM canvasses c, users u, canvassResults cr ".
- "WHERE c.turfId = CAST(? AS INTEGER) ".
- "AND u.id = cr.userId ".
- "AND cr.canvassId = c.id ".
- "AND cr.timestamp > TIMESTAMP(DATE_SUB(NOW(), INTERVAL 1 day));";*/
-
-// "GROUP BY u.id";
+
if( isset($_GET['id']) ) {
$params = [$_GET['id']];
- } else {
- $params = ["10"];
}
$stmt = $dbh->prepare($query);
<?php
+define("CCCP_BASEURL", "https://cccp.slightlycyberpunk.com/CCCP/");
+
define("CCCP_PERM_ADMIN", 0);
define("CCCP_PERM_LEAD", 7);
define("CCCP_PERM_VOLUNTEER", 10);
+define("CCCP_PERM_INVITE", 50);
-if( basename($_SERVER['PHP_SELF']) != 'login.php') {
+if( basename($_SERVER['PHP_SELF']) != 'login.php' &&
+ basename($_SERVER['PHP_SELF']) != 'invite.php') {
if( isset($_GET['logout']) ) {
unset($_SESSION['username']);
unset($_SESSION['authtime']);
}
#toastDiv {
- position: fixed;
+ position: relative;
bottom: 2em;
left: 25%;
width: 50%;
--- /dev/null
+body {
+ background-color: #300;
+ text-align: center;
+ color: white;
+ font-weight: bold;
+}
+
+#invitePrompt {
+ text-align: center;
+ border: 3px solid white;
+ border-radius: 1em;
+/* position: absolute;*/
+ display: inline-block;
+/* top: calc(50% - 5em);*/
+ margin-top: 5%;
+ min-height: 10em;
+ padding: 1em;
+}
+
+#invitePrompt label {
+ display: block;
+ margin-top: 1em;
+ text-align: left;
+}
+
+#invitePrompt label, #invitePrompt input {
+ font-size: 3em;
+}
+
+#invitePrompt input[type=submit] {
+ display: block;
+ width: 50%;
+ margin-left: 25%;
+ margin-top: 0.5em;
+}
+
+#invitePrompt #label-realname {
+ margin-top: 2em;
+}
padding-left: 1em;
}*/
-#toastDiv {
- position: fixed;
- bottom: 2em;
- left: 25%;
- width: 50%;
- height: 3em;
+#toastContainer {
+ position: fixed;
+ bottom: 2em;
+ left: 25%;
+ width: 50%;
+ display: block;
+ padding: 1em;
+ max-height: calc(100% - 15vw);
+ overflow-x: hidden;
+ overflow-y: scroll;
+}
+
+.canvassLog {
+ top: 2em;
+ opacity: 0.9;
+}
+
+.toastDiv img {
+ height: 2em;
+ padding: 1em;
+ padding-left: 0em;
+}
+
+.toastDiv div {
+ display: inline-block;
+ text-align: left;
+ min-width: 40%;
+}
+
+.toastDiv div h3 {
+ margin: 0em;
+}
+
+.toastDiv div .timestamp {
+ float: right;
+ font-size: small;
+ margin-top:-1.5em;
+ margin-left: 2em;
+}
+
+.toastDiv div .outcome {
+ float: right;
+ margin-top:-1.5em;
+}
+
+.toastDiv div .positive {
+ font-weight: bold;
+ color: green;
+}
+
+.toastDiv div .negative {
+ font-weight: bold;
+ color: red;
+}
+
+.toastDiv div .notes {
+ margin-top: -1em;
+ height: 1em;
+ display: inline-block;
+}
+
+.toastDiv {
+ width: 100%;
+ max-height: 10em;
+ overflow: hidden;
display: block;
padding: .5em;
color: white;
border: 2px solid yellow;
font-weight: bold;
transition: opacity 1s;
+ margin-bottom: 0.2em;
}
.loadingIndicator {
--- /dev/null
+.userConfig {
+ border: 1px solid white;
+ border-radius: 1em;
+ padding: 0.5em;
+ margin: 0.5em;
+ font-size:1em;
+}
+
+.userConfig .selector {
+ display: inline-block;
+}
+
+.userConfig input, .userConfig select {
+ height: 3em;
+ vertical-align: top;
+ min-width: 5em;
+}
+
+.userConfig label {
+ min-width: 20em;
+ font-size: 0.7em;
+ vertical-align: middle;
+ display: block;
+ margin-top: 0.5em;
+}
+
+.userConfig .editName {
+ height: 2em;
+ vertical-align: middle;
+}
+
+.qrimg {
+ float: right;
+ height: 4em;
+ margin-top: -4.5em;
+ margin-right: 1em;
+}
+
+.realname {
+ display: inline-block;
+ min-width: 3em;
+}
+
+[contenteditable].realname {
+ background-color: white;
+ color: black;
+ width: 10em;
+}
<a href="canvass.php" class="category">Canvassing</a>
<a href="phonebank.php" class="category">Phonebank</a>
<?php
+ if( $_SESSION['permissions'] <= CCCP_PERM_LEAD ) {
+?>
+ <a href="users.php" class="category">User Management</a>
+<?php } ?>
+<?php
if( $_SESSION['permissions'] <= CCCP_PERM_ADMIN ) {
?>
<a href="settings.php" class="category">Settings</a>
--- /dev/null
+<?php session_start(); ?>
+<?php include 'common.php'; ?>
+<!--
+/*
+* This file is part of the Cargobike Community Canvassing Program (CCCP).
+* Copyright 2023, Brian Flowers, SlightlyCyberpunk.com
+*
+* CCCP is free software: you can redistribute it and/or modify it under the terms
+* of the GNU Affero General Public License as published by the Free Software
+* Foundation, either version 3 of the License, or (at your option) any later version.
+*
+* CCCP is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY;
+* without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR
+* PURPOSE. See the GNU Affero General Public License for more details.
+
+* You should have received a copy of the Affero GNU General Public License along with CCCP.
+* If not, see <https://www.gnu.org/licenses/>.
+*/
+-->
+<?php
+/*
+# php
+<?php
+echo password_hash("volunteer", PASSWORD_DEFAULT);
+?>
+
+$2y$10$GBn6IBJDct2zRTsQwnGehumQWZo9MLM8//8SiKw9HLZtk6a9k5t7u
+
+*/
+
+// Connect to MariaDB
+$options = [
+ PDO::ATTR_EMULATE_PREPARES => false, // Disable emulation mode for "real" prepared statements
+ PDO::ATTR_DEFAULT_FETCH_MODE => PDO::FETCH_ASSOC, // Make the default fetch be an associative array
+];
+$dbh = new PDO("mysql:host=localhost;dbname=CCCP", "root", "yix", $options);
+
+
+// If an admin, display selected invite token link and QR -- token should be unique to a lead and/or turf?
+if( $_SESSION['permissions'] <= CCCP_PERM_LEAD ) {
+ $query = "DELETE FROM invites WHERE expiry < CURRENT_TIMESTAMP()";
+ $stmt = $dbh->prepare($query);
+ $stmt->execute();
+
+ if( isset($_GET['canvassId']) ) {
+ $canvassId = $_GET['canvassId'];
+ $leadId = $SESSION['userId'];
+ $query = "SELECT token FROM invites WHERE canvassId = ? AND userId = ? AND expiry < TIMESTAMPADD(HOUR,1,CURRENT_TIMESTAMP)";
+ $params= Array($canvassId,$leadId);
+ $stmt = $dbh->prepare($query);
+ $stmt->execute($params);
+ $res = $stmt->fetchAll(PDO::FETCH_ASSOC);
+
+ if($res[0]['token']) {
+ $token = $res[0]['token'];
+ } else {
+ $token = base64_encode(random_bytes(64));
+ $query = "INSERT INTO invites(token, canvassId, userId) VALUES(?,?,?)";
+ $params= Array($token,$canvassId,$leadId);
+ $stmt = $dbh->prepare($query);
+ $stmt->execute($params);
+ $res = $stmt->fetchAll(PDO::FETCH_ASSOC);
+ }
+
+ $url = CCCP_BASEURL."invite.php?token=".$token;
+ $qrl = "https://api.qrserver.com/v1/create-qr-code/?size=500x500&data=".urlencode($url);
+ echo "<a style='text-align: center; width: 100%; display: block;' href='".$url."'>".$url."</a><br/>";
+ echo "<img style='width: 90%; margin-left: 5%' src='".$qrl."' />";
+ die();
+ }
+}
+
+// Register with a token
+if( isset($_GET['token']) && isset($_SESSION['userId']) ) {
+ // TODO: Add the user to the canvass
+
+} else if( isset($_GET['token']) ) {
+ $token = $_GET['token'];
+ echo <<EOF
+<HTML>
+ <HEAD>
+ <link rel="stylesheet" href="css/invite.css" />
+
+ <script src="js/invite.js"></script>
+ </HEAD>
+
+ <BODY>
+ <div id="invitePrompt">
+ <form name="cccp-invite" action="api.php?set=invite" method="POST" >
+ <label for="username" id="label-username">Username</label>
+ <input type="text" id="username" name="username" />
+ <label for="password" id="label-password">Password</label>
+ <input type="password" id="password" name="password" />
+ <br/>
+ <label for="realname" id="label-realname">Name</label>
+ <input type="text" id="realname" name="realname" />
+ <label for="email" id="label-email">Email</label>
+ <input type="text" id="email" name="email" />
+ <label for="phone" id="label-phone">Phone</label>
+ <input type="text" id="phone" name="phone" />
+
+ <input type="hidden" id="token" name="token" value="$token" />
+
+ <input type="submit" value="Request Access" />
+ </form>
+ </div>
+ </BODY>
+</HTML>
+EOF
+ die();
+}
+
+// Register from a request
+if( isset($_POST['token']) ) {
+ // Validate the token and get the canvass details
+ $query = "SELECT * FROM invites WHERE expiry < CURRENT_TIMESTAMP AND token = ?;";
+ $params= [$_POST['token']];
+ $stmt = $dbh->prepare($query);
+ $stmt->execute($params);
+ $rows = $stmt->fetchAll(PDO::FETCH_ASSOC);
+
+ if(sizeof($rows) == 0) {
+ echo "Error: Invalid token.";
+ die();
+ }
+
+ $username = "NONE";
+ if( isset($_POST['username']) ) {
+ $username = $_POST['username'];
+ }
+ $realname = "NONE";
+ if( isset($_POST['realname']) ) {
+ $realname = $_POST['realname'];
+ }
+ $email = "NONE";
+ if( isset($_POST['email']) ) {
+ $email = $_POST['email'];
+ }
+ $phone = "NONE";
+ if( isset($_POST['phone']) ) {
+ $phone = $_POST['phone'];
+ }
+ $passhash = "NONE";
+ if( isset($_POST['password']) ) {
+ $passhash = password_hash($_POST['password'], PASSWORD_DEFAULT);
+ }
+
+
+ $lead = $rows['userId'];
+ $canvass = $rows['canvassId'];
+
+ // Add the user with INVITE permissions
+ $query = "INSERT INTO users(username, realName, passhash, email, phone, permissions) VALUES(?, ?, ?, ?, ?, CCCP_PERM_INVITE);";
+ $params= [$username, $realname, $passhash, $email, $phone];
+ $stmt = $dbh->prepare($query)
+ $stmt->execute($params);
+ $user = $dbh->lastInsertId();
+
+ $query = "INSERT INTO canvassGroups(canvassId, userId, leadId) VALUES(?,?,?);";
+ $params= [$canvass, $user, $lead];
+}
currentMarker = null;
}
var markerIcon = L.icon({
- iconUrl: "images/marker-icon-misc-yellow.png",
+ iconUrl: "images/marker-icon-red-star.png",
iconSize: [24, 36],
iconAnchor: [12,36]
});
function monitorCanvass(canvass, turf) {
console.log(canvass);
-// fetch("api.php?get=canvassMonitor&id="+canvass).then(data => data.json())
-// .then(output => {
-
- // similar to startCanvass
- // open the map, give buttons to return to menu and to view stats list
- // Show pins for last contact from each team
- // Dim contacts if no updates in...10m?
- // Pop-up on updates
- debug("monitorCanvass(..., ...)");
- debug(canvass);
- debug(turf);
- setLoading(1);
- map.on("moveend", loadCanvassers.bind(null, false, canvass));
-// loadTurfs();
- var json = turf.json;
- var turfPoints = JSON.parse(json).geometry.coordinates[0];
- var latTot = 0;
- var lonTot = 0;
- var i = 0;
- for(i = 0; i < turfPoints.length; i++) {
- latTot += turfPoints[i][1];
- lonTot += turfPoints[i][0];
+ // Similar to startCanvass
+ // open the map, give buttons to return to menu and to view stats list
+ // Show pins for last contact from each team
+ // Dim contacts if no updates in...10m?
+ // Pop-up on updates
+ debug("monitorCanvass(..., ...)");
+ debug(canvass);
+ debug(turf);
+ setLoading(1);
+ map.on("moveend", loadCanvassers.bind(null, false, canvass));
+
+ var json = turf.json;
+ var turfPoints = JSON.parse(json).geometry.coordinates[0];
+ var latTot = 0;
+ var lonTot = 0;
+ var i = 0;
+ for(i = 0; i < turfPoints.length; i++) {
+ latTot += turfPoints[i][1];
+ lonTot += turfPoints[i][0];
+ }
+
+ map.setZoom(16);
+ map.setView([latTot/i, lonTot/i]);
+ enableCanvassersControls(canvass);
+ currentCanvass = canvass;
+ turfLayer = turf;
+ setTimeout(toggleTurf.bind(null, turf, true), 1000);
+
+ loadCanvassers(false, canvass);
+
+ toggleControls();
+ setLoading(-1);
+ debug("End monitorCanvass");
+}
+
+var clogMode = 0;
+function enableCanvassersControls(canvass) {
+ debug("enableCanvassersControls()");
+ if( document.getElementById("canvassToolbar") != null) {
+ debug("End enableCanvassControls (Early)");
+ return;
+ }
+
+ var mapElem = document.getElementById("map");
+ mapElem.setAttribute("class", "full");
+
+ document.getElementById("controls").style.display = "none";
+
+ var coder = L.Control.geocoder({defaultMarkGeocode: false})
+ .on('markgeocode', function(e) {
+ var position = {};
+ position.coords = {};
+ position.coords.latitude = e.geocode.center.lat;
+ position.coords.longitude = e.geocode.center.lng;
+ updateLocation(position);
+
+ if(this.manual) {
+ clearTimeout(addrErr);
+ document.getElementById("canvassToolbar").classList.remove("addrInput");
+ }
+ })
+ .addTo(map);
+ var geoctl = document.getElementsByClassName("leaflet-control-geocoder")[0];
+ geoctl.parentElement.removeChild(geoctl);
+
+ var toolbar = document.createElement("div");
+ toolbar.setAttribute("id", "canvassToolbar");
+
+ var gpsBtn = document.createElement("button");
+ gpsBtn.onclick = function() {
+ if(geoWatcher == null) {
+ geoWatcher = navigator.geolocation.watchPosition(updateLocation, locationFailure, {maximumAge: 30000});
+ this.classList.add("watching");
+ } else {
+ navigator.geolocation.clearWatch(geoWatcher);
+ this.classList.remove("watching");
+ geoWatcher = null;
+ if(currentMarker != null) {
+ map.removeLayer(currentMarker);
+ currentMarker = null;
+ }
}
+ }
+ var gpsImg = document.createElement("img");
+ gpsImg.src = "images/GPSLocate.png";
+ gpsBtn.appendChild(gpsImg);
+ gpsBtn.setAttribute("id", "geocoderGPSBtn");
+ toolbar.appendChild(gpsBtn);
- map.setZoom(16);
- map.setView([latTot/i, lonTot/i]);
- enableCanvassControls();
- currentCanvass = canvass;
- turfLayer = turf;
- setTimeout(toggleTurf.bind(null, turf, true), 1000);
-// viewCanvass(canvass);
+ var refreshBtn = document.createElement("button");
+ refreshBtn.onclick = function() {
+ loadCanvassers(false, canvass);
+ }
+ var refreshImg = document.createElement("img");
+ refreshImg.src = "images/RefreshCanvassers.png";
+ refreshBtn.appendChild(refreshImg);
+ refreshBtn.setAttribute("id", "geocoderRefreshBtn");
+ toolbar.appendChild(refreshBtn);
-/* var options = {
- method: "POST",
- headers: {"Content-Type": "application/x-www-form-urlencoded; charset=UTF-8"},
- body: "id="+canvass.id;
+ var clogBtn = document.createElement("button");
+ clogBtn.onclick = function() {
+ if( clogMode == 0 ) {
+ document.getElementById("clogImg").src = "images/CanvassLog-Full.png";
+ clogMode = 1;
+ canvassFeed(true, canvass.id);
+ } else if( clogMode == 1) {
+ document.getElementById("clogImg").src = "images/CanvassLog-Off.png";
+ clogMode = 2;
+ canvassFeed(true, canvass.id);
+ } else {
+ clearTimeout(clogTimeout);
+ document.getElementById("clogImg").src = "images/CanvassLog-Sm.png";
+ clogMode = 0;
+ canvassFeed(true);
+ }
}
- fetch("api.php?get=canvassMonitor", options).then(data => data.json())
- .then(resp => {
- loadCanvassers(false);
- debug("End Async monitorCanvass");
- });*/
- loadCanvassers(false, canvass);
+ var clogImg = document.createElement("img");
+ clogImg.src = "images/CanvassLog-Sm.png";
+ clogImg.setAttribute("id", "clogImg");
+ clogBtn.appendChild(clogImg);
+ clogBtn.setAttribute("id", "clogBtn");
+ toolbar.appendChild(clogBtn);
- toggleControls();
- setLoading(-1);
- debug("End Sync monitorCanvass");
-// });
+ var menuBtn = document.createElement("button");
+ menuBtn.onclick = function() {
+ loadCanvassers(false, canvass);
+ document.getElementById("controls").style.display = "block";
+ document.getElementById("controls").classList.remove("min");
+ var mapElem = document.getElementById("map").classList.remove("full");
+ map.invalidateSize();
+ var toolbar = document.getElementById("canvassToolbar");
+ toolbar.parentElement.removeChild(toolbar);
+ }
+ menuBtn.setAttribute("id", "geocoderMenuBtn");
+ var menuImg = document.createElement("img");
+ menuImg.src = "images/Home.png";
+ menuBtn.appendChild(menuImg);
+ toolbar.appendChild(menuBtn);
+
+ map.invalidateSize();
+ document.getElementById("map").appendChild(toolbar);
+ debug("End enableCanvassersControls");
}
+var canvassersTimeout = null;
function loadCanvassers(force = false, canvass) {
debug("loadCanvassers");
- var options = {
- method: "POST",
- headers: {"Content-Type": "application/x-www-form-urlencoded; charset=UTF-8"},
- body: "id="+canvass.id
- };
- fetch("api.php?get=canvassMonitor", options).then(data => data.json())
+ fetch("api.php?get=canvassMonitor&id="+canvass.id).then(data => data.json())
.then(resp => {
- console.log(resp);
+ debug(resp);
for(var i = 0; i < resp.length; i++) {
- iconImg = "marker-icon-"+iconColors[i]+".png";
-
- var markerIcon = L.icon({
- iconUrl: "images/"+iconImg,
- iconSize: [48, 72],
- iconAnchor: [24,72],
- className: 'leaflet-marker'
- });
- var markerTitle = "UserID: "+resp[i].userId;
- var newMarker = new L.marker([resp[i].latitude, resp[i].longitude],
- {icon: markerIcon, title: markerTitle}).addTo(map);
-// if( locList[i].count > 1) {
- newMarker.bindTooltip(resp[i].contacts+"",
- {
- permanent: true,
- direction: 'right',
- className: 'leaflet-voterCount'
- }
- );
-// }
- /*var markerText = new L.Marker([locList[i].latitude, locList[i].longitude], {
- icon: new L.DivIcon({
- className: 'my-div-icon',
- html: '<img src="images/marker-icon-tricolor.png"></img><span class="my-div-span">---'+locList[i].count+'-------</span>'
- })
-});*/
- newMarker.on('click', voterList.bind(null, resp[i].latitude, resp[i].longitude));
-
+ iconImg = "marker-icon-"+iconColors[i]+".png";
+
+ var markerIcon = L.icon({
+ iconUrl: "images/"+iconImg,
+ iconSize: [48, 72],
+ iconAnchor: [24,72],
+ className: 'leaflet-marker'
+ });
+ var markerTitle = "UserID: "+resp[i].userId;
+ var newMarker = new L.marker([resp[i].latitude, resp[i].longitude],
+ {icon: markerIcon, title: markerTitle}).addTo(map);
+ newMarker.bindTooltip(resp[i].contacts+"", {
+ permanent: true,
+ direction: 'right',
+ className: 'leaflet-voterCount'
+ });
+ clogMode = 1;
+ newMarker.on('click', canvassFeed.bind(null, true, canvass.id, resp[i].userId));
}
+ clearTimeout(canvassersTimeout);
+ canvassersTimeout = setTimeout(10000, loadCanvassers.bind(null, false, canvass));
debug("End loadCanvassers");
});
}
+
+var clogTimeout;
+function canvassFeed(start = false, canvassId, userId = -1) {
+ debug("canvassFeed("+start+","+canvassId+")");
+
+ // Clear any existing log messages if changing modes
+ if(start && document.getElementById("toastContainer") != null) {
+ clearTimeout(clogTimeout);
+ var toasts = document.getElementById("toastContainer").children;
+ for(; toasts.length > 0;) {
+ document.getElementById("toastContainer").removeChild(toasts[0]);
+ }
+ }
+
+ // Change modes
+ if(clogMode == 1 && start) {
+ toastMessage("Canvass Log Enabled");
+ document.getElementById("toastContainer").classList.add("canvassLog");
+ } else if(clogMode == 2 && start) {
+ toastMessage("Canvass Log Expanded");
+ document.getElementById("toastContainer").classList.add("canvassLog");
+ } else if(start) {
+ clearTimeout(clogTimeout);
+ toastMessage("Canvass Log Disabled");
+ document.getElementById("toastContainer").classList.remove("canvassLog");
+ return;
+ }
+
+ // Configure the message duration
+ var duration = 10;
+ if(clogMode == 1) {
+ var toastDur = 1.5 * 1000;
+ } else {
+ var toastDur = 120 * 1000;
+ }
+ // Initial load of full should go back a couple hours
+ if(start && clogMode == 2) {
+ var duration = 9999999;
+ }
+
+ var userQ = "";
+ if(userId > 0) {
+ userQ="&userId="+userId;
+ }
+ fetch("api.php?get=canvassFeed&id="+canvassId+"&duration="+duration+userQ).then(data => data.json())
+ .then(resp => {
+ console.log(resp);
+
+ var message = "";
+ for(var i = 0; i < resp.length; i++) {
+ var outcome = "Neutral";
+ var outcomeClass = "";
+ if(resp[i].estSupportPct > 0) {
+ outcome = "Positive!";
+ outcomeClass = "positive";
+ }
+ message = "<img src='images/marker-icon-red.png'></img>";
+ message += "<div class=''>";
+ message += "<h3>"+resp[i].username+"</h3>";
+ message += "<span class='timestamp'>"+resp[i].timestamp+"</span>";
+ message += "<span class='voterName'>"+resp[i].firstName+" "+resp[i].lastName+"</span><br/>";
+ message += "<span class='outcome "+outcomeClass+"'>"+outcome+"</span>";
+ message += "<span class='notes'>"+resp[i].notes+"</span>";
+ message += "</div>";
+ toastMessage(message, toastDur+(150*i));
+ }
+ clogTimeout = setTimeout(canvassFeed.bind(null, false, canvassId, userId), 10000);
+ debug("End Async canvassFeed");
+ });
+
+ debug("End Sync canvassFeed");
+}
var colors = ["#FF0000", "#00FF00", "#0000FF", "#FFFF00", "#00FFFF", "#FF00FF",
"#880000", "#008800", "#000088", "#888800", "#008888", "#880088"]
-var iconColors = ["red", "blue", "purple", "rose"]
+var iconColors = ["red", "blue", "purple", "green", "orange", "yellow"]
// INITIALIZATION
///////////////////////////////////////////////////////////
// Initialize the map -- LeafletJS boilerplate
map = L.map('map').setView([41.5, -71.5 ], 10);
- L.tileLayer('https://{s}.tile.osm.org/{z}/{x}/{y}.png' , { maxZoom: 25}).addTo(map);
+ L.tileLayer('https://{s}.tile.osm.org/{z}/{x}/{y}.png' , {maxZoom: 25, useCache: true, crossOrigin: true}).addTo(map);
if( typeof loadDistrictTypes == "function") {
loadDistrictTypes();
}
// Show a "toast" style notification
-function toastMessage(message) {
+function toastMessage(message, duration = -1) {
debug("toastMessage(...)");
debug(message);
+ if( duration == -1) {
+ duration = message.length * 60;
+ }
+ var toastContainer = document.getElementById("toastContainer");
+ if( toastContainer == null ) {
+ toastContainer = document.createElement("div");
+ toastContainer.setAttribute("id", "toastContainer");
+ document.body.appendChild(toastContainer);
+ }
+
+ var tid = Date.now()+""+Math.floor(Math.random()*100);
var toastDiv = document.createElement("div");
toastDiv.innerHTML = message;
- toastDiv.setAttribute("id", "toastDiv");
- document.body.appendChild(toastDiv);
+ toastDiv.setAttribute("class", "toastDiv");
+ toastDiv.setAttribute("id", "toast-"+tid);
+ toastContainer.insertBefore(toastDiv, toastContainer.firstChild);
setTimeout(function() {
- document.getElementById("toastDiv").style.opacity = "0";
+ document.getElementById("toast-"+tid).style.opacity = "0";
setTimeout(function() {
- document.body.removeChild(document.getElementById("toastDiv"));
+ document.getElementById("toastContainer").removeChild(document.getElementById("toast-"+tid));
}, 1500);
- }, message.length * 60);
+ }, duration);
}
// Toggle map display
--- /dev/null
+function editName(e) {
+ var btnElem = e.target;
+ var nameElem = e.target.parentElement.getElementsByClassName('realname')[0];
+ nameElem.setAttribute("contenteditable", true);
+
+ btnElem.value = "Save Name";
+ btnElem.onclick = saveName;
+}
+
+function saveName(e) {
+ var btnElem = e.target;
+ var nameElem = e.target.parentElement.getElementsByClassName('realname')[0];
+ var uid = e.target.parentElement.getAttribute("id").split("-")[1];
+
+ fetch("api.php?set=saveUser&uid="+uid+"&name="+encodeURIComponent(nameElem.innerText)).then(data => data.json())
+ .then(resp => {
+ debug(resp);
+
+ nameElem.removeAttribute("contenteditable");
+ btnElem.value = "Edit Name";
+ btnElem.onclick = editName;
+ });
+}
+
+function editUsername(e) {
+ var btnElem = e.target;
+ var nameElem = e.target.parentElement.getElementsByClassName('username')[0];
+ nameElem.removeAttribute("disabled");
+
+ btnElem.value = "Save";
+ btnElem.onclick = saveUsername;
+}
+
+function saveUsername(e) {
+ var btnElem = e.target;
+ var nameElem = e.target.parentElement.getElementsByClassName('username')[0];
+ var uid = e.target.parentElement.getAttribute("id").split("-")[1];
+
+ fetch("api.php?set=saveUser&uid="+uid+"&username="+encodeURIComponent(nameElem.value)).then(data => data.json())
+ .then(resp => {
+ debug(resp);
+
+ nameElem.setAttribute("disabled", true);
+ btnElem.value = "Edit";
+ btnElem.onclick = editUsername;
+ });
+}
+
+function assignLead(e) {
+ var btnElem = e.target;
+ var selectElem = e.target.parentElement.getElementsByClassName('leadSelect')[0];
+ var uid = e.target.parentElement.parentElement.getAttribute("id").split("-")[1];
+
+ fetch("api.php?set=saveUser&uid="+uid+"&lead="+encodeURIComponent(selectElem.value)).then(data => data.json())
+ .then(resp => {
+ debug(resp);
+ });
+}
+
+function assignAccess(e) {
+ var btnElem = e.target;
+ var selectElem = e.target.parentElement.getElementsByClassName('accessSelect')[0];
+ var uid = e.target.parentElement.parentElement.getAttribute("id").split("-")[1];
+
+ fetch("api.php?set=saveUser&uid="+uid+"&permissions="+encodeURIComponent(selectElem.value)).then(data => data.json())
+ .then(resp => {
+ debug(resp);
+ });
+}
+
+function assignCanvass(e) {
+ var btnElem = e.target;
+ var selectElem = e.target.parentElement.getElementsByClassName('canvassSelect')[0];
+ var uid = e.target.parentElement.parentElement.getAttribute("id").split("-")[1];
+ var cid = selectElem.value;
+
+ if(cid == "") {
+ cid = btnElem.parentElement.parentElement.parentElement.parentElement.getAttribute("id").split("-")[1];
+ fetch("api.php?set=saveUser&uid="+uid+"&uncanvass="+encodeURIComponent(cid)).then(data => data.json())
+ .then(resp => {
+ debug(resp);
+ window.location.reload();
+ });
+ } else {
+ fetch("api.php?set=saveUser&uid="+uid+"&canvass="+encodeURIComponent(cid)).then(data => data.json())
+ .then(resp => {
+ debug(resp);
+ window.location.reload();
+ });
+ }
+}
$dbh = new PDO("mysql:host=localhost;dbname=CCCP", "root", "yix", $options);
// Check if password is valid
-if( isset($_GET['username']) && isset($_GET['password']) ) {
+if( isset($_GET['username']) ) {
$_POST['username'] = $_GET['username'];
+}
+if( isset($_GET['password']) ) {
$_POST['password'] = $_GET['password'];
}
+if( isset($_GET['passhash']) ) {
+ $_POST['passhash'] = $_GET['passhash'];
+}
+
if( isset($_POST) && sizeof($_POST) > 0 ) {
$_POST['username'];
- $_POST['password'];
+ $password = $_POST['password'];
+ $passhash = $_POST['passhash'];
$query = "SELECT * FROM users WHERE UPPER(username) = ?;";
$params= Array(strtoupper($_POST['username']));
$stmt = $dbh->prepare($query);
$stmt -> execute($params);
$row = $stmt->fetchAll();
- if(password_verify($_POST['password'], $row[0]['passhash']) ) {
+ if( (isset($password) && password_verify($password, $row[0]['passhash'])) ||
+ (isset($passhash) && $passhash == $row[0]['passhash']) ) {
$_SESSION['username'] = $_POST['username'];
$_SESSION['userId'] = $row[0]['id'];
$_SESSION['authtime'] = time();
--- /dev/null
+<?php session_start(); ?>
+<?php include 'common.php'; ?>
+<!--
+/*
+* This file is part of the Cargobike Community Canvassing Program (CCCP).
+* Copyright 2023, Brian Flowers, SlightlyCyberpunk.com
+*
+* CCCP is free software: you can redistribute it and/or modify it under the terms
+* of the GNU Affero General Public License as published by the Free Software
+* Foundation, either version 3 of the License, or (at your option) any later version.
+*
+* CCCP is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY;
+* without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR
+* PURPOSE. See the GNU Affero General Public License for more details.
+
+* You should have received a copy of the Affero GNU General Public License along with CCCP.
+* If not, see <https://www.gnu.org/licenses/>.
+*/
+-->
+
+<?php
+// Connect to MariaDB
+$options = [
+ PDO::ATTR_EMULATE_PREPARES => false, // Disable emulation mode for "real" prepared statements
+ PDO::ATTR_DEFAULT_FETCH_MODE => PDO::FETCH_ASSOC, // Make the default fetch be an associative array
+];
+$dbh = new PDO("mysql:host=localhost;dbname=CCCP", "root", "yix", $options);
+
+// Fetch the workers
+if( $_SESSION['permissions'] <= CCCP_PERM_ADMIN ) {
+ $query = "SELECT distinct c.name, c.id from canvassGroups cg, canvasses c WHERE cg.canvassId = c.id;";
+ $params = [];
+} else if( $_SESSION['permissions'] <= CCCP_PERM_LEAD ) {
+ $query = "SELECT distinct c.name, c.id FROM canvassGroups cg, canvasses c WHERE cg.canvassId = c.id AND cg.leadId = ?";
+ $params = [$_SESSION['userId']];
+} else {
+ header("Location: ./login.php");
+ die();
+}
+
+// Fetch group details
+$stmt = $dbh->prepare($query);
+$stmt->execute($params);
+$groups = $stmt->fetchAll();
+?>
+
+<HTML>
+ <HEAD>
+ <link rel="stylesheet" href="css/common.css" />
+ <link rel="stylesheet" href="css/pane1.css" />
+ <link rel="stylesheet" href="css/pane2.css" />
+ <link rel="stylesheet" href="css/users.css" />
+ <script src="js/common.js"></script>
+ <script src="js/users.js"></script>
+ <script src="https://unpkg.com/@turf/turf@6/turf.min.js"></script>
+
+ <!-- Leaflet.js (see: https://leafletjs.com/examples/quick-start/) -->
+ <link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css"
+ integrity="sha256-p4NxAoJBhIIN+hmNHrzRCf9tD/miZyoHS5obTRR9BMY="
+ crossorigin=""/>
+ <script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"
+ integrity="sha256-20nQCchB9co0qIjJZRGuk2/Z9VM+kNiyxNV1lvTlZBo="
+ crossorigin=""></script>
+
+ <!-- leaflet-control-geocoder -->
+ <link rel="stylesheet" href="https://unpkg.com/leaflet-control-geocoder/dist/Control.Geocoder.css" />
+ <script src="https://unpkg.com/leaflet-control-geocoder/dist/Control.Geocoder.js"></script>
+
+ <title>User Management | CCCP: Cargobike Community Canvassing Program</title>
+ <link rel="icon" type="image/png" href="./images/cccp.png">
+ </HEAD>
+ <BODY>
+ <div id="controls">
+ <div class="loadingIndicator">
+ Content is loading...please stand by...
+ (<span id="loadingCount">0</span>)
+ </div>
+ <span id="breadcrumb"><a href="index.php">Home</a> | <a href="users.php">User Management</a></span>
+<?php
+ // Fetch list of canvassess
+ $query = "SELECT DISTINCT c.id, c.name FROM canvasses c;";
+ $stmt = $dbh->prepare($query);
+ $stmt->execute();
+ $canvasses = $stmt->fetchAll(PDO::FETCH_ASSOC);
+ $canvassOptions = "<option value=''>[Unassigned]</option>";
+ for($i = 0; $i < sizeof($canvasses); $i++) {
+ $canvassOptions .= '<option value="'.$canvasses[$i]['id'].'">';
+ $canvassOptions .= $canvasses[$i]['name'];
+ $canvassOptions .= "</option>".PHP_EOL;
+
+ }
+
+ // Fetch list of leads
+ $query = "SELECT * FROM users WHERE permissions <= ".CCCP_PERM_LEAD.";";
+ $stmt = $dbh->prepare($query);
+ $stmt->execute();
+ $leads = $stmt->fetchAll(PDO::FETCH_ASSOC);
+ $leadOptions = "<option value=''>[Unassigned]</option>";
+ for($i = 0; $i < sizeof($leads); $i++) {
+ $leadOptions .= '<option value="'.$leads[$i]['id'].'">';
+ $leadOptions .= $leads[$i]['realName'];
+ $leadOptions .= "</option>".PHP_EOL;
+
+ }
+
+ // list of auth levels
+ $authList = Array(CCCP_PERM_ADMIN => 'Admin',
+ CCCP_PERM_LEAD => 'Lead',
+ CCCP_PERM_VOLUNTEER => 'Volunteer',
+ CCCP_PERM_INVITE => "Invite");
+ $authKeys = array_keys($authList);
+ $authOptions = "";
+ for($i = 0; $i < sizeof($authList); $i++) {
+ $authOptions .= '<option value="'.$authKeys[$i].'">';
+ $authOptions .= $authList[$authKeys[$i]];
+ $authOptions .= "</option>".PHP_EOL;
+ }
+
+
+ // List of canvass groups
+ for($i = 0; $i < sizeof($groups); $i++) {
+ $name = $groups[$i]['name'];
+// $query = "SELECT u.*, cg.leadId FROM users u, canvassGroups cg ".
+// "WHERE u.id = cg.userId AND u.id IN (SELECT DISTINCT userId FROM canvassGroups WHERE canvassId = ?);";
+ $query = "SELECT u.*, cg.leadId FROM users u INNER JOIN canvassGroups cg ON u.id=cg.userId ".
+ "WHERE cg.canvassId = ?";
+ $stmt = $dbh->prepare($query);
+ $stmt->execute([$groups[$i]['id']]);
+ $users = $stmt->fetchAll(PDO::FETCH_ASSOC);
+ $cid = $groups[$i]['id'];
+
+ // TODO: parameterize these URLs for the QR codes!
+ echo ' <div class="category" id="canvass-'.$cid.'"><span class="toggle" onclick="toggleList(event);">+</span>'.$name.'<br/>'.PHP_EOL;
+ echo ' <div class="list">'.PHP_EOL;
+ echo ' <a href="invite.php?canvassId='.$groups[$i]['id'].'">Invite Canvassers</a>';
+ for($j = 0; $j < sizeof($users); $j++) {
+ $id = $users[$j]['id'];
+ $username = $users[$j]['username'];
+ $realname = $users[$j]['realName'];
+ $passhash = $users[$j]['passhash'];
+ $access = $users[$j]['permissions'];
+ $lead = $users[$j]['leadId'];
+ $canvass = $groups[$i]['id'];
+
+ // Select the correct option
+ $iauthOptions = str_replace('value="'.$access.'"', 'value="'.$access.'" selected', $authOptions);
+ $ileadOptions = str_replace('value="'.$lead.'"', 'value="'.$lead.'" selected', $leadOptions);
+ $icanvassOptions = str_replace('value="'.$canvass.'"', 'value="'.$canvass.'" selected', $canvassOptions);
+
+ $loginurl = CCCP_BASEURL."login.php?username=$username&passhash=$passhash";
+ $qrsrc = "https://api.qrserver.com/v1/create-qr-code/?size=150x150&data=".urlencode($loginurl);
+ echo " <div class='userConfig' id='userConfig-$id'>";
+ echo " <div class='realname'>$realname</div>".PHP_EOL;
+ echo " <input type='button' class='editName' value='Edit Name' onclick='editName(event)'/><br/>".PHP_EOL;
+ echo " <label for=''>Username</label>".PHP_EOL;
+ echo " <input type='text' class='username' disabled value='$username' />".PHP_EOL;
+ echo " <input type='button' class='editUsername' value='Edit' onclick='editUsername(event)'/><br/>".PHP_EOL;
+ echo " <div class='selector'>".PHP_EOL;
+ echo " <label for=''>Canvass Lead</label>".PHP_EOL;
+ echo " <select class='leadSelect'>$ileadOptions</select>".PHP_EOL;
+ echo " <input type='button' value='Assign' onclick='assignLead(event)' /><br/>".PHP_EOL;
+ echo " </div>".PHP_EOL;
+ echo " <div class='selector'>".PHP_EOL;
+ echo " <label for=''>Access Level</label>".PHP_EOL;
+ echo " <select class='accessSelect'>$iauthOptions</select>".PHP_EOL;
+ echo " <input type='button' value='Set' onclick='assignAccess(event)'/><br/>".PHP_EOL;
+ echo " </div>".PHP_EOL;
+ echo " <div class='selector'>".PHP_EOL;
+ echo " <label for=''>Canvass</label>".PHP_EOL;
+ echo " <select class='canvassSelect'>$icanvassOptions</select>".PHP_EOL;
+ echo " <input type='button' value='Assign' onclick='assignCanvass(event)'/><br/>".PHP_EOL;
+ echo " </div>".PHP_EOL;
+ echo " <img src='$qrsrc' class='qrimg'/>";
+ echo " </div>";
+
+// $authOptions = str_replace(' selected>', '>', $authOptions);
+ }
+ echo ' </div>'.PHP_EOL;
+ echo ' </div>'.PHP_EOL;
+
+/* echo<<<EOF
+ <div class="category"><span class="toggle" onclick="toggleList(event);">+</span>$name
+ <div class="list">
+ </div>
+ </div>
+EOF;*/
+ }
+
+ // List of canvass groups
+/* $query = "SELECT * FROM canvasses WHERE id IN (SELECT DISTINCT canvassId FROM canvassGroups);";
+ $stmt = $dbh->prepare($query);
+ $stmt->execute();
+ $canvasses = $stmt->fetchAll(PDO::FETCH_ASSOC);
+ for($i = 0; $i < sizeof($canvasses); $i++) {
+ $name = $canvasses[$i]['name'];
+ echo ' <div class="category"><span class="toggle" onclick="toggleList(event);">+</span>$name<br/>'.PHP_EOL;
+ echo ' </div>'.PHP_EOL;
+ }*/
+
+
+ // Admin user group for remaining users
+ if( $_SESSION['permissions'] <= CCCP_PERM_ADMIN ) {
+ // Fetch all unassigned users
+ $query = "SELECT DISTINCT u.*, cg.leadId FROM users u LEFT OUTER JOIN canvassGroups cg ON cg.userId = u.id ".
+ "WHERE u.id NOT IN (SELECT DISTINCT userId FROM canvassGroups WHERE canvassId IS NOT NULL);";
+ $stmt = $dbh->prepare($query);
+ $stmt->execute();
+ $users = $stmt->fetchAll(PDO::FETCH_ASSOC);
+
+ // TODO: parameterize these URLs for the QR codes!
+ echo ' <div class="category"><span class="toggle" onclick="toggleList(event);">+</span>Unassigned<br/>'.PHP_EOL;
+ echo ' <div class="list">'.PHP_EOL;
+ for($j = 0; $j < sizeof($users); $j++) {
+ $id = $users[$j]['id'];
+ $username = $users[$j]['username'];
+ $realname = $users[$j]['realName'];
+ $passhash = $users[$j]['passhash'];
+ $access = $users[$j]['permissions'];
+ $lead = $users[$j]['leadId'];
+
+ // Select the correct option
+ $iauthOptions = str_replace('value="'.$access.'"', 'value="'.$access.'" selected', $authOptions);
+ $ileadOptions = str_replace('value="'.$lead.'"', 'value="'.$lead.'" selected', $leadOptions);
+
+ $loginurl = "https://cccp.slightlycyberpunk.com/CCCP/login.php?username=$username&passhash=$passhash";
+ $qrsrc = "https://api.qrserver.com/v1/create-qr-code/?size=150x150&data=".urlencode($loginurl);
+ echo " <div class='userConfig' id='userConfig-$id'>";
+ echo " <div class='realname'>$realname</div>".PHP_EOL;
+ echo " <input type='button' class='editName' value='Edit Name' onclick='editName(event)'/><br/>".PHP_EOL;
+ echo " <label for=''>Username</label>".PHP_EOL;
+ echo " <input type='text' class='username' disabled value='$username' />".PHP_EOL;
+ echo " <input type='button' class='editUsername' value='Edit' onclick='editUsername(event)'/><br/>".PHP_EOL;
+ echo " <div class='selector'>".PHP_EOL;
+ echo " <label for=''>Canvass Lead</label>".PHP_EOL;
+ echo " <select class='leadSelect'>$ileadOptions</select>".PHP_EOL;
+ echo " <input type='button' value='Assign' onclick='assignLead(event)'/><br/>".PHP_EOL;
+ echo " </div>".PHP_EOL;
+ echo " <div class='selector'>".PHP_EOL;
+ echo " <label for=''>Access Level</label>".PHP_EOL;
+ echo " <select class='accessSelect'>$iauthOptions</select>".PHP_EOL;
+ echo " <input type='button' value='Set' onclick='assignAccess(event)'/><br/>".PHP_EOL;
+ echo " </div>".PHP_EOL;
+ echo " <div class='selector'>".PHP_EOL;
+ echo " <label for=''>Canvass</label>".PHP_EOL;
+ echo " <select class='canvassSelect'>$canvassOptions</select>".PHP_EOL;
+ echo " <input type='button' value='Assign' onclick='assignCanvass(event)'/><br/>".PHP_EOL;
+ echo " </div>".PHP_EOL;
+ echo " <img src='$qrsrc' class='qrimg'/>";
+ echo " </div>";
+
+// $authOptions = str_replace(' selected>', '>', $authOptions);
+ }
+ echo ' </div>'.PHP_EOL;
+ echo ' </div>'.PHP_EOL;
+ }
+
+/*
+ <div class="category"><span class="toggle" onclick="toggleList(event);">+</span>Voters
+ <div class="list" id="voter-settings-list">
+ Import Voter File
+ <table class="subcategory">
+ <tr>
+ <td>
+ <form action="settings-api.php?set=voterFile" method="post" enctype="multipart/form-data">
+ Use the form below to upload your state voter file. This should be uploaded
+ as a CSV file with the following columns:<br/>
+ <br/>
+ <table>
+ <tr><th>Column Number</th><th>Column Name</th><th>Example Value</th></tr>
+ <tr><td>1</td> <td>First Name</td> <td>Euguene</td></tr>
+ <tr><td>2</td> <td>Middle Name</td> <td>Victor</td></tr>
+ <tr><td>3</td> <td>Last Name</td> <td>Debs</td></tr>
+ <tr><td>4</td> <td>Birth Year</td> <td>1855</td></tr>
+ <tr><td>5</td> <td>Status</td> <td>Inctive</td></tr>
+ <tr><td>6</td> <td>Party</td> <td>Unaffiliated</td></tr>
+ <tr><td>7</td> <td>Precinct</td> <td>0101</td></tr>
+ <tr><td>8</td> <td>National Congressional District</td><td>01</td></tr>
+ <tr><td>9</td> <td>State Senate District</td> <td>03</td></tr>
+ <tr><td>10</td><td>State House District</td> <td>04</td></tr>
+ <tr><td>11</td><td>Rep Vote</td> <td>83</td></tr>
+ <tr><td>12</td><td>Ward Council</td> <td></td></tr>
+ <tr><td>13</td><td>Ward District</td> <td></td></tr>
+ <tr><td>14</td><td>School District</td> <td></td></tr>
+ <tr><td>15</td><td>Special District</td> <td></td></tr>
+ <tr><td>16</td><td>Phone</td> <td>826-968-8333</td></tr>
+ <tr><td>17</td><td>Email</td> <td></td></tr>
+ <tr><td>18</td><td>State Voter ID</td> <td>77658288</td></tr>
+ <tr><td>19</td><td>Address Line 1</td> <td>151 N Desplaines St</td></tr>
+ <tr><td>20</td><td>Address Line 2</td> <td></td></tr>
+ <tr><td>21</td><td>City</td> <td>Chicago</td></tr>
+ <tr><td>22</td><td>State</td> <td>Illinois</td></tr>
+ <tr><td>23</td><td>Zip</td> <td>60661</td></tr>
+ <tr><td>24</td><td>Registration Date</td> <td>1848-02-21</td></tr>
+ <tr><td>25</td><td>Voting History</td> <td>1904;1908-General;1912-Primary;1920</td></tr>
+ </table>
+ <br/>
+ The first line of this file should be a header containing the field names.
+ (It will be ignored.)<br/>
+ State voter ID is the only unique column -- if you upload multiple files,
+ records containing the same voter ID will overwrite each other, If
+ you want to upload multiple files, you should start with the oldest (or least accurate) first.<br/>
+ If the state voter ID is left blank, this could result in duplicate entries.<br/>
+ <br/>
+ <label for="voterUpload">Select a file to load: </label><br/>
+ <input type="file" name="voterUpload" id="voterUpload"><br/>
+ <input type="submit" value="Upload List" name="submit">
+ </form>
+ </td>
+ </tr>
+ </table>
+
+ Import Custom List
+ <table class="subcategory">
+ <tr>
+ <td>
+ <form action="settings-api.php?set=customVoterFile" method="post" enctype="multipart/form-data">
+ Use the form below to upload an additional CSV list of voters to target.<br/>
+ This is for lists of members, donors to a particular candidate, or anyone else
+ you might want to include separately from the main voter file.<br/>
+ <br/>
+ <table>
+ <tr><th>Column Number</th><th>Column Name</th><th>Example Value</th></tr>
+ <tr><td>1</td><td>CCCP Internal Voter ID *</td><td>708370</td></tr>
+ <tr><td>2</td><td>CCCP Internal Address ID *</td><td>717885</td></tr>
+ <tr><td>3</td><td>First Name</td> <td>Richard</td></tr>
+ <tr><td>4</td><td>Last Name</td> <td>Stallman</td></tr>
+ <tr><td>5</td><td>Address Line 1</td> <td>51 Franklin St</td></tr>
+ <tr><td>6</td><td>Address Line 1</td> <td></td></tr>
+ <tr><td>7</td><td>City</td> <td>Boston</td></tr>
+ <tr><td>8</td><td>State</td> <td>MA</td></tr>
+ <tr><td>9</td><td>Zip</td> <td>02110</td></tr>
+ </table>
+ <p>* If you have extracted voters from the CCCP internal database in order to build these lists,
+ you can include the CCCP voters.id and voterAddresses.id values to ensure the voters are linked correctly.
+ If you are not sure what this means please leave these columns blank, voters will be matched based
+ on the name and address instead.</p>
+ <p>In addition to columns listed above, any additional columns will be stored and displayed
+ on the voter details screen. For example, you could add a tenth column with the amount
+ contributed to a campaign, and an eleventh column with the date of the contribution.</p>
+ <p>The first row should be a header containing the column names.</p>
+ <label for="listName"><strong>Custom List Title</strong></label><br/>
+ <input type="text" name="listName" id="listName"></input></br><br/>
+ <label for="customVoterUpload"><strong>Custom Voter File:</strong></label><br/>
+ <input type="file" name="customVoterUpload" id="customVoterUpload"><br/><br/>
+ <label for="listPriority"><strong>List Priority</strong>: If a voter belongs to multiple lists,
+ the icon of the highest priority list will be displayed.
+ Lists with priorities below zero will not have a list icon
+ displayed (but the list data will still show on the voter page.)</label><br/>
+ <select name="listPriority">
+<?php
+for($i = $STATUS['cv.list.min']; $i <= $STATUS['cv.list.max']; $i++) {
+ echo "<option>".$i."</option>".PHP_EOL;
+}
+?>
+ </select><br/><br/>
+ <label for="listIcon"><strong>List Icon</strong>: Some icons may be grouped into sets; you can only select one
+ icon per list, but you could divide a list into multiple segments and upload each
+ separately while assigning them related icons.</lobel><br/>
+ <div>
+ <?php
+$files = scandir('images/');
+
+//print_r($files);
+if( sizeof(explode("-", $files[0])) > 2) {
+ $lastCat = str_replace(".png", "", explode("-", $files[0])[2]);
+}
+//$lastCat = "";
+foreach($files as $file) {
+ if( strpos($file, "marker-icon-") === 0 ) {
+ $category = str_replace(".png", "", explode("-", $file)[2]);
+// if($lastCat == "") { $lastCat = $category; }
+ if($category != $lastCat) {
+ if($file != $files[0]) {
+ echo "</div>";
+ }
+ echo '<div class="icon-set">'.PHP_EOL;
+ echo '<span class="icon-title">'.$category.'</span>'.PHP_EOL;
+ }
+ $lastCat = $category;
+
+ echo '<span class="markerSelector">';
+ echo '<input type="radio" id="listIcon-'.$file.'" name="listIcons" value="'.$file.'"/>';
+ echo '<label for="listIcon-'.$file.'"><img src="images/'.$file.'"/></label>';
+ echo '</span>';
+ }
+}
+echo "</div>";
+ ?>
+ </div>
+ <br/>
+ <input type="submit" value="Upload List" name="submit">
+ </form>
+ </td>
+ <td></td>
+ </tr>
+ </table>
+
+ Manage Custom Lists
+ <table class="subcategory">
+<?php
+$query = "SELECT * FROM customLists ORDER BY priority ASC;";
+$stmt = $dbh->prepare($query);
+$stmt->execute();
+$rows = $stmt->fetchAll();
+
+for($i = 0; $i < sizeof($rows); $i++) {
+ echo '<tr id="manageList-'.$rows[$i]['id'].'">'.PHP_EOL;
+ echo '<td><img style="max-height: 1.5em; padding-right: 1em;" src="images/'.$rows[$i]['icon'].'"></img>'.$rows[$i]['name'].'</td>'.PHP_EOL;
+ echo '<td>Priority '.$rows[$i]['priority'].'</td>'.PHP_EOL;
+ echo '<td><button class="listDelete" onclick="deleteList('.$rows[$i]['id'].');">Delete</button></td>'.PHP_EOL;
+ echo '</tr>'.PHP_EOL;
+}
+?>
+ </table>
+
+ Voter Geocoding
+ <form action="settings-api.php?set=geocoder" method="post" enctype="multipart/form-data">
+ <!-- geoapify -->
+ <table class="subcategory">
+ <tr><td colspan="2">
+ <p>Geocoding converts voter addresses into a longitude and latitude position. This is needed
+ in order to locate voters on the map; pins will not appear for voters who are not yet geocoded.</p>
+ <a href="https://www.geoapify.com/">Geoapify.com</a></td>
+ </tr>
+ <tr>
+ <td>
+ <label for="geoapifyActive">Geoapify Status: </label>
+ </td><td>
+ <input type="submit" id="geoapifyActive" onclick="geoapifyToggle" name="geoapifyToggle"
+ value="<?php echo $STATUS['geocoder.geoapify']; ?>"></input>
+ </td>
+ </tr><tr>
+ <td>
+ <label for="geoapifyDailyMax">Geoapify Daily Limit: </label>
+ </td><td>
+ <input type="text" id="geoapifyDailyMax" name="geoapifyDailyMax"
+ value="<?php echo $CONFIG['geocoder.geoapify.maxdaily']; ?>"></input>
+ </td>
+ </tr><tr>
+ <td>
+ <label for="geoapifyKey">Geoapify API Key: </label>
+ </td><td>
+ <input type="text" id="geoapifyKey" name="geoapifyKey"
+ value="<?php echo $CONFIG['geocoder.geoapify.key']; ?>"></input>
+ </td>
+ </tr>
+ <tr>
+ <td>Last triggered:</td>
+ <td><?php echo isset($STATUS['geocoder.geoapify.last']) ? $STATUS['geocoder.geoapify.last'] : "UNKNOWN";?></td>
+ </tr>
+ <tr>
+ <td><input type="submit" value="Save Changes" name="geoapifySave"></td>
+ <td></td>
+ </tr>
+ </table>
+
+ <!-- maps.co -->
+ <table class="subcategory">
+ <tr>
+ <td><a href="https://maps.co/">Maps.co</a></td>
+ </tr>
+ <tr>
+ <td>
+ <label for="mapscoActive">Maps.co Status: </label>
+ </td><td>
+ <input type="submit" id="mapscoActive" onclick="mapscoToggle" name="mapscoToggle"
+ value="<?php echo $STATUS['geocoder.maps.co']; ?>"></input>
+ </td>
+ </tr><tr>
+ <td>
+ <label for="mapscoDailyMax">Maps.co Daily Limit: </label>
+ </td><td>
+ <input type="text" id="mapscoDailyMax" name="mapscoDailyMax"
+ value="<?php echo $CONFIG['geocoder.maps.co.maxdaily']; ?>"></input>
+ </td>
+ </tr><tr>
+ <td>
+ <label for="mapscoKey">Maps.co API Key: </label>
+ </td><td>
+ <input type="text" id="mapscoKey" name="mapscoKey"
+ value="<?php echo $CONFIG['geocoder.maps.co.key']; ?>"></input>
+ </td>
+ </tr>
+ <tr>
+ <td>Last triggered:</td>
+ <td><?php echo isset($STATUS['geocoder.maps.co.last']) ? $STATUS['geocoder.maps.co.last'] : "UNKNOWN";?></td>
+ </tr>
+ <tr>
+ <td><input type="submit" value="Save Changes" name="mapscoSave"></td>
+ <td></td>
+ </tr>
+ </table>
+
+ <!-- TomTom -->
+ <table class="subcategory">
+ <tr>
+ <td><a href="https://developer.tomtom.com/">TomTom</a></td>
+ </tr>
+ <tr>
+ <td>
+ <label for="tomtomActive">TomTom Status: </label>
+ </td><td>
+ <input type="submit" id="tomtomActive" onclick="tomtomToggle" name="tomtomToggle"
+ value="<?php echo $STATUS['geocoder.tomtom']; ?>"></input>
+ </td>
+ </tr><tr>
+ <td>
+ <label for="tomtomDailyMax">TomTom Daily Limit: </label>
+ </td><td>
+ <input type="text" id="tomtomDailyMax" name="tomtomDailyMax"
+ value="<?php echo $CONFIG['geocoder.tomtom.maxdaily']; ?>"></input>
+ </td>
+ </tr><tr>
+ <td>
+ <label for="tomtomKey">TomTom API Key: </label>
+ </td><td>
+ <input type="text" id="tomtomKey" name="tomtomKey"
+ value="<?php echo $CONFIG['geocoder.tomtom.key']; ?>"></input>
+ </td>
+ </tr>
+ <tr>
+ <td>Last triggered:</td>
+ <td><?php echo isset($STATUS['geocoder.tomtom.last']) ? $STATUS['geocoder.tomtom.last'] : "UNKNOWN";?></td>
+ </tr>
+ <tr>
+ <td><input type="submit" value="Save Changes" name="tomtomSave"></td>
+ <td></td>
+ </tr>
+ </table>
+
+
+
+ <!-- Overall geocode -->
+ <table class="subcategory">
+ <tr>
+ <td>Records Remaining: </td>
+ <td>
+ <?php echo $STATUS['geocoder.remaining']; ?>
+ <?php echo $STATUS['geocoder.remaining'] != "N/A" && $STATUS['geocoder.maxDaily'] != "N/A" ?
+ " (".(int)($STATUS['geocoder.remaining']/($STATUS['geocoder.maxDaily']))." days )" :
+ "" ?>
+ </td>
+ </tr>
+ <tr/>
+ <td>Records Verified: </td>
+ <td>
+ <?php echo $STATUS['geocoder.verified']; ?> / <?php echo $STATUS['geocoder.total']; ?>
+ </td>
+ </tr>
+
+ </table>
+
+ </form>
+ </div>
+ </div>
+
+ <div class="category"><span class="toggle" onclick="toggleList(event);">+</span>Demographics
+ <div class="list" id="demographics-settings-list">
+ Import Census Statistics
+ <table class="subcategory">
+ <tr>
+ <td>
+ <form action="settings-api.php?set=censusFile" method="post" enctype="multipart/form-data">
+ <p>Use the form below to upload a census data file for display in the demographics panel.
+ (To display that data you must also upload a corresponding area file in the section below.)</p>
+ <p>These data files can be downloaded from <a href="https://data.census.gov/">data.census.gov</a></p>
+ <p>The file you download (and then upload) should be a .zip archive containing three files:</p>
+ <ul>
+ <li>[file ID]-Column-Metadata.csv</li>
+ <li>[file ID]-Data.csv</li>
+ <li>[file ID]-Table-Notes.txt</li>
+ </ul>
+ <p>You can download these by using the Advanced Search tool. There is a more detailed guide
+ available on the census website, but the basic process is:</p>
+ <ol>
+ <li>Select a geography of either blocks, block groups, or precincts (select all within your state)</li>
+ <li>Select a topic of demographics you want to add</li>
+ <li>Open the Tables tab and find the table with the data you want to import</li>
+ <li>Using the Download Table Data link, download a zip file to upload below:</li>
+ </ol>
+ <label for="censusUpload"><strong>Census Zip File</strong></label><br/>
+ <input type="file" name="censusUpload" id="censusUpload"><br/>
+ <input type="submit" value="Upload List" name="submit">
+ </form>
+ </td>
+ </tr>
+ </table>
+
+ Import Census Areas
+ <table class="subcategory">
+ <tr>
+ <td>
+ <form action="settings-api.php?set=censusArea" method="post" enctype="multipart/form-data">
+ <p>Use the form below to upload a geojson file containing a demographic area or voting district. <em>Be aware of redistricting when choosing
+ which files to upload. At this time, CCCP cannot handle data from multiple years, so you should only update data that uses current
+ divisions.</em></p>
+ <p><b>Blockgroup</b> and <b>precinct</b> files can be downloaded (as Census Block Groups and Voting Districts) from the following link:<br/>
+ <a href="https://www.census.gov/geographies/mapping-files/time-series/geo/cartographic-boundary.html">US Census Cartographic Files</a><br/>
+ <b>Block</b> files are also available from the census, although a bit harder to find, but you can use the link below for the 2020 Census:<br/>
+ <a href="https://www2.census.gov/geo/tiger/TIGER2020/TABBLOCK20/">Census TIGER TABBLOCK for 2020</a></p>
+ <p>These files must then be converted into geojson format, using a tool like <a href="https://josm.openstreetmap.de/">JOSM</a></p>
+ <p>Simply open the .shp file from JOSM and then save the same file but change the format to geojson.</p>
+ <label for="censusAreaUpload"><strong>Geojson file</strong></label><br/>
+ <input type="file" name="censusAreaUpload" id="censusAreaUpload"><br/>
+ <input type="submit" value="Upload Area" name="submit">
+ </form>
+ </td>
+ </tr>
+ </table>
+
+<!-- Map Intersections
+ <table class="subcategory">
+ <tr>
+ <td>
+ Click the button below to begin client-side mapping assists.<br/>
+ This will help associate blocks and block groups to precincts for expanded
+ stats panels and demographic displays.<br/>
+ Click the button below to start the process; leave this page at any time to stop it.</br>
+ <button onclick="clientAreaMapping">Start</button>
+ <progress id="camProgress"></progress>
+ <label for="camProgress">0%</label>
+ </td>
+ </tr>
+ </table>-->
+
+ </div>
+ </div>
+*/
+?>
+
+
+ <?php licenseCategory(); ?>
+ </div>
+
+ <div id="map"></div>
+
+ <div id="details">
+ <table id="detailsTable"></table>
+ <button id="mapReturn" onclick="restoreMap()">Return to Map</button>
+ </div>
+
+ <div id="tasksList">
+ </div>
+ <script>init();</script>
+ </BODY>
+</HTML>
git://git.slightlycyberpunk.com / CCCP.git / commitdiff