Giter VIP home page Giter VIP logo

volkovlabs-calendar-panel's Introduction

Business Calendar panel for Grafana

Calendar

Grafana CI E2E codecov CodeQL

Introduction

Business Calendar Panel is a Grafana plugin that displays events from various data sources.

Calendar plugin for Grafana tutorial | Step by step | JSON API plugin example

Requirements

  • Business Calendar Panel 3.X requires Grafana 10 or Grafana 11.
  • Business Calendar Panel 2.X requires Grafana 9.2 or Grafana 10.
  • Business Calendar Panel 1.X requires Grafana 8.5 or Grafana 9.

You can install the Business Calendar Panel plugin from the Grafana Plugins catalog or use the Grafana command line tool.

For the latter, please use the following command:

grafana-cli plugins install marcusolsson-calendar-panel

Highlights

  • Displays events in a monthly, weekly, or daily view.
  • Query calendar events from any data source.
  • Supports the filtration of events by a time range.
  • Supports the event coloring based on thresholds.
  • Enables the opening of a data link instead of a sidebar when clicking an event.
  • Enables the display of annotations across all dashboards for the specified time period.
  • Supports Internationalization: Spanish, French, German, and Chinese

Documentation

Section Description
Events Explains how to set up a calendar to display events.
Features Explains the plugin's features.
Release Notes Stay up to date with the latest features and updates.

Tutorial

This video outlines all the new features we implemented and explains how to configure events.

How to display events from PostgreSQL | Calendar plugin for Grafana | February 2023 Release

Feedback

We're looking forward to hearing from you. You can use different ways to get in touch with us.

  • Ask a question, request a new feature, or report an issue at GitHub issues.
  • Subscribe to our YouTube Channel and leave your comments.
  • Sponsor our open-source plugins for Grafana at GitHub Sponsor.
  • Support our project by starring the repository.

License

Apache License Version 2.0, see LICENSE.

volkovlabs-calendar-panel's People

Contributors

asimonok avatar marcusolsson avatar mikhail-vl avatar topikachu avatar vitpinchuk avatar yusuf-multhan avatar

Stargazers

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

Watchers

 avatar  avatar  avatar  avatar

volkovlabs-calendar-panel's Issues

[Request] Ability to display all events within a day

Hi @marcusolsson

When within a day there are more events than an hard-coded threshold, a 'more...' line is displayed.
When it happens, we can't see the others raw at all.

It will be really helpfull to be able to expand this 'more ...' line to show the full entries.

Actually, I've updated the related css overflow property to scroll in order to not miss any rows.

More calendars and colors

Possibility to show events from more than one calendar could be helpful - espacially in case of different colors of events. (same source but new column for "Calendar name" - group by or using more queries).

Feature... Integrate with iCal?

Afternoon,

Is it possible to sync this plugin with an iCAL URL?

Sorry if mentioned elsewhere.

Thanks! So excited is possible as it may have changed how we do some displays at work!

Show event name if event starts in day out of filter

In case of multiday event, If event starts in date, which is older than grafana filter, the name of event isnt shown.
Also, in my opinion could be helpful to show the event name on start of each week (in case of multiweek events).

[Ubuntu] Chrome not working

Hello,
The plugin does not work with grafana 7.5 if the user is not logged in (viewer only).
image
The same grafana instance after login works fine.
Do you have any idea?

different appearance of one day to mutiple day events

Currently one day events just get a colored bubble in front of the eventtitle. Mutiple day events are colored the entire eventitle. In my opinion, it would look nicer if one day events are colored the same way.

Maybe there should be panel setting to toggle between both modes for one day events.

Week view

It would be great to be able to show a hourly view of the calendar. This would be helpful for showing what times during the day are available/booked. Google Calendar call it "Day" and "Week" views. An example would be something like this:

image

Thanks! You've done great work on this. Been waiting for a calendar panel for a long time!

Date offset

I'm trying to use the calendar panel to display some events.

In table view I have this
image

But when displayed in the calendar it looks like this
image

As you see there is no data for 2022-04-10 in the table view, but in the calendar view events are put on 2022-04-10.

What am I doing wrong. Is there an offset somewhere for visualizing the data on the calendar I need to set?

Multi-day events

I was waiting for something like this for a long time. Are you planning to improve it? For me would be very useful possibility to show multiday events. Thanks and good luck...

Multiple Text fields per day with thresholds

We have a requirement to display multiple events per day but also have a threshold to color the text. For example we will show the number of available leave slots for Engineers and Programmers. So would need the calendar views to display

03 May 2022
3 Free Engineer Slots
0 Free Programmer Slots

