Giter VIP home page Giter VIP logo

angular-material-event-calendar's People

Contributors

b-3po avatar sdrioux 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  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar

angular-material-event-calendar's Issues

documentation - customClass on event

I found customClass on the event sent in which allows me to change the colour of the event on the calendar, I needed green, blue and red. customClass worked a treat.

Need to document this feature so that others can find it and also so that it is not removed later.

Events repeating monthly or annually

Hi everyone! I couldn't find any option in day event that I could configure if that event occurs monthly or annually. It would be nice if we have these options as boolean flags in event object.

Does anybody working on it? If doesn't, I can fork and try to do it. If anyone can help to build this feature, join me in this great adventure ๐Ÿ˜„

md-event-click not working?

Hi, how are you?

I started using your calendar and noticed the md-event-click was not working. Made this Fiddle to make it easier for you.

Notice that when the event is clicked, nothing is printed in the console. Is it possible that I'm doing something wrong or is it really not working?

Other thing: would it be possible to add a tooltip when you hover an event? As you can see the in the same fiddle, the full name of the event can't be seen. A tooltip would help a lot.

Thank you =)

Readme refers to wrong project

In the readme, you state;

To add Expansion Panels to you angular-material project, include the material.components.expansionPanels module as a dependency in your application.

angular.module('myApp', ['ngMaterial', 'material.components.expansionPanels']);

This is obviously copied from your Expansion Panels project and not changed. At first I thought the calendar depends on expansion panels, but it turns out to be not the case.

Just a heads up, nothing major, but it might be a good idea to fix.

Is this dead?

Rather than make my own fork, is anyone already working on fixes for this? I assume the dev isn't making any updates as it's been over a year.

When data is available on load, sizing does not work correctly

This is a very obscure one.

When the data is directly assigned in the controller and thus available when the page is being rendered, the sizing appears to mess up.

I have this in my controller;

for(var i = 0; i < 10; ++i)
{
  $scope.events.push({
    title: 'Event ' + i,
    start: new Date(),
    end: new Date(),
    allDay: false
  });
}

When I load the page, the calendar looks like this;

calendar

When I resize the window, even a pixel, the issue fixes itself. I was also able to fix the issue by adding this in my controller, effectively calling the window resize;

$timeout(function()
{
	angular.element(window).triggerHandler('resize');
});

Now, when I load the data through an AJAX call, the problem does not occur and everything looks fine from the start. My guess is that this has something to do with the data being assigned before the calendar is rendered. If there is even the slightest delay in the data being assigned (also if it is assigned withing a $timeout call), this issue does not occur.

Perhaps not something that will ever happen in a real situation, but something to be aware of.

how to include material components event calendar in angular

am new to angular and would like to use angular material components event calendar. how do i include it my project because i tried adding it to my app.module.ts and i got an error, app.component.ts too, i got an error. am kinda confuse. any help will be much appreciated. thanks

Days of next month shows different on calendar

Hi everybody, i have a trouble with calendar, it shows weird the days on the calendar.

I leave capture:
captura de pantalla_2017-01-07_14-00-52

Look at the days of next month and every month i stay it shows similar; days wrong.

What can i do to fix this?.

Regards :)

Changing background color on events

is it possible to change the color on some of the events based on a condition? I understand that this is more of a question and not an issue ... If yes, how?

Bug repeating events

Hi, I think it has a bug. One event repeats in both months, at the firsts days of the month.

bug

Pull Request

I used the library in a project and it was quite helpful. I added a very small hack to the same

#4

Would be happy to help otherwise as well.

Awesome job!!

I wonder is there a week view on this calendar? and if not is there any planning for that?

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.