calendar fixed
This commit is contained in:
Harry Bomrah
parent
7f290adfbb
commit
3d9fb548e1
2
Gemfile
2
Gemfile
|
|
@ -50,7 +50,7 @@ gem 'rb-readline' if RUBY_PLATFORM.downcase.include?("linux")
|
|||
|
||||
gem "impressionist", :git => 'git://github.com/charlotte-ruby/impressionist.git'
|
||||
#gem 'contacts'
|
||||
gem 'event-calendar', :require => 'event_calendar'#, :git => 'git://github.com/elevation/event_calendar.git'
|
||||
#gem 'event-calendar', :require => 'event_calendar'#, :git => 'git://github.com/elevation/event_calendar.git'
|
||||
|
||||
gem 'redis','>= 2.1.1'
|
||||
gem 'chinese_pinyin', '0.4.1'
|
||||
|
|
|
|||
|
|
@ -107,7 +107,7 @@
|
|||
<% end -%>
|
||||
|
||||
<%= content_tag :li, :class => active_for_controllers('cals','calendar_categories') || active_for_app_auth("calendar") do -%>
|
||||
<%#= link_to content_tag(:i, nil, :class => 'icons-calendar') + content_tag(:span, t('admin.calendar')), panel_calendar_back_end_cals_path %>
|
||||
<%= link_to content_tag(:i, nil, :class => 'icons-calendar') + content_tag(:span, t('admin.calendar')), panel_calendar_back_end_cals_path %>
|
||||
<%= content_tag :ul, :class => ("nav nav-list " + visible_for_controllers('cals','calendar_categories') ) do -%>
|
||||
<%#= content_tag :li, link_to(t('admin.ad.all_banners'), admin_ad_banners_path), :class => active_for_action('ad_banners', 'index') %>
|
||||
<%#= content_tag :li, link_to(t('admin.ad.new_banner'), new_admin_ad_banner_path), :class => active_for_action('ad_banners', 'new') %>
|
||||
|
|
|
|||
|
|
@ -1,99 +0,0 @@
|
|||
PATH
|
||||
remote: .
|
||||
specs:
|
||||
calendar (0.0.1)
|
||||
rails (~> 3.1.4)
|
||||
|
||||
GEM
|
||||
remote: http://rubygems.org/
|
||||
specs:
|
||||
actionmailer (3.1.8)
|
||||
actionpack (= 3.1.8)
|
||||
mail (~> 2.3.3)
|
||||
actionpack (3.1.8)
|
||||
activemodel (= 3.1.8)
|
||||
activesupport (= 3.1.8)
|
||||
builder (~> 3.0.0)
|
||||
erubis (~> 2.7.0)
|
||||
i18n (~> 0.6)
|
||||
rack (~> 1.3.6)
|
||||
rack-cache (~> 1.2)
|
||||
rack-mount (~> 0.8.2)
|
||||
rack-test (~> 0.6.1)
|
||||
sprockets (~> 2.0.4)
|
||||
activemodel (3.1.8)
|
||||
activesupport (= 3.1.8)
|
||||
builder (~> 3.0.0)
|
||||
i18n (~> 0.6)
|
||||
activerecord (3.1.8)
|
||||
activemodel (= 3.1.8)
|
||||
activesupport (= 3.1.8)
|
||||
arel (~> 2.2.3)
|
||||
tzinfo (~> 0.3.29)
|
||||
activeresource (3.1.8)
|
||||
activemodel (= 3.1.8)
|
||||
activesupport (= 3.1.8)
|
||||
activesupport (3.1.8)
|
||||
multi_json (>= 1.0, < 1.3)
|
||||
arel (2.2.3)
|
||||
builder (3.0.3)
|
||||
erubis (2.7.0)
|
||||
hike (1.2.1)
|
||||
i18n (0.6.1)
|
||||
jquery-rails (2.1.2)
|
||||
railties (>= 3.1.0, < 5.0)
|
||||
thor (~> 0.14)
|
||||
json (1.7.5)
|
||||
mail (2.3.3)
|
||||
i18n (>= 0.4.0)
|
||||
mime-types (~> 1.16)
|
||||
treetop (~> 1.4.8)
|
||||
mime-types (1.19)
|
||||
multi_json (1.2.0)
|
||||
polyglot (0.3.3)
|
||||
rack (1.3.6)
|
||||
rack-cache (1.2)
|
||||
rack (>= 0.4)
|
||||
rack-mount (0.8.3)
|
||||
rack (>= 1.0.0)
|
||||
rack-ssl (1.3.2)
|
||||
rack
|
||||
rack-test (0.6.1)
|
||||
rack (>= 1.0)
|
||||
rails (3.1.8)
|
||||
actionmailer (= 3.1.8)
|
||||
actionpack (= 3.1.8)
|
||||
activerecord (= 3.1.8)
|
||||
activeresource (= 3.1.8)
|
||||
activesupport (= 3.1.8)
|
||||
bundler (~> 1.0)
|
||||
railties (= 3.1.8)
|
||||
railties (3.1.8)
|
||||
actionpack (= 3.1.8)
|
||||
activesupport (= 3.1.8)
|
||||
rack-ssl (~> 1.3.2)
|
||||
rake (>= 0.8.7)
|
||||
rdoc (~> 3.4)
|
||||
thor (~> 0.14.6)
|
||||
rake (0.9.2.2)
|
||||
rdoc (3.12)
|
||||
json (~> 1.4)
|
||||
sprockets (2.0.4)
|
||||
hike (~> 1.2)
|
||||
rack (~> 1.0)
|
||||
tilt (~> 1.1, != 1.3.0)
|
||||
sqlite3 (1.3.6)
|
||||
thor (0.14.6)
|
||||
tilt (1.3.3)
|
||||
treetop (1.4.10)
|
||||
polyglot
|
||||
polyglot (>= 0.3.1)
|
||||
tzinfo (0.3.33)
|
||||
|
||||
PLATFORMS
|
||||
ruby
|
||||
|
||||
DEPENDENCIES
|
||||
calendar!
|
||||
jquery-rails
|
||||
sqlite3
|
||||
|
|
@ -3,8 +3,44 @@ $(window).load(function(){
|
|||
$('.color-picker').miniColors(); // just in category view
|
||||
}
|
||||
|
||||
var view_url = 'http://localhost:3000/panel/calendar/back_end/cals/';
|
||||
|
||||
// below calendar start
|
||||
|
||||
$.get(view_url+'month_view', function(data) {
|
||||
$('#view_holder').html(data);
|
||||
month_fn();
|
||||
});
|
||||
$.get(view_url+'new', function(data) {
|
||||
$('#create .modal-body').html(data);
|
||||
});
|
||||
|
||||
// view switch (for view test)
|
||||
$('.mode_switch').click(function(){
|
||||
var target = $(this).text();
|
||||
$.get(view_url+target+'_view', function(data) {
|
||||
$('#view_holder').html(data);
|
||||
switch(target){
|
||||
case 'month':
|
||||
month_fn();
|
||||
break;
|
||||
case 'week':
|
||||
week_fn();
|
||||
break;
|
||||
case 'day':
|
||||
day_fn();
|
||||
break;
|
||||
case 'agenda':
|
||||
agenda_fn();
|
||||
break;
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
// month fn
|
||||
var month_fn = function(){
|
||||
$('.current_day_title').text('September 2012');
|
||||
|
||||
// month view
|
||||
if($('#calendar_month').length > 0){
|
||||
var $c_table = $('#calendar_month');
|
||||
|
|
@ -27,7 +63,21 @@ $(window).load(function(){
|
|||
.height(($('#main-sidebar').outerHeight()-sum_h-92) / 6);
|
||||
});
|
||||
}
|
||||
$.get('http://localhost:3000/panel/calendar/back_end/cals/new', function(data) {
|
||||
$('#create .modal-body').html(data);
|
||||
});
|
||||
};
|
||||
|
||||
// week fn
|
||||
var week_fn = function(){
|
||||
$('.current_day_title').text('September 2 - 8, 2012');
|
||||
}
|
||||
|
||||
// day fn
|
||||
var day_fn = function(){
|
||||
$('.current_day_title').text('September 2, 2012');
|
||||
}
|
||||
|
||||
// agenda fn
|
||||
var agenda_fn = function(){
|
||||
$('.current_day_title').text('September 2, 2012');
|
||||
}
|
||||
|
||||
});
|
||||
|
|
@ -13,9 +13,25 @@
|
|||
margin-right: 4px;
|
||||
vertical-align: bottom;
|
||||
}
|
||||
.current_day_title {
|
||||
text-align: center;
|
||||
line-height: 28px;
|
||||
}
|
||||
.calendar_mode {
|
||||
float: right;
|
||||
}
|
||||
.mode_switch {
|
||||
text-transform: capitalize;
|
||||
}
|
||||
.today {
|
||||
background-color: #D9EDF7;
|
||||
}
|
||||
.event {
|
||||
font-size: 12px;
|
||||
border-radius: 3px;
|
||||
cursor: pointer;
|
||||
padding: 1px 3px;
|
||||
}
|
||||
/* month view */
|
||||
#calendar_month {
|
||||
border-bottom: solid 1px #ddd;
|
||||
|
|
@ -65,16 +81,11 @@
|
|||
text-decoration: underline;
|
||||
}
|
||||
#calendar_month .month_row td.today {
|
||||
background-color: #D9EDF7;
|
||||
border-bottom: solid 1px #fff;
|
||||
border-top: solid 1px #fff;
|
||||
}
|
||||
#calendar_month .month_row .event {
|
||||
padding: 1px 3px;
|
||||
margin: 0 -2px;
|
||||
font-size: 12px;
|
||||
border-radius: 3px;
|
||||
cursor: pointer;
|
||||
position: relative;
|
||||
color: #000;
|
||||
}
|
||||
|
|
@ -87,6 +98,87 @@
|
|||
border-left: solid 1px #ddd;
|
||||
}
|
||||
|
||||
/* agenda view */
|
||||
#calendar_agenda {
|
||||
border-bottom: solid 1px #ddd;
|
||||
}
|
||||
#calendar_agenda .table {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.event_time {
|
||||
font-family: Tahoma, sans-serif;
|
||||
}
|
||||
|
||||
/* day view */
|
||||
#calendar_day .header {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
#calendar_day .header th {
|
||||
text-align: center;
|
||||
}
|
||||
#calendar_day td {
|
||||
border: 0;
|
||||
}
|
||||
#calendar_day .event {
|
||||
margin-bottom: 2px;
|
||||
}
|
||||
#calendar_day .all_day_event {
|
||||
background: #eee;
|
||||
border: solid 1px #ddd
|
||||
}
|
||||
#calendar_day .event_list .table {
|
||||
border-top: solid 1px #ddd;
|
||||
}
|
||||
#calendar_day .event_list td {
|
||||
padding: 0;
|
||||
}
|
||||
#calendar_day .event_list .day_time {
|
||||
height: 30px;
|
||||
border-bottom: solid 1px #ddd;
|
||||
border-left: solid 1px #ddd;
|
||||
text-align: right;
|
||||
padding: 4px;
|
||||
}
|
||||
#calendar_day .event_list .cell {
|
||||
height: 38px;
|
||||
border: solid 1px #ddd;
|
||||
border-top: 0;
|
||||
}
|
||||
#calendar_day .event_list .divide {
|
||||
height: 18px;
|
||||
margin-bottom: 18px;
|
||||
border-bottom: solid 1px #eee;
|
||||
}
|
||||
#calendar_day .event_holder {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
}
|
||||
#calendar_day .event_holder .event {
|
||||
padding: 0px;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
}
|
||||
#calendar_day .event_holder .event.half {
|
||||
|
||||
}
|
||||
#calendar_day .event_holder .event.over {
|
||||
outline: solid 1px #fff;
|
||||
}
|
||||
#calendar_day .event dl, #calendar_day .event dt, #calendar_day .event dd {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
#calendar_day .event dl {
|
||||
padding: 3px;
|
||||
}
|
||||
#calendar_day .event dt {
|
||||
font-size: 11px;
|
||||
font-weight: normal;
|
||||
line-height: 12px;
|
||||
}
|
||||
|
||||
|
||||
/* calendars(category) */
|
||||
.calendars_color_tag {
|
||||
|
|
|
|||
28
vendor/built_in_modules/calendar/app/controllers/panel/calendar/back_end/cals_controller.rb
vendored
Normal file
28
vendor/built_in_modules/calendar/app/controllers/panel/calendar/back_end/cals_controller.rb
vendored
Normal file
|
|
@ -0,0 +1,28 @@
|
|||
class Panel::Calendar::BackEnd::CalsController < OrbitBackendController
|
||||
include AdminHelper
|
||||
|
||||
def index
|
||||
|
||||
end
|
||||
|
||||
def new
|
||||
render :layout => false
|
||||
end
|
||||
|
||||
def day_view
|
||||
render :layout => false
|
||||
end
|
||||
|
||||
def week_view
|
||||
render :layout => false
|
||||
end
|
||||
|
||||
def month_view
|
||||
render :layout => false
|
||||
end
|
||||
|
||||
def agenda_view
|
||||
render :layout => false
|
||||
end
|
||||
|
||||
end
|
||||
|
|
@ -1,12 +0,0 @@
|
|||
class Panel::Orbitcalendar::BackEnd::CalendarController < ApplicationController
|
||||
|
||||
def index
|
||||
@month = (params[:month] || (Time.zone || Time).now.month).to_i
|
||||
@year = (params[:year] || (Time.zone || Time).now.year).to_i
|
||||
|
||||
@shown_month = Date.civil(@year, @month)
|
||||
|
||||
@event_strips = Event.event_strips_for_month(@shown_month)
|
||||
end
|
||||
|
||||
end
|
||||
|
|
@ -1,12 +0,0 @@
|
|||
class Panel::Calendar::BackEnd::CalsController < OrbitBackendController
|
||||
include AdminHelper
|
||||
|
||||
def index
|
||||
|
||||
end
|
||||
|
||||
def new
|
||||
render :layout => false
|
||||
end
|
||||
|
||||
end
|
||||
|
|
@ -1,24 +0,0 @@
|
|||
module Panel::Orbitcalendar::BackEnd::CalendarHelper
|
||||
def month_link(month_date)
|
||||
link_to(I18n.localize(month_date, :format => "%B"), {:month => month_date.month, :year => month_date.year})
|
||||
end
|
||||
|
||||
# custom options for this calendar
|
||||
def event_calendar_opts
|
||||
{
|
||||
:year => @year,
|
||||
:month => @month,
|
||||
:event_strips => @event_strips,
|
||||
:month_name_text => I18n.localize(@shown_month, :format => "%B %Y"),
|
||||
:previous_month_text => "<< " + month_link(@shown_month.prev_month),
|
||||
:next_month_text => month_link(@shown_month.next_month) + " >>" }
|
||||
end
|
||||
|
||||
def event_calendar
|
||||
# args is an argument hash containing :event, :day, and :options
|
||||
calendar event_calendar_opts do |args|
|
||||
event = args[:event]
|
||||
%(<a href="/events/#{event.id}" title="#{h(event.name)}">#{h(event.name)}</a>)
|
||||
end
|
||||
end
|
||||
end
|
||||
|
|
@ -1,10 +0,0 @@
|
|||
class Event
|
||||
include Mongoid::Document
|
||||
include EventCalendar
|
||||
has_event_calendar
|
||||
|
||||
# def self.events_for_date_range(start_d, end_d, find_options = {})
|
||||
# where(find_options.merge(self.end_at_field.to_sym.lt => end_d.to_time.utc,
|
||||
# self.start_at_field.to_sym.gt => start_d.to_time.utc)).asc(self.start_at_field)
|
||||
# end
|
||||
end
|
||||
48
vendor/built_in_modules/calendar/app/views/panel/calendar/back_end/cals/agenda_view.html.erb
vendored
Normal file
48
vendor/built_in_modules/calendar/app/views/panel/calendar/back_end/cals/agenda_view.html.erb
vendored
Normal file
|
|
@ -0,0 +1,48 @@
|
|||
<div id="calendar_agenda">
|
||||
<table class="table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="span2"></th>
|
||||
<th class="span2"></th>
|
||||
<th class=""></th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<th class="today">Thu, Sep 6</th>
|
||||
<td class="event_time">9:00am - 9:30am</td>
|
||||
<td>
|
||||
<div class="event" style="color: #ffcc00;">Commuting time, from home to RD</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th></th>
|
||||
<td class="event_time">9:30am - 12:00am</td>
|
||||
<td>
|
||||
<div class="event" style="color: #ffcc00;">Work on Thu project, and ask ika for help if possible</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th></th>
|
||||
<td class="event_time">13:30pm - 18:00pm</td>
|
||||
<td>
|
||||
<div class="event" style="color: #ffcc00;">Template design, at least finish 2 template</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>Fri, Sep 7</th>
|
||||
<td class="event_time">9:00am - 18:00pm</td>
|
||||
<td>
|
||||
<div class="event" style="color: #ddee00;">Take a day off</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>Sat, Sep 8</th>
|
||||
<td class="event_time">7:00am - 7:50pm</td>
|
||||
<td>
|
||||
<div class="event" style="color: #00ddee;">Work out with Joseph</div>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
155
vendor/built_in_modules/calendar/app/views/panel/calendar/back_end/cals/day_view.html.erb
vendored
Normal file
155
vendor/built_in_modules/calendar/app/views/panel/calendar/back_end/cals/day_view.html.erb
vendored
Normal file
|
|
@ -0,0 +1,155 @@
|
|||
<div id="calendar_day">
|
||||
<table class="table header">
|
||||
<tr>
|
||||
<th class="span1"></th>
|
||||
<th>
|
||||
<h2>Sunday 9/2</h2>
|
||||
</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<td></td>
|
||||
<td class="all_day_event">
|
||||
<div class="event" style="background-color: #ffcc00;">event1</div>
|
||||
<div class="event" style="background-color: #ffcc00;">event2</div>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<div class="event_list">
|
||||
<table class="table">
|
||||
<tr>
|
||||
<td style="width: 60px;">
|
||||
<div class="day_time">12am</div>
|
||||
<div class="day_time">1am</div>
|
||||
<div class="day_time">2am</div>
|
||||
<div class="day_time">3am</div>
|
||||
<div class="day_time">4am</div>
|
||||
<div class="day_time">5am</div>
|
||||
<div class="day_time">6am</div>
|
||||
<div class="day_time">7am</div>
|
||||
<div class="day_time">8am</div>
|
||||
<div class="day_time">9am</div>
|
||||
<div class="day_time">10am</div>
|
||||
<div class="day_time">11am</div>
|
||||
<div class="day_time">12am</div>
|
||||
<div class="day_time">1pm</div>
|
||||
<div class="day_time">2pm</div>
|
||||
<div class="day_time">3pm</div>
|
||||
<div class="day_time">4pm</div>
|
||||
<div class="day_time">5pm</div>
|
||||
<div class="day_time">6pm</div>
|
||||
<div class="day_time">7pm</div>
|
||||
<div class="day_time">8pm</div>
|
||||
<div class="day_time">9pm</div>
|
||||
<div class="day_time">10pm</div>
|
||||
<div class="day_time">11pm</div>
|
||||
</td>
|
||||
<td style="position: relative;">
|
||||
<div class="cell">
|
||||
<div class="divide"></div>
|
||||
</div>
|
||||
<div class="cell">
|
||||
<div class="divide"></div>
|
||||
</div>
|
||||
<div class="cell">
|
||||
<div class="divide"></div>
|
||||
</div>
|
||||
<div class="cell">
|
||||
<div class="divide"></div>
|
||||
</div>
|
||||
<div class="cell">
|
||||
<div class="divide"></div>
|
||||
</div>
|
||||
<div class="cell">
|
||||
<div class="divide"></div>
|
||||
</div>
|
||||
<div class="cell">
|
||||
<div class="divide"></div>
|
||||
</div>
|
||||
<div class="cell">
|
||||
<div class="divide"></div>
|
||||
</div>
|
||||
<div class="cell">
|
||||
<div class="divide"></div>
|
||||
</div>
|
||||
<div class="cell">
|
||||
<div class="divide"></div>
|
||||
</div>
|
||||
<div class="cell">
|
||||
<div class="divide"></div>
|
||||
</div>
|
||||
<div class="cell">
|
||||
<div class="divide"></div>
|
||||
</div>
|
||||
<div class="cell">
|
||||
<div class="divide"></div>
|
||||
</div>
|
||||
<div class="cell">
|
||||
<div class="divide"></div>
|
||||
</div>
|
||||
<div class="cell">
|
||||
<div class="divide"></div>
|
||||
</div>
|
||||
<div class="cell">
|
||||
<div class="divide"></div>
|
||||
</div>
|
||||
<div class="cell">
|
||||
<div class="divide"></div>
|
||||
</div>
|
||||
<div class="cell">
|
||||
<div class="divide"></div>
|
||||
</div>
|
||||
<div class="cell">
|
||||
<div class="divide"></div>
|
||||
</div>
|
||||
<div class="cell">
|
||||
<div class="divide"></div>
|
||||
</div>
|
||||
<div class="cell">
|
||||
<div class="divide"></div>
|
||||
</div>
|
||||
<div class="cell">
|
||||
<div class="divide"></div>
|
||||
</div>
|
||||
<div class="cell">
|
||||
<div class="divide"></div>
|
||||
</div>
|
||||
<div class="cell">
|
||||
<div class="divide"></div>
|
||||
</div>
|
||||
<div class="event_holder">
|
||||
<div class="event" style="background-color: #66cc00; top: 0;">
|
||||
<dl>
|
||||
<dt>10:30am - 11:00am</dt>
|
||||
<dd>template</dd>
|
||||
</dl>
|
||||
</div>
|
||||
<div class="event" style="background-color: #00aacc; top: 39px;">
|
||||
<dl>
|
||||
<dt>10:30am - 11:00am</dt>
|
||||
<dd>template</dd>
|
||||
</dl>
|
||||
</div>
|
||||
<div class="event half" style="background-color: #ccffee; top: 117px;">
|
||||
<dl>
|
||||
<dt>10:30am - template</dt>
|
||||
<dd></dd>
|
||||
</dl>
|
||||
</div>
|
||||
<div class="event" style="background-color: #00ffee; top: 195px; width: 85%;">
|
||||
<dl>
|
||||
<dt>10:30am - 11:00am</dt>
|
||||
<dd>template</dd>
|
||||
</dl>
|
||||
</div>
|
||||
<div class="event over" style="background-color: #00ffee; top: 214px; left: 50%; width: 50%;">
|
||||
<dl>
|
||||
<dt>10:30am - 11:00am</dt>
|
||||
<dd>template</dd>
|
||||
</dl>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
67
vendor/built_in_modules/calendar/app/views/panel/calendar/back_end/cals/index.html.erb
vendored
Normal file
67
vendor/built_in_modules/calendar/app/views/panel/calendar/back_end/cals/index.html.erb
vendored
Normal file
|
|
@ -0,0 +1,67 @@
|
|||
<%= stylesheet_link_tag "font-awesome" %>
|
||||
<%= stylesheet_link_tag "calendar" %>
|
||||
<%= stylesheet_link_tag "bootstrap-responsive" %>
|
||||
<% content_for :page_specific_javascript do %>
|
||||
<%= javascript_include_tag "calendarAPI" %>
|
||||
<% end %>
|
||||
|
||||
<div id="filter" class="subnav">
|
||||
<ul class="nav nav-pills filter">
|
||||
<li class="accordion-group">
|
||||
<div class="accordion-heading">
|
||||
<a href="#collapse-categories" data-toggle="collapse" data-parent=".filters" class="accordion-toggle"><span class="" title="">Calendar</span> <b class="web-symbol"></b></a>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="filters">
|
||||
<div class="accordion-body collapse" id="collapse-categories">
|
||||
<div class="accordion-inner filter_btns cats" data-toggle="buttons-checkbox">
|
||||
<a href="" class="btn" onclick="return false;"><span class="calendar_color_tag" style="background-color: #ffcc00;"></span>Calendar1</a>
|
||||
<a href="" class="btn" onclick="return false;"><span class="calendar_color_tag" style="background-color: #ff6600;"></span>Calendar2</a>
|
||||
<a href="" class="btn" onclick="return false;"><span class="calendar_color_tag" style="background-color: #ff4400;"></span>Calendar3</a>
|
||||
</div>
|
||||
<div class="filter-clear">
|
||||
<a href="" class="btn" onclick="return false;" for="cats"><i class="icons-brush-large"></i>Clear</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="orbit_calendar" class="month_view">
|
||||
<div class="row-fluid">
|
||||
<div class="span2">
|
||||
<div class="btn-toolbar" style="margin:0;">
|
||||
<div class="btn-group">
|
||||
<button class="btn">Today</button>
|
||||
</div>
|
||||
<div class="btn-group">
|
||||
<button class="btn"><span class="icon-chevron-left"></span></button>
|
||||
<button class="btn"><span class="icon-chevron-right"></span></button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="span7">
|
||||
<h4 class="current_day_title">Semptember 2012</h4>
|
||||
</div>
|
||||
<div class="span3">
|
||||
<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>
|
||||
</div>
|
||||
<div class="form-actions form-fixed">
|
||||
<div class="row-fluid">
|
||||
<div class="span8">
|
||||
</div>
|
||||
<div class="span4">
|
||||
<a id="create_event" href="" class="btn btn-primary pull-right">Add</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="create" class="modal" style="right: 8px; bottom: 50px; left: auto; top: auto; width: 330px; margin: 0;">
|
||||
<div class="modal-body"></div>
|
||||
</div>
|
||||
182
vendor/built_in_modules/calendar/app/views/panel/calendar/back_end/cals/month_view.html.erb
vendored
Normal file
182
vendor/built_in_modules/calendar/app/views/panel/calendar/back_end/cals/month_view.html.erb
vendored
Normal file
|
|
@ -0,0 +1,182 @@
|
|||
<div id="calendar_month">
|
||||
<div class="month_row header">
|
||||
<table class="table">
|
||||
<tr>
|
||||
<th>Sun</th>
|
||||
<th>Mon</th>
|
||||
<th>Tue</th>
|
||||
<th>Wed</th>
|
||||
<th>Thu</th>
|
||||
<th>Fri</th>
|
||||
<th>Sat</th>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
<div class="month_row">
|
||||
<table class="table month_table">
|
||||
<tr>
|
||||
<td class="disable"></td>
|
||||
<td class="disable"></td>
|
||||
<td class="disable"></td>
|
||||
<td class="disable"></td>
|
||||
<td class="disable"></td>
|
||||
<td class="disable"></td>
|
||||
<td></td>
|
||||
</tr>
|
||||
</table>
|
||||
<table class="table month_date">
|
||||
<tr>
|
||||
<td class="day_title disable">Aug 26</td>
|
||||
<td class="day_title disable">27</td>
|
||||
<td class="day_title disable">28</td>
|
||||
<td class="day_title disable">29</td>
|
||||
<td class="day_title disable">30</td>
|
||||
<td class="day_title disable">31</td>
|
||||
<td>Sep 1</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
<div class="month_row">
|
||||
<table class="table month_table">
|
||||
<tr>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
</tr>
|
||||
</table>
|
||||
<table class="table month_date">
|
||||
<tr>
|
||||
<td class="day_title">2</td>
|
||||
<td class="day_title">3</td>
|
||||
<td class="day_title">4</td>
|
||||
<td class="day_title">5</td>
|
||||
<td class="day_title">6</td>
|
||||
<td class="day_title">7</td>
|
||||
<td class="day_title">8</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
<div class="month_row">
|
||||
<table class="table month_table">
|
||||
<tr>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td class="today"></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
</tr>
|
||||
</table>
|
||||
<table class="table month_date">
|
||||
<tr>
|
||||
<td class="day_title">9</td>
|
||||
<td class="day_title">10</td>
|
||||
<td class="day_title">11</td>
|
||||
<td class="day_title">12</td>
|
||||
<td class="day_title">13</td>
|
||||
<td class="day_title">14</td>
|
||||
<td class="day_title">15</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="7"><div class="event" style="background-color: #ffcc00;">7pm - 9pm test event</div></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="3"></td>
|
||||
<td><div class="event" style="color: #ffcc00;">7pm - 9pm test event</div></td>
|
||||
<td colspan="3"></td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
<div class="month_row">
|
||||
<table class="table month_table">
|
||||
<tr>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
</tr>
|
||||
</table>
|
||||
<table class="table month_date">
|
||||
<tr>
|
||||
<td class="day_title">16</td>
|
||||
<td class="day_title">17</td>
|
||||
<td class="day_title">18</td>
|
||||
<td class="day_title">19</td>
|
||||
<td class="day_title">20</td>
|
||||
<td class="day_title">21</td>
|
||||
<td class="day_title">22</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
<div class="month_row">
|
||||
<table class="table month_table">
|
||||
<tr>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
</tr>
|
||||
</table>
|
||||
<table class="table month_date">
|
||||
<tr>
|
||||
<td class="day_title">23</td>
|
||||
<td class="day_title">24</td>
|
||||
<td class="day_title">25</td>
|
||||
<td class="day_title">26</td>
|
||||
<td class="day_title">27</td>
|
||||
<td class="day_title">28</td>
|
||||
<td class="day_title">29</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
<div class="month_row">
|
||||
<table class="table month_table">
|
||||
<tr>
|
||||
<td></td>
|
||||
<td class="disable"></td>
|
||||
<td class="disable"></td>
|
||||
<td class="disable"></td>
|
||||
<td class="disable"></td>
|
||||
<td class="disable"></td>
|
||||
<td class="disable"></td>
|
||||
</tr>
|
||||
</table>
|
||||
<table class="table month_date">
|
||||
<tr>
|
||||
<td>30</td>
|
||||
<td class="day_title disable">Nov 1</td>
|
||||
<td class="day_title disable">2</td>
|
||||
<td class="day_title disable">3</td>
|
||||
<td class="day_title disable">4</td>
|
||||
<td class="day_title disable">5</td>
|
||||
<td class="day_title disable">6</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
<div id="quick_view" class="modal" style="width: 300px; top: 60%;">
|
||||
<div class="modal-header">
|
||||
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
|
||||
<h3>Event Name</h3>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<div class="event_summary">
|
||||
Thu, September 13
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<a href="#" class="btn">Delete</a>
|
||||
<a href="#" class="btn btn-primary">Edit</a>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -1,5 +1,8 @@
|
|||
<div class="event_controller">
|
||||
<form class="form-horizontal">
|
||||
<div class="row-fluid">
|
||||
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
|
||||
</div>
|
||||
<div class="row-fluid">
|
||||
<input class="span12" type="text" placeholder="Event name">
|
||||
</div>
|
||||
|
|
|
|||
1
vendor/built_in_modules/calendar/app/views/panel/calendar/back_end/cals/week_view.html.erb
vendored
Normal file
1
vendor/built_in_modules/calendar/app/views/panel/calendar/back_end/cals/week_view.html.erb
vendored
Normal file
|
|
@ -0,0 +1 @@
|
|||
week
|
||||
|
|
@ -1,6 +0,0 @@
|
|||
<!-- Probably move the stylesheet to you layout. Also make sure you include the javascript. -->
|
||||
<%= stylesheet_link_tag "event_calendar" %>
|
||||
|
||||
<h1>Calendar</h1>
|
||||
|
||||
<%= raw(event_calendar) %>
|
||||
|
|
@ -1,246 +0,0 @@
|
|||
<%= stylesheet_link_tag "font-awesome" %>
|
||||
<%= stylesheet_link_tag "calendar" %>
|
||||
<%= stylesheet_link_tag "bootstrap-responsive" %>
|
||||
<% content_for :page_specific_javascript do %>
|
||||
<%= javascript_include_tag "calendarAPI" %>
|
||||
<% end %>
|
||||
|
||||
<div id="filter" class="subnav">
|
||||
<ul class="nav nav-pills filter">
|
||||
<li class="accordion-group">
|
||||
<div class="accordion-heading">
|
||||
<a href="#collapse-categories" data-toggle="collapse" data-parent=".filters" class="accordion-toggle"><span class="" title="">Calendar</span> <b class="web-symbol"></b></a>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="filters">
|
||||
<div class="accordion-body collapse" id="collapse-categories">
|
||||
<div class="accordion-inner filter_btns cats" data-toggle="buttons-checkbox">
|
||||
<a href="" class="btn" onclick="return false;"><span class="calendar_color_tag" style="background-color: #ffcc00;"></span>Calendar1</a>
|
||||
<a href="" class="btn" onclick="return false;"><span class="calendar_color_tag" style="background-color: #ff6600;"></span>Calendar2</a>
|
||||
<a href="" class="btn" onclick="return false;"><span class="calendar_color_tag" style="background-color: #ff4400;"></span>Calendar3</a>
|
||||
</div>
|
||||
<div class="filter-clear">
|
||||
<a href="" class="btn" onclick="return false;" for="cats"><i class="icons-brush-large"></i>Clear</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="orbit_calendar" class="month_view">
|
||||
<div class="row-fluid">
|
||||
<div class="span4">
|
||||
<h3>Semptember 2012</h3>
|
||||
</div>
|
||||
<div class="span8">
|
||||
<div class="btn-group calendar_mode" data-toggle="buttons-radio">
|
||||
<button class="btn">Day</button>
|
||||
<button class="btn">Week</button>
|
||||
<button class="btn active">Month</button>
|
||||
<button class="btn">Agenda</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="calendar_month">
|
||||
<div class="month_row header">
|
||||
<table class="table">
|
||||
<tr>
|
||||
<th>Sun</th>
|
||||
<th>Mon</th>
|
||||
<th>Tue</th>
|
||||
<th>Wed</th>
|
||||
<th>Thu</th>
|
||||
<th>Fri</th>
|
||||
<th>Sat</th>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
<div class="month_row">
|
||||
<table class="table month_table">
|
||||
<tr>
|
||||
<td class="disable"></td>
|
||||
<td class="disable"></td>
|
||||
<td class="disable"></td>
|
||||
<td class="disable"></td>
|
||||
<td class="disable"></td>
|
||||
<td class="disable"></td>
|
||||
<td></td>
|
||||
</tr>
|
||||
</table>
|
||||
<table class="table month_date">
|
||||
<tr>
|
||||
<td class="day_title disable">Aug 26</td>
|
||||
<td class="day_title disable">27</td>
|
||||
<td class="day_title disable">28</td>
|
||||
<td class="day_title disable">29</td>
|
||||
<td class="day_title disable">30</td>
|
||||
<td class="day_title disable">31</td>
|
||||
<td>Sep 1</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
<div class="month_row">
|
||||
<table class="table month_table">
|
||||
<tr>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
</tr>
|
||||
</table>
|
||||
<table class="table month_date">
|
||||
<tr>
|
||||
<td class="day_title">2</td>
|
||||
<td class="day_title">3</td>
|
||||
<td class="day_title">4</td>
|
||||
<td class="day_title">5</td>
|
||||
<td class="day_title">6</td>
|
||||
<td class="day_title">7</td>
|
||||
<td class="day_title">8</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
<div class="month_row">
|
||||
<table class="table month_table">
|
||||
<tr>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td class="today"></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
</tr>
|
||||
</table>
|
||||
<table class="table month_date">
|
||||
<tr>
|
||||
<td class="day_title">9</td>
|
||||
<td class="day_title">10</td>
|
||||
<td class="day_title">11</td>
|
||||
<td class="day_title">12</td>
|
||||
<td class="day_title">13</td>
|
||||
<td class="day_title">14</td>
|
||||
<td class="day_title">15</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="7"><div class="event" style="background-color: #ffcc00;">7pm - 9pm test event</div></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="3"></td>
|
||||
<td><div class="event" style="color: #ffcc00;">7pm - 9pm test event</div></td>
|
||||
<td colspan="3"></td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
<div class="month_row">
|
||||
<table class="table month_table">
|
||||
<tr>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
</tr>
|
||||
</table>
|
||||
<table class="table month_date">
|
||||
<tr>
|
||||
<td class="day_title">16</td>
|
||||
<td class="day_title">17</td>
|
||||
<td class="day_title">18</td>
|
||||
<td class="day_title">19</td>
|
||||
<td class="day_title">20</td>
|
||||
<td class="day_title">21</td>
|
||||
<td class="day_title">22</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
<div class="month_row">
|
||||
<table class="table month_table">
|
||||
<tr>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
</tr>
|
||||
</table>
|
||||
<table class="table month_date">
|
||||
<tr>
|
||||
<td class="day_title">23</td>
|
||||
<td class="day_title">24</td>
|
||||
<td class="day_title">25</td>
|
||||
<td class="day_title">26</td>
|
||||
<td class="day_title">27</td>
|
||||
<td class="day_title">28</td>
|
||||
<td class="day_title">29</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
<div class="month_row">
|
||||
<table class="table month_table">
|
||||
<tr>
|
||||
<td></td>
|
||||
<td class="disable"></td>
|
||||
<td class="disable"></td>
|
||||
<td class="disable"></td>
|
||||
<td class="disable"></td>
|
||||
<td class="disable"></td>
|
||||
<td class="disable"></td>
|
||||
</tr>
|
||||
</table>
|
||||
<table class="table month_date">
|
||||
<tr>
|
||||
<td>30</td>
|
||||
<td class="day_title disable">Nov 1</td>
|
||||
<td class="day_title disable">2</td>
|
||||
<td class="day_title disable">3</td>
|
||||
<td class="day_title disable">4</td>
|
||||
<td class="day_title disable">5</td>
|
||||
<td class="day_title disable">6</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-actions form-fixed">
|
||||
<div class="row-fluid">
|
||||
<div class="span8">
|
||||
<div class="btn-toolbar" style="margin:0;">
|
||||
<div class="btn-group">
|
||||
<button class="btn">Today</button>
|
||||
</div>
|
||||
<div class="btn-group">
|
||||
<button class="btn"><span class="icon-chevron-left"></span></button>
|
||||
<button class="btn"><span class="icon-chevron-right"></span></button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="span4">
|
||||
<a id="create_event" href="" class="btn btn-primary pull-right">Add</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="create" class="modal" style="right: 8px; bottom: 50px; left: auto; top: auto; width: 330px; margin: 0;">
|
||||
<div class="modal-body"></div>
|
||||
</div>
|
||||
<div id="quick_view" class="modal" style="width: 300px;">
|
||||
<div class="modal-header">
|
||||
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
|
||||
<h3>Event Name</h3>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<div class="event_summary">
|
||||
Thu, September 13
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<a href="#" class="btn">Delete</a>
|
||||
<a href="#" class="btn btn-primary">Edit</a>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -1,9 +1,13 @@
|
|||
Rails.application.routes.draw do
|
||||
namespace :panel do
|
||||
namespace :orbitcalendar do
|
||||
namespace :calendar do
|
||||
namespace :back_end do
|
||||
|
||||
match '/calendar(/:year(/:month))' => 'calendar#index', :as => :calendar, :constraints => {:year => /\d{4}/, :month => /\d{1,2}/}
|
||||
match 'cals/agenda_view' => 'cals#agenda_view', :via => :get
|
||||
match 'cals/month_view' => 'cals#month_view', :via => :get
|
||||
match 'cals/day_view' => 'cals#day_view', :via => :get
|
||||
match 'cals/week_view' => 'cals#week_view', :via => :get
|
||||
resources :cals
|
||||
resources :calendar_categories
|
||||
|
||||
end
|
||||
|
|
|
|||
Reference in New Issue