Adding in side calendar to main window.

This commit is contained in:
mikep%oeone.com 2002-11-28 14:20:09 +00:00
Родитель f6351f6643
Коммит 47c4d61786
4 изменённых файлов: 123 добавлений и 98 удалений

Просмотреть файл

@ -45,6 +45,7 @@
<?xml-stylesheet href="chrome://global/skin/global.css" type="text/css"?>
<?xml-stylesheet href="chrome://calendar/skin/calendar.css" type="text/css"?>
<?xml-stylesheet href="chrome://calendar/content/datepicker/calendar.css" type="text/css"?>
<?xml-stylesheet href="chrome://communicator/skin/communicator.css" type="text/css"?>
<!-- Overlays -->
@ -265,9 +266,6 @@
<toolbarbutton class="toolbarbutton-1" id="calendar-edit-event-button" label="&calendar.edit.button.label;" tooltiptext="&calendar.edit.button.tooltip;" observes="modify_command"/>
<toolbarbutton class="toolbarbutton-1" id="calendar-delete-event-button" label="&calendar.delete.button.label;" tooltiptext="&calendar.delete.button.tooltip;" observes="delete_command"/>
<toolbarseparator class="toolbarseparator-primary"/>
<toolbarbutton class="toolbarbutton-1" id="calendar-choose-date-button" label="&calendar.choosedate.button.label;" tooltiptext="&calendar.choosedate.button.tooltip;" popup="oe-date-picker-popup"/>
<toolbarbutton class="toolbarbutton-1" id="calendar-go-to-today-button" label="&calendar.gototoday.button.label;" tooltiptext="&calendar.gototoday.button.tooltip;" observes="go_today_command"/>
<toolbarseparator class="toolbarseparator-primary"/>
<toolbarbutton class="toolbarbutton-1" id="calendar-day-view-button" label="&calendar.dayview.button.label;" tooltiptext="&calendar.dayview.button.tooltip;" observes="day_view_command"/>
<toolbarbutton class="toolbarbutton-1" id="calendar-week-view-button" label="&calendar.weekview.button.label;" tooltiptext="&calendar.weekview.button.tooltip;" observes="week_view_command"/>
<toolbarbutton class="toolbarbutton-1" id="calendar-month-view-button" label="&calendar.monthview.button.label;" tooltiptext="&calendar.monthview.button.tooltip;" observes="month_view_command"/>
@ -298,38 +296,55 @@
<hbox id="calendar-content-box" flex="1">
<vbox id="left-hand-content" flex="1" persist="width">
<vbox id="left-hand-above-splitter" flex="1">
<listbox id="list-calendars-listbox" class="unifinder-tree-class" flex="1"
contextmenu="calendarlist-context-menu" datasources="rdf:null" ref="urn:calendarcontainer">
<listhead>
<listheader flex="1" crop="end" label="&calendar.calendarlistbox.label;"/>
<listheader/>
</listhead>
<listcols>
<listcol flex="1"/>
<listcol/>
</listcols>
<template>
<rule>
<listitem uri="rdf:*"
calendarPath="rdf:http://home.netscape.com/NC-rdf#path"
onclick="switchCalendar( event );">
<listcell class="calendar-list-item-class"
label="rdf:http://home.netscape.com/NC-rdf#name"
flex="1"
type="checkbox"
checked="rdf:http://home.netscape.com/NC-rdf#active"
/>
<!-- If you add something between the above listcell and this listcell,
or between the next listcell and the image tag, you have to modify calendarManager.js -->
<listcell>
<image class="calendar-list-item-class"/>
</listcell>
</listitem>
</rule>
</template>
</listbox>
</vbox>
<tabbox id="tablist">
<tabs>
<tab label="Calendar"/>
<tab label="Calendars"/>
</tabs>
<tabpanels>
<tabpanel>
<vbox flex="1">
<calendar flex="1" id="lefthandcalendar" onchange="gCalendarWindow.goToDay( this.value );" onmonthchange="gCalendarWindow.goToDay( this.value );"/>
<button observes="go_today_command" label="Go To Today"/>
</vbox>
</tabpanel>
<tabpanel>
<!--<vbox id="left-hand-above-splitter" flex="1">-->
<listbox id="list-calendars-listbox" class="unifinder-tree-class" flex="1"
contextmenu="calendarlist-context-menu" datasources="rdf:null" ref="urn:calendarcontainer">
<listhead>
<listheader flex="1" crop="end" label="&calendar.calendarlistbox.label;"/>
<listheader/>
</listhead>
<listcols>
<listcol flex="1"/>
<listcol/>
</listcols>
<template>
<rule>
<listitem uri="rdf:*"
calendarPath="rdf:http://home.netscape.com/NC-rdf#path"
onclick="switchCalendar( event );">
<listcell class="calendar-list-item-class"
label="rdf:http://home.netscape.com/NC-rdf#name"
flex="1"
type="checkbox"
checked="rdf:http://home.netscape.com/NC-rdf#active"
/>
<!-- If you add something between the above listcell and this listcell,
or between the next listcell and the image tag, you have to modify calendarManager.js -->
<listcell>
<image class="calendar-list-item-class"/>
</listcell>
</listitem>
</rule>
</template>
</listbox>
<!--</vbox>-->
</tabpanel>
</tabpanels>
</tabbox>
<splitter id="calendar-todo-splitter" collapse="after" persist="state"
class="chromeclass-extrachrome" orient="vertical">
<grippy/>

