timeline_rails_helper

TimelineRailsHelper

The TimelineRailsHelper provides a timeline_molecules_tag helper to draw a vertical time line usable with vanilla CSS.

See It Work

Installation

Prerequisites

• Ruby >= 2.6

Stacks

• ActionView
• minitest
• RuboCop

Add this line to your application's Gemfile:

gem "timeline_rails_helper"

And then execute:

$ bundle

Or install it yourself as:

$ gem install timeline_rails_helper

Usage

QQTW (Quickest Quick-start in The West)

<div id="time_line_rails_helper">
<%= timeline_molecules_tag [{title: (DateTime.now - 3.days).strftime('%Y-%m-%d'),
body: 'This is a test'},
{title: DateTime.now.strftime('%Y-%m-%d'),
body: 'This is a test'}] %>
</div>

timeline_molecules_tag [{title: (DateTime.now - 3.days).strftime('%Y-%m-%d'),
                         body: 'This is a test'},
                        {title: DateTime.now.strftime('%Y-%m-%d'),
                         body: 'This is a test'}]

#   =>   "<div class="entries">
#           <div class="entry">
#             <div class="title ">2022-04-13</div>
#             <div class="body">This is a test</div>
#           </div>
#           <div class="entry">
#             <div class="title ">2022-04-16</div>
#             <div class="body">This is a test</div>
#           </div>
#         </div>"

Development

Test

bin/test

Changelog

TimelineRailsHelper's changelog is available here.

Contributing

Bug reports and pull requests are welcome on Github at https://github.com/smapira/timeline_rails_helper. This project is intended to be a safe, welcoming space for collaboration, and contributors are expected to adhere to the code of conduct. License

License

The gem is available as open source under the terms of the MIT License.

Code of Conduct

Everyone interacting in the timeline_rails_helper project's codebases, issue trackers, chat rooms and mailing lists is expected to follow the code of conduct.

You may enjoy owning other libraries and my company.

• routeflagsinc / jma — Bitbucket
  • for the Japan Meteorological Agency (気象庁) for searching new information simplifies.
• smapira / punch_time — Bitbucket
  • Work time calculations using punch clock.
• smapira / rspec-css — Bitbucket
  • Record your test suite's computed CSS during future test runs for deterministic and accurate tests.
• routeflags/timeline_rails_helper: The TimelineRailsHelper provides a timeline_molecules_tag helper to draw a vertical time line usable with vanilla CSS.
• smapira/acts_as_tree_diagram: ActsAsTreeDiagram extends ActsAsTree to add simple function for draw tree diagram with html.
• 株式会社旗指物

Acknowledgments

• CSS by Zed Dash at Codepen
• rails-timeago