occrp-attic / aleph-ui Goto Github PK
View Code? Open in Web Editor NEWFront-end application for the Aleph data search engine, based on React/Redux and the Aleph API.
Front-end application for the Aleph data search engine, based on React/Redux and the Aleph API.
Users should be able to log in and out of Aleph using the user interface. Logout and OAuth sign-in is invoked by redirecting the browser to specific endpoints. Session state is available as an API call.
cf.
Aleph is going through a redesign process. As part of the effort, we will be updating the UI of the product.
Currently, Aleph is using the Angular 1.x framework for the UI. Due to maintenance issues, we decided to move away from Angular and we are considering a modern alternative to it. The decision should be based on the following aspects:
Related to the framework choices, we are exploring any UI components framework/toolset/addons that can play well with it and potentially reduce the boilerplate to speed the delivery times.
Currently, I'd propose:
I've had a very quick look at MobX, which seems pretty magical but fundamentally does the same thing as Redux. I don't have strong feelings either way, other than all other things being equal, I'd much prefer adopting a widely used and maintained JavaScript library than one that is not, i.e. does MobX mean that components made by us can only be used in a MobX-based app and that those re-usable components out in the React ecosystem that assume Redux will be inaccessible to us?
Results should be loaded as the user scrolls
Show a message if there are no results
Moved from alephdata/aleph#110
Have a simple option to throw the OCRd data into Google Translate and show the outcome in the UI.
[ moved from alephdata/aleph#214 ]
Make it easy to browse through details of objects in collections.
Idea: user can pick which fields about an entity or a document are useful, then the UI presents the whole collection in a table, spreadsheet style, with the fields as columns.
(Probably limit the number of columns at some point for usability).
Moved from alephdata/aleph#50
Perhaps also for file size and similar attributes.
ported from alephdata/aleph#142
Several types of documents are stored as nested structures, including emails, folders, zip files or excel files. These need to be browsable both in the search result view and in the context of a collection. We need a nice, Dropbox-inspired ui for this.
A simple react route that allows the user to input a search query, submit it and have a list of documents shown to them in response. Each document should be listed using it's title, source collection and other metadata such as update date and language. Within each document hit, a set of preview snippets for individual pages are to be shown.
Use the /api/2/search
API endpoint. It accepts q=
as a primary search query, and limit
/offset
for pagination.
Input form with search button (should also just search on form submit)
Pagination for result pages (or infinte scrolling)
Facet by schema and show them as tabs on top of the result list
Source selector? Maybe as an overlay or drop-down.
Clicking on a result should bring up a sidebar with document metadata or entity data, i.e. render #6 into a smaller form.
The current implementation of this (which also supports facets, sorting and alerts) is here:
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.