GD-Analytics/RealTimeDashboard.aspx at master · GameDistribution/GD-Analytics · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
<%@ Page Title="" Language="C#" MasterPageFile="~/Default.master" AutoEventWireup="true" CodeFile="RealTimeDashboard.aspx.cs" Inherits="analytcs_RealTimeDashboard" %>
<%@ Register src="ctrlDataGrid.ascx" tagname="ctrlDataGrid" tagprefix="uc1" %>
<%@ Register src="ctrlYourGames.ascx" tagname="ctrlYourGames" tagprefix="uc2" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server">
</asp:Content>
<asp:Content ID="Content4" ContentPlaceHolderID="YourGamesContentPlaceHolder" runat="Server">
    <uc2:ctrlYourGames ID="CtrlYourGames" runat="server" />
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContentPlaceHolder" runat="Server">
    <ul class="breadcrumb" id="BreadCrumb" autoupdate="false" page="Dashboard">
        <li>Real-Time <span class="divider"></span></li>
        <li>Dashboard <span class="divider"></span></li>
        <li>All Games<span class="divider"></span></li>
    </ul>
    <div class="row-fluid">
        <div class="col-md-3">
            <div style="display: table; height:340px; width:100%;">
                <div style="display: table-cell; vertical-align:middle;">
                    <div class="row-fluid">
                        <div class="col-md-12">
                            <div class="row-fluid text-center">
                                <h4>Online Gamers</h4>
                            </div>
                            <div class="row-fluid text-center">
                                <h1 style="font-size: 600%" id="OnlineUsers">0</h1>
                            </div>
                            <div class="row-fluid text-center">
                                <h5>Active Users Playing Game</h5>
                            </div>
                        </div>
                    </div>
                    <!--/row-->
                    <div class="row-fluid">
                        <div class="col-md-12">
                            <div class="progress" style="height:25px;" id="ActiveUsersBar"></div>
                        </div>
                    </div>
                    <!--/row-->
                </div>
            </div>
        </div>
        <!--/span-->
        <div class="col-md-7">
            <div style="padding-top: 40px; padding-bottom: 40px;">
                <div id="realtime-chart" style="height: 300px;"></div>
            </div>
        </div>
        <!--/span-->
        <div class="col-md-2">
            <div style="padding-top: 40px; padding-bottom: 40px;">
                <div id="realtime-change" style="height: 282px;"></div>
            </div>
        </div>
        <!--/span-->
    </div>
    <div class="row-fluid">
        <div class="col-md-4">
            <div class="thumbnail">
                <table class="table table-hover table-striped" id="tbl_VisitState">
                    <caption class="text-center">
                        <h4>New or Returning Visitors</h4>
                    </caption>
                    <thead>
                        <tr>
                            <th colspan="4">
                                <div id="realtime_newusers" style="margin-left:auto; margin-right:auto; width: 300px; height: 300px; "></div>
                            </th>
                        </tr>
                        <tr>
                            <th width="5%">
                                #
                            </th>
                            <th width="65%">
                                Times
                            </th>
                            <th style="text-align: center;" width="10%">
                                Visitors
                            </th>
                            <th style="text-align: center;" width="20%">
                                Percent
                            </th>
                        </tr>
                    </thead>
                    <tbody>
                    </tbody>
                </table>
            </div>
        </div>
        <!--/span-->
        <div class="col-md-4">
            <uc1:ctrlDataGrid ID="ctrlTopGames" Title="Top Games" TableName="Whole" TableColumnNames="Game,Visitors,Percent" runat="server" />
        </div>
        <!--/span-->
        <div class="col-md-4">
            <uc1:ctrlDataGrid ID="CtrlTopReferSites" Title="Top Domains" TableName="WebRefer" TableColumnNames="Domain,Visitors,Percent" runat="server" />
        </div>
        <!--/span-->
    </div>
    <!--/row-->
    <div class="row-fluid">
        <div class="col-md-12">
        </div>
    </div>
    <div class="row-fluid">
        <div class="col-md-4">
            <uc1:ctrlDataGrid ID="ctrlTopCountries" Title="Top Countries" TableName="Country" TableColumnNames="Country,Visitors,Percent" runat="server" />
        </div>
        <!--/span-->
        <div class="col-md-8">
            <div class="thumbnail">
                <div id="chart_div" style="height: 500px;"></div>
            </div>
        </div>
        <!--/span-->
    </div>
    <!--/row-->
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="JSPlaceHolder" runat="Server">
    <script type='text/javascript' src='https://www.google.com/jsapi'></script>
    <script type='text/javascript' src='js/FGSUtils.js'></script>
    <script type='text/javascript' src='js/FGSGlobals.js'></script>
    <script type='text/javascript' src='js/FGSRealTimeDashboard.js'></script>
</asp:Content>