Perhaps there is a way to accomplish this already but having 2 queries with the same alias as you can only select one field for text only applys thresholds to one item

Cheers

Nearby events overlay

Lets say we have several nearby events:

  • January 10, 2022 10:00 AM–January 11, 2022 10:00 AM
  • January 12, 2022 10:00 AM–January 13, 2022 10:00 AM
  • ...

In that case our calendar will show this:
image

It would be more usefull to show nearby events each after another, without overlay.

Error on opening this plugin (/public/emotion status=404)

I get these errors while loading this plugin.

INFO[01-17|08:44:07] Request Completed                        logger=context userId=1 orgId=1 uname=admin method=GET path=/api/plugins/marcusolsson-calendar-panel/markdown/help status=404 remote_addr=[::1] time_ms=11 size=68 referer="http://localhost:3000/plugins/marcusolsson-calendar-panel?page=overview"
INFO[01-17|08:44:11] Downloaded marcusolsson-calendar-panel v0.5.0 zip successfully logger=plugin.installer
INFO[01-17|08:44:11] Plugin registered                        logger=plugin.manager pluginId=marcusolsson-calendar-panel
INFO[01-17|08:44:11] Request Completed                        logger=context userId=1 orgId=1 uname=admin method=GET path=/public/emotion status=404 remote_addr=[::1] time_ms=21 size=37403 referer="http://localhost:3000/plugins/marcusolsson-calendar-panel?page=overview"

image

Few missing functionality in calendar plugin

We are using calendar plugin and we see below functionality are not available. We would like to raise an improvement on it.

  1. Coloring calendar record entries so that they display based on a metric value.
  2. Missing override for cell display mode and other basic override options
  3. Missing option to show more data when data overflows calendar frame
  4. We need show more details when we click on any entry and it open another windows.

Please let me know when this will be available in calendar plugin.

Grafana version: 9.3.0
Grafana plugin : 1.0.0

Grafana gets into unresponsive mode after selecting date range more than 2 years

We are using calendar plugin with grafana 8.4.5 OSS version. We created a dashboard using calendar plugin. In this dashboard if we select date range from top date selection less than last 2 years dashboard show calendar plugin with data. But when we select date range greater than last 2 years dashboard page gets into the unresponsive mode and we can do any operation on dashboard page.
Also data is not much big or consider there is no data prior to 3 months still calendar plugin does not load all the dates.
This issue observed for long date range only.

Expected behavior: Dashboard should show the data for complete date range selected by user.

Select color for calender entry queries

It would be great if one could select the color of the calender entries per query. Right now i have multiple queries defined and they are colored as green, yellow and blue. This seems to be default setting. But it would be nice to define a query as red ( e.g. for emergency changes or grey for 3rd party vendor changes...)

Regex not working

I ran into a problem that the regular expression that I use in override in Fields with name does not work, if I use a different visualization, for example, a regular table, then everything works without problems
image

Customize the text shown in the event bubble

My use case is I have a CRM with a dispatch portal that I can access via SQL. I get the following;

  • Member_ID
  • Schedule Description
  • Schedule Start
  • Schedule End

For the most part your plugin fits my requirements. But I'd like the following features;

  • The ability to customise the text shown in the event bubble (i.e MemberID + Schedule Description)
  • A day view (similar to the Schedule view in #9)

Thanks :)

Event length on Day view updates

Hi Volkov team,

Love the current calendar plugin but was curious to see if there were a way to adjust the events to where each events size on the calendar varied based on its duration. So for an example adding time from morning to evening on the left most side and a having a two hour event be a larger block on a day then say a one hour or 30 minute event.

Show more details

There should be the possiblity to click on a calender entry and get more information for this entry like place, attendees, description. The information could be saved in the used datasource but in another field(s)

Display events not from the source

I've add to grafana alert rule and then it start displaying on my calendar, although the source of the calendar JSON API
Alert rule from Infinity. How can I hide these events?

image
image

Text and time fields disabled in Grafana 7.4.3

Hi, I am a newbie to grafana. I downloaded the calendar plugin but after adding the panel to dashboard, the dimension fields - time and text are disabled. Also, on top of the panel it shows this error msg "Cannot read property 'fields' of undefined". Plz help.

Add Data Links option

As a creator of calendar events I would like to have a mechanism to add a Grafana Data Link to the calendar event so that I can use this mechanism to open associated applications/URLs. For example, let's say I have a calendar event that links to a Jira ticket (URL). As a User of the Calendar I would like to be able click the Data Link to open the Jira ticket in my web brower.

Line breaks in description

To let users structure their event descriptions better, it should support line breaks. Are there any other alternatives than \n (escaped \\n)?

