Coder Social home page Coder Social logo

Filter plugin about annotator HOT 4 CLOSED

openannotation avatar openannotation commented on May 28, 2024
Filter plugin

from annotator.

Comments (4)

aron avatar aron commented on May 28, 2024

Current mockup for the plugin:

Annotator Filter Bar

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.

aron avatar aron commented on May 28, 2024

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.

aron avatar aron commented on May 28, 2024

Mockup 2 incorporating above changes.

Filter bar

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.

aron avatar aron commented on May 28, 2024

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)

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.