evanhsu / rescuecircle Goto Github PK
View Code? Open in Web Editor NEWGeolocation reporting tool for the Interagency Short-haul program
Geolocation reporting tool for the Interagency Short-haul program
Form input fields currently size to 100% width, which is not appropriate for large screens.
Specifically, rework the following views:
All Users must be able to set their own password via /accounts/1/edit
Crew admins must be able to reset passwords for Users on the same Crew.
Global admins must be able to reset passwords for any User.
For short haul helicopters, add a "Response radius" form field. This will determine the size of the circle that's drawn on the map.
Separate the functionality of this site into 2 modules:
Controllers do not currently handle exceptions very well, if at all.
For example, Controller actions that must populate a Model instance from the database will simply fail if the Model ID isn't found, or if there's a database connection issue. The user will see a generic HTTP error page.
Fix this.
On the map view, each feature will display a popup when clicked on. This popup is generated for each feature on the page when the feature is loaded. This content should instead be generated when a status update is created (the update form is submitted) and the entire HTML popup content should be stored as a string in a database field called popupinfo
.
Extend this site to handle other resource types:
Each resource type will need their own version of the "Status Update" page.
Implementation should include a new Class for each resource type, for example:
class RappelCrew extends Crew
{
public function __construct() {
$this->type = 'rappel';
$this->statusEntityClass = 'helicopter'; // The name of the Class to which a Status is attached
$this->mapIcon = "/images/rappel-map-symbol.png";
}
}
Javascripts should be moved into an application.js
file for easier maintenance. Most javascripts are currently embedded in the View that they serve.
Alerts are currently displayed for 10 seconds at the top of the page, then a javascript makes them fade out. This causes all page content below the Alert message to shift up after a 10-second delay.
Eliminate the fade behavior, or remove the alert div from the page flow.
// /resources/views/layouts/application_layout.blade.php
@if (Session::has('alert'))
<div class="alert alert-{{ Session::get('alert')['type'] or 'info' }}" role="alert">
{{ Session::get('alert')['message'] }}
</div>
@endif
And the following Javascript makes the alert fadeout after a delay:
<script>
(function() {
$(".alert").show().delay(10000).fadeOut(); //Fails silently if .alert doesn't exist
})();
</script>
Enable a rewind/fast-forward feature to look back at historical states of the map. Resource icons should be animated to move from their starting position to their ending position to make it easier for a user to track a specific resource on the map.
Page overflow is hidden when viewing the site on a phone. Pages will now allow scrolling or zooming out to show more content.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.