Scribd
Upload
144 views17 pages

Chart View

The document appears to be code for configuring a web chart control used to display activity data. It includes code for registering various DevExpress controls and classes used in the chart. It also includes JavaScript for handling mouse interactions with the chart, and defines several data series to display as overlapped range bars on the chart with different colors and formatting.

Uploaded by

Manoranjan Anapayan
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOC, PDF, TXT or read online on Scribd
144 views17 pages

Chart View

The document appears to be code for configuring a web chart control used to display activity data. It includes code for registering various DevExpress controls and classes used in the chart. It also includes JavaScript for handling mouse interactions with the chart, and defines several data series to display as overlapped range bars on the chart with different colors and formatting.

Uploaded by

Manoranjan Anapayan
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOC, PDF, TXT or read online on Scribd
You are on page 1/ 17

<%@ Control Language="C#" AutoEventWireup="true"

CodeBehind="ActivityDetailsControl.ascx.cs"
Inherits="TTMSWeb.UserControls.ActivityDetailsControl" %>
<%@ Register Assembly="DevExpress.Web.v12.2, Version=12.2.11.0, Culture=neutral,
PublicKeyToken=b88d1754d700e49a"
Namespace="DevExpress.Web.ASPxEditors" TagPrefix="dx" %>
<%@ Register Assembly="DevExpress.Web.v12.2, Version=12.2.11.0, Culture=neutral,
PublicKeyToken=b88d1754d700e49a"
Namespace="DevExpress.Web.ASPxClasses" TagPrefix="dx" %>
<%@ Register Assembly="DevExpress.Web.v12.2, Version=12.2.11.0, Culture=neutral,
PublicKeyToken=b88d1754d700e49a"
Namespace="DevExpress.Web.ASPxRoundPanel" TagPrefix="dx" %>
<%@ Register Assembly="DevExpress.Web.v12.2, Version=12.2.11.0, Culture=neutral,
PublicKeyToken=b88d1754d700e49a"
Namespace="DevExpress.Web.ASPxCallbackPanel" TagPrefix="dx" %>
<%@ Register Assembly="DevExpress.Web.v12.2, Version=12.2.11.0, Culture=neutral,
PublicKeyToken=b88d1754d700e49a"
Namespace="DevExpress.Web.ASPxPanel" TagPrefix="dx" %>
<%@ Register Assembly="DevExpress.Web.v12.2, Version=12.2.11.0, Culture=neutral,
PublicKeyToken=b88d1754d700e49a"
Namespace="DevExpress.Web.ASPxUploadControl" TagPrefix="dx" %>
<%@ Register Assembly="DevExpress.XtraCharts.v12.2.Web, Version=12.2.11.0, Culture=neutral,
PublicKeyToken=b88d1754d700e49a"
Namespace="DevExpress.XtraCharts.Web" TagPrefix="dx" %>
<%@ Register Assembly="DevExpress.XtraCharts.v12.2, Version=12.2.11.0, Culture=neutral,
PublicKeyToken=b88d1754d700e49a"
Namespace="DevExpress.XtraCharts" TagPrefix="dx" %>
<%@ Register TagPrefix="dx" Namespace="DevExpress.Web.ASPxPopupControl"
Assembly="DevExpress.Web.v12.2, Version=12.2.11.0, Culture=neutral,
PublicKeyToken=b88d1754d700e49a" %>
<%@ Register TagPrefix="dx" Namespace="DevExpress.XtraReports.Web"
Assembly="DevExpress.XtraReports.v12.2.Web, Version=12.2.11.0, Culture=neutral,
PublicKeyToken=b88d1754d700e49a" %>
<%@ Register Assembly="DevExpress.Web.v12.2, Version=12.2.11.0, Culture=neutral,
PublicKeyToken=b88d1754d700e49a"
Namespace="DevExpress.Web.ASPxGridView" TagPrefix="dx" %>

<script language="javascript" type="text/javascript">


