calendar update
This commit is contained in:
parent
6dd9f441ef
commit
228d43d0e2
|
@ -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(){
|
||||
|
|
|
@ -5,4 +5,5 @@
|
|||
// the compiled file.
|
||||
//
|
||||
//= require jquery-ui
|
||||
//= require bootstrap
|
||||
//= require calendarAPI
|
|
@ -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;
|
||||
}
|
|
@ -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>
|
||||
|
|
|
@ -24,7 +24,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">
|
||||
|
@ -42,16 +42,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>
|
||||
|
|
|
@ -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">
|
||||
|
|
Reference in New Issue