amorfo77/sogo
1
0
Fork 0
mirror of https://github.com/inverse-inc/sogo.git synced 2026-07-06 00:45:09 +00:00
Code Issues Projects Releases Wiki Activity

Review calendar views templates

Browse Source 
Changed month view to a md-grid-list.
Added some colors.
This commit is contained in:
Francis Lachapelle
2015-04-10 12:32:51 -04:00
parent 305c13d720
commit 82d1d5e701
4 changed files with 107 additions and 73 deletions
Download Patch File Download Diff File Expand all files Collapse all files
UI/Templates/SchedulerUI/UIxCalMonthView.wox
+24 -22
View File
@@ -36,30 +36,32 @@
ng-click="calendar.changeView($event)"><i class="md-icon-chevron-right"><!--icon--></i></md-button>
</h5>
</div>
<div id="calendarContent">
<div class="monthView">
<div id="calendarHeader" layout="row" layout-align="center center">
<var:foreach list="headerDaysToDisplay" item="currentTableDay">
<div class="md-flex"><var:string value="labelForCurrentDayToDisplay"/></div>
</var:foreach>
</div>
<div id="monthDaysView">
<var:foreach list="weeksToDisplay" item="currentWeek">
<div layout="row">
<var:foreach list="currentWeek" item="currentTableDay">
<div class="md-flex"
var:day="currentTableDay.shortDateString"
var:day-number="currentDayNumber"
var:id="currentDayId">
<div class="dayHeader"><var:string value="dayHeaderNumber"/></div>
<sg-calendar-month-day
sg-blocks="calendar.blocks"
var:sg-day="currentTableDay.shortDateString" />
</div>
</var:foreach>
</div>
<div layout="row" layout-align="center center">
<var:foreach list="headerDaysToDisplay" item="currentTableDay">
<div class="md-flex-fix dayLabels"><var:string value="labelForCurrentDayToDisplay"/></div>
</var:foreach>
</div>
<md-grid-list
md-cols="7"
md-row-height="1:1">
<var:foreach list="weeksToDisplay" item="currentWeek">
<var:foreach list="currentWeek" item="currentTableDay">
<md-grid-tile
md-rowspan="1"
md-colspan="1"
class="day"
var:day="currentTableDay.shortDateString"
var:day-number="currentDayNumber"
var:id="currentDayId">
<div layout="column" layout-fill="true">
<div class="sg-calendar-tile-header"><var:string value="dayHeaderNumber"/></div>
<sg-calendar-month-day
sg-blocks="calendar.blocks"
var:sg-day="currentTableDay.shortDateString"><!-- day's events --></sg-calendar-month-day></div>
</md-grid-tile>
</var:foreach>
</var:foreach>
</md-grid-list>
</div>
</div>
</container>