///Used to have date labels on Chart 'clickable' - Cursor becomes 'Pointer' as itar hovers above such
label
function OnChartHotTracked(s, e) {
//=======To set cursor as Pointer for X Axis Labels and as Default for other parts
if (e.hitInfo.inAxisLabelItem) {
//==To detect is the Axis Y or Y we use e.chart.series[0].axisX
if (e.chart.series[0].axisX == e.hitInfo.axisLabelItem.axis.name) {
activityChartControl.SetCursor('Pointer');
}
else {
activityChartControl.SetCursor('Default');
}
}
else {
activityChartControl.SetCursor('Default');
}
//=======To set cursor as Pointer for Axis Labels and as Default for other parts

//Handles mouse click inside Chart area


function OnChartObjectSelected(s, e) {
if (e.hitInfo.inAxisLabelItem) {
//==To detect is the Axis Y or Y we use e.chart.series[0].axisX
if (e.chart.series[0].axisX != e.hitInfo.axisLabelItem.axis.name) {
return;
}
//---Open Activity Details pop-upf or the selected day
popupMetricsAsTable.Show();
cpPopupMetricsAsTable.PerformCallback(e.hitInfo.axisLabelItem.axisValueInternal);
}
}

</script>

<dx:WebChartControl ID="activityChartControl" runat="server"


Height="330px" Width="1000px" ClientInstanceName="activityChartControl"
OnCustomCallback="activityChartControl_Callback"
OnCustomDrawAxisLabel="activityChartControl_CustomDrawAxisLabel" ToolTipEnabled="False"
SideBySideEqualBarWidth="True">
<seriesserializable>
<dx:Series Name="Work"
ValueScaleType="DateTime" ArgumentScaleType="Qualitative" ToolTipEnabled="False">
<LegendPointOptionsSerializable>
<dx:RangeBarPointOptions HiddenSerializableString="to be serialized">
<ValueDateTimeOptions Format="LongTime" />
</dx:RangeBarPointOptions>
</LegendPointOptionsSerializable>
<PointOptionsSerializable>
<dx:RangeBarPointOptions HiddenSerializableString="to be serialized">
<ValueDateTimeOptions Format="LongTime" />
</dx:RangeBarPointOptions>
</PointOptionsSerializable>
<LabelSerializable>
<dx:RangeBarSeriesLabel HiddenSerializableString="to be serialized" TextColor="White"
Visible="False">
<Border Visible="False" />
<FillStyle >
<OptionsSerializable>
<dx:SolidFillOptions HiddenSerializableString="to be serialized" />
</OptionsSerializable>
</FillStyle>
<PointOptionsSerializable><dx:RangeBarPointOptions><ValueDateTimeOptions
Format="LongTime"></ValueDateTimeOptions></dx:RangeBarPointOptions></PointOptionsSerializa
ble></dx:RangeBarSeriesLabel>
</LabelSerializable>
<ViewSerializable>
<dx:OverlappedGanttSeriesView HiddenSerializableString="to be serialized" Color="Blue">
<fillstyle fillmode="Solid" >
<OptionsSerializable>
<dx:SolidFillOptions hiddenserializablestring="to be serialized"></dx:SolidFillOptions>
</OptionsSerializable>
</fillstyle>
</dx:OverlappedGanttSeriesView>
</ViewSerializable>
</dx:Series>
<dx:Series Name="Drive"
ValueScaleType="DateTime" ArgumentScaleType="Qualitative" ToolTipEnabled="False">
<LegendPointOptionsSerializable>
<dx:RangeBarPointOptions HiddenSerializableString="to be serialized">
<ValueDateTimeOptions Format="LongTime" />
</dx:RangeBarPointOptions>
</LegendPointOptionsSerializable>
<PointOptionsSerializable>
<dx:RangeBarPointOptions HiddenSerializableString="to be serialized">
<ValueDateTimeOptions Format="LongTime" />
</dx:RangeBarPointOptions>
</PointOptionsSerializable>
<LabelSerializable>
<dx:RangeBarSeriesLabel HiddenSerializableString="to be serialized" Visible="False">
<FillStyle >
<OptionsSerializable>
<dx:SolidFillOptions HiddenSerializableString="to be serialized" />
</OptionsSerializable>
</FillStyle>
<PointOptionsSerializable><dx:RangeBarPointOptions><ValueDateTimeOptions
Format="LongTime"></ValueDateTimeOptions></dx:RangeBarPointOptions></PointOptionsSerializa
ble></dx:RangeBarSeriesLabel>
</LabelSerializable>
<ViewSerializable>
<dx:OverlappedGanttSeriesView HiddenSerializableString="to be serialized" Color="235, 183, 83">
<fillstyle fillmode="Solid" >
<OptionsSerializable>
<dx:SolidFillOptions hiddenserializablestring="to be serialized"></dx:SolidFillOptions>
</OptionsSerializable>
</fillstyle>
</dx:OverlappedGanttSeriesView>
</ViewSerializable>
</dx:Series>
<dx:Series Name="POA" ValueScaleType="DateTime" ArgumentScaleType="Qualitative"
ToolTipEnabled="False">
<viewserializable>
<dx:OverlappedGanttSeriesView Color="151, 145, 137">
<fillstyle fillmode="Solid">
<optionsserializable>
<dx:SolidFillOptions />
</optionsserializable>
</fillstyle>
</dx:OverlappedGanttSeriesView>
</viewserializable>
<labelserializable>
<dx:RangeBarSeriesLabel Visible="False">
<fillstyle>
<optionsserializable>
<dx:SolidFillOptions />
</optionsserializable>
</fillstyle>

<PointOptionsSerializable><dx:RangeBarPointOptions></dx:RangeBarPointOptions></PointOptionsS
erializable></dx:RangeBarSeriesLabel>
</labelserializable>
<pointoptionsserializable>
<dx:RangeBarPointOptions>
</dx:RangeBarPointOptions>
</pointoptionsserializable>
<legendpointoptionsserializable>
<dx:RangeBarPointOptions>
</dx:RangeBarPointOptions>
</legendpointoptionsserializable>
</dx:Series>

<dx:Series Name="Rest"
ValueScaleType="DateTime" ArgumentScaleType="Qualitative" ToolTipEnabled="False" >
<Points>
</Points>
<LegendPointOptionsSerializable>
<dx:RangeBarPointOptions HiddenSerializableString="to be serialized">
<ValueDateTimeOptions Format="LongTime" />
</dx:RangeBarPointOptions>
</LegendPointOptionsSerializable>
<PointOptionsSerializable>
<dx:RangeBarPointOptions HiddenSerializableString="to be serialized">
<ValueDateTimeOptions Format="LongTime" />
</dx:RangeBarPointOptions>
</PointOptionsSerializable>
<LabelSerializable>
<dx:RangeBarSeriesLabel HiddenSerializableString="to be serialized" Visible="False">
<FillStyle >
<OptionsSerializable>
<dx:SolidFillOptions HiddenSerializableString="to be serialized" />
</OptionsSerializable>
</FillStyle>
<PointOptionsSerializable><dx:RangeBarPointOptions><ValueDateTimeOptions
Format="LongTime"></ValueDateTimeOptions></dx:RangeBarPointOptions></PointOptionsSerializa
ble></dx:RangeBarSeriesLabel>
</LabelSerializable>
<ViewSerializable>
<dx:OverlappedGanttSeriesView HiddenSerializableString="to be serialized" Color="35, 176, 62" >
<fillstyle fillmode="Solid">
<OptionsSerializable>
<dx:SolidFillOptions hiddenserializablestring="to be serialized"></dx:SolidFillOptions>
</OptionsSerializable>
</fillstyle>
</dx:OverlappedGanttSeriesView>
</ViewSerializable>
</dx:Series>
<dx:Series Name="Onboard Ferry Rest"
ValueScaleType="DateTime" ArgumentScaleType="Qualitative" ToolTipEnabled="False">
<ViewSerializable>
<dx:OverlappedGanttSeriesView Color="255, 255, 255" HiddenSerializableString="to be serialized">
<border visible="False"></border>
<fillstyle fillmode="Hatch">
<OptionsSerializable>
<dx:SolidFillOptions hiddenserializablestring="to be serialized"></dx:SolidFillOptions>
<dx:HatchFillOptions Color2="35, 176, 62" hatchstyle="BackwardDiagonal"></dx:HatchFillOptions>
</OptionsSerializable>
</fillstyle>
</dx:OverlappedGanttSeriesView>
</ViewSerializable>
<LabelSerializable>
<dx:RangeBarSeriesLabel HiddenSerializableString="to be serialized" Visible="False">
<FillStyle >
<OptionsSerializable>
<dx:SolidFillOptions HiddenSerializableString="to be serialized" />
</OptionsSerializable>
</FillStyle>

<PointOptionsSerializable><dx:RangeBarPointOptions></dx:RangeBarPointOptions></PointOptionsS
erializable></dx:RangeBarSeriesLabel>
</LabelSerializable>
<PointOptionsSerializable>
<dx:RangeBarPointOptions HiddenSerializableString="to be serialized">
</dx:RangeBarPointOptions>
</PointOptionsSerializable>
<LegendPointOptionsSerializable>
<dx:RangeBarPointOptions HiddenSerializableString="to be serialized">
</dx:RangeBarPointOptions>
</LegendPointOptionsSerializable>
</dx:Series>

<dx:Series Name="Unknown, Rest" ValueScaleType="DateTime"


ArgumentScaleType="Qualitative" ToolTipEnabled="False">
<viewserializable>
<dx:OverlappedGanttSeriesView Color="0, 110, 0">
<fillstyle fillmode="Solid">
<optionsserializable>
<dx:SolidFillOptions />
</optionsserializable>
</fillstyle>
</dx:OverlappedGanttSeriesView>
</viewserializable>
<labelserializable>
<dx:RangeBarSeriesLabel Visible="False">
<fillstyle>
<optionsserializable>
<dx:SolidFillOptions />
</optionsserializable>
</fillstyle>

<PointOptionsSerializable><dx:RangeBarPointOptions></dx:RangeBarPointOptions></PointOptionsS
erializable></dx:RangeBarSeriesLabel>
</labelserializable>
<pointoptionsserializable>
<dx:RangeBarPointOptions>
</dx:RangeBarPointOptions>
</pointoptionsserializable>
<legendpointoptionsserializable>
<dx:RangeBarPointOptions>
</dx:RangeBarPointOptions>
</legendpointoptionsserializable>
</dx:Series>
<dx:Series Name="Infringement"
ValueScaleType="DateTime" ArgumentScaleType="Qualitative" ToolTipEnabled="False">
<ViewSerializable>
<dx:OverlappedGanttSeriesView Color="255, 0, 0" HiddenSerializableString="to be serialized">
<border visible="False"></border>
<fillstyle fillmode="Solid" >
<OptionsSerializable>
<dx:SolidFillOptions hiddenserializablestring="to be serialized"></dx:SolidFillOptions>
</OptionsSerializable>
</fillstyle>
</dx:OverlappedGanttSeriesView>
</ViewSerializable>
<LabelSerializable>
<dx:RangeBarSeriesLabel HiddenSerializableString="to be serialized" Visible="False">
<FillStyle >
<OptionsSerializable>
<dx:SolidFillOptions HiddenSerializableString="to be serialized" />
</OptionsSerializable>
</FillStyle>

<PointOptionsSerializable><dx:RangeBarPointOptions></dx:RangeBarPointOptions></PointOptionsS
erializable></dx:RangeBarSeriesLabel>
</LabelSerializable>
<PointOptionsSerializable>
<dx:RangeBarPointOptions HiddenSerializableString="to be serialized">
</dx:RangeBarPointOptions>
</PointOptionsSerializable>
<LegendPointOptionsSerializable>
<dx:RangeBarPointOptions HiddenSerializableString="to be serialized">
</dx:RangeBarPointOptions>
</LegendPointOptionsSerializable>
</dx:Series>

<dx:Series Name="Fake"
ShowInLegend="False" ValueScaleType="DateTime" ArgumentScaleType="Qualitative"
ToolTipEnabled="False">
<ViewSerializable>
<dx:OverlappedGanttSeriesView Color="Transparent" HiddenSerializableString="to be serialized">
<border color="Transparent" visible="False"></border>
<fillstyle fillmode="Solid" >
<OptionsSerializable>
<dx:SolidFillOptions hiddenserializablestring="to be serialized"></dx:SolidFillOptions>
</OptionsSerializable>
</fillstyle>
</dx:OverlappedGanttSeriesView>
</ViewSerializable>
<LabelSerializable>
<dx:RangeBarSeriesLabel HiddenSerializableString="to be serialized" Visible="False">
<FillStyle >
<OptionsSerializable>
<dx:SolidFillOptions HiddenSerializableString="to be serialized" />
</OptionsSerializable>
</FillStyle>

<PointOptionsSerializable><dx:RangeBarPointOptions></dx:RangeBarPointOptions></PointOptionsS
erializable></dx:RangeBarSeriesLabel>
</LabelSerializable>
<PointOptionsSerializable>
<dx:RangeBarPointOptions HiddenSerializableString="to be serialized">
</dx:RangeBarPointOptions>
</PointOptionsSerializable>
<LegendPointOptionsSerializable>
<dx:RangeBarPointOptions HiddenSerializableString="to be serialized">
</dx:RangeBarPointOptions>
</LegendPointOptionsSerializable>
</dx:Series>

</seriesserializable>
<seriestemplate>
<LegendPointOptionsSerializable>
<dx:RangeBarPointOptions HiddenSerializableString="to be serialized">
</dx:RangeBarPointOptions>
</LegendPointOptionsSerializable>
<PointOptionsSerializable>
<dx:RangeBarPointOptions HiddenSerializableString="to be serialized">
</dx:RangeBarPointOptions>
</PointOptionsSerializable>
<LabelSerializable>
<dx:RangeBarSeriesLabel HiddenSerializableString="to be serialized">
<FillStyle >
<OptionsSerializable>
<dx:SolidFillOptions HiddenSerializableString="to be serialized" />
</OptionsSerializable>
</FillStyle>

<PointOptionsSerializable><dx:RangeBarPointOptions></dx:RangeBarPointOptions></PointOptionsS
erializable></dx:RangeBarSeriesLabel>
</LabelSerializable>
<ViewSerializable>
<dx:OverlappedGanttSeriesView HiddenSerializableString="to be serialized">
</dx:OverlappedGanttSeriesView>
</ViewSerializable>
</seriestemplate>
<clientsideevents
objecthottracked="function(s, e) {
OnChartHotTracked(s,e);
}"
objectselected="function(s, e) {
OnChartObjectSelected(s, e);
}" />
<diagramserializable>
<dx:GanttDiagram>
<axisx visibleinpanesserializable="-1">
<tickmarks minorlength="1" minorvisible="False" />
<crosshairaxislabeloptions visibility="False" />
<range sidemarginsenabled="True"></range>
</axisx>
<axisy visibleinpanesserializable="-1" datetimegridalignment="Minute"
datetimemeasureunit="Minute"
gridspacing="120" gridspacingauto="False" minorcount="1">
<crosshairaxislabeloptions visibility="False" />
<range sidemarginsenabled="False"></range>
<datetimeoptions format="Custom" formatstring="HH:mm"></datetimeoptions>
</axisy>
<defaultpane sizeinpixels="814" sizemode="UseSizeInPixels"
backcolor="Transparent"></defaultpane>
<panes>
</panes>
</dx:GanttDiagram>
</diagramserializable>
<fillstyle>
<OptionsSerializable>
<dx:SolidFillOptions HiddenSerializableString="to be serialized"></dx:SolidFillOptions>
</OptionsSerializable>
</fillstyle>
<legend alignmenthorizontal="Left" alignmentvertical="BottomOutside"
direction="LeftToRight"></legend>

