From 115c8548b4ee84cc42ff29a402e94510e34d457e Mon Sep 17 00:00:00 2001
From: Benoit Pouzet <bpouzet@gmail.com>
Date: Wed, 6 Jun 2012 19:19:14 +0200
Subject: [PATCH] add new reports

---
 src/views/ListReports.mxml                    |  46 ++++++-
 .../reports/actions/EntryPageTitles.mxml      | 104 ++++++++++++++++
 src/views/reports/actions/EntryPageUrls.mxml  | 105 ++++++++++++++++
 src/views/reports/actions/ExitPageTitles.mxml | 104 ++++++++++++++++
 src/views/reports/actions/ExitPageUrls.mxml   | 105 ++++++++++++++++
 .../actions/{Pages.mxml => PageUrls.mxml}     |   0
 .../reports/visitors/BrowserVersion.mxml      | 111 +++++++++++++++++
 .../reports/visitors/MobileVsDesktop.mxml     | 115 ++++++++++++++++++
 .../visitors/OperatingSystemFamily.mxml       | 115 ++++++++++++++++++
 9 files changed, 803 insertions(+), 2 deletions(-)
 create mode 100644 src/views/reports/actions/EntryPageTitles.mxml
 create mode 100644 src/views/reports/actions/EntryPageUrls.mxml
 create mode 100644 src/views/reports/actions/ExitPageTitles.mxml
 create mode 100644 src/views/reports/actions/ExitPageUrls.mxml
 rename src/views/reports/actions/{Pages.mxml => PageUrls.mxml} (100%)
 create mode 100644 src/views/reports/visitors/BrowserVersion.mxml
 create mode 100644 src/views/reports/visitors/MobileVsDesktop.mxml
 create mode 100644 src/views/reports/visitors/OperatingSystemFamily.mxml

diff --git a/src/views/ListReports.mxml b/src/views/ListReports.mxml
index 8bc6614..4d4f8d6 100644
--- a/src/views/ListReports.mxml
+++ b/src/views/ListReports.mxml
@@ -21,9 +21,13 @@
 			import spark.components.ViewNavigator;
 			
 			import views.reports.actions.Downloads;
+			import views.reports.actions.EntryPageTitles;
+			import views.reports.actions.EntryPageUrls;
+			import views.reports.actions.ExitPageTitles;
+			import views.reports.actions.ExitPageUrls;
 			import views.reports.actions.Outlinks;
 			import views.reports.actions.PageTitles;
-			import views.reports.actions.Pages;
+			import views.reports.actions.PageUrls;
 			import views.reports.goals.Goals;
 			import views.reports.live.Live;
 			import views.reports.referers.Campaigns;
@@ -31,9 +35,12 @@
 			import views.reports.referers.SearchEngines;
 			import views.reports.referers.Websites;
 			import views.reports.visitors.BrowserFamilies;
+			import views.reports.visitors.BrowserVersion;
 			import views.reports.visitors.Browsers;
 			import views.reports.visitors.Configurations;
 			import views.reports.visitors.Locations;
+			import views.reports.visitors.MobileVsDesktop;
+			import views.reports.visitors.OperatingSystemFamily;
 			import views.reports.visitors.OperatingSystems;
 			import views.reports.visitors.Plugins;
 			import views.reports.visitors.Providers;
@@ -168,11 +175,26 @@
 				<fx:view>{Browsers}</fx:view>
 				<fx:label>{resourceManager.getString('piwik', 'UserSettings_Browsers')}</fx:label>
 			</fx:Object>
+			<fx:Object>
+				<fx:id>browserVersion</fx:id>
+				<fx:view>{BrowserVersion}</fx:view>
+				<fx:label>{resourceManager.getString('piwik', 'UserSettings_ColumnBrowserVersion')}</fx:label>
+			</fx:Object>
 			<fx:Object>
 				<fx:id>os</fx:id>
 				<fx:view>{OperatingSystems}</fx:view>
 				<fx:label>{resourceManager.getString('piwik', 'UserSettings_OperatingSystems')}</fx:label>
 			</fx:Object>
+			<fx:Object>
+				<fx:id>osFamily</fx:id>
+				<fx:view>{OperatingSystemFamily}</fx:view>
+				<fx:label>{resourceManager.getString('piwik', 'UserSettings_OperatingSystemFamily')}</fx:label>
+			</fx:Object>
+			<fx:Object>
+				<fx:id>mobileVsDesktop</fx:id>
+				<fx:view>{MobileVsDesktop}</fx:view>
+				<fx:label>{resourceManager.getString('piwik', 'UserSettings_MobileVsDesktop')}</fx:label>
+			</fx:Object>
 			<fx:Object>
 				<fx:id>resolutions</fx:id>
 				<fx:view>{Resolutions}</fx:view>
