commit for calendar
This commit is contained in:
Harry Bomrah
parent
0cf2f1b9a1
commit
b09b1cf2f5
|
|
@ -112,7 +112,7 @@
|
||||||
<%#= 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.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') %>
|
<%#= content_tag :li, link_to(t('admin.ad.new_banner'), new_admin_ad_banner_path), :class => active_for_action('ad_banners', 'new') %>
|
||||||
<%#= content_tag :li, link_to(t('admin.ad.new_image'), new_ad_image_admin_ad_banners_path), :class => active_for_action('ad_images', 'new') %>
|
<%#= content_tag :li, link_to(t('admin.ad.new_image'), new_ad_image_admin_ad_banners_path), :class => active_for_action('ad_images', 'new') %>
|
||||||
<%= content_tag :li, link_to((t('calendar.calendars') + content_tag(:i, nil, :class => 'icon-chevron-right')).html_safe, panel_calendar_back_end_calendar_categories_path), :class => active_for_action('calendar_categories','index') %>
|
<%= content_tag :li, link_to((t('calendar.calendars') + content_tag(:i, nil, :class => 'icon-chevron-right')).html_safe, new_panel_calendar_back_end_cal_path), :class => active_for_action('cals','new') %>
|
||||||
<%#= content_tag :li, link_to(t('gallery.tags'), panel_gallery_back_end_tags_path), :class => active_for_action('/panel/gallery/back_end/tags', 'index') %>
|
<%#= content_tag :li, link_to(t('gallery.tags'), panel_gallery_back_end_tags_path), :class => active_for_action('/panel/gallery/back_end/tags', 'index') %>
|
||||||
<%#= content_tag :li, link_to(t('admin.module.authorization'),admin_module_app_manager_auth_proc_path(ModuleApp.first(conditions: {key: "gallery"}))), :class => active_for_app_auth('gallery') if (is_admin? rescue nil) %>
|
<%#= content_tag :li, link_to(t('admin.module.authorization'),admin_module_app_manager_auth_proc_path(ModuleApp.first(conditions: {key: "gallery"}))), :class => active_for_app_auth('gallery') if (is_admin? rescue nil) %>
|
||||||
<% end -%>
|
<% end -%>
|
||||||
|
|
|
||||||
|
|
@ -1,83 +1,122 @@
|
||||||
$(window).load(function(){
|
//created on sep 14 2012
|
||||||
if($('.color-picker').length > 0){
|
|
||||||
$('.color-picker').miniColors(); // just in category view
|
|
||||||
}
|
|
||||||
|
|
||||||
var view_url = 'http://localhost:3000/panel/calendar/back_end/cals/';
|
var calendarAPI = function(){
|
||||||
|
c = this;
|
||||||
// below calendar start
|
this.event_create_div = $("#event_create");
|
||||||
|
this.event_quick_view_div = $("#event_quick_view");
|
||||||
$.get(view_url+'month_view', function(data) {
|
this.initialize = function(){
|
||||||
$('#view_holder').html(data);
|
$(window).load(function(){
|
||||||
month_fn();
|
c.loadMonthView();
|
||||||
});
|
bindHandlers();
|
||||||
$.get(view_url+'new', function(data) {
|
})
|
||||||
$('#create .modal-body').html(data);
|
var bindHandlers = function(){
|
||||||
});
|
$(".event").live("click",function(){
|
||||||
|
c.displayEvent();
|
||||||
// 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');
|
|
||||||
var sum_h = 0;
|
|
||||||
var context_h = $('#main-sidebar').outerHeight();
|
|
||||||
$('#main-wrap > *').not('#orbit_calendar, .modal').each(function(){
|
|
||||||
sum_h += $(this).outerHeight();
|
|
||||||
});
|
|
||||||
|
|
||||||
$c_table
|
|
||||||
// .height(context_h-sum_h-64)
|
|
||||||
.find('.month_row')
|
|
||||||
.not('.month_row.header')
|
|
||||||
.height((context_h-sum_h-92) / 6);
|
|
||||||
|
|
||||||
$(window).resize(function(){
|
$("#create_event_btn").click(function(){
|
||||||
$c_table
|
c.newEvent($(this));
|
||||||
.find('.month_row')
|
$(this).toggleClass("active");
|
||||||
.not('.month_row.header')
|
return false;
|
||||||
.height(($('#main-sidebar').outerHeight()-sum_h-92) / 6);
|
})
|
||||||
|
|
||||||
|
$('.mode_switch').click(function(){
|
||||||
|
var target = $(this).text();
|
||||||
|
switch(target){
|
||||||
|
case 'month':
|
||||||
|
c.loadMonthView();
|
||||||
|
break;
|
||||||
|
case 'week':
|
||||||
|
c.loadWeekView();
|
||||||
|
break;
|
||||||
|
case 'day':
|
||||||
|
c.loadDayView();
|
||||||
|
break;
|
||||||
|
case 'agenda':
|
||||||
|
c.loadAgendaView();
|
||||||
|
break;
|
||||||
|
}
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
};
|
|
||||||
|
|
||||||
// week fn
|
|
||||||
var week_fn = function(){
|
|
||||||
$('.current_day_title').text('September 2 - 8, 2012');
|
|
||||||
}
|
}
|
||||||
|
this.loadMonthView = function(){
|
||||||
|
$('#view_holder').load("cals/month_view", function() {
|
||||||
|
$('.current_day_title').text('September 2012');
|
||||||
|
if($('#calendar_month').length > 0){
|
||||||
|
var $c_table = $('#calendar_month');
|
||||||
|
var sum_h = 0;
|
||||||
|
var context_h = $('#main-sidebar').outerHeight();
|
||||||
|
$('#main-wrap > *').not('#orbit_calendar, .modal').each(function(){
|
||||||
|
sum_h += $(this).outerHeight();
|
||||||
|
});
|
||||||
|
|
||||||
// day fn
|
$c_table
|
||||||
var day_fn = function(){
|
// .height(context_h-sum_h-64)
|
||||||
$('.current_day_title').text('September 2, 2012');
|
.find('.month_row')
|
||||||
|
.not('.month_row.header')
|
||||||
|
.height((context_h-sum_h-92) / 6);
|
||||||
|
|
||||||
|
$(window).resize(function(){
|
||||||
|
$c_table
|
||||||
|
.find('.month_row')
|
||||||
|
.not('.month_row.header')
|
||||||
|
.height(($('#main-sidebar').outerHeight()-sum_h-92) / 6);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
})
|
||||||
}
|
}
|
||||||
|
this.loadWeekView = function(){
|
||||||
// agenda fn
|
$('#view_holder').load("cals/week_view", function() {
|
||||||
var agenda_fn = function(){
|
$('.current_day_title').text('September 2 - 8, 2012');
|
||||||
$('.current_day_title').text('September 2, 2012');
|
})
|
||||||
}
|
}
|
||||||
|
this.loadDayView = function(){
|
||||||
|
$('#view_holder').load("cals/day_view", function() {
|
||||||
|
$('.current_day_title').text('September 2, 2012');
|
||||||
|
})
|
||||||
|
}
|
||||||
|
this.loadAgendaView = function(){
|
||||||
|
$('#view_holder').load("cals/week_view", function() {
|
||||||
|
$('.current_day_title').text('September 2, 2012');
|
||||||
|
})
|
||||||
|
}
|
||||||
|
this.newEvent = function(dom){
|
||||||
|
var bindHandlers = function(){
|
||||||
|
c.event_create_div.find("button.btn-close").click(function(){
|
||||||
|
c.event_create_div.hide().empty();
|
||||||
|
dom.removeClass("active");
|
||||||
|
})
|
||||||
|
c.event_create_div.find("input[for=all_day][type=checkbox]").click(function(){
|
||||||
|
if($(this).is(":checked"))
|
||||||
|
c.event_create_div.find("#non_all_day").hide()
|
||||||
|
else
|
||||||
|
c.event_create_div.find("#non_all_day").show()
|
||||||
|
})
|
||||||
|
}
|
||||||
|
if(!dom.hasClass("active")){
|
||||||
|
c.event_create_div.load(dom.attr("href"),function(){
|
||||||
|
c.event_create_div.show();
|
||||||
|
bindHandlers();
|
||||||
|
})
|
||||||
|
}else{
|
||||||
|
c.event_create_div.hide().empty();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
this.newCalendars = function(){
|
||||||
|
if($('.color-picker').length > 0){
|
||||||
|
$('.color-picker').miniColors(); // just in category view
|
||||||
|
}
|
||||||
|
}
|
||||||
|
this.displayEvent = function(){
|
||||||
|
|
||||||
|
c.event_quick_view_div.show()
|
||||||
|
}
|
||||||
|
c.initialize();
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
});
|
|
||||||
|
|
@ -19,6 +19,7 @@
|
||||||
}
|
}
|
||||||
.calendar_mode {
|
.calendar_mode {
|
||||||
float: right;
|
float: right;
|
||||||
|
z-index: 2;
|
||||||
}
|
}
|
||||||
.mode_switch {
|
.mode_switch {
|
||||||
text-transform: capitalize;
|
text-transform: capitalize;
|
||||||
|
|
@ -69,6 +70,7 @@
|
||||||
height: 100%;
|
height: 100%;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 0;
|
top: 0;
|
||||||
|
z-index: 1;
|
||||||
}
|
}
|
||||||
.event_holder .inner {
|
.event_holder .inner {
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|
|
||||||
|
|
@ -1,7 +0,0 @@
|
||||||
class Panel::Calendar::BackEnd::CalendarCategoriesController < OrbitBackendController
|
|
||||||
|
|
||||||
def index
|
|
||||||
|
|
||||||
end
|
|
||||||
|
|
||||||
end
|
|
||||||
|
|
@ -6,7 +6,15 @@ class Panel::Calendar::BackEnd::CalsController < OrbitBackendController
|
||||||
end
|
end
|
||||||
|
|
||||||
def new
|
def new
|
||||||
render :layout => false
|
@calendar = Cal.new
|
||||||
|
@calendars = Cal.all
|
||||||
|
debugger
|
||||||
|
end
|
||||||
|
|
||||||
|
def create
|
||||||
|
debugger
|
||||||
|
calendar = Cal.new(params[:cal])
|
||||||
|
render :json => calendar.to_json
|
||||||
end
|
end
|
||||||
|
|
||||||
def day_view
|
def day_view
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,6 @@
|
||||||
|
class Panel::Calendar::BackEnd::EventsController < OrbitBackendController
|
||||||
|
|
||||||
|
def new
|
||||||
|
render :layout => false
|
||||||
|
end
|
||||||
|
end
|
||||||
|
|
@ -0,0 +1,9 @@
|
||||||
|
class Cal
|
||||||
|
include Mongoid::Document
|
||||||
|
include Mongoid::Timestamps
|
||||||
|
|
||||||
|
field :name, localize: true
|
||||||
|
field :color
|
||||||
|
has_many :events, :autosave => true, :dependent => :destroy
|
||||||
|
accepts_nested_attributes_for :events, :allow_destroy => true
|
||||||
|
end
|
||||||
|
|
@ -0,0 +1,16 @@
|
||||||
|
class Event
|
||||||
|
include Mongoid::Document
|
||||||
|
include Mongoid::Timestamps
|
||||||
|
|
||||||
|
field :title
|
||||||
|
field :description
|
||||||
|
field :start_year
|
||||||
|
field :end_year
|
||||||
|
field :start_month
|
||||||
|
field :end_month
|
||||||
|
field :start_date
|
||||||
|
field :end_date
|
||||||
|
|
||||||
|
belongs_to :cal
|
||||||
|
|
||||||
|
end
|
||||||
|
|
@ -1,91 +0,0 @@
|
||||||
<%= stylesheet_link_tag "jquery.miniColors" %>
|
|
||||||
<%= stylesheet_link_tag "calendar" %>
|
|
||||||
<%= javascript_include_tag "jquery.miniColors.min" %>
|
|
||||||
<% content_for :page_specific_javascript do %>
|
|
||||||
<%= javascript_include_tag "calendarAPI" %>
|
|
||||||
<% end %>
|
|
||||||
|
|
||||||
|
|
||||||
<div id="filter" class="subnav">
|
|
||||||
<div class="filters">
|
|
||||||
<div id="sort_headers" class="table-label">
|
|
||||||
<table class="table main-list">
|
|
||||||
<thead>
|
|
||||||
<tr>
|
|
||||||
<th class="span2"><span class="" title="">Key</span></th>
|
|
||||||
<th class="span2">Color</th>
|
|
||||||
<th class="span2">English</th>
|
|
||||||
<th class="span2">Chiness</th>
|
|
||||||
</tr>
|
|
||||||
</thead>
|
|
||||||
</table>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
<table id="callendars" class="table main-list">
|
|
||||||
<thead>
|
|
||||||
<tr>
|
|
||||||
<th class="span2"></th>
|
|
||||||
<th class="span2"></th>
|
|
||||||
<th class="span2"></th>
|
|
||||||
<th class="span2"></th>
|
|
||||||
</tr>
|
|
||||||
</thead>
|
|
||||||
<tbody>
|
|
||||||
<tr id="" class="with_action">
|
|
||||||
<td>
|
|
||||||
key_name
|
|
||||||
<div class="quick-edit">
|
|
||||||
<ul class="nav nav-pills hide">
|
|
||||||
<li><a href="">Category Authorization</a></li>
|
|
||||||
<li><a href="">Edit</a></li>
|
|
||||||
<li><a href="">Delete</a></li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</td>
|
|
||||||
<td>
|
|
||||||
<span class="calendars_color_tag" style="background-color: #fc3"></span>
|
|
||||||
</td>
|
|
||||||
<td>English_title</td>
|
|
||||||
<td>Chinese_title</td>
|
|
||||||
</tr>
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
|
|
||||||
<div id="form">
|
|
||||||
<form class="new_calendar" id="new_calendar" method="post"><div><input name="utf8" type="hidden" value="✓"><input name="authenticity_token" type="hidden" value=""></div>
|
|
||||||
|
|
||||||
<h2>Add</h2>
|
|
||||||
<div class="row-fluid">
|
|
||||||
<div class="span3">
|
|
||||||
<label for="calendar_key">Key</label>
|
|
||||||
<input id="calendar_key" name="calendars[key]" size="30" type="text">
|
|
||||||
</div>
|
|
||||||
<div class="span2">
|
|
||||||
<label for="">Color</label>
|
|
||||||
<input type="text" name="calendar_color" class="color-picker miniColors span5" size="7" maxlength="7" autocomplete="off" value="#FFCC00">
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div>
|
|
||||||
<div class="control-group">
|
|
||||||
<label class="control-label" for="name-zh_tw">Name-chinese</label>
|
|
||||||
<div class="controls">
|
|
||||||
<input class="input-xxlarge" id="" name="" size="30" type="text">
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="control-group">
|
|
||||||
<label class="control-label" for="name-en">Name-english</label>
|
|
||||||
<div class="controls">
|
|
||||||
<input class="input-xxlarge" id="" name="" size="30" type="text">
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="form-actions pagination-right">
|
|
||||||
<input class="btn btn-primary" name="commit" type="submit" value="Submit">
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</form>
|
|
||||||
</div>
|
|
||||||
|
|
@ -58,10 +58,16 @@
|
||||||
<div class="span8">
|
<div class="span8">
|
||||||
</div>
|
</div>
|
||||||
<div class="span4">
|
<div class="span4">
|
||||||
<a id="create_event" href="" class="btn btn-primary pull-right">Add</a>
|
<%= link_to "Add", new_panel_calendar_back_end_event_path, :class => "btn btn-primary pull-right", :id=>"create_event_btn" %>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div id="create" class="modal" style="right: 8px; bottom: 50px; left: auto; top: auto; width: 330px; margin: 0;">
|
<div id="event_create" class="modal" style="right: 8px; bottom: 50px; left: auto; top: auto; width: 330px; margin: 0;display:none;"></div>
|
||||||
<div class="modal-body"></div>
|
|
||||||
</div>
|
<div id="event_quick_view" class="modal" style="width: 300px; top: 60%;display:none"></div>
|
||||||
|
|
||||||
|
<script type="text/javascript">
|
||||||
|
var calendar = new calendarAPI();
|
||||||
|
</script>
|
||||||
|
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -85,10 +85,10 @@
|
||||||
<tr>
|
<tr>
|
||||||
<td colspan="7"><div class="event" style="background-color: #ffcc00;">7pm - 9pm test event</div></td>
|
<td colspan="7"><div class="event" style="background-color: #ffcc00;">7pm - 9pm test event</div></td>
|
||||||
</tr>
|
</tr>
|
||||||
|
|
||||||
<tr>
|
<tr>
|
||||||
<td colspan="3"></td>
|
<td colspan="2"></td>
|
||||||
<td><div class="event single" style="color: #ffcc00;">7pm - 9pm test event</div></td>
|
<td><div class="event single" style="background-color: #ffcc00;">7pm - 9pm test event</div></td>
|
||||||
<td colspan="3"></td>
|
|
||||||
</tr>
|
</tr>
|
||||||
</table>
|
</table>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -165,18 +165,3 @@
|
||||||
</table>
|
</table>
|
||||||
</div>
|
</div>
|
||||||
</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,116 +1,90 @@
|
||||||
<div class="event_controller">
|
<%= stylesheet_link_tag "jquery.miniColors" %>
|
||||||
<form class="form-horizontal">
|
<%= stylesheet_link_tag "calendar" %>
|
||||||
<div class="row-fluid">
|
<%= javascript_include_tag "jquery.miniColors.min" %>
|
||||||
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
|
<% content_for :page_specific_javascript do %>
|
||||||
</div>
|
<%= javascript_include_tag "calendarAPI" %>
|
||||||
<div class="row-fluid">
|
<% end %>
|
||||||
<input class="span12" type="text" placeholder="Event name">
|
|
||||||
</div>
|
|
||||||
<div class="row-fluid">
|
<div id="filter" class="subnav">
|
||||||
<input class="span12" type="text" placeholder="Location">
|
<div class="filters">
|
||||||
</div>
|
<div id="sort_headers" class="table-label">
|
||||||
<div class="row-fluid">
|
<table class="table main-list">
|
||||||
<label class="checkbox inline">
|
<thead>
|
||||||
<input type="checkbox"> All day
|
<tr>
|
||||||
</label>
|
<th class="span2"><span class="" title="">Key</span></th>
|
||||||
<label class="checkbox inline">
|
<th class="span2">Color</th>
|
||||||
<input type="checkbox"> Repeat
|
<th class="span2">English</th>
|
||||||
</label>
|
<th class="span2">Chiness</th>
|
||||||
</div>
|
</tr>
|
||||||
<div class="row-fluid">
|
</thead>
|
||||||
<label class="control-label span3">From</label>
|
</table>
|
||||||
<div class="row-fluid span9">
|
|
||||||
<input class="span5" type="text" placeholder="09/12/2012">
|
|
||||||
<select name="" id="" class="span4">
|
|
||||||
<option value="">1:00</option>
|
|
||||||
<option value="">1:30</option>
|
|
||||||
<option value="">2:00</option>
|
|
||||||
<option value="">2:30</option>
|
|
||||||
<option value="">3:00</option>
|
|
||||||
<option value="">3:30</option>
|
|
||||||
<option value="">4:00</option>
|
|
||||||
<option value="">4:30</option>
|
|
||||||
<option value="">5:00</option>
|
|
||||||
<option value="">5:30</option>
|
|
||||||
<option value="">6:00</option>
|
|
||||||
<option value="">6:30</option>
|
|
||||||
<option value="">7:00</option>
|
|
||||||
<option value="">7:30</option>
|
|
||||||
<option value="">8:00</option>
|
|
||||||
<option value="">8:30</option>
|
|
||||||
<option value="">9:00</option>
|
|
||||||
<option value="">9:30</option>
|
|
||||||
<option value="">10:00</option>
|
|
||||||
<option value="">10:30</option>
|
|
||||||
<option value="">11:00</option>
|
|
||||||
<option value="">11:30</option>
|
|
||||||
<option value="">12:00</option>
|
|
||||||
<option value="">12:30</option>
|
|
||||||
</select>
|
|
||||||
<select name="" id="" class="span3">
|
|
||||||
<option value="">AM</option>
|
|
||||||
<option value="">PM</option>
|
|
||||||
</select>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<table id="callendars" class="table main-list">
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th class="span2"></th>
|
||||||
|
<th class="span2"></th>
|
||||||
|
<th class="span2"></th>
|
||||||
|
<th class="span2"></th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
<% @calendars.each do |calendar| %>
|
||||||
|
<tr id="" class="with_action">
|
||||||
|
<td>
|
||||||
|
<span class="calendars_color_tag" style="background-color: <%= calendar.color %>"></span>
|
||||||
|
<div class="quick-edit">
|
||||||
|
<ul class="nav nav-pills hide">
|
||||||
|
<li><a href="">Category Authorization</a></li>
|
||||||
|
<li><a href="">Edit</a></li>
|
||||||
|
<li><a href="">Delete</a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
|
<% @site_valid_locales.each do |locale| %>
|
||||||
|
<td>
|
||||||
|
<% calendar.name_translations[locale] %>
|
||||||
|
</td>
|
||||||
|
<% end %>
|
||||||
|
</tr>
|
||||||
|
<% end %>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
|
||||||
|
<div id="form">
|
||||||
|
|
||||||
|
<%= form_for @calendar, :url => {:action => "create"}, :remote => true do |f| %>
|
||||||
|
<h2>Add</h2>
|
||||||
<div class="row-fluid">
|
<div class="row-fluid">
|
||||||
<label class="control-label span3">To</label>
|
<div class="span2">
|
||||||
<div class="row-fluid span9">
|
<%= label_tag("color", t("calendar.color")) %>
|
||||||
<input class="span5" type="text" placeholder="09/12/2012">
|
<%= f.text_field :color, :class => "color-picker miniColors span5", :size => "7", :maxlength => "7", :autocomplete=>"off",:value=>"FFCC00" %>
|
||||||
<select name="" id="" class="span4">
|
|
||||||
<option value="">1:00</option>
|
|
||||||
<option value="">1:30</option>
|
|
||||||
<option value="">2:00</option>
|
|
||||||
<option value="">2:30</option>
|
|
||||||
<option value="">3:00</option>
|
|
||||||
<option value="">3:30</option>
|
|
||||||
<option value="">4:00</option>
|
|
||||||
<option value="">4:30</option>
|
|
||||||
<option value="">5:00</option>
|
|
||||||
<option value="">5:30</option>
|
|
||||||
<option value="">6:00</option>
|
|
||||||
<option value="">6:30</option>
|
|
||||||
<option value="">7:00</option>
|
|
||||||
<option value="">7:30</option>
|
|
||||||
<option value="">8:00</option>
|
|
||||||
<option value="">8:30</option>
|
|
||||||
<option value="">9:00</option>
|
|
||||||
<option value="">9:30</option>
|
|
||||||
<option value="">10:00</option>
|
|
||||||
<option value="">10:30</option>
|
|
||||||
<option value="">11:00</option>
|
|
||||||
<option value="">11:30</option>
|
|
||||||
<option value="">12:00</option>
|
|
||||||
<option value="">12:30</option>
|
|
||||||
</select>
|
|
||||||
<select name="" id="" class="span3">
|
|
||||||
<option value="">AM</option>
|
|
||||||
<option value="">PM</option>
|
|
||||||
</select>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="row-fluid">
|
|
||||||
<label for="" class="control-label span3">Calendars</label>
|
<div>
|
||||||
<div class="row-fluid span9">
|
<%= f.fields_for :name_translations do |name| %>
|
||||||
<select name="" id="" class="span12">
|
<% @site_valid_locales.each_with_index do |locale, i| %>
|
||||||
<option value="">calendar 1</option>
|
<div class="control-group">
|
||||||
<option value="">calendar 2</option>
|
<%= label_tag(locale, t("calendar.name")+"-"+I18nVariable.from_locale(locale)) %>
|
||||||
<option value="">calendar 3</option>
|
<div class="controls">
|
||||||
</select>
|
<%= name.text_field locale, :class => "input-xxlarge", :size=>"30" %>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
<% end %>
|
||||||
|
<% end %>
|
||||||
</div>
|
</div>
|
||||||
<div class="row-fluid">
|
<div class="form-actions pagination-right">
|
||||||
<label for="" class="control-label span3">Note</label>
|
<%= f.submit t("calendar.save"), :class=>"btn btn-primary" %>
|
||||||
<div class="row-fluid span9">
|
</div>
|
||||||
<textarea name="" id="" cols="30" rows="3" class="span12"></textarea>
|
<% end %>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<script type="text/javascript">
|
||||||
<div class="row-fluid">
|
var calendar = new calendarAPI()
|
||||||
<div class="span9 offset3">
|
calendar.newCalendars();
|
||||||
<button class="btn">Delete</button>
|
</script>
|
||||||
<button class="btn">Cancel</button>
|
|
||||||
<button class="btn">Create</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</form>
|
|
||||||
</div>
|
|
||||||
120
vendor/built_in_modules/calendar/app/views/panel/calendar/back_end/events/new.html.erb
vendored
Normal file
120
vendor/built_in_modules/calendar/app/views/panel/calendar/back_end/events/new.html.erb
vendored
Normal file
|
|
@ -0,0 +1,120 @@
|
||||||
|
<div class="modal-body">
|
||||||
|
<div class="event_controller">
|
||||||
|
<form class="form-horizontal">
|
||||||
|
<div class="row-fluid">
|
||||||
|
<button type="button" class="close btn-close" data-dismiss="modal" aria-hidden="true">×</button>
|
||||||
|
</div>
|
||||||
|
<div class="row-fluid">
|
||||||
|
<input class="span12" type="text" placeholder="Event name">
|
||||||
|
</div>
|
||||||
|
<div class="row-fluid">
|
||||||
|
<input class="span12" type="text" placeholder="Location">
|
||||||
|
</div>
|
||||||
|
<div class="row-fluid">
|
||||||
|
<label class="checkbox inline">
|
||||||
|
<input type="checkbox" for="all_day"> All day
|
||||||
|
</label>
|
||||||
|
<label class="checkbox inline">
|
||||||
|
<input type="checkbox"> Repeat
|
||||||
|
</label>
|
||||||
|
</div>
|
||||||
|
<div id="non_all_day">
|
||||||
|
<div class="row-fluid">
|
||||||
|
<label class="control-label span3">From</label>
|
||||||
|
<div class="row-fluid span9">
|
||||||
|
<input class="span5" type="text" placeholder="09/12/2012">
|
||||||
|
<select name="" id="" class="span4">
|
||||||
|
<option value="">1:00</option>
|
||||||
|
<option value="">1:30</option>
|
||||||
|
<option value="">2:00</option>
|
||||||
|
<option value="">2:30</option>
|
||||||
|
<option value="">3:00</option>
|
||||||
|
<option value="">3:30</option>
|
||||||
|
<option value="">4:00</option>
|
||||||
|
<option value="">4:30</option>
|
||||||
|
<option value="">5:00</option>
|
||||||
|
<option value="">5:30</option>
|
||||||
|
<option value="">6:00</option>
|
||||||
|
<option value="">6:30</option>
|
||||||
|
<option value="">7:00</option>
|
||||||
|
<option value="">7:30</option>
|
||||||
|
<option value="">8:00</option>
|
||||||
|
<option value="">8:30</option>
|
||||||
|
<option value="">9:00</option>
|
||||||
|
<option value="">9:30</option>
|
||||||
|
<option value="">10:00</option>
|
||||||
|
<option value="">10:30</option>
|
||||||
|
<option value="">11:00</option>
|
||||||
|
<option value="">11:30</option>
|
||||||
|
<option value="">12:00</option>
|
||||||
|
<option value="">12:30</option>
|
||||||
|
</select>
|
||||||
|
<select name="" id="" class="span3">
|
||||||
|
<option value="">AM</option>
|
||||||
|
<option value="">PM</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="row-fluid">
|
||||||
|
<label class="control-label span3">To</label>
|
||||||
|
<div class="row-fluid span9">
|
||||||
|
<input class="span5" type="text" placeholder="09/12/2012">
|
||||||
|
<select name="" id="" class="span4">
|
||||||
|
<option value="">1:00</option>
|
||||||
|
<option value="">1:30</option>
|
||||||
|
<option value="">2:00</option>
|
||||||
|
<option value="">2:30</option>
|
||||||
|
<option value="">3:00</option>
|
||||||
|
<option value="">3:30</option>
|
||||||
|
<option value="">4:00</option>
|
||||||
|
<option value="">4:30</option>
|
||||||
|
<option value="">5:00</option>
|
||||||
|
<option value="">5:30</option>
|
||||||
|
<option value="">6:00</option>
|
||||||
|
<option value="">6:30</option>
|
||||||
|
<option value="">7:00</option>
|
||||||
|
<option value="">7:30</option>
|
||||||
|
<option value="">8:00</option>
|
||||||
|
<option value="">8:30</option>
|
||||||
|
<option value="">9:00</option>
|
||||||
|
<option value="">9:30</option>
|
||||||
|
<option value="">10:00</option>
|
||||||
|
<option value="">10:30</option>
|
||||||
|
<option value="">11:00</option>
|
||||||
|
<option value="">11:30</option>
|
||||||
|
<option value="">12:00</option>
|
||||||
|
<option value="">12:30</option>
|
||||||
|
</select>
|
||||||
|
<select name="" id="" class="span3">
|
||||||
|
<option value="">AM</option>
|
||||||
|
<option value="">PM</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="row-fluid">
|
||||||
|
<label for="" class="control-label span3">Calendars</label>
|
||||||
|
<div class="row-fluid span9">
|
||||||
|
<select name="" id="" class="span12">
|
||||||
|
<option value="">calendar 1</option>
|
||||||
|
<option value="">calendar 2</option>
|
||||||
|
<option value="">calendar 3</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="row-fluid">
|
||||||
|
<label for="" class="control-label span3">Note</label>
|
||||||
|
<div class="row-fluid span9">
|
||||||
|
<textarea name="" id="" cols="30" rows="3" class="span12"></textarea>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="row-fluid">
|
||||||
|
<div class="span9 offset3">
|
||||||
|
<button class="btn">Delete</button>
|
||||||
|
<button class="btn btn-close">Cancel</button>
|
||||||
|
<button class="btn">Create</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
13
vendor/built_in_modules/calendar/app/views/panel/calendar/back_end/events/show.html.erb
vendored
Normal file
13
vendor/built_in_modules/calendar/app/views/panel/calendar/back_end/events/show.html.erb
vendored
Normal file
|
|
@ -0,0 +1,13 @@
|
||||||
|
<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>
|
||||||
|
|
@ -1,3 +1,6 @@
|
||||||
en:
|
en:
|
||||||
calendar:
|
calendar:
|
||||||
calendars: Calendars
|
calendars: Calendars
|
||||||
|
color: Color
|
||||||
|
name: Name
|
||||||
|
save: Save
|
||||||
|
|
@ -7,8 +7,8 @@ Rails.application.routes.draw do
|
||||||
match 'cals/month_view' => 'cals#month_view', :via => :get
|
match 'cals/month_view' => 'cals#month_view', :via => :get
|
||||||
match 'cals/day_view' => 'cals#day_view', :via => :get
|
match 'cals/day_view' => 'cals#day_view', :via => :get
|
||||||
match 'cals/week_view' => 'cals#week_view', :via => :get
|
match 'cals/week_view' => 'cals#week_view', :via => :get
|
||||||
resources :cals
|
resources :cals
|
||||||
resources :calendar_categories
|
resources :events
|
||||||
|
|
||||||
end
|
end
|
||||||
end
|
end
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue