Giter Site home page Giter Site logo

security-force-monitor / sfm-ui Goto Github PK

View Code? Open in Web Editor NEW
0.0 6.0 1.0 1.37 MB

User interface showing maps, organizational charts and command histories of security force units and commanders around the world

Home Page: https://front.securityforcemonitor.org

HTML 11.92% CSS 7.15% JavaScript 80.93%
human-rights-defenders human-rights investigative-journalism security-forces armed-forces police

sfm-ui's People

Contributors

derekeder avatar evz avatar sam-ffctn avatar tlongers avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar

Forkers

sam-ffctn

sfm-ui's Issues

Map - Can't use Organization's Classification to filter

The Filter functionality doesn't load any classifications from the Organizations. I would expect to be able to use the Filter function to select only to display Organizations with the classification of Police or Army or Military.

Map - List Area of Operations Names

Since we are using a stylized map base - it would be helpful to list the Area of Operations for an Organization in the pop-up on the maps. We could have that instead of the Aliases so as an example:

image

These would all be the Geoname for the organization's area operations (Area:geonames_name)

This would be incredibly helpful - I find myself unsure of what states in Nigeria are being covered by the Organizations just by looking at the map and I suspect many users will have difficulty as well.

Chart - Zooming

Zoom does not seem to work with mouse button - and there is no "+" or "-" buttons either

Map - Mini Dossier - Sources Need Numbering

In the Mini Dossier on the side of the Map function the various citations are numbered but when the user scroll to the bottom to Sources they are listed but not numbered

(example screenshot at top of mini dossier)

image

(example screenshot at bottom of same mini dossier)

image

Map - Installations not Filtering

@sam-ffctn - The filter function works well for the Area of Operations on the Map, but it doesn't seem to effect the installations. I'd expect selecting Army from the Filter drop down would mean I would only see Areas of Operations and/or Installations of Organizations with a classification of Army.

Map - Filtering Doesn't seem to work

When a user uses the "Legend" to filter the map to only display events, jurisdictions, or installations they can still bring up the information for any of the layers when they hover over it - even though it is not displayed.

Screenshot example of map where only Jurisdictions is selected - hovering over an area suddenly brings up an event.

image

Map - Overlapping Areas of Operation

@sam-ffctn - can we implement something so that if a user hovers over an Area of Operation for a number of seconds the tooltip/selection will move from the top layer to the layer below?

Right now the smallest Area of Operation is the top layer which is good - however there will be Organizations whose Area of Operation will be completely covered by smaller Areas of Operation for other organizations

Error message?

There is some latin text at the top of the page - I'm not sure what's triggering it.

image

Map - Country summary

I'm not sure where the country summary "lives" and how it will be updated --- I know this requires me to finalize a country summary for the countries of the SFM(!)

I can email text for each country that we will then address in future versions of the Monitor as far as updating it.

Change display for Confidence Scores

The current Red, Yellow and Green Diamonds to indicate confidence score aren't working as well as I hoped. We should change them to text displays, similar to how they were envisioned in older versions of the mockups:

image

Search Needs to go to dossier

Search returns user to Map page, rather than taking them to a dossier or map with mini-dossier as expected

Example:

  • From home page, choose Nigeria.
  • Select “ Search"
  • Select “Persons"
  • Search "Dahiru Bako”
  • Four results are returned, choose any of them
  • The overlay is removed and the user is returned to the map screen.
  • Expected behavior is that it would take the user to the Person dossier, showing that Person in the command hierarchy

Map - selection different areas of operation doesn't work

When scrolling over large areas of operation its not possible to select the smaller areas contained within the larger area -- for example its not possible to select the smaller areas within the Special Task Force's Area of Operations.

As areas of operations will overlap frequently it should be possible for a user to hover over an area and be able to select one of the several units that operate there.

Dossier - Sources not displaying?

@sam-ffctn - The sources in the dossier aren't displaying any more - we had implemented a fix so that anything in the dossier that had sources was being displayed but currently only the sources for the Organization's name seem to be displaying.

Events - Site Name loading from Site ID

Hey @sam-ffctn @evz - not sure where the issue lies, but the instead of the Event:geonames_name it's loading the Event:geonames_id. The Event:admin_level_1_geonames_name is displaying fine however. (I know we've switched over to OSM, but I wasn't sure how those classes were renamed so I kept them the same as they are in the Classes Sheet).