@@ -205,14 +227,34 @@
 			</fx:Object>
 			<fx:Object>
 				<fx:id>pageUrls</fx:id>
-				<fx:view>{Pages}</fx:view>
+				<fx:view>{PageUrls}</fx:view>
 				<fx:label>{resourceManager.getString('piwik', 'Actions_SubmenuPages')}</fx:label>
 			</fx:Object>
+			<fx:Object>
+				<fx:id>entryPageUrls</fx:id>
+				<fx:view>{EntryPageUrls}</fx:view>
+				<fx:label>{resourceManager.getString('piwik', 'Actions_SubmenuPagesEntry')}</fx:label>
+			</fx:Object>
+			<fx:Object>
+				<fx:id>exitPageUrls</fx:id>
+				<fx:view>{ExitPageUrls}</fx:view>
+				<fx:label>{resourceManager.getString('piwik', 'Actions_SubmenuPagesExit')}</fx:label>
+			</fx:Object>
 			<fx:Object>
 				<fx:id>pageTitles</fx:id>
 				<fx:view>{PageTitles}</fx:view>
 				<fx:label>{resourceManager.getString('piwik', 'Actions_SubmenuPageTitles')}</fx:label>
 			</fx:Object>
+			<fx:Object>
+				<fx:id>entryPageTitles</fx:id>
+				<fx:view>{EntryPageTitles}</fx:view>
+				<fx:label>{resourceManager.getString('piwik', 'Actions_EntryPageTitles')}</fx:label>
+			</fx:Object>
+			<fx:Object>
+				<fx:id>exitPageTitles</fx:id>
+				<fx:view>{ExitPageTitles}</fx:view>
+				<fx:label>{resourceManager.getString('piwik', 'Actions_ExitPageTitles')}</fx:label>
+			</fx:Object>
 			<fx:Object>
 				<fx:id>outlinks</fx:id>
 				<fx:view>{Outlinks}</fx:view>
