Adjusted css for uninitialized events block to accommodate droppable div detection changes, added back calendar-icon click registration (lost in translation to new template 'HereDoc' system)

Author: geekbrit

css/rc_calendar.css

@@ -13,7 +13,7 @@
   width: 99%;
   max-width: 118px;
   height: 66px;
-  border: 1px solid #888888;
+  border: 1px solid #888;
   font-family: metrophobic,arial; }
   .rc_event .rc_event_head {
     width: 100%;
@@ -35,7 +35,7 @@
   .rc_event #sgrip {
     width: 20px;
     height: 10px;
-    border: 1px solid #888888;
+    border: 1px solid #888;
     border-top: none;
     -webkit-border-bottom-right-radius: 6px;
     -webkit-border-bottom-left-radius: 6px;
@@ -69,48 +69,48 @@
 .col_5dayweek {
   float: left;
   width: 118px;
-  border: 1px solid #cccccc;
+  border: 1px solid #ccc;
   border-left: none;
   overflow: hidden;
   position: relative; }
 
 .col_7dayweek {
   float: left;
   width: 84px;
-  border: 1px solid #cccccc;
+  border: 1px solid #ccc;
   border-left: none;
   overflow: hidden;
   position: relative; }
 
 .rc_gutter {
   float: left;
   width: 48px;
-  border: 1px solid #cccccc; }
+  border: 1px solid #ccc; }
 
 .rc_hour_slot {
   height: 71px;
-  border-bottom: 1px solid #cccccc; }
+  border-bottom: 1px solid #ccc; }
 
 .rc_quarters_slot {
   height: 17px;
   width: 100%;
-  border-bottom: 1px dotted #cccccc; }
+  border-bottom: 1px dotted #ccc; }
 
 .rc_quarters_slot:nth-child(even) {
-  border-bottom: 1px solid #cccccc; }
+  border-bottom: 1px solid #ccc; }
 
 .rc_thirds_slot {
   height: 23px;
   width: 100%;
-  border-bottom: 1px dotted #cccccc; }
+  border-bottom: 1px dotted #ccc; }
 
 .rc_thirds_slot:nth-child(3n-3) {
-  border-bottom: 1px solid #cccccc; }
+  border-bottom: 1px solid #ccc; }
 
 .rc_halves_slot {
   height: 35px;
   width: 100%;
-  border-bottom: 1px dotted #cccccc; }
+  border-bottom: 1px dotted #ccc; }
 
 .rc_quarters_slot:nth-child(even) {
-  border-bottom: 1px solid #cccccc; }
+  border-bottom: 1px solid #ccc; }

css/test.css

@@ -11,18 +11,22 @@
   margin-left: 180px; }
 
 .event_palette {
-  border-right: 1px solid #888888;
+  border-right: 1px solid #888;
   position: fixed;
-  top: 10px;
   left: 10px;
   width: 160px; }
 
+#new_events {
+  top: 10px; }
+
+#unassigned_event_resource {
+  top: 310px; }
+
 .unassigned {
-  top: 330px;
   background: #FFD;
   width: 160px;
   min-height: 180px;
-  border-right: 1px solid #888800;
+  border-right: 1px solid #880;
   text-align: center; }
   .unassigned h2 {
     font-size: 18px;
@@ -62,7 +66,7 @@
   float: right;
   font-size: 50%;
   color: #A00;
-  border: 1px solid #aa0000;
+  border: 1px solid #A00;
   border-radius: 12px;
   -moz-border-radius: 12px;
   text-align: center;

sass/test.scss

@@ -14,13 +14,21 @@
 .event_palette {
 	border-right:1px solid #888;
     position: fixed;
-	top: 10px;
 	left: 10px;
 	width:160px;
 }
 
+#new_events{
+	top: 10px;
+}
+
+
+#unassigned_event_resource{
+	top: 310px;
+}
+
+
 .unassigned {
-	top: 330px;
 	h2 { font-size:18px; margin:0; padding:0; }
 	background: #FFD;
 	width:160px;

test.html

@@ -16,15 +16,15 @@ <h1>Resource Calendar Demo Page</h1>
 		   This layout is just one possible way to use the Resource Calendar system; it is fully customizable.</p>
 		<p>Source code for the Resource Calendar jquery plugin, and a description of functionality implemented so far, can be found at: <a href="https://github.com/geekbrit/ResCal">https://github.com/geekbrit/ResCal</a></p>
 	</div>
-	<div class='event_palette'>
+	<div id='new_events' class='event_palette'>
 	    <p>Drag these to a calendar<br>to create a meeting</p>
 		<div class='ip_spacing'><div class='rc_event client event in_palette' data-evtype='client'   ><p>Client Meeting</p></div></div>
 		<div class='ip_spacing'><div class='rc_event internal event in_palette' data-evtype='internal' ><p>Internal Meeting</p></div></div>
 		<div class='ip_spacing'><div class='rc_event vendor event in_palette' data-evtype='vendor'   ><p>Vendor Meeting</p></div></div>
 	</div>
 
-	<div id='unassigned_event_resource' data-validate ='void' data-params ='{}' data-attr ='{}';>
-		<div class='event_palette rc_day_target unassigned' id='unassigned_events' data-date='unassigned'>
+	<div id='unassigned_event_resource' class='event_palette' data-validate ='void' data-params ='{}' data-attr ='{}';>
+		<div class='rc_day_target unassigned' id='unassigned_events' data-date='unassigned'>
 			<h2>Unassigned Events</h2>
 			<p>You can drag events here to save them until room, date, and time have been finalized.</p>
 		</div>
@@ -165,6 +165,7 @@ <h3>Resource Calendar</h3>
     {{ } }}
     </div>
   </div>
+  {{ $('.calimg').click(function(){ $(this).datepicker( "dialog", {{= it.baseDate }}, dateSelect ) }); }}
 </script>
 
 <script id='render_week_event' type='text/plain'>