developers
/
orbit-4-1
Archived
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

UI Changes for Calendar - Ray's Changes

This commit is contained in:
rulingcom 2014-01-08 17:52:16 +08:00
parent b82565fa92
commit 3fbbbbc3eb
2 changed files with 43 additions and 42 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
vendor/built_in_modules/calendar_new/app/views/panel/calendar_new/back_end/events/index.html.erb vendored
View File

@ -15,8 +15,12 @@
<button class="btn" id="today_btn">Today</button>
</div>
<div class="btn-group">
<button class="btn" id="prev_month_btn"><span class="icon-chevron-left"></span></button>
<button class="btn" id="next_month_btn"><span class="icon-chevron-right"></span></button>
<button class="btn" id="prev_month_btn">
<i class="icon-chevron-left"></i>
</button>
<button class="btn" id="next_month_btn">
<i class="icon-chevron-right"></i>
</button>
</div>
</div>
</div>
@ -35,7 +39,9 @@
<button class="btn mode_switch" data-mode="agenda" >agenda</button>
</div>
<div class="btn-group">
<button id="refresh_btn" class="btn icon-refresh"></button>
<button id="refresh_btn" class="btn">
<i class="icons-cycle"></i>
</button>
</div>
</div>
</div>

73
vendor/built_in_modules/calendar_new/app/views/panel/calendar_new/front_end/events/index.html.erb vendored
View File

@ -6,49 +6,44 @@
<%= stylesheet_link_tag "fullcalendar"%>
<%= stylesheet_link_tag "calendar"%>
<div id="orbit_calendar" class="month_view">
<div class="row-fluid cal-fn">
<div class="span3" id='sec1'>
<div class="btn-toolbar" id="navigation" style="margin:0;">
<div id="calendar-nav">
<div class="btn-group">
<button class="btn" id="today_btn">Today</button>
</div>
<div class="btn-group">
<button class="btn" id="prev_month_btn"><span class="icon-chevron-left"></span></button>
<button class="btn" id="next_month_btn"><span class="icon-chevron-right"></span></button>
</div>
</div>
</div>
<div class="form-inline" id="range_selection" style="display:none;margin:0;">
</div>
</div>
<div class="span5" id='sec2'>
<h3 id="current_title" class="current_day_title"></h4>
</div>
<div class="span4" id='sec3'>
<div class="btn-toolbar" style="margin:0; text-align:right;">
<div class="btn-group calendar_mode">
<button class="btn mode_switch" data-mode="agendaDay" >day</button>
<button class="btn mode_switch" data-mode="agendaWeek" >week</button>
<button class="btn active mode_switch" data-mode="month" >month</button>
<button class="btn mode_switch" data-mode="agenda" >agenda</button>
</div>
<div class="btn-group">
<button id="refresh_btn" class="btn icon-refresh"></button>
</div>
</div>
</div>
</div>
<div id="view_holder">
<div id="calendar"></div>
<div id="calendar_agenda"></div>
</div>
<div id="orbit_calendar">
<div id='sec1' class="cal-fn">
<div class="btn-toolbar" id="navigation">
<div id="calendar-nav">
<button class="btn" id="today_btn">Today</button>
<div class="btn-group">
<button class="btn" id="prev_month_btn">
<i class="icon-chevron-left"></i>
</button>
<button class="btn" id="next_month_btn">
<i class="icon-chevron-right"></i>
</button>
</div>
</div>
</div>
<div class="form-inline" id="range_selection"></div>
</div>
<div id='sec3' class="btn-toolbar">
<div class="btn-group calendar_mode">
<button class="btn mode_switch" data-mode="agendaDay" >day</button>
<button class="btn mode_switch" data-mode="agendaWeek" >week</button>
<button class="btn active mode_switch" data-mode="month" >month</button>
<button class="btn mode_switch" data-mode="agenda" >agenda</button>
</div>
<button id="refresh_btn" class="btn">
<i class="icons-cycle"></i>
</button>
</div>
<div id="view_holder">
<h3 id="current_title" class="current_day_title"></h3>
<div id="calendar"></div>
<div id="calendar_agenda"></div>
</div>
</div>
<div id="event_quick_view" class="modal" style="width: 300px; display:none; margin:0 0 0 0;"></div>
<div id="event_create_space" class="modal" style="right: 8px; bottom: 50px; left: auto; top: auto; width: 400px; margin: 0;display:none;"></div>
<div id="calendar-loading">Loading...</div>
<script type="text/javascript">
var calendar = new Calendar("#calendar");
var calendar = new Calendar("#calendar");
</script>