My favorites | Sign in
Project Home Issues
New issue   Search
for
  Advanced search   Search tips   Subscriptions
Issue 1574: Add "delete" button to events
3 people starred this issue and may be notified of changes. Back to list
Status:  Duplicate
Merged:  issue 210
Owner:  ----
Closed:  Aug 2013


Sign in to add a comment
 
Reported by shoote...@gmail.com, Oct 15, 2012
I think i have very easy way to implement this functionality:
1. in fullcalendar.css add following rule:
  .fc-event .ui-icon-close{
	float: right;
	margin: 0.4em 0.2em 0 0;
	cursor: pointer;
  }
2. in fullcalendar.js 
   at eventElementHandlers function
   chain this after "hover" handler attachment:
   .find('.ui-icon-close').click(function(ev) {
	eventElement.hide();
    }); 
thats it... 
p.s. Was very impressed of your work
 so if you choose to implement my suggestion
 please let me know (shootermv@gmail.com)  ,i will be very proud of   myself 
Oct 18, 2012
#1 shoote...@gmail.com
forgot one more change:
change marked by "Moshe"
	function daySegHTML(segs) { // also sets seg.left and seg.outerWidth
		var rtl = opt('isRTL');
		var i;
		var segCnt=segs.length;
		var seg;
		var event;
		var url;
		var classes;
		var bounds = allDayBounds();
		var minLeft = bounds.left;
		var maxLeft = bounds.right;
		var leftCol;
		var rightCol;
		var left;
		var right;
		var skinCss;
		var html = '';
		// calculate desired position/dimensions, create html
		for (i=0; i<segCnt; i++) {
			seg = segs[i];
			event = seg.event;
			classes = ['fc-event', 'fc-event-skin', 'fc-event-hori'];
			if (isEventDraggable(event)) {
				classes.push('fc-event-draggable');
			}
			if (rtl) {
				if (seg.isStart) {
					classes.push('fc-corner-right');
				}
				if (seg.isEnd) {
					classes.push('fc-corner-left');
				}
				leftCol = dayOfWeekCol(seg.end.getDay()-1);
				rightCol = dayOfWeekCol(seg.start.getDay());
				left = seg.isEnd ? colContentLeft(leftCol) : minLeft;
				right = seg.isStart ? colContentRight(rightCol) : maxLeft;
			}else{
				if (seg.isStart) {
					classes.push('fc-corner-left');
				}
				if (seg.isEnd) {
					classes.push('fc-corner-right');
				}
				leftCol = dayOfWeekCol(seg.start.getDay());
				rightCol = dayOfWeekCol(seg.end.getDay()-1);
				left = seg.isStart ? colContentLeft(leftCol) : minLeft;
				right = seg.isEnd ? colContentRight(rightCol) : maxLeft;
			}
			classes = classes.concat(event.className);
			if (event.source) {
				classes = classes.concat(event.source.className || []);
			}
			url = event.url;
			skinCss = getSkinCss(event, opt);
			if (url) {
				html += "<a href='" + htmlEscape(url) + "'";
			}else{
				html += "<div";
			}
			html +=
				" class='" + classes.join(' ') + "'" +
				" style='position:absolute;z-index:8;left:"+left+"px;" + skinCss + "'" +
				">" +
				"<div" +
				" class='fc-event-inner fc-event-skin'" +
				(skinCss ? " style='" + skinCss + "'" : '') +
				">";
			if (!event.allDay && seg.isStart) {
				html +=
					"<span class='fc-event-time'>" +
					htmlEscape(formatDates(event.start, event.end, opt('timeFormat'))) +
					"</span>";
			}
			html +=
				"<span class='fc-event-title'>" + htmlEscape(event.title) + "</span>" +
				//remove handler -Moshe
				"<span class='ui-icon ui-icon-close'>Remove Event</span>" +
				//
				"</div>";
			if (seg.isEnd && isEventResizable(event)) {
				html +=
					"<div class='ui-resizable-handle ui-resizable-" + (rtl ? 'w' : 'e') + "'>" +
					"&nbsp;&nbsp;&nbsp;" + // makes hit area a lot better for IE6/7
					"</div>";
			}
			html +=
				"</" + (url ? "a" : "div" ) + ">";
			seg.left = left;
			seg.outerWidth = right - left;
			seg.startCol = leftCol;
			seg.endCol = rightCol + 1; // needs to be exclusive
		}
		return html;
	}
Dec 1, 2012
#2 barbara....@outlook.com
Where does this function ga and how does it get invoked
Aug 15, 2013
Project Member #3 adamrs...@gmail.com
see my comment here about icons on events:
https://code.google.com/p/fullcalendar/issues/detail?id=210#c25
Status: Duplicate
Mergedinto: 210
Sign in to add a comment

Powered by Google Project Hosting