Make annotations but not alerts appear in the calendar panel

We are receiving Kubernetes deployment completion status through grafana annotations api.
Are there any plans to add something to make annotations appear in the calendar panel but not alerts?

스크린샷 2023-07-26 08 55 04

As you can see in the attached screenshot, the time series panel can only show annotations, but the calendar will always show annotations and alerts together.

This is quite inconvenient for users who use alerts a lot, and I think it would be better if only annotations could be displayed.

If there's a way to do this that I'm not aware of, please let me know.

Show current day

Hello,
So far in our test we saw that by default today overflows and spills under in the view and we need to scroll to see it. The image is what we get when we load the dashboard
image
How is it possible to have a different view of the calendar? It is fine to have the last month, but the current week should be visible without scrolling.

As you can see, in the panel I selected 30d in the "Relative time" option.

Thanks,
Mirko

Gaps between multi-day events

Hi Team,

Really appreciate the work on adding color functionality.

Have another curious issue, where there are massive gaps in days with multi-day events.
Pictured here with the red arrow I can confirm there are no events missing, there's just a big gap, that's taking up a whole bunch of space on the days, which means the calendar has to be massive to fit more than the top 2 or 3 events in.

image

Thanks again!

Grafana version: 9.3.6
Plugin version: 1.2.0

More... button not visible

We are using calendar plugin with grafana 8.4.5 OSS version. We have created a dashboard using calendar plugin. We have observed sometime "N more..." button is not visible event if there are more than 2 data points on the same day.

image

In the above example where mouse cursor is there are some data point but more... button is not visible.

We had to increase the height of the panel to make it visible.

image

Can you please address this issue ?

Sort event columns alphabetically

Hey, thanks for the cool plugin first of all.
In my calendar, i have this setup where each column shows when a machine (e.g w11t3, w10t1) is occupied. The plugin apparently sorts the machine names based on if they have events at the same time.

Is there a way to sort the columns in alphabetical order?
So the order should be: w10t1, w10t3, w10t4, w10t6, w10t7, w11t1, w11t2, w11t3
instead of: w11t3, w10t1, w10t6, w11t2, w11t1, w10t7, w10t4, w10t3

Thanks for any help!

Unbenannt

Day/Schedule view

This proposes to add a Schedule view which lays out calendar events as a vertical feed to make it easier to see upcoming events during the day.

Here's an example from Google Calendar:

Screenshot 2022-03-09 at 21 51 00@2x

Discussed in https://github.com/marcusolsson/grafana-calendar-panel/discussions/38

Originally posted by fmuell2 May 17, 2021
When using the Grafana Timerange Today the calender shows the whole week. In our usecase its hard to read the entry titels. It would be better if there was a possiblity to show only one day when the timerange Today is selected

Integrate time series data

Hi,

maybe I'm missing something and this is already possible but here is my case:
I would like to display a single value per day from a Flux query in the calendar.
Your calendar panel would be very useful, because it would allow intuitive
time range selection based on the contents of the calendar.
Is there a way to solve my use-case?

Wrong Start Time and End time

Hi,

We have webbased calendar connected to MySQL Database, i made a query to show in the Grafana Calendar it was successfully although i noticed that the start time and end time were wrong, I also changed the "Change time settings" but there was no change.
wrong

the start time and end time should be 11:00AM to 12:00PM

here is my query
SELECT title,start,end, location, creation_date FROM calendar_events ORDER BY creation_date

thanks in advanced

Add Day/Feed view

When using the Grafana Timerange Today the calender shows the whole week. In our usecase its hard to read the entry titels. It would be better if there was a possiblity to show only one day when the timerange Today is selected

Request: Event names should be able to span across multiple days

Thanks again to the team on maintaining this plugin.

One other feature request that would be great, is being able to have event names span across multiple days.

image
As you can see in this screenshot, event names that are long get cut off, especially if the calendar is not full screen.
For us this means the calendar has to be on it's own dashboard because no other gauges will fit alongside it.

I suspect this might not be a quick fix - I see that each day has a separate box to represent the event, so spanning the text across multiple days could be tricky, but would be a very useful feature to have.

Panel not available with Grafana v8.1.1

After successfully installing the plugin via CLI in Grafana v8.1.1 the plugin is listed as "Installed" but no panels are available to use inside dashboards

toggle between 12h/24h time format

Currently the timeframe shown for each calender entry is in 12h format like "11 AM - 1 PM". It would be nice if we can choose whether to use the 12h or 24h time format.

Click event on date?

Does this amazing plugin have date click event?

So when I click on a certain date I can capture that date value

Again yet another amazing plugin from your team!!

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.