diff --git a/src/views/reports/actions/EntryPageTitles.mxml b/src/views/reports/actions/EntryPageTitles.mxml
new file mode 100644
index 0000000..f28c67c
--- /dev/null
+++ b/src/views/reports/actions/EntryPageTitles.mxml
@@ -0,0 +1,104 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+	DWA_Mobile
+
+	Link http://www.desktop-web-analytics.com
+	Link https://github.com/DesktopWebAnalytics
+	Licence http://www.gnu.org/licenses/gpl-3.0-standalone.html GPL v3 or later
+-->
+<s:View xmlns:fx="http://ns.adobe.com/mxml/2009"
+		xmlns:s="library://ns.adobe.com/flex/spark"
+		xmlns:states="views.states.*"
+		actionBarVisible="false" currentState="loading" viewActivate="initView()">
+	<fx:Script>
+		<![CDATA[
+			import com.dwa.common.profile.Profile;
+			import com.dwa.common.reports.Reports;
+			
+			import mx.collections.XMLListCollection;
+			import mx.core.FlexGlobals;
+			
+			private var profile:Profile;
+			
+			private var report:Reports;
+			
+			private var result:XMLListCollection;
+			
+			private function initView():void{
+				titleLabel.text = data as String;
+				dateLabel.text = resourceManager.getString('piwik', 'General_DateRangeFromTo').replace('%s', shortDateFormatter.format(FlexGlobals.topLevelApplication.selectedStartDate)).replace('%s', shortDateFormatter.format(FlexGlobals.topLevelApplication.selectedEndDate));
+				
+				profile = FlexGlobals.topLevelApplication.selectedProfile;
+				
+				report = new Reports();
+				report.addEventListener(Event.COMPLETE, resultCall);
+				report.addEventListener(ErrorEvent.ERROR, error);
+				report.getEntryPageTitles(profile, FlexGlobals.topLevelApplication.selectedPeriodDate, false);
+			}
+			private function resultCall(event:Event):void{
+				result = report.resultCollectionRow;
+				compute();
+				clear();
+			}
+			private function error(event:ErrorEvent):void{
+				trace("error: " + event.text);
+				clear();
+				currentState = "error";
+				errorState.message(event.text);
+			}
+			private function clear():void{
+				report.removeEventListener(Event.COMPLETE, resultCall);
+				report.removeEventListener(ErrorEvent.ERROR, error);
+				report = null;
+			}
+			private function compute():void{
+				trace("page urls");
+				currentState = "tab";
+				
+				list.dataProvider = result;
+			}
+		]]>
+	</fx:Script>
+	<fx:Declarations>
+		<!-- Placer ici les éléments non visuels (services et objets de valeur, par exemple). -->
+		
+		<s:DateTimeFormatter id="shortDateFormatter" dateStyle="short"
+							 locale="{resourceManager.getString('piwik', 'General_Locale')}"
+							 timeStyle="none"/>
+		
+	</fx:Declarations>
+	
+	<s:states>
+		<s:State name="loading"/>
+		<s:State name="tab"/>
+		<s:State name="error"/>
+	</s:states>
+	
+	<s:layout>
+		<s:VerticalLayout paddingBottom="5" paddingLeft="5" paddingRight="5" paddingTop="10"/>
+	</s:layout>
+	
+	<s:Group width="100%">
+		<s:layout>
+			<s:VerticalLayout horizontalAlign="center"/>
+		</s:layout>
+		<s:Label id="titleLabel"/>
+		<s:Label id="dateLabel"/>
+	</s:Group>
+	
+	<states:Loader includeIn="loading" width="100%" height="100%"/>
+	
+	<states:Error id="errorState" includeIn="error" width="100%" height="100%"/>
+	
+	<s:VGroup includeIn="tab" width="100%" height="100%">
+		<s:SkinnableContainer id="legend" width="100%" height="40">
+			<s:Label left="2" top="10"
+					 text="{resourceManager.getString('piwik', 'Actions_ColumnEntryPageTitle')}"/>
+			<s:Label right="2" top="10"
+					 text="{resourceManager.getString('piwik', 'General_ColumnEntrances')}"/>
+		</s:SkinnableContainer>
+		
+		<s:List id="list" width="100%" height="100%" itemRenderer="views.renderers.ListRendererEntry"/>
+	</s:VGroup>
+	
+</s:View>
diff --git a/src/views/reports/actions/EntryPageUrls.mxml b/src/views/reports/actions/EntryPageUrls.mxml
new file mode 100644
index 0000000..8f74161
--- /dev/null
+++ b/src/views/reports/actions/EntryPageUrls.mxml
@@ -0,0 +1,105 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+	DWA_Mobile
+
+	Link http://www.desktop-web-analytics.com
+	Link https://github.com/DesktopWebAnalytics
+	Licence http://www.gnu.org/licenses/gpl-3.0-standalone.html GPL v3 or later
+-->
+<s:View xmlns:fx="http://ns.adobe.com/mxml/2009"
+		xmlns:s="library://ns.adobe.com/flex/spark"
+		xmlns:views="views.*"
+		xmlns:states="views.states.*"
+		actionBarVisible="false" currentState="loading" viewActivate="initView()">
+	<fx:Script>
+		<![CDATA[
+			import com.dwa.common.profile.Profile;
+			import com.dwa.common.reports.Reports;
+			
+			import mx.collections.XMLListCollection;
+			import mx.core.FlexGlobals;
+			
+			private var profile:Profile;
+			
+			private var report:Reports;
+			
+			private var result:XMLListCollection;
+			
+			private function initView():void{
+				titleLabel.text = data as String;
+				dateLabel.text = resourceManager.getString('piwik', 'General_DateRangeFromTo').replace('%s', shortDateFormatter.format(FlexGlobals.topLevelApplication.selectedStartDate)).replace('%s', shortDateFormatter.format(FlexGlobals.topLevelApplication.selectedEndDate));
+				
+				profile = FlexGlobals.topLevelApplication.selectedProfile;
+				
+				report = new Reports();
+				report.addEventListener(Event.COMPLETE, resultCall);
+				report.addEventListener(ErrorEvent.ERROR, error);
+				report.getEntryPageUrls(profile, FlexGlobals.topLevelApplication.selectedPeriodDate, false);
+			}
+			private function resultCall(event:Event):void{
+				result = report.resultCollectionRow;
+				compute();
+				clear();
+			}
+			private function error(event:ErrorEvent):void{
+				trace("error: " + event.text);
+				clear();
+				currentState = "error";
+				errorState.message(event.text);
+			}
+			private function clear():void{
+				report.removeEventListener(Event.COMPLETE, resultCall);
+				report.removeEventListener(ErrorEvent.ERROR, error);
+				report = null;
+			}
+			private function compute():void{
+				trace("page urls");
+				currentState = "tab";
+				
+				list.dataProvider = result;
+			}
+		]]>
+	</fx:Script>
+	<fx:Declarations>
+		<!-- Placer ici les éléments non visuels (services et objets de valeur, par exemple). -->
+		
+		<s:DateTimeFormatter id="shortDateFormatter" dateStyle="short"
+							 locale="{resourceManager.getString('piwik', 'General_Locale')}"
+							 timeStyle="none"/>
+		
+	</fx:Declarations>
+	
+	<s:states>
+		<s:State name="loading"/>
+		<s:State name="tab"/>
+		<s:State name="error"/>
+	</s:states>
+	
+	<s:layout>
+		<s:VerticalLayout paddingBottom="5" paddingLeft="5" paddingRight="5" paddingTop="10"/>
+	</s:layout>
+	
+	<s:Group width="100%">
+		<s:layout>
+			<s:VerticalLayout horizontalAlign="center"/>
+		</s:layout>
+		<s:Label id="titleLabel"/>
+		<s:Label id="dateLabel"/>
+	</s:Group>
+	
+	<states:Loader includeIn="loading" width="100%" height="100%"/>
+	
+	<states:Error id="errorState" includeIn="error" width="100%" height="100%"/>
+	
+	<s:VGroup includeIn="tab" width="100%" height="100%">
+		<s:SkinnableContainer id="legend" width="100%" height="40">
+			<s:Label left="2" top="10"
+					 text="{resourceManager.getString('piwik', 'Actions_ColumnEntryPageURL')}"/>
+			<s:Label right="2" top="10"
+					 text="{resourceManager.getString('piwik', 'General_ColumnEntrances')}"/>
+		</s:SkinnableContainer>
+		
+		<s:List id="list" width="100%" height="100%" itemRenderer="views.renderers.ListRendererEntry"/>
+	</s:VGroup>
+	
+</s:View>
diff --git a/src/views/reports/actions/ExitPageTitles.mxml b/src/views/reports/actions/ExitPageTitles.mxml
new file mode 100644
index 0000000..edbae61
--- /dev/null
+++ b/src/views/reports/actions/ExitPageTitles.mxml
@@ -0,0 +1,104 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+	DWA_Mobile
+
+	Link http://www.desktop-web-analytics.com
+	Link https://github.com/DesktopWebAnalytics
+	Licence http://www.gnu.org/licenses/gpl-3.0-standalone.html GPL v3 or later
+-->
+<s:View xmlns:fx="http://ns.adobe.com/mxml/2009"
+		xmlns:s="library://ns.adobe.com/flex/spark"
+		xmlns:states="views.states.*"
+		actionBarVisible="false" currentState="loading" viewActivate="initView()">
+	<fx:Script>
+		<![CDATA[
+			import com.dwa.common.profile.Profile;
+			import com.dwa.common.reports.Reports;
+			
+			import mx.collections.XMLListCollection;
+			import mx.core.FlexGlobals;
+			
+			private var profile:Profile;
+			
+			private var report:Reports;
+			
+			private var result:XMLListCollection;
+			
+			private function initView():void{
+				titleLabel.text = data as String;
+				dateLabel.text = resourceManager.getString('piwik', 'General_DateRangeFromTo').replace('%s', shortDateFormatter.format(FlexGlobals.topLevelApplication.selectedStartDate)).replace('%s', shortDateFormatter.format(FlexGlobals.topLevelApplication.selectedEndDate));
+				
+				profile = FlexGlobals.topLevelApplication.selectedProfile;
+				
+				report = new Reports();
+				report.addEventListener(Event.COMPLETE, resultCall);
+				report.addEventListener(ErrorEvent.ERROR, error);
+				report.getExitPageTitles(profile, FlexGlobals.topLevelApplication.selectedPeriodDate, false);
+			}
+			private function resultCall(event:Event):void{
+				result = report.resultCollectionRow;
+				compute();
+				clear();
+			}
+			private function error(event:ErrorEvent):void{
+				trace("error: " + event.text);
+				clear();
+				currentState = "error";
+				errorState.message(event.text);
+			}
+			private function clear():void{
+				report.removeEventListener(Event.COMPLETE, resultCall);
+				report.removeEventListener(ErrorEvent.ERROR, error);
+				report = null;
+			}
+			private function compute():void{
+				trace("page urls");
+				currentState = "tab";
+				
+				list.dataProvider = result;
+			}
+		]]>
+	</fx:Script>
+	<fx:Declarations>
+		<!-- Placer ici les éléments non visuels (services et objets de valeur, par exemple). -->
+		
+		<s:DateTimeFormatter id="shortDateFormatter" dateStyle="short"
+							 locale="{resourceManager.getString('piwik', 'General_Locale')}"
+							 timeStyle="none"/>
+		
+	</fx:Declarations>
+	
+	<s:states>
+		<s:State name="loading"/>
+		<s:State name="tab"/>
+		<s:State name="error"/>
+	</s:states>
+	
+	<s:layout>
+		<s:VerticalLayout paddingBottom="5" paddingLeft="5" paddingRight="5" paddingTop="10"/>
+	</s:layout>
+	
+	<s:Group width="100%">
+		<s:layout>
+			<s:VerticalLayout horizontalAlign="center"/>
+		</s:layout>
+		<s:Label id="titleLabel"/>
+		<s:Label id="dateLabel"/>
+	</s:Group>
+	
+	<states:Loader includeIn="loading" width="100%" height="100%"/>
+	
+	<states:Error id="errorState" includeIn="error" width="100%" height="100%"/>
+	
+	<s:VGroup includeIn="tab" width="100%" height="100%">
+		<s:SkinnableContainer id="legend" width="100%" height="40">
+			<s:Label left="2" top="10"
+					 text="{resourceManager.getString('piwik', 'Actions_ColumnExitPageTitle')}"/>
+			<s:Label right="2" top="10"
+					 text="{resourceManager.getString('piwik', 'General_ColumnExits')}"/>
+		</s:SkinnableContainer>
+		
+		<s:List id="list" width="100%" height="100%" itemRenderer="views.renderers.ListRendererExit"/>
+	</s:VGroup>
+	
+</s:View>
diff --git a/src/views/reports/actions/ExitPageUrls.mxml b/src/views/reports/actions/ExitPageUrls.mxml
new file mode 100644
index 0000000..fdc4b86
--- /dev/null
+++ b/src/views/reports/actions/ExitPageUrls.mxml
@@ -0,0 +1,105 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+	DWA_Mobile
+
+	Link http://www.desktop-web-analytics.com
+	Link https://github.com/DesktopWebAnalytics
+	Licence http://www.gnu.org/licenses/gpl-3.0-standalone.html GPL v3 or later
+-->
+<s:View xmlns:fx="http://ns.adobe.com/mxml/2009"
+		xmlns:s="library://ns.adobe.com/flex/spark"
+		xmlns:views="views.*"
+		xmlns:states="views.states.*"
+		actionBarVisible="false" currentState="loading" viewActivate="initView()">
+	<fx:Script>
+		<![CDATA[
+			import com.dwa.common.profile.Profile;
+			import com.dwa.common.reports.Reports;
+			
+			import mx.collections.XMLListCollection;
+			import mx.core.FlexGlobals;
+			
+			private var profile:Profile;
+			
+			private var report:Reports;
+			
+			private var result:XMLListCollection;
+			
+			private function initView():void{
+				titleLabel.text = data as String;
+				dateLabel.text = resourceManager.getString('piwik', 'General_DateRangeFromTo').replace('%s', shortDateFormatter.format(FlexGlobals.topLevelApplication.selectedStartDate)).replace('%s', shortDateFormatter.format(FlexGlobals.topLevelApplication.selectedEndDate));
+				
+				profile = FlexGlobals.topLevelApplication.selectedProfile;
+				
+				report = new Reports();
+				report.addEventListener(Event.COMPLETE, resultCall);
+				report.addEventListener(ErrorEvent.ERROR, error);
+				report.getExitPageUrls(profile, FlexGlobals.topLevelApplication.selectedPeriodDate, false);
+			}
+			private function resultCall(event:Event):void{
+				result = report.resultCollectionRow;
+				compute();
+				clear();
+			}
+			private function error(event:ErrorEvent):void{
+				trace("error: " + event.text);
+				clear();
+				currentState = "error";
+				errorState.message(event.text);
+			}
+			private function clear():void{
+				report.removeEventListener(Event.COMPLETE, resultCall);
+				report.removeEventListener(ErrorEvent.ERROR, error);
+				report = null;
+			}
+			private function compute():void{
+				trace("page urls");
+				currentState = "tab";
+				
+				list.dataProvider = result;
+			}
+		]]>
+	</fx:Script>
+	<fx:Declarations>
+		<!-- Placer ici les éléments non visuels (services et objets de valeur, par exemple). -->
+		
+		<s:DateTimeFormatter id="shortDateFormatter" dateStyle="short"
+							 locale="{resourceManager.getString('piwik', 'General_Locale')}"
+							 timeStyle="none"/>
+		
+	</fx:Declarations>
+	
+	<s:states>
+		<s:State name="loading"/>
+		<s:State name="tab"/>
+		<s:State name="error"/>
+	</s:states>
+	
+	<s:layout>
+		<s:VerticalLayout paddingBottom="5" paddingLeft="5" paddingRight="5" paddingTop="10"/>
+	</s:layout>
+	
+	<s:Group width="100%">
+		<s:layout>
+			<s:VerticalLayout horizontalAlign="center"/>
+		</s:layout>
+		<s:Label id="titleLabel"/>
+		<s:Label id="dateLabel"/>
+	</s:Group>
+	
+	<states:Loader includeIn="loading" width="100%" height="100%"/>
+	
+	<states:Error id="errorState" includeIn="error" width="100%" height="100%"/>
+	
+	<s:VGroup includeIn="tab" width="100%" height="100%">
+		<s:SkinnableContainer id="legend" width="100%" height="40">
+			<s:Label left="2" top="10"
+					 text="{resourceManager.getString('piwik', 'Actions_ColumnExitPageURL')}"/>
+			<s:Label right="2" top="10"
+					 text="{resourceManager.getString('piwik', 'General_ColumnExits')}"/>
+		</s:SkinnableContainer>
+		
+		<s:List id="list" width="100%" height="100%" itemRenderer="views.renderers.ListRendererExit"/>
+	</s:VGroup>
+	
+</s:View>
diff --git a/src/views/reports/actions/Pages.mxml b/src/views/reports/actions/PageUrls.mxml
similarity index 100%
rename from src/views/reports/actions/Pages.mxml
rename to src/views/reports/actions/PageUrls.mxml
diff --git a/src/views/reports/visitors/BrowserVersion.mxml b/src/views/reports/visitors/BrowserVersion.mxml
new file mode 100644
index 0000000..1bd60bc
--- /dev/null
+++ b/src/views/reports/visitors/BrowserVersion.mxml
@@ -0,0 +1,111 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+	DWA_Mobile
+
+	Link http://www.desktop-web-analytics.com
+	Link https://github.com/DesktopWebAnalytics
+	Licence http://www.gnu.org/licenses/gpl-3.0-standalone.html GPL v3 or later
+-->
+<s:View xmlns:fx="http://ns.adobe.com/mxml/2009"
+		xmlns:s="library://ns.adobe.com/flex/spark"
+		xmlns:states="views.states.*"
+		actionBarVisible="false" currentState="loading" viewActivate="initView()">
+	<fx:Script>
+		<![CDATA[
+			import com.dwa.common.profile.Profile;
+			import com.dwa.common.reports.Reports;
+			
+			import mx.collections.XMLListCollection;
+			import mx.core.FlexGlobals;
+			
+			private var profile:Profile;
+			
+			private var report:Reports;
+			
+			private var result:XMLListCollection;
+			
+			private function initView():void{
+				titleLabel.text = data as String;
+				dateLabel.text = resourceManager.getString('piwik', 'General_DateRangeFromTo').replace('%s', shortDateFormatter.format(FlexGlobals.topLevelApplication.selectedStartDate)).replace('%s', shortDateFormatter.format(FlexGlobals.topLevelApplication.selectedEndDate));
+				
+				profile = FlexGlobals.topLevelApplication.selectedProfile;
+				
+				report = new Reports();
+				report.addEventListener(Event.COMPLETE, resultApi);
+				report.addEventListener(ErrorEvent.ERROR, error);
+				report.getBrowserVersion(profile, FlexGlobals.topLevelApplication.selectedPeriodDate);
+			}
+			private function resultApi(event:Event):void{
+				result = report.resultCollectionRow;
+				clear();
+				compute();
+			}
+			private function error(event:ErrorEvent):void{
+				trace("error: " + event.text);
+				clear();
+				currentState = "error";
+				errorState.message(event.text);
+			}
+			private function clear():void{
+				report.removeEventListener(Event.COMPLETE, resultApi);
+				report.removeEventListener(ErrorEvent.ERROR, error);
+				report = null;
+			}
+			
+			private function compute():void{
+				currentState = "tab";
+				
+				list.dataProvider = result;
+			}
+		]]>
+	</fx:Script>
+	<fx:Declarations>
+		<!-- Placer ici les éléments non visuels (services et objets de valeur, par exemple). -->
+		
+		<s:DateTimeFormatter id="shortDateFormatter" dateStyle="short"
+							 locale="{resourceManager.getString('piwik', 'General_Locale')}"
+							 timeStyle="none"/>
+		
+	</fx:Declarations>
+	
+	<s:states>
+		<s:State name="loading"/>
+		<s:State name="chart"/>
+		<s:State name="tab"/>
+		<s:State name="error"/>
+	</s:states>
+	
+	<s:layout>
+		<s:VerticalLayout paddingBottom="5" paddingLeft="5" paddingRight="5" paddingTop="10"/>
+	</s:layout>
+	
+	<s:Group width="100%">
+		<s:layout>
+			<s:VerticalLayout horizontalAlign="center"/>
+		</s:layout>
+		<s:Label id="titleLabel"/>
+		<s:Label id="dateLabel"/>
+	</s:Group>
+	
+	<states:Loader includeIn="loading" width="100%" height="100%"/>
+	
+	<states:Error id="errorState" includeIn="error" width="100%" height="100%"/>
+	
+	<s:Group includeIn="chart" width="100%" height="100%">
+		
+	</s:Group>
+	
+	<s:Group includeIn="tab" width="100%" height="100%">
+		<s:layout>
+			<s:VerticalLayout />
+		</s:layout>
+		<s:SkinnableContainer id="legend" width="100%" height="40">
+			<s:Label left="2" top="10"
+					 text="{resourceManager.getString('piwik', 'UserSettings_ColumnBrowserVersion')}"/>
+			<s:Label right="2" top="10"
+					 text="{resourceManager.getString('piwik', 'General_ColumnNbVisits')}"/>
+		</s:SkinnableContainer>
+		
+		<s:List id="list" width="100%" height="100%" itemRenderer="views.renderers.ListIconRenderer" />
+	</s:Group>
+</s:View>
diff --git a/src/views/reports/visitors/MobileVsDesktop.mxml b/src/views/reports/visitors/MobileVsDesktop.mxml
new file mode 100644
index 0000000..5dbbd60
--- /dev/null
+++ b/src/views/reports/visitors/MobileVsDesktop.mxml
@@ -0,0 +1,115 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+	DWA_Mobile
+
+	Link http://www.desktop-web-analytics.com
+	Link https://github.com/DesktopWebAnalytics
+	Licence http://www.gnu.org/licenses/gpl-3.0-standalone.html GPL v3 or later
+-->
+<s:View xmlns:fx="http://ns.adobe.com/mxml/2009"
+		xmlns:s="library://ns.adobe.com/flex/spark"
+		xmlns:views="views.*"
+		xmlns:mx="library://ns.adobe.com/flex/mx"
+		xmlns:states="views.states.*"
+		actionBarVisible="false" currentState="loading" viewActivate="initView()">
+	
+	<fx:Script>
+		<![CDATA[
+			import com.dwa.common.profile.Profile;
+			import com.dwa.common.reports.Reports;
+			
+			import mx.collections.XMLListCollection;
+			import mx.core.FlexGlobals;
+			
+			private var profile:Profile;
+			
+			private var report:Reports;
+			
+			private var result:XMLListCollection;
+			
+			private function initView():void{
+				titleLabel.text = data as String;
+				dateLabel.text = resourceManager.getString('piwik', 'General_DateRangeFromTo').replace('%s', shortDateFormatter.format(FlexGlobals.topLevelApplication.selectedStartDate)).replace('%s', shortDateFormatter.format(FlexGlobals.topLevelApplication.selectedEndDate));
+				
+				profile = FlexGlobals.topLevelApplication.selectedProfile;
+				
+				report = new Reports();
+				report.addEventListener(Event.COMPLETE, resultApi);
+				report.addEventListener(ErrorEvent.ERROR, error);
+				report.getMobileVsDesktop(profile, FlexGlobals.topLevelApplication.selectedPeriodDate);
+			}
+			private function resultApi(event:Event):void{
+				result = report.resultCollectionRow;
+				clear();
+				compute();
+			}
+			private function error(event:ErrorEvent):void{
+				trace("error: " + event.text);
+				clear();
+				currentState = "error";
+				errorState.message(event.text);
+			}
+			private function clear():void{
+				report.removeEventListener(Event.COMPLETE, resultApi);
+				report.removeEventListener(ErrorEvent.ERROR, error);
+				report = null;
+			}
+			private function compute():void{
+				
+				currentState = "tab";
+				
+				list.dataProvider = result;
+			}
+		]]>
+	</fx:Script>
+	<fx:Declarations>
+		<!-- Placer ici les éléments non visuels (services et objets de valeur, par exemple). -->
+		
+		<s:DateTimeFormatter id="shortDateFormatter" dateStyle="short"
+							 locale="{resourceManager.getString('piwik', 'General_Locale')}"
+							 timeStyle="none"/>
+		
+	</fx:Declarations>
+	
+	<s:states>
+		<s:State name="loading"/>
+		<s:State name="chart"/>
+		<s:State name="tab"/>
+		<s:State name="error"/>
+	</s:states>
+	
+	<s:layout>
+		<s:VerticalLayout paddingBottom="5" paddingLeft="5" paddingRight="5" paddingTop="10"/>
+	</s:layout>
+	
+	<s:Group width="100%">
+		<s:layout>
+			<s:VerticalLayout horizontalAlign="center"/>
+		</s:layout>
+		<s:Label id="titleLabel"/>
+		<s:Label id="dateLabel"/>
+	</s:Group>
+	
+	<states:Loader includeIn="loading" width="100%" height="100%"/>
+	
+	<states:Error id="errorState" includeIn="error" width="100%" height="100%"/>
+	
+	<s:Group includeIn="chart" width="100%" height="100%">
+		
+	</s:Group>
+	<s:Group includeIn="tab" width="100%" height="100%">
+		<s:layout>
+			<s:VerticalLayout/>
+		</s:layout>
+		<s:VGroup width="100%" height="100%">
+			<s:SkinnableContainer id="legend" width="100%" height="40">
+				<s:Label left="2" top="10"
+						 text="{resourceManager.getString('piwik', 'UserSettings_MobileVsDesktop')}"/>
+				<s:Label right="2" top="10"
+						 text="{resourceManager.getString('piwik', 'General_ColumnNbVisits')}"/>
+			</s:SkinnableContainer>
+			
+			<s:List id="list" width="100%" height="100%" itemRenderer="views.renderers.ListIconRenderer" />
+		</s:VGroup>
+	</s:Group>
+</s:View>
diff --git a/src/views/reports/visitors/OperatingSystemFamily.mxml b/src/views/reports/visitors/OperatingSystemFamily.mxml
new file mode 100644
index 0000000..8b0de73
--- /dev/null
+++ b/src/views/reports/visitors/OperatingSystemFamily.mxml
@@ -0,0 +1,115 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+	DWA_Mobile
+
+	Link http://www.desktop-web-analytics.com
+	Link https://github.com/DesktopWebAnalytics
+	Licence http://www.gnu.org/licenses/gpl-3.0-standalone.html GPL v3 or later
+-->
+<s:View xmlns:fx="http://ns.adobe.com/mxml/2009"
+		xmlns:s="library://ns.adobe.com/flex/spark"
+		xmlns:views="views.*"
+		xmlns:mx="library://ns.adobe.com/flex/mx"
+		xmlns:states="views.states.*"
+		actionBarVisible="false" currentState="loading" viewActivate="initView()">
+	
+	<fx:Script>
+		<![CDATA[
+			import com.dwa.common.profile.Profile;
+			import com.dwa.common.reports.Reports;
+			
+			import mx.collections.XMLListCollection;
+			import mx.core.FlexGlobals;
+			
+			private var profile:Profile;
+			
+			private var report:Reports;
+			
+			private var result:XMLListCollection;
+			
+			private function initView():void{
+				titleLabel.text = data as String;
+				dateLabel.text = resourceManager.getString('piwik', 'General_DateRangeFromTo').replace('%s', shortDateFormatter.format(FlexGlobals.topLevelApplication.selectedStartDate)).replace('%s', shortDateFormatter.format(FlexGlobals.topLevelApplication.selectedEndDate));
+				
+				profile = FlexGlobals.topLevelApplication.selectedProfile;
+				
+				report = new Reports();
+				report.addEventListener(Event.COMPLETE, resultApi);
+				report.addEventListener(ErrorEvent.ERROR, error);
+				report.getOsFamily(profile, FlexGlobals.topLevelApplication.selectedPeriodDate);
+			}
+			private function resultApi(event:Event):void{
+				result = report.resultCollectionRow;
+				clear();
+				compute();
+			}
+			private function error(event:ErrorEvent):void{
+				trace("error: " + event.text);
+				clear();
+				currentState = "error";
+				errorState.message(event.text);
+			}
+			private function clear():void{
+				report.removeEventListener(Event.COMPLETE, resultApi);
+				report.removeEventListener(ErrorEvent.ERROR, error);
+				report = null;
+			}
+			private function compute():void{
+				
+				currentState = "tab";
+				
+				list.dataProvider = result;
+			}
+		]]>
+	</fx:Script>
+	<fx:Declarations>
+		<!-- Placer ici les éléments non visuels (services et objets de valeur, par exemple). -->
+		
+		<s:DateTimeFormatter id="shortDateFormatter" dateStyle="short"
+							 locale="{resourceManager.getString('piwik', 'General_Locale')}"
+							 timeStyle="none"/>
+		
+	</fx:Declarations>
+	
+	<s:states>
+		<s:State name="loading"/>
+		<s:State name="chart"/>
+		<s:State name="tab"/>
+		<s:State name="error"/>
+	</s:states>
+	
+	<s:layout>
+		<s:VerticalLayout paddingBottom="5" paddingLeft="5" paddingRight="5" paddingTop="10"/>
+	</s:layout>
+	
+	<s:Group width="100%">
+		<s:layout>
+			<s:VerticalLayout horizontalAlign="center"/>
+		</s:layout>
+		<s:Label id="titleLabel"/>
+		<s:Label id="dateLabel"/>
+	</s:Group>
+	
+	<states:Loader includeIn="loading" width="100%" height="100%"/>
+	
+	<states:Error id="errorState" includeIn="error" width="100%" height="100%"/>
+	
+	<s:Group includeIn="chart" width="100%" height="100%">
+		
+	</s:Group>
+	<s:Group includeIn="tab" width="100%" height="100%">
+		<s:layout>
+			<s:VerticalLayout/>
+		</s:layout>
+		<s:VGroup width="100%" height="100%">
+			<s:SkinnableContainer id="legend" width="100%" height="40">
+				<s:Label left="2" top="10"
+						 text="{resourceManager.getString('piwik', 'UserSettings_OperatingSystemFamily')}"/>
+				<s:Label right="2" top="10"
+						 text="{resourceManager.getString('piwik', 'General_ColumnNbVisits')}"/>
+			</s:SkinnableContainer>
+			
+			<s:List id="list" width="100%" height="100%" itemRenderer="views.renderers.ListIconRenderer" />
+		</s:VGroup>
+	</s:Group>
+</s:View>