<seriesserializable>
</seriesserializable>

<seriesserializable>
<dx:Series Name="Rest" ArgumentScaleType="Qualitative" ValueScaleType="DateTime"
LabelsVisibility="False" ToolTipEnabled="False"></dx:Series>
</seriesserializable>

<seriesserializable>
<dx:Series Name="Rest" ArgumentScaleType="Qualitative" ValueScaleType="DateTime"
LabelsVisibility="False" ToolTipEnabled="False" CrosshairEnabled="True"></dx:Series>
<dx:Series Name="Rest" ArgumentScaleType="Qualitative" ValueScaleType="DateTime"
LabelsVisibility="False" ToolTipEnabled="False"></dx:Series>
<dx:Series Name="Rest" ArgumentScaleType="Qualitative" ValueScaleType="DateTime"
LabelsVisibility="False" ToolTipEnabled="False" Visible="False"></dx:Series>
</seriesserializable>

<tooltipcontroller openmode="OnClick" showimage="False" showtext="False" />

<crosshairoptions showcrosshairlabels="False" showgroupheaders="False"


showonlyinfocusedpane="False"><CommonLabelPositionSerializable>
<dx:CrosshairMousePosition></dx:CrosshairMousePosition>
</CommonLabelPositionSerializable>
</crosshairoptions>