Просмотреть файл

@ -365,6 +365,7 @@ CalendarWindow.prototype.setSelectedDate = function calWin_setSelectedDate( date
//redraw the top tree
setTimeout( "refreshEventTree( getAndSetEventTable() );", 150 );
}
document.getElementById( "lefthandcalendar" ).value = date;
}
/** PUBLIC

Просмотреть файл

@ -33,8 +33,7 @@ calendar {
}
.cal-month-box {
background-color: #D2B48C;
border: 1px outset #D2B48C;
background-color: #EEEEEE;
}
.cal-month-name {
@ -75,7 +74,6 @@ calendar {
}
.cal-header {
width: 25px;
height: 20px;
font-family: Arial;
color: blue;
@ -85,7 +83,6 @@ calendar {
}
.cal-day {
width: 25px;
height: 20px;
font-family: Arial;
color: #000000;

Просмотреть файл

@ -10,78 +10,77 @@
<!-- ::::::::::::::::: CONTENT ::::::::::::::::::::::::: -->
<content>
<xul:vbox class="cal-mainbox" >
<xul:vbox class="cal-mainbox" flex="1">
<xul:hbox class="cal-month-box" flex="1">
<xul:image class="cal-navbtn" dir="-1"/>
<xul:spacer flex="1"/>
<xul:text id="month-name"
class="cal-month-name" value="Month"/>
<xul:text id="month-name" class="cal-month-name" value="Month"/>
<xul:spacer flex="1"/>
<xul:image class="cal-navbtn" dir="1"/>
</xul:hbox>
<xul:vbox class="cal-cal-box" flex="1">
<xul:hbox class="cal-row-head" flex="1">
<xul:text class="cal-header" value="S"/>
<xul:text class="cal-header" value="M"/>
<xul:text class="cal-header" value="T"/>
<xul:text class="cal-header" value="W"/>
<xul:text class="cal-header" value="T"/>
<xul:text class="cal-header" value="F"/>
<xul:text class="cal-header" value="S"/>
<xul:hbox class="cal-row-head" equalsize="always">
<xul:text class="cal-header" flex="1" value="S"/>
<xul:text class="cal-header" flex="1" value="M"/>
<xul:text class="cal-header" flex="1" value="T"/>
<xul:text class="cal-header" flex="1" value="W"/>
<xul:text class="cal-header" flex="1" value="T"/>
<xul:text class="cal-header" flex="1" value="F"/>
<xul:text class="cal-header" flex="1" value="S"/>
</xul:hbox>
<xul:hbox class="cal-row-body" flex="1">
<xul:text class="cal-day" />
<xul:text class="cal-day"/>
<xul:text class="cal-day"/>
<xul:text class="cal-day"/>
<xul:text class="cal-day"/>
<xul:text class="cal-day"/>
<xul:text class="cal-day"/>
<xul:hbox class="cal-row-body" equalsize="always" flex="1">
<xul:text class="cal-day" flex="1" />
<xul:text class="cal-day" flex="1" />
<xul:text class="cal-day" flex="1"/>
<xul:text class="cal-day" flex="1"/>
<xul:text class="cal-day" flex="1"/>
<xul:text class="cal-day" flex="1"/>
<xul:text class="cal-day" flex="1"/>
</xul:hbox>
<xul:hbox class="cal-row-body" flex="1">
<xul:text class="cal-day"/>
<xul:text class="cal-day"/>
<xul:text class="cal-day"/>
<xul:text class="cal-day"/>
<xul:text class="cal-day"/>
<xul:text class="cal-day"/>
<xul:text class="cal-day"/>
<xul:hbox class="cal-row-body" equalsize="always" flex="1">
<xul:text class="cal-day" flex="1"/>
<xul:text class="cal-day" flex="1"/>
<xul:text class="cal-day" flex="1"/>
<xul:text class="cal-day" flex="1"/>
<xul:text class="cal-day" flex="1"/>
<xul:text class="cal-day" flex="1"/>
<xul:text class="cal-day" flex="1"/>
</xul:hbox>
<xul:hbox class="cal-row-body" flex="1">
<xul:text class="cal-day"/>
<xul:text class="cal-day"/>
<xul:text class="cal-day"/>
<xul:text class="cal-day"/>
<xul:text class="cal-day"/>
<xul:text class="cal-day"/>
<xul:text class="cal-day"/>
<xul:hbox class="cal-row-body" equalsize="always" flex="1">
<xul:text class="cal-day" flex="1"/>
<xul:text class="cal-day" flex="1"/>
<xul:text class="cal-day" flex="1"/>
<xul:text class="cal-day" flex="1"/>
<xul:text class="cal-day" flex="1"/>
<xul:text class="cal-day" flex="1"/>
<xul:text class="cal-day" flex="1"/>
</xul:hbox>
<xul:hbox class="cal-row-body" flex="1">
<xul:text class="cal-day"/>
<xul:text class="cal-day"/>
<xul:text class="cal-day"/>
<xul:text class="cal-day"/>
<xul:text class="cal-day"/>
<xul:text class="cal-day"/>
<xul:text class="cal-day"/>
<xul:hbox class="cal-row-body" equalsize="always" flex="1">
<xul:text class="cal-day" flex="1"/>
<xul:text class="cal-day" flex="1"/>
<xul:text class="cal-day" flex="1"/>
<xul:text class="cal-day" flex="1"/>
<xul:text class="cal-day" flex="1"/>
<xul:text class="cal-day" flex="1"/>
<xul:text class="cal-day" flex="1"/>
</xul:hbox>
<xul:hbox class="cal-row-body" flex="1">
<xul:text class="cal-day"/>
<xul:text class="cal-day"/>
<xul:text class="cal-day"/>
<xul:text class="cal-day"/>
<xul:text class="cal-day"/>
<xul:text class="cal-day"/>
<xul:text class="cal-day"/>
<xul:hbox class="cal-row-body" equalsize="always" flex="1">
<xul:text class="cal-day" flex="1"/>
<xul:text class="cal-day" flex="1"/>
<xul:text class="cal-day" flex="1"/>
<xul:text class="cal-day" flex="1"/>
<xul:text class="cal-day" flex="1"/>
<xul:text class="cal-day" flex="1"/>
<xul:text class="cal-day" flex="1"/>
</xul:hbox>
<xul:hbox class="cal-row-body" flex="1">
<xul:text class="cal-day"/>
<xul:text class="cal-day"/>
<xul:text class="cal-day"/>
<xul:text class="cal-day"/>
<xul:text class="cal-day"/>
<xul:text class="cal-day"/>
<xul:text class="cal-day"/>
<xul:hbox class="cal-row-body" equalsize="always" flex="1">
<xul:text class="cal-day" flex="1"/>
<xul:text class="cal-day" flex="1"/>
<xul:text class="cal-day" flex="1"/>
<xul:text class="cal-day" flex="1"/>
<xul:text class="cal-day" flex="1"/>
<xul:text class="cal-day" flex="1"/>
<xul:text class="cal-day" flex="1"/>
</xul:hbox>
</xul:vbox>
</xul:vbox>
@ -96,6 +95,8 @@
<property name="onchange"/>
<property name="onmonthchange"/>
<constructor>
<![CDATA[
if (!this.mInitialized) {
@ -115,6 +116,9 @@
var change = this.getAttribute("onchange");
if (change) this.onchange = new Function(change);
var monthchange = this.getAttribute("onmonthchange");
if (monthchange) this.onmonthchange = new Function(monthchange);
this.showMonth(this.mValue);
}
]]>
@ -189,6 +193,14 @@
this.mEditorDate.setMonth(ad);
this.showMonth(this.mEditorDate);
if (this.mSelected) {
this.mSelected.removeAttribute("selected");
}
this.value = this.mEditorDate;
if (this.onmonthchange) this.onmonthchange();
]]></body>
</method>