Giter Site home page Giter Site logo

ember-cli-full-calendar's People

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

Watchers

 avatar  avatar  avatar  avatar  avatar

ember-cli-full-calendar's Issues

How to Edit Full Calendar header positions?

For instance I want change the element position, like title to be in middle.
$('.full-calendar').fullCalendar(
{
header:
{
left: 'prev',
center: 'title',
right: 'next'
}
});

I couldn't find a way to do it.
Would be really glad to know the way to implement :)

How set 'eventLimit'

{{full-calendar
    events=events
    allDaySlot=false
    register-as="accessToFullCalendar"
    nowIndicator=true}}

Any help??

Thanks!

Can you update npm version of your addon ?

I need now to use github code instead of downloading this with npm to get the latest changes.

Btw I need now almost all of the full calendar options so I will probably try to add everything to this addon in near future. I hope that's not a problem.

Not all properties working

Hi,

I attempted to set weekends to false and unfortunately, it didn't work. When digging into the code, it looks like not all properties are hooked up. I'm sure you are aware of this, but just wanted to mention it. I need to get working on things, so I may hook things up as I go; would you accept a PR?

Thanks!
James

eventDrop defined twice, breaks in IE in strict mode

We are defining the following function twice in ember-cli-full-calendar:

eventDrop: function(event, delta, revertFunc, jsEvent, ui, view) {
  _this.sendAction('eventDrop', event, delta, revertFunc, jsEvent, ui, view);
}

This causes things to break in IE when using strict mode

Custom Navigation is not working

import Ember from 'ember';

export default Ember.Controller.extend({
    queryParams: ['from', 'to'],
    events: null,
    accessToFullCalendar: null,

    eventRender: function(event, element) {
        element.children().children().attr("data-content", event.projectName + ' - ' + event.userName + ' - ' + event.hours + 'hr(s)');
        element.children().children().popup({
            on: 'hover'
        });
    },

    actions: {
        prev: function() {
            this.get('accessToFullCalendar').send('prev');
        }
    }
});

<div class="max-width-1170">
    <button {{action 'prev'}}>Prev</button>
    {{full-calendar
    events=events
    allDaySlot=false
    eventLimit=3
    eventRender=eventRender
    register-as='accessToFullCalendar'
    nowIndicator=true}}
</div>

It's showing me 'Uncaught TypeError: Cannot read property 'send' of null' error

Conflict w/ ember-moment

Hi,

I'm using ember-moment in my project, with moment-timezone enabled. Unfortunately, with your addon installed, it breaks moment-timezone. See my issue on ember-moment here. I'm going to poke around and see if I can figure it out, but was hoping you might be able to lend some insight.

Thanks!

helper not found

I followed the instructions in the readme, and I get this error:

Uncaught Error: Assertion Failed: A helper named 'full-calendar' could not be found

Ember 1.13.3

when I ran ember g full-calendar, the only change in my project was a change to bower.json, adding moment.js

when I ran npm install --save-dev ember-cli-full-calendar, the only change I noticed was to package.json, adding the ember-cli add-on.

Seems like maybe ember g should have done more?

Unable to set height property

I am attempting to set the height property as follows:

{{full-calendar events=events height=700}}

Is this correct?

Property set failed: object in path "targetObject" could not be found or was destroyed.

Since updating Ember from 2.7.3 to 2.9.1*, the component does not render anymore, and my surrounding component's test fails, with the above error message:

Error: Property set failed: object in path "targetObject" could not be found or was destroyed.
at EmberError (http://localhost:4200/assets/vendor.js:xxxxx:xx

Commenting out the line this.set('targetObject.' + this.get('register-as'), this); fixes the issue for me, but I so far have no need "to be able to send actions from outside" (as the line is explained in a comment above), and I am unsure how this would be handled otherwise (this.get('parentController')+'.' instead of targetObject. does not change the error).

  • I think I remember it did not work in 2.8 either. targetObject was deprecated around that time: emberjs/ember.js#14168

Function as event source : get controller scope

Hello,

I'm trying to use a function as event source ( function( start, end, timezone, callback ){} ).
I defined a 'getEvents' function in the controller.
This function is called by Fullcalendar, parameters are well passed, but the context is not the controller : 'this' seems to refer to a 'Fullcalendar' object and not to a controller object.

I tried several things to get the controller scope in the 'getEvents' function (using .bind(this), for isntance), but I'd like to know if there is a clean "Ember way' to do this, I'm quite new to Ember ;-)

Thanks in advance !

Is it possible to set eventRender property?

I'm using Full Calendar with Ember.JS, and i need to customize the tooltip of each event. In jQuery, i can do it by passing a function to eventRender property. Is there a way to do it with ember-cli-full-calendar?

How to get current selected month on custom button click

How to get previous/next month on click of custom previous/next button but before prev/next action called?

Controller: 
actions: {
    prev: function() {
        this.get('accessToFullCalendar').send('prev');
    }
}
Template: 
<div>

  <button {{action 'prev'}}>Prev</button>
    <button {{action 'next'}}>Next</button>

    {{full-calendar
    events=events
    allDaySlot=false
    eventLimit=3
    eventRender=eventRender
    register-as='accessToFullCalendar'
    nowIndicator=true}}
</div>

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.