Code Monkey home page Code Monkey logo

mmm-calendarexttimeline's Introduction

MMM-CalendarExt2

GitHub Super-Linter

MMM-CalendarExt2 is a module for MagicMirror² to display extended calendars and event views.

It is based on MMM-CalendarExt, which is no longer being developed.

Screenshot

screenshot

Install & Configuration

cd ~/MagicMirror/modules
git clone --depth=1 https://github.com/MMM-CalendarExt2/MMM-CalendarExt2
cd MMM-CalendarExt2
npm install

Afterwards read how to configure everything in the configuration documentation. If you like adjust to your language or adapt the styling.

Finally, if you like a shortcut browse through the examples of other peoples config.

Note: If you want to start developing and miss the entire history run git fetch --unshallow.

Documentation Quick Links

Major feature

  • Multiple views at same time in a scene
  • Scenes could be rotated by time or notification or other trigger (e.g: Scene per PAGE)
  • MMM-CalendarExtTimeline, MMM-TelegramBot supported.
  • Over 5000 icons; (iconify)
  • custom class for beautifying
  • month/week timeline view.

What's different with MMM-CalendarExt

But if you have no dissatisfaction with MMM-CalendarExt, leave it.

  • New parser. New look.
  • profile is deprecated. scene is more than that.
  • Beautiful timeline view (month/week)
  • dynamic scene changeable.

Plugins

Changelog

[1.4.1] 2024-01-01 - Maintenance update

  • Update dependencies
  • Update ESLint env
  • Replace eslint-plugin-json by eslint-plugin-jsonc
  • Update URLs to MagicMirror project

[1.4.0] 2023-10-10

  • MODIFIED: Replace external package node-fetch by internal fetch - With this change, node version 18 or newer is required.

[1.3.0] 2022-03-07

  • MODIFIED: Reduction of linter issues #158

[1.2.0] 2022-02-24

  • ADDED: Basic auth support. #138
  • MODIFIED: Introduction of Super-Linter and with it a large number of code adjustments (which should have no functional impact). #147

[1.1.0] 2022-02-11

  • ADDED: Vertical Autosizing, Hidden Footer and Space right of items in week/month view #128
  • MODIFIED: Replace deprecated package request by node-fetch #135
  • FIXED: git clone problem with Windows #137

[1.0.9] 2020-02-14

  • ADDED: positionOrder of view. now you can change the order of that view in region(position) against other modules.

[1.0.8] 2020-02-13

  • ADDED: isRecurring property to event object. now you can check this event is recurred or not. You can use this in filter/sort/transform callbacks. and CSS class recurred will be added to that event.

[1.0.7] 2020-01-31

  • MODIFIED: Default value of maxItems to 1000 from 100 to avoid frequently asking issue of events of nowadays are not shown
  • MODIFIED: Automatically fixing of unofficial URI from webcal:// URL to http://.

[1.0.6]

  • ADDED: title of view can have callback function as a value. Now you can make view title contextually
title: "My Weekly",

or

title: (mObj) => { // moment object for first slot of view.
  return mObj.format("[My Weekly:] Wo")
},
// This will show "My Weekly: 49TH" as module title.

[1.0.5]

  • ADDED: can display name of Month (e.g: August) in month view (monthFormat:"MMMM")

[1.0.4]

  • ADDED: event property ms_busystatus is added. (Thanks to @klaernie for the PR)

[1.0.3]

  • FIXED: calendar filter is implemented (Sorry, I've totally forgotten it).

[1.0.2]

  • FIXED: not visible in second or followed pages of MMM-pages.

[1.0.1]

  • view:transform() is added, now you can modify event value as your wish.

MEMO

Bug with MMM-Carousel

  • When you are using it with MMM-Carousel, MMM-CalendarExt2 should be in main page or all pages.

mmm-calendarexttimeline's People

Contributors

eouia avatar klaernie avatar mrfoxie avatar nealterrell avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar

mmm-calendarexttimeline's Issues

color the daily activity boxes differently

Hello,
I installed MMM-CalendarExtTimeline in addition to MMM-CalendarExt2.
Is it possible to color the daily activity boxes differently.
For example :
Anniversary
Public holiday
Task to perform
Appointment
My Module config:
{ module:"MMM-CalendarExtTimeline", position:"bottom_bar", config: { type: "static", // "static", "dynamic" refresh_interval_sec: 60, // minimum 60, table_title_format: "ddd, Do MMM", begin_hour: 7, //ignored when you set type to 'dynamic' end_hour: 21, //how many hours to show. time_display_section_count: 14, time_display_section_format: "HH:mm", calendars: ["Calendrier"], //in your MMM-CalendarExtconfiguration source: "CALEXT2", // or "CALEXT" } },
Here is what I currently have:
Capture-MMM-timeline

Thanks

Showing days instead of hours

I like the minimalist/clean UI of this extension and use it for my daily plan.

However I would like another view which shows the upcoming days. I have a second calendar I use to plan which subject I am going to study on which day. These events are all day calendar entries.

Solution to turn off MMM-CalendarExt2 view

This is provided in documentation:

In your configuration of MMM-CalendarExt, modify this.

config: {
system: {
show: [], // set this field blank.

Is there a similar solution to working with EXT2

module: "MMM-CalendarExt2",
position: "bottom_bar",
config: {
system: {
show : [],
},
calendars : [
{

That is what I have but it does not remove the main calendar.

event formatting issue

Ok this one I need help on. I really want this to work because there is no other module that does this.

For some reason if I have multiple events in a day on one calendar, it puts each event on a separate line even if the events don't conflict with each other. Also the calendar line doesn't expand to accommodate the events regardless of how many lines they take up.

Any help is appreciated.

Events don't display in dynamic view, but do display in static

Here's a strange one...I've got a perfect 24 hour timeline running in static, but if I switch it to dynamic, the events don't appear anymore.

Here's my config:

    {
        module:"MMM-CalendarExtTimeline",
        position:"bottom_bar",
        config: {
            type: "dynamic", // "static", "dynamic"
            refresh_interval_sec: 60, // minimum 60,
            table_title_format: "ddd, MMM Do",
            begin_hour: 0, //ignored when you set type to 'dynamic'
            end_hour: 24, //how many hours to show.
            time_display_section_count: 24,
            time_display_section_format: "HH:mm",
            calendars: ["Calendar1","Calendar2"], //in your `MMM-CalendarExt` configuration
            source: "CALEXT2", // or "CALEXT"
        } 
    }

My goal is to create a "rolling" 24 hour timeline so I can always see what the next 24 hours have in store for me. Am I doing it right? Awesome work, btw.

VIEW and COLORS

Hey mate :) 2 Questions:
How can I get colors in the module like u have?
and how can I get these Mon, Tue, Wed ... format like the bottom of your screenshot?
Thank U for help! :)
Toby

One line per calendar and ot per event

Hello,
It is possible to have all events per day in the dynamic view in one line?
I've tried to modify some parts in the js file but it did not work.

I have in total 3 calendars to shiw in the timeline and I only want 3 lines and not for each event per day one line.
Is this somehow possible?

Thanks and best regards

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.