Shows the time in the preview event placeholder.

firstandthird · Dec 18, 2014 · 5b3fe10 · 5b3fe10
1 parent 8909cb5
commit 5b3fe10
Show file tree

Hide file tree

Showing 3 changed files with 21 additions and 1 deletion.
diff --git a/less/layout.less b/less/layout.less
@@ -140,7 +140,14 @@
       }
 
       .weekly-event-preview {
+        position: absolute;
+        padding: 5px;
         z-index: 0;
+
+        .weekly-event-time {
+          font-size: 10px;
+          margin-bottom: 4px;
+        }
       }
     }
   }

diff --git a/less/theme-mixin.less b/less/theme-mixin.less
@@ -93,6 +93,7 @@
 
     .weekly-event-preview {
       background-color: @eventPreviewColor;
+      color: @eventForegroundColor;
       .event-border();
     }
   }

diff --git a/lib/weekly.js b/lib/weekly.js
@@ -708,7 +708,19 @@
       var tempStart = Math.floor(mouseOffsetTop / intervalHeight) * intervalHeight;
       var tempEnd = tempStart + minHeight;
 
-      target.append('<div class="weekly-event-preview"></div>');
+      var dateSplit = target.data('date').split('-');
+
+      var startTime = ((tempStart / hourHeight) || 0) + this.startTime;
+      var endTime = ((tempEnd / hourHeight) || 1) + this.startTime;
+
+      if(endTime - startTime < this.minDuration / 60) {
+        endTime = startTime + (this.minDuration / 60);
+      }
+
+      var start = new Date(dateSplit[0], dateSplit[1]-1, dateSplit[2], startTime - this.timezoneOffset, this.fromDecimal(startTime));
+      var end = new Date(dateSplit[0], dateSplit[1]-1, dateSplit[2], endTime - this.timezoneOffset, this.fromDecimal(endTime));
+
+      target.append('<div class="weekly-event-preview"><div class="weekly-event-time">' + dateFormat('%g:%i', start) + ' - ' + dateFormat('%g:%i%a', end) + '</div></div>');
       previewEvent = target.find('.weekly-event-preview');
 
       previewEvent.css({