<tooltipoptions showforpoints="False"><ToolTipPositionSerializable>
<dx:ToolTipMousePosition></dx:ToolTipMousePosition>
</ToolTipPositionSerializable>
</tooltipoptions>
</dx:WebChartControl>
<div style="width: 100%; text-align: center;">
<table align="center">
<tr>
<td>
<dx:ASPxButton ID="btnFirst" runat="server" AutoPostBack="False"
ClientInstanceName="prevWork"
EnableClientSideAPI="True" Text="&lt;&lt;" meta:resourcekey="btnFirst">
<ClientSideEvents Click="function(s, e) {
activityChartControl.PerformCallback('first');
}" />
</dx:ASPxButton>
</td>
<td>
<dx:ASPxButton ID="btnPrev" runat="server" AutoPostBack="False"
ClientInstanceName="prevWork"
EnableClientSideAPI="True" Text="&lt;" meta:resourcekey="btnPrev">
<ClientSideEvents Click="function(s, e) {
activityChartControl.PerformCallback('prev');
}" />
</dx:ASPxButton>
</td>
<td>
<dx:ASPxButton ID="btnNext" runat="server" AutoPostBack="False"
ClientInstanceName="nextWork"
Text="&gt;" meta:resourcekey="btnNext">
<ClientSideEvents Click="function(s, e) {
activityChartControl.PerformCallback('next');
}" />
</dx:ASPxButton>
</td>
<td>
<dx:ASPxButton ID="btnLast" runat="server" AutoPostBack="False"
ClientInstanceName="nextWork"
Text="&gt;&gt;" meta:resourcekey="btnLast">
<ClientSideEvents Click="function(s, e) {
activityChartControl.PerformCallback('last');
}" />
</dx:ASPxButton>
</td>
</tr>
</table>
</div>

