зеркало из https://github.com/mozilla/gecko-dev.git
Adding in side calendar to main window.
This commit is contained in:
Родитель
f6351f6643
Коммит
47c4d61786
|
@ -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>
|
||||
|
|
Загрузка…
Ссылка в новой задаче