Apollo-DEC/apollodec
Apollo-DEC/apollodec
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

new added

Browse Source
This commit is contained in:
resicovenba 2017-12-01 10:34:44 +05:30
parent 2b3a546587
commit 6ae6af39e8
2 changed files with 1 additions and 96 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

57
Apollo/assets/js/controllers/dashboardCtrl.js
View File

@ -63,60 +63,3 @@ app.controller('dashboardCtrl', ["$scope","toaster", "$filter", "ngTableParams",
};
}]);
app.controller('OnotherCtrl', ["$scope", function ($scope) {
// Chart.js Data
$scope.data = [
{
value: 50,
color: '#46BFBD',
highlight: '#5AD3D1',
label: 'Student'
},
{
value: 100,
color: '#FDB45C',
highlight: '#FFC870',
label: 'Staff'
}
];
$scope.total = 150;
// Chart.js Options
$scope.options = {
// Sets the chart to be responsive
responsive: false,
//Boolean - Whether we should show a stroke on each segment
segmentShowStroke: true,
//String - The colour of each segment stroke
segmentStrokeColor: '#fff',
//Number - The width of each segment stroke
segmentStrokeWidth: 2,
//Number - The percentage of the chart that we cut out of the middle
percentageInnerCutout: 50, // This is 0 for Pie charts
//Number - Amount of animation steps
animationSteps: 100,
//String - Animation easing effect
animationEasing: 'easeOutBounce',
//Boolean - Whether we animate the rotation of the Doughnut
animateRotate: true,
//Boolean - Whether we animate scaling the Doughnut from the centre
animateScale: false,
//String - A legend template
legendTemplate: '<ul class="tc-chart-js-legend"><% for (var i=0; i<segments.length; i++){%><li><span style="background-color:<%=segments[i].fillColor%>"></span><%if(segments[i].label){%><%=segments[i].label%><%}%></li><%}%></ul>'
};
}]);

40
Apollo/assets/views/dashboard.html
View File

@ -149,45 +149,7 @@
</div>
</div>
</div>
<div class="col-sm-3">
<div class="panel panel-white no-radius">
<div class="panel-heading border-bottom">
<h4 class="panel-title">New Users</h4>
</div>
<div class="panel-body">
<!-- /// controller: 'OnotherCtrl' - localtion: assets/js/controllers/dashboardCtrl.js /// -->
<div ng-controller="OnotherCtrl">
<div class="text-center">
<span class="mini-pie"> <canvas class="tc-chart" tc-chartjs-doughnut chart-options="options" chart-data="data" chart-legend="chart3" width="100"></canvas> <span>{{total}}</span> </span>
<!--<span class="inline text-large no-wrap">Acquisition</span>-->
</div>
<div class="margin-top-20 text-center legend-xs">
<div tc-chartjs-legend chart-legend="chart3" class="inline"></div>
</div>
</div>
</div>
<div class="panel-footer">
<div class="clearfix padding-5 space5">
<div class="col-xs-4 text-center no-padding">
<div class="border-right border-dark">
<span class="text-bold block text-extra-large">90%</span>
<span class="text-light">Satisfied</span>
</div>
</div>
<div class="col-xs-4 text-center no-padding">
<div class="border-right border-dark">
<span class="text-bold block text-extra-large">2%</span>
<span class="text-light">Unsatisfied</span>
</div>
</div>
<div class="col-xs-4 text-center no-padding">
<span class="text-bold block text-extra-large">8%</span>
<span class="text-light">NA</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div>