<dx:ASPxPopupControl ID="popupMetricsAsTable" ClientInstanceName="popupMetricsAsTable"


runat="server" AllowDragging="True" PopupHorizontalAlign="WindowCenter"
HeaderText="Details"
PopupVerticalAlign="WindowCenter"
meta:resourcekey="popupMetricsAsTableResource" CloseAction="CloseButton"
Width="700px" FooterText="" ShowSizeGrip="False" ShowFooter="true"
LoadingPanelStyle-HorizontalAlign="Center" Modal="True">
<FooterTemplate>
<div style="width: 100%; text-align: right;">
<table align="right">
<tr>
<td>
<dx:ASPxButton ID="btnPrint" runat="server" UseSubmitBehavior="False"
CssClass="searchbutton" meta:resourcekey="btnPrint"
AutoPostBack="False" Style="float: right;">
<ClientSideEvents Click="function(s, e) {
cbDetailsPrint.PerformCallback('show');
popupDetailsPrint.Show();
ReportViewerDetails.GotoPage(0);
}" />
</dx:ASPxButton>
</td>
<td>
<dx:ASPxButton ID="btnClose" runat="server" UseSubmitBehavior="False"
CssClass="searchbutton" meta:resourcekey="btnClose"
AutoPostBack="False" Style="float: right;">
<ClientSideEvents Click="function(s, e) { popupMetricsAsTable.Hide();}" />
</dx:ASPxButton>
</td>
</tr>
</table>
</div>
</FooterTemplate>
<HeaderStyle HorizontalAlign="Left" />
<FooterStyle>
<Paddings Padding="0px" PaddingBottom="5px" PaddingTop="5px" PaddingRight="5px" />
</FooterStyle>
<ContentStyle>
<Paddings Padding="0px" PaddingBottom="0px" PaddingLeft="5px" PaddingRight="5px"
PaddingTop="5px" />
</ContentStyle>
<LoadingPanelStyle HorizontalAlign="Center">
</LoadingPanelStyle>
<ClientSideEvents CloseUp="function(s, e) {}" />
<ContentCollection>
<dx:PopupControlContentControl ID="PopupControlContentControlOfPopupMetricsAsTable"
runat="server">
<dx:ASPxCallbackPanel ID="cpPopupMetricsAsTable"
ClientInstanceName="cpPopupMetricsAsTable"
runat="server" OnCallback="PopupMetricsAsTable_Callback"
LoadingPanelStyle-HorizontalAlign="Center">
<LoadingPanelStyle HorizontalAlign="Center"></LoadingPanelStyle>
<PanelCollection>
<dx:PanelContent ID="PanelContentOfPopupMetricsAsTable" runat="server"
meta:resourcekey="PanelContentOfPopupMetricsAsTableResource">
<table width="100%">
<tr>
<td>
<div style="width: 100%; text-align: center;">
<table align="left" width="100%">
<tr>
<td>
<asp:Label ID="lblFrom" runat="server"
meta:resourcekey="lblFrom"></asp:Label>
</td>
<td>
<dx:ASPxDateEdit ID="dateFrom" runat="server"
DisplayFormatString="dd/MM/yyyy HH:mm"
EditFormatString="dd/MM/yyyy HH:mm" EditFormat="DateTime">
</dx:ASPxDateEdit>
</td>
<td style="padding-left: 12px">
<asp:Label ID="lblTo" runat="server"
meta:resourcekey="lblTo"></asp:Label>
</td>
<td>
<dx:ASPxDateEdit ID="dateTo" runat="server"
DisplayFormatString="dd/MM/yyyy HH:mm"
EditFormatString="dd/MM/yyyy HH:mm" EditFormat="DateTime">
</dx:ASPxDateEdit>
</td>
<td style="padding-left: 10px">
<dx:ASPxButton ID="btnDisplay" runat="server"
AutoPostBack="false" EnableTheming="False" EnableDefaultAppearance="False"
CssClass="imagebutton32" HorizontalAlign="Center">
<ClientSideEvents Click="function(s,e)
{ cpPopupMetricsAsTable.PerformCallback(''); }" />
<Image Url="~/App_Themes/Tranzaura/Images/play.png"
Height="20px" Width="20px">
</Image>
</dx:ASPxButton>
</td>
</tr>
</table>
</div>

