GithubHelp home page GithubHelp logo

ekkolon / chronos Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 1.44 MB

An Angular library to jump to a any point in time in an instant, given chronicle metadata about groups of elements of varying heights.

License: MIT License

TypeScript 92.72% HTML 2.34% SCSS 4.32% JavaScript 0.37% Shell 0.25%
60fps angular google-photos scrolling timeline

chronos's People

Contributors

dependabot[bot] avatar ekkolon avatar

Watchers

 avatar

chronos's Issues

Decouple the `IdleObserver` class from the `NgxChronosTimeline` component

Currently, the IdleObserver class is tightly coupled with the NgxChronosTimeline component, which can lead to code complexity and maintenance challenges. This coupling makes it difficult to reuse or extend the IdleObserver class in other parts of the application.

Scope

The goal of this issue is to decouple the IdleObserver class from the NgxChronosTimeline component. This decoupling will involve refactoring the code to ensure that the IdleObserver can operate independently or be easily integrated with other components.

Additionally, the name IdleObserver doesn't fully reflect the responsibility of the service.
Therefore, renaming the service to IdleManager might be more appropriate.

Proposed Solution

  1. Identify and isolate the specific dependencies between IdleObserver and NgxChronosTimeline.
  2. Refactor the code to remove or abstract these dependencies.
  3. Ensure that the IdleObserver class can function as a standalone service or be used with other components in the project.
  4. Rename IdleObserver to IdleManager

Expected Outcome

Decoupling the IdleObserver class will lead to cleaner, more maintainable code and increased reusability. It will also facilitate easier testing of the IdleObserver in isolation.

Acceptance Criteria

  • The IdleObserver class is decoupled from the NgxChronosTimeline component.
  • The IdleObserver class is renamed to IdleManager
  • The refactored code does not introduce new bugs or regressions.
  • The IdleManager remains fully functional after the decoupling.
  • Unit tests are added or updated to ensure the correctness of the IdleManager class.
  • Documentation is updated to reflect the changes and decoupling process.

Timeline layout should display segments in descending order

Example

     | 
     | 
     .     <= 11/2023 November - most recent month with records
     |
     | 
     | 
2023 -     <= 04/2023 April - first month in most recent year with records
     |     
     |
     -     <= 12/2022
     |
     |     
     |
     |     
     |
     -     <= 08/2022
     |      
     |
     |
     |
     -     <= 06/2022
     |      
     |
     |
     |
2022 -     <= 02/2022 - first month in 2022 with records
     ... etc

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.