calendar update

This commit is contained in:
devin 2012-10-30 17:26:52 +08:00
parent 5da35ee65b
commit 167c993108
6 changed files with 75 additions and 16 deletions

View File

@ -320,7 +320,7 @@ var calendarAPI = function(){
if(allow){
if(evnt.title=="Navratri")
console.log(pos);
//console.log(pos);
if(pos == 1){
var colspan = 0;
if(evnt.total_days>7){
@ -643,6 +643,11 @@ var calendarAPI = function(){
$( "#dpfrom" ).datepicker( "option", "maxDate", selectedDate );
}
});
$('#open_tags_panel').click(function(){
$('#tags_panel').toggle();
$('.my_scroll').tinyscrollbar();
return false;
});
}
c.event_create_div.load(url+"?ref="+ref+"&date="+date+"&month="+month+"&year="+year+"&time="+time+"&ses="+ses,function(){

View File

@ -5,4 +5,5 @@
// the compiled file.
//
//= require jquery-ui
//= require bootstrap
//= require calendarAPI

View File

@ -18,7 +18,6 @@
line-height: 28px;
}
.calendar_mode {
float: right;
z-index: 2;
}
.mode_switch {
@ -37,6 +36,9 @@
-webkit-box-shadow: inset 0 0 1px black;
-moz-box-shadow: inset 0 0 1px black;
}
.modal-body {
max-height: 450px;
}
.event_list_wrapper {
position: relative;
}
@ -164,7 +166,7 @@
/* agenda view */
#calendar_agenda {
border-bottom: solid 1px #ddd;
margin-top: 20px;
}
#calendar_agenda .table {
margin-bottom: 0;
@ -335,3 +337,24 @@
float: none;
margin: 4px 0 0 0;
}
/* create / edit event panel */
#tags_panel {
top: auto;
bottom: 34px;
width: 258px;
height: 170px;
padding: 8px 0;
overflow: hidden;
position: absolute;
clear: none;
}
#tags_panel .viewport {
height: 170px;
}
#tags_panel .scrollbar {
top: 8px;
}
#tags_list {
padding: 8px;
}

View File

@ -1,5 +1,5 @@
<div id="agenda_date_range" style="display:none;">
<label>From :</label> <select name="start_month" class='input-small'>
<label>From</label> <select name="start_month" class='input-small'>
<% for i in 1..12 %>
<% if i == @start_month %>
<option value="<%= i %>" selected="selected"><%= Date::MONTHNAMES[i] %></option>
@ -17,7 +17,7 @@
<% end %>
<% end %>
</select>
<label>To :</label> <select name="end_month" class='input-small'>
<label>To</label> <select name="end_month" class='input-small'>
<% for i in 1..12 %>
<% if i == @end_month %>
<option value="<%= i %>" selected="selected"><%= Date::MONTHNAMES[i] %></option>
@ -75,7 +75,7 @@
<table class="table event_list">
<thead>
<tr height="0">
<th class="span2"></th>
<th class="span3"></th>
<th class="span2"></th>
<th class=""></th>
</tr>

View File

@ -25,7 +25,7 @@
</div>
</div>
<div id="orbit_calendar" class="month_view">
<div class="row-fluid">
<div class="row-fluid cal-fn">
<div class="span3" id='sec1'>
<div class="btn-toolbar" id="navigation" style="margin:0;">
<div class="btn-group">
@ -43,16 +43,17 @@
<h4 class="current_day_title"></h4>
</div>
<div class="span4" id='sec3'>
<div class="btn-group pull-right">
<button id="refresh_btn" class="btn icon-refresh"></button>
<div class="btn-toolbar" style="margin:0; text-align:right;">
<div class="btn-group calendar_mode" data-toggle="buttons-radio">
<button class="btn mode_switch">day</button>
<button class="btn mode_switch">week</button>
<button class="btn active mode_switch">month</button>
<button class="btn mode_switch">agenda</button>
</div>
<div class="btn-group">
<button id="refresh_btn" class="btn icon-refresh"></button>
</div>
</div>
<div class="btn-group calendar_mode" data-toggle="buttons-radio">
<button class="btn mode_switch">day</button>
<button class="btn mode_switch">week</button>
<button class="btn active mode_switch">month</button>
<button class="btn mode_switch">agenda</button>
</div>
</div>
</div>
<div id="view_holder"></div>

View File

@ -74,6 +74,35 @@
<%= f.select(:cal_id, Cal.all.collect {|p| [ p.name, p.id ] },{:prompt => t("calendar.select_calendar")},:class => "validate") %>
</div>
</div>
<div class="row-fluid">
<label for="" class="control-label span3">Tags</label>
<div class="row-fluid span9 dropdown">
<button id="open_tags_panel" class="btn">Choose Tags</button>
<div id="tags_panel" class="dropdown-menu my_scroll">
<div class="scrollbar">
<div class="track">
<div class="thumb">
<div class="end"></div>
</div>
</div>
</div>
<div class="viewport">
<div class="overview">
<ul id="tags_list" class="unstyled">
<li><label for="" class="checkbox"><input type="checkbox"> tag1</label></li>
<li><label for="" class="checkbox"><input type="checkbox"> tag2</label></li>
<li><label for="" class="checkbox"><input type="checkbox"> tag3</label></li>
<li><label for="" class="checkbox"><input type="checkbox"> tag4</label></li>
<li><label for="" class="checkbox"><input type="checkbox"> tag5</label></li>
<li><label for="" class="checkbox"><input type="checkbox"> tag6</label></li>
<li><label for="" class="checkbox"><input type="checkbox"> tag7</label></li>
<li><label for="" class="checkbox"><input type="checkbox"> tag8</label></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="row-fluid">
<label for="" class="control-label span3">Note</label>
<div class="row-fluid span9">