Comments (4)
Current mockup for the plugin:
Typing into the filter bar will search the current page for annotations that contain the contents of the input. eg. Entering "cake" will search the annotation properties for the string "cake".
The filter can be refined to look at only certain properties. For now these will be "annotation", "user" & "tag" and can be toggled by clicking the relative filter button. If an annotation is matched it remains visible on the page. Annotations that are not matched lose their highlight colour.
The remaining annotations can be cycled by clicking on the left/right arrows next to the filter input. The current annotation will have a brighter background colour.
Future features.
- Allow searching for more than one string. Either seperating keywords with spaces or commas.
- Use a scoring algorithm to rank results. eg. LiquidMetal
- Auto suggest keywords.
- Search the backend store for annotations.
from annotator.
Feedback.
- Make the bar full width and sit above the site when not scrolled.
- Remove the +/- tags and give each filter its own input.
- Split on spaces and filter by individual keywords
- Remove close button and always show bar when loaded.
from annotator.
Mockup 2 incorporating above changes.
Each filter now has it's own filter bar. Annotations will only be displayed if all of the filters match. An active filter (one with text in the input) will have a blue label.
Annotations on the page can be navigated by clicking the prev/next arrows to jump to the next visible annotation on the page
from annotator.
This has been implemented as of c2efd5a. Filters are included by the Permissions and Tags plugin as well as a default one to filter on annotations. Any bugs or feature requests should be opened in a new ticket.
from annotator.
Related Issues (20)
- 1.2.10 "annotationCreated", function (annotation) returns a annotation object with functions HOT 3
- Dynamic content. How to update ranges?
- Does anyone else have a problem with deleting/updating an annotation? HOT 4
- Is it possible to remove loaded annotations in 2. HOT 1
- Which search key is used? HOT 1
- Documentation for stable/1.2x missing ? HOT 3
- jQuery data is visible only in some stack frames HOT 1
- adjust the z-index
- How to save annotations with store plugin? HOT 20
- Does not display annotations in a pdf document. HOT 2
- viewer: new annotations for the same word
- Store plugin: how to send variable values in annotationData HOT 6
- Unable to console.log store pluggin output getting following error ---- Could not load Tags plugin. Have you included the appropriate <script> tag?
- Uncaught TypeError: Cannot read property 'nodeType' of undefined
- Uncaught TypeError: Cannot read property 'hide' of null
- active forks HOT 2
- Sorry, I don't know how to display the saved data to the page
- Page loading two times when i added annotations to body tag
- i cannot see highlight tags on screen when i loaded annotators (json format)
- this doesn't work.
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from annotator.