Skip to content
This repository has been archived by the owner on Dec 21, 2021. It is now read-only.

Commit

Permalink
AUI-1370 Add ability to set an event's border color, style, and width
Browse files Browse the repository at this point in the history
  • Loading branch information
Zeno Rocha authored and Jonathan Mak committed Jun 12, 2014
1 parent fa98802 commit e7c8542
Show file tree
Hide file tree
Showing 3 changed files with 47 additions and 6 deletions.
9 changes: 7 additions & 2 deletions src/aui-scheduler/HISTORY.md
Original file line number Diff line number Diff line change
@@ -1,2 +1,7 @@
aui-scheduler
========
# AUI Scheduler

> Documentation and test modifications are not included in this changelog. For more details, see [full commit history](https://github.com/liferay/alloy-ui/commits/master/src/aui-scheduler).
## @VERSION@

* [AUI-1370](https://issues.liferay.com/browse/AUI-1370) Add ability to set an event's border color, style, and width
3 changes: 0 additions & 3 deletions src/aui-scheduler/assets/aui-scheduler-view-day-core.css
Original file line number Diff line number Diff line change
Expand Up @@ -14,9 +14,6 @@
padding: 0;
vertical-align: top;
}
.scheduler-view-day-table-col-shim .scheduler-event {
border: 2px solid #fff;
}
.scheduler-view-day-table-col-shim {
height: 1248px;
margin-bottom: -1248px;
Expand Down
41 changes: 40 additions & 1 deletion src/aui-scheduler/js/aui-scheduler-base-event.js
Original file line number Diff line number Diff line change
Expand Up @@ -218,7 +218,43 @@ var SchedulerEvent = A.Component.create({
},

/**
* TODO. Wanna help? Please send a Pull Request.
* Determines the CSS border color of a calendar event.
*
* @attribute borderColor
* @default '#FFFFFF'
* @type String
*/
borderColor: {
value: '#FFFFFF',
validator: isString
},

/**
* Determines the CSS border style of a calendar event.
*
* @attribute borderStyle
* @default 'solid'
* @type String
*/
borderStyle: {
value: 'solid',
validator: isString
},

/**
* Determines the CSS border width of a calendar event.
*
* @attribute borderWidth
* @default '2px'
* @type String
*/
borderWidth: {
value: '2px',
validator: isString
},

/**
* Contains the content of Scheduler event's body section.
*
* @attribute content
*/
Expand Down Expand Up @@ -1094,6 +1130,9 @@ var SchedulerEvent = A.Component.create({
if (node) {
node.setStyles({
backgroundColor: backgroundColor,
borderColor: instance.get('borderColor'),
borderStyle: instance.get('borderStyle'),
borderWidth: instance.get('borderWidth'),
color: color
});
}
Expand Down

0 comments on commit e7c8542

Please sign in to comment.