</td>
</tr>
<tr>
<td>
<dx:ASPxGridView ID="GridDetailsTable" runat="server"
AutoGenerateColumns="False" DataSourceID="dsDetailsTable"
ClientInstanceName="GridDetailsTable"
meta:resourcekey="GridDetailsTableResource"
EnableCallBacks="True" Width="100%">
<Columns>
<dx:GridViewDataDateColumn Name="DayDate" FieldName="DayDate"
VisibleIndex="0" meta:resourcekey="gridDetailsTableDateDay">
<PropertiesDateEdit EditFormat="Date"
DisplayFormatString="dd/MM/yyyy">
</PropertiesDateEdit>
</dx:GridViewDataDateColumn>
<dx:GridViewDataTextColumn VisibleIndex="1" Name="Activity"
FieldName="ActivityForGrid" meta:resourcekey="gridDetailsTableActivity">
</dx:GridViewDataTextColumn>
<dx:GridViewDataDateColumn Name="StartTime"
FieldName="StartTime" VisibleIndex="2" meta:resourcekey="gridDetailsTableStartTime">
<PropertiesDateEdit EditFormat="Time"
DisplayFormatString="HH:mm">
</PropertiesDateEdit>
</dx:GridViewDataDateColumn>
<dx:GridViewDataDateColumn Name="EndTime" FieldName="EndTime"
VisibleIndex="3" meta:resourcekey="gridDetailsTableEndTime">
<PropertiesDateEdit EditFormat="Time"
DisplayFormatString="HH:mm">
</PropertiesDateEdit>
</dx:GridViewDataDateColumn>
<dx:GridViewDataDateColumn Name="Duration"
FieldName="DurationForGrid" VisibleIndex="4" meta:resourcekey="gridDetailsTableDuration">
<PropertiesDateEdit EditFormat="Time"
DisplayFormatString="HH:mm">
</PropertiesDateEdit>
</dx:GridViewDataDateColumn>
</Columns>
<SettingsBehavior AllowSort="True" SortMode="DisplayText" />
</dx:ASPxGridView>
</td>
</tr>
</table>
<hr style="height: 1px; margin-top: 0px;" />
<table>
<tr>
<td align="left">
<asp:Label ID="lblSummaryRest" runat="server"
meta:resourcekey="lblSummaryRest"></asp:Label>
</td>
<td>
<dx:ASPxTextBox Width="90px" ID="txtSummaryRest" runat="server"
ReadOnly="true" HorizontalAlign="Right">
</dx:ASPxTextBox>
</td>
</tr>
<tr>
<td align="left">
<asp:Label ID="lblSummaryDrive" runat="server"
meta:resourcekey="lblSummaryDrive"></asp:Label>
</td>
<td>
<dx:ASPxTextBox Width="90px" ID="txtSummaryDrive" runat="server"
ReadOnly="true" HorizontalAlign="Right">
</dx:ASPxTextBox>
</td>
</tr>
<tr>
<td align="left">
<asp:Label ID="lblSummaryOtherWork" runat="server"
meta:resourcekey="lblSummaryOtherWork"></asp:Label>
</td>
<td>
<dx:ASPxTextBox Width="90px" ID="txtSummaryOtherWork" runat="server"
ReadOnly="true" HorizontalAlign="Right">
</dx:ASPxTextBox>
</td>
</tr>
<tr>
<td align="left">
<asp:Label ID="lblSummaryPOA" runat="server"
meta:resourcekey="lblSummaryPOA"></asp:Label>
</td>
<td>
<dx:ASPxTextBox Width="90px" ID="txtSummaryPOA" runat="server"
ReadOnly="true"
HorizontalAlign="Right">
</dx:ASPxTextBox>
</td>
</tr>
<tr>
<td align="left">
<asp:Label ID="lblSummaryDriveCrew" runat="server"
meta:resourcekey="lblSummaryDriveCrew"></asp:Label>
</td>
<td>
<dx:ASPxTextBox Width="90px" ID="txtSummaryDriveCrew" runat="server"
ReadOnly="true" HorizontalAlign="Right">
</dx:ASPxTextBox>
</td>
</tr>
</table>