Example screenshot below:

image

Map - Fix Date display

We should make it easier for the user to see what date they have selected -- right now the date box does not seem prominent enough and the full numbered date does not even fit into the box (example screenshot below)

image

Chart - not displaying properly?

The Chart function isn't really working anymore - chart lines of command not lining up properly, organizations "floating" unconnected anything, etc.

Did perhaps something change in the API that effected this @evz?

Chart - Doesn't Display Hierarchy

@sam-ffctn -

Steps:

  1. A user selects an Organization from the drop down menu on the Map page
  2. From the Organization's mini dossier they select Chart
  3. On the Chart page the selected Organization is at the "top" of the hierarchy - with no way to see what the parent organizations are.

Example http://ffctn.com/clients/on/sfm/M13/#country/ng/o/03e9b83d-ddeb-491d-baaf-c09a49f1f64d!date=2014-01-01&focus=chart - and screen:

image

Example http://ffctn.com/clients/on/sfm/M13/#country/ng/o/04bf35af-87de-4c13-a9c3-b727a08ce891!date=2014-01-01&focus=chart - and screen:

image

Chart - Shuffling around selected organization/person

When an Organization is selected in the Chart - it's Parent/superior Organization is often several screens to the right or left - making it impossible for the user to be able to read the chart

This seems to be a result of the Chart being a static image -- a solution could be that the Chart "shuffles" or otherwise rearranges itself around the Organization selected - so that the parent/superior organization is always directly above it

There may be other ways to solve this issue - I'm open to other fixes

Export Features

@sam-ffctn - I don't think we have everything in order to implement the Export CSV or Export Text functionalities currently listed on various pages.

image

Can we just change to Export Data (coming soon!) - or remove that section all together?

How should we flatten lists of things for CSV serialization?

The three API endpoints that, according to the spec, should optionally return a CSV version, are:

  • /organizations/:id
  • /people/:id
  • /countries/:id/search/organizations
  • /countries/:id/search/people
  • /countries/:id/search/events

(If there are more, let's identify them below)

As mentioned in the call, these responses return nested lists of things (so an organization will have many aliases, areas, sites, etc) and it's not obvious how we should serialize that into a tabular format. It seems like there are a few different approaches to this:

  • Come up with some kind of delimiter When we stick the list of values into one column in the CSV, we could just put a semicolon (";") or a pipe ("|") or something in between each of the values and it'd be up to the person who downloads the CSV to unpack that. This might work for things like lists of roles and ranks for people but it'd be a bit clunky for something more complicated like lists of sources.
  • Create a new row in the output for each variant This is probably the cleanest and easiest thing to do (since ultimately that's kinda how the database works) but it's not super user friendly.
  • Create multiple CSV files Instead of packing all of the data into a single file, we could create a relational database of sorts and, when a user downloads a CSV of the dossier for an organization, what they'd get is one main file that has all of the simple attributes in it and then several other files that had things like sources for the different attributes and lists of more complex things. This also seems pretty easy to implement but might not be super easy for users to unravel.
  • Some combination of the above Sticking former commanders of an organization in a separate CSV might be sane but sticking the other_names for each of those in a separate file seems slightly insane. What might make more sense is to use a delimiter for each of the other names.

Any other ideas as to how we might tackle this? @tonysecurityforcemonitor Do you have any use cases in mind that might inform this?

Events - displaying Alleged Perpetrator Classification

So I somehow missed this - but is it possible to add the Alleged Perpetrator Classification field for Events?

@evz this is Column N in the Events tab in the Import Master Sheet.

@sam-ffctn - I was thinking that it could look like this:

I realize this is very late in the game to raise this - so if it throws off work on other Issues let's table it.

image

UI issues in IE

@sam-ffctn - the UI is having issues displaying properly in IE - I'm testing on IE 11 version 11.0.9600.18537

Both on the initial summary screen:

image

And the overall Map page:

image

Organization Classification not displaying/loading properly

@evz @sam-ffctn I'm not sure if this is an API or UI issue...

  1. Currently Organizations all seem to have the classification of Unknown. As far as I can see in the CMS every organization has at least one classification - so no organization should be listed with an Unknown classification.
  2. The other classifications are merged together, rather than being counted as two (or more) separate classifications - example screenshot below:

image

It should be clear that this organization has multiple classifications - which I think would mean that it would like this:

image

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.