fix #172 - display a message if there isn't enough data to draw the charts

Author: cbellone

src/main/webapp/resources/angular-templates/admin/partials/event/statistic/event-overview.html

@@ -49,8 +49,13 @@
                     </div>
                     <div class="col-xs-2"><a ng-click="ctrl.increment()" class="pull-right"><i class="fa fa-chevron-circle-right fa-2x"></i></a></div>
                 </div>
-                <event-two-weeks-bar ng-if="ctrl.isEven()" tickets="ctrl.confirmedTickets"></event-two-weeks-bar>
-                <event-all-tickets-by-day ng-if="ctrl.isOdd()" tickets="ctrl.confirmedTickets"></event-all-tickets-by-day>
+                <div ng-if="ctrl.confirmedTickets.length > 0">
+                    <event-two-weeks-bar ng-if="ctrl.isEven()" tickets="ctrl.confirmedTickets"></event-two-weeks-bar>
+                    <event-all-tickets-by-day ng-if="ctrl.isOdd()" tickets="ctrl.confirmedTickets"></event-all-tickets-by-day>
+                </div>
+                <div ng-if="ctrl.confirmedTickets.length == 0">
+                    <p class="text-warning text-center wMarginTop30px">Not enough data yet. Spread the word!</p>
+                </div>
             </div>
             <div class="col-xs-12 col-lg-5 col-lg-offset-1">
                 <event-tickets-pie event="ctrl.event"></event-tickets-pie>

src/main/webapp/resources/css/admin.css

@@ -381,4 +381,8 @@ a.emulate-nav-pills-link {
 
 .map-container {
     min-height: 360px;
+}
+
+.wMarginTop30px {
+    margin-top: 30px;
 }