<asp:HiddenField ID="HiddenForGrid_DriverId" runat="server" />


<asp:ObjectDataSource ID="dsDetailsTable" runat="server"
EnablePaging="False"

DataObjectTypeName="TTMSWeb.UserControls.ActivityDetailsControl_ActivityDetails"
TypeName="TTMSWeb.UserControls.ActivityDetailsControl_DetailsDataSource"
SelectMethod="GetActivities"
MaximumRowsParameterName="maximumRows"
StartRowIndexParameterName="startRowIndex"
OnObjectCreated="dsDetailsTable_ObjectCreated">
<SelectParameters>
<asp:ControlParameter ControlID="HiddenForGrid_DriverId" DefaultValue="-1"
Name="driverId"
PropertyName="Value" Type="Int32" />
<asp:ControlParameter ControlID="dateFrom" Name="dateFrom"
PropertyName="Date" Type="DateTime" />
<asp:ControlParameter ControlID="dateTo" Name="dateTo"
PropertyName="Date" Type="DateTime" />
</SelectParameters>
</asp:ObjectDataSource>

</dx:PanelContent>
</PanelCollection>
</dx:ASPxCallbackPanel>
</dx:PopupControlContentControl>
</ContentCollection>
</dx:ASPxPopupControl>

<dx:ASPxPopupControl ID="PopupDetailsPrint" ClientInstanceName="popupDetailsPrint"


runat="server" AllowDragging="True" PopupHorizontalAlign="WindowCenter"
PopupVerticalAlign="TopSides"
Width="750px" Height="400px" Modal="True"
CloseAction="CloseButton" meta:resourcekey="PopupDetailsPrint">
<ClientSideEvents CloseUp="function(s, e) {
cbDetailsPrint.PerformCallback('hide');
}" />
<ContentCollection>
<dx:PopupControlContentControl>
<dx:ASPxCallbackPanel ID="cbDetailsPrint" runat="server"
ClientInstanceName="cbDetailsPrint" OnCallback="CallbackPrint_Callback">
<ClientSideEvents EndCallback="function(s,e) {}" />
<PanelCollection>
<dx:PanelContent ID="PanelContentPrint" runat="server">
<dx:ReportToolbar ID="ReportToolbar1" runat="server" ShowDefaultButtons="False"
Width="720px" ReportViewer="<%# DetailsReportViewer %>">
<Items>
<dx:ReportToolbarButton ItemKind="Search" />
<dx:ReportToolbarSeparator />
<dx:ReportToolbarButton ItemKind="PrintReport" />
<dx:ReportToolbarButton ItemKind="PrintPage" />
<dx:ReportToolbarSeparator />
<dx:ReportToolbarButton Enabled="False" ItemKind="FirstPage" />
<dx:ReportToolbarButton Enabled="False" ItemKind="PreviousPage" />
<dx:ReportToolbarLabel ItemKind="PageLabel" />
<dx:ReportToolbarComboBox ItemKind="PageNumber" Width="65px">
</dx:ReportToolbarComboBox>
<dx:ReportToolbarLabel ItemKind="OfLabel" />
<dx:ReportToolbarTextBox IsReadOnly="True" ItemKind="PageCount" />
<dx:ReportToolbarButton ItemKind="NextPage" />
<dx:ReportToolbarButton ItemKind="LastPage" />
<dx:ReportToolbarSeparator />
<dx:ReportToolbarButton ItemKind="SaveToDisk" />
<dx:ReportToolbarButton ItemKind="SaveToWindow" />
<dx:ReportToolbarComboBox ItemKind="SaveFormat" Width="70px">
<Elements>
<dx:ListElement Value="pdf" />
<dx:ListElement Value="xls" />
<dx:ListElement Value="xlsx" />
<dx:ListElement Value="rtf" />
<dx:ListElement Value="mht" />
<dx:ListElement Value="txt" />
<dx:ListElement Value="csv" />
<dx:ListElement Value="png" />
</Elements>
</dx:ReportToolbarComboBox>
</Items>
<Styles>
<LabelStyle>
<Margins MarginLeft="3px" MarginRight="3px" />
</LabelStyle>
</Styles>
</dx:ReportToolbar>
<dx:ReportViewer ID="DetailsReportViewer"
ClientInstanceName="ReportViewerDetails" runat="server" AutoSize="False" Height="650px"
Width="720px" OnDataBinding="DetailsReportViewer_DataBinding"
OnCacheReportDocument="DetailsReportViewer_CacheReportDocument"

OnRestoreReportDocumentFromCache="DetailsReportViewer_RestoreReportDocumentFromCache"
EnableViewState="True">
</dx:ReportViewer>
<dx:ASPxButton ID="btnClosePopupPrint" runat="server" CssClass="searchbutton"
AutoPostBack="false"
meta:resourcekey="BtnClosePopupPrint">
<ClientSideEvents Click="function(s,e){
popupDetailsPrint.Hide();
return false;}" />
</dx:ASPxButton>

<asp:HiddenField ID="HiddenFieldForReportCacheKey" runat="server" />

</dx:PanelContent>
</PanelCollection>
</dx:ASPxCallbackPanel>

</dx:PopupControlContentControl>
</ContentCollection>
<HeaderStyle HorizontalAlign="Left" />
</dx:ASPxPopupControl>

You might also like