Commit aaf55b20 authored by Daniel Lawlor García's avatar Daniel Lawlor García
Browse files

added changes

parent eed024ec
Pipeline #2494 passed with stages
in 2 minutes and 57 seconds
......@@ -13,6 +13,7 @@ export default {
darkRed: hexToRgba("#a5281a", 100),
// Page colors
filter: hexToRgba("#fcff4b", 90),
course: hexToRgba("#20a8d8", 90),
quiz: hexToRgba("#188e1a", 90),
video: hexToRgba("#db902e", 90),
......
......@@ -4,13 +4,21 @@
<b-row>
<b-col class="title-col" sm="12" md="6" lg="9">
<h1 v-bind:style="{ 'color': mainColor}">{{ this.courseName }}</h1>
<a v-bind:style="{ 'color': mainColor}" :href="`https://www.coursera.org/teach/${courseSlug}/content/`" target="_blank">Coursera editing</a> -
<a v-bind:style="{ 'color': mainColor}" :href="`https://www.coursera.org/teach/${courseSlug}/analytics/`" target="_blank">Coursera analytics</a>
<a
v-bind:style="{ 'color': mainColor}"
:href="`https://www.coursera.org/teach/${courseSlug}/content/`"
target="_blank"
>Coursera editing</a> -
<a
v-bind:style="{ 'color': mainColor}"
:href="`https://www.coursera.org/teach/${courseSlug}/analytics/`"
target="_blank"
>Coursera analytics</a>
</b-col>
<!-- Course comparison button -->
<b-col v-if="showCompare" sm="12" md="6" lg="3">
<div class="link-container">
<router-link :to=compareUrl>
<router-link :to="compareUrl">
<b-card class="link-card">
<table>
<tr>
......@@ -30,14 +38,21 @@
<b-row>
<!-- Number statistics -->
<b-col sm="12" md="6" lg="3">
<b-card :no-body="true">
<b-card :no-body="true" footer-tag="footer">
<b-card-body class="p-0 clearfix align-data mr-3">
<span class="iconsquare" v-bind:style="{ 'background-color': mainColor}">
<i class="fa fa-users icon-color p-4 font-2xl mr-3"></i>
</span>
<div v-bind:style="{ 'color': mainColor}" class="h5 text-color mb-0 pt-3" id="enrolled-learners">{{ enrolledStudents }}</div>
<div class="text-muted text-uppercase font-weight-bold text-font-size">Enrolled learners</div>
<div
v-bind:style="{ 'color': mainColor}"
class="h5 text-color mb-0 pt-3"
id="enrolled-learners"
>{{ enrolledStudents }}</div>
<div
class="text-muted text-uppercase font-weight-bold text-font-size"
>Enrolled learners</div>
</b-card-body>
<em slot="footer">Active filter</em>
</b-card>
</b-col>
......@@ -47,13 +62,20 @@
<span class="iconsquare" v-bind:style="{ 'background-color': mainColor}">
<i class="fa fa-user-times icon-color p-4 font-2xl mr-3 float-left"></i>
</span>
<div v-bind:style="{ 'color': mainColor}" class="h5 text-color mb-0 pt-3" id="leaving-learners">{{ leavingLearners }}</div>
<div class="text-muted text-uppercase font-weight-bold text-font-size">Leaving learners</div>
<div
v-bind:style="{ 'color': mainColor}"
class="h5 text-color mb-0 pt-3"
id="leaving-learners"
>{{ leavingLearners }}</div>
<div
class="text-muted text-uppercase font-weight-bold text-font-size"
>Leaving learners</div>
</b-card-body>
</b-card>
<b-tooltip v-if="tooltips" target="leaving-learners-card">
{{ strings.leaving_learners_text }}
</b-tooltip>
<b-tooltip
v-if="tooltips"
target="leaving-learners-card"
>{{ strings.leaving_learners_text }}</b-tooltip>
</b-col>
<b-col sm="12" md="6" lg="3" v-if="qdt">
......@@ -62,7 +84,11 @@
<span class="iconsquare" v-bind:style="{ 'background-color': mainColor}">
<i class="fa fa-money icon-color p-4 font-2xl mr-3 float-left"></i>
</span>
<div v-bind:style="{ 'color': mainColor}" class="h5 text-color mb-0 pt-3" id="leaving-learners">{{ payingLearners }}</div>
<div
v-bind:style="{ 'color': mainColor}"
class="h5 text-color mb-0 pt-3"
id="leaving-learners"
>{{ payingLearners }}</div>
<div class="text-muted text-uppercase font-weight-bold text-font-size">Paying learners</div>
</b-card-body>
</b-card>
......@@ -74,8 +100,14 @@
<span class="iconsquare" v-bind:style="{ 'background-color': mainColor}">
<i class="fa fa-check icon-color p-4 font-2xl mr-3 float-left"></i>
</span>
<div v-bind:style="{ 'color': mainColor}" class="h5 text-color mb-0 pt-3" id="finished-learners">{{ finishedLearners }}</div>
<div class="text-muted text-uppercase font-weight-bold text-font-size">Finished learners</div>
<div
v-bind:style="{ 'color': mainColor}"
class="h5 text-color mb-0 pt-3"
id="finished-learners"
>{{ finishedLearners }}</div>
<div
class="text-muted text-uppercase font-weight-bold text-font-size"
>Finished learners</div>
</b-card-body>
</b-card>
</b-col>
......@@ -86,7 +118,11 @@
<span class="iconsquare" v-bind:style="{ 'background-color': mainColor}">
<i class="fa fa-video-camera icon-color p-4 font-2xl mr-3 float-left"></i>
</span>
<div v-bind:style="{ 'color': mainColor}" class="h5 text-color mb-0 pt-3" id="no-videos">{{ numberOfVideos }}</div>
<div
v-bind:style="{ 'color': mainColor}"
class="h5 text-color mb-0 pt-3"
id="no-videos"
>{{ numberOfVideos }}</div>
<div class="text-muted text-uppercase font-weight-bold text-font-size">Videos</div>
</b-card-body>
</b-card>
......@@ -98,7 +134,11 @@
<span class="iconsquare" v-bind:style="{ 'background-color': mainColor}">
<i class="fa fa-question icon-color p-4 font-2xl mr-3 float-left"></i>
</span>
<div v-bind:style="{ 'color': mainColor}" class="h5 text-color mb-0 pt-3" id="no-quizzes">{{ numberOfQuizzes }}</div>
<div
v-bind:style="{ 'color': mainColor}"
class="h5 text-color mb-0 pt-3"
id="no-quizzes"
>{{ numberOfQuizzes }}</div>
<div class="text-muted text-uppercase font-weight-bold text-font-size">Quizzes</div>
</b-card-body>
</b-card>
......@@ -110,7 +150,11 @@
<span class="iconsquare" v-bind:style="{ 'background-color': mainColor}">
<i class="fa fa-pencil icon-color p-4 font-2xl mr-0 float-left"></i>
</span>
<div v-bind:style="{ 'color': mainColor}" class="h5 text-color mb-0 pt-3" id="no-assignments">{{ numberOfAssignments }}</div>
<div
v-bind:style="{ 'color': mainColor}"
class="h5 text-color mb-0 pt-3"
id="no-assignments"
>{{ numberOfAssignments }}</div>
<div class="text-muted text-uppercase font-weight-bold text-font-size">Assignments</div>
</b-card-body>
</b-card>
......@@ -122,7 +166,11 @@
<span class="iconsquare" v-bind:style="{ 'background-color': mainColor}">
<i class="fa fa-th-list icon-color p-4 font-2xl mr-3 float-left"></i>
</span>
<div v-bind:style="{ 'color': mainColor}" class="h5 text-color mb-0 pt-3" id="no-modules">{{ numberOfModules }}</div>
<div
v-bind:style="{ 'color': mainColor}"
class="h5 text-color mb-0 pt-3"
id="no-modules"
>{{ numberOfModules }}</div>
<div class="text-muted text-uppercase font-weight-bold text-font-size">Modules</div>
</b-card-body>
</b-card>
......@@ -134,13 +182,15 @@
<span class="iconsquare" v-bind:style="{ 'background-color': mainColor}">
<i class="fa fa-calendar icon-color p-4 font-2xl mr-3 float-left"></i>
</span>
<div v-bind:style="{ 'color': mainColor}" class="h5 text-color mb-0 pt-3" id="no-cohorts">{{ numberOfCohorts }}</div>
<div
v-bind:style="{ 'color': mainColor}"
class="h5 text-color mb-0 pt-3"
id="no-cohorts"
>{{ numberOfCohorts }}</div>
<div class="text-muted text-uppercase font-weight-bold text-font-size">Cohorts</div>
</b-card-body>
</b-card>
<b-tooltip v-if="tooltips" target="cohort-card">
{{ strings.cohort_text }}
</b-tooltip>
<b-tooltip v-if="tooltips" target="cohort-card">{{ strings.cohort_text }}</b-tooltip>
</b-col>
<b-col sm="12" md="6" lg="3">
......@@ -149,15 +199,18 @@
<span class="iconsquare" v-bind:style="{ 'background-color': mainColor}">
<i class="fa fa-calendar icon-color p-4 font-2xl mr-3 float-left"></i>
</span>
<div v-bind:style="{ 'color': mainColor}" class="h5 text-color mb-0 pt-3" id="no-cohorts">{{ avgTime }}</div>
<div class="text-muted text-uppercase font-weight-bold text-font-size">Average active timespan (in days)</div>
<div
v-bind:style="{ 'color': mainColor}"
class="h5 text-color mb-0 pt-3"
id="no-cohorts"
>{{ avgTime }}</div>
<div
class="text-muted text-uppercase font-weight-bold text-font-size"
>Average active timespan (in days)</div>
</b-card-body>
</b-card>
<b-tooltip v-if="tooltips" target="timespan-card">
{{ strings.timespan_text }}
</b-tooltip>
<b-tooltip v-if="tooltips" target="timespan-card">{{ strings.timespan_text }}</b-tooltip>
</b-col>
</b-row>
<b-row>
......@@ -165,7 +218,7 @@
<b-col lg="12" xl="8">
<b-card id="geo-data" header="Geographical location of learners">
<div class="chart-wrapper">
<chart :data=geoData :layout=geoLayout id="graph-5"></chart>
<chart :data="geoData" :layout="geoLayout" id="graph-5"></chart>
</div>
</b-card>
</b-col>
......@@ -173,7 +226,7 @@
<b-col lg="6" xl="4">
<b-card id="dist-eval" header="Distribution of evaluation rating">
<div class="chart-wrapper">
<chart :data=distEvalRateData :layout=distEvalLayout id="graph-1"></chart>
<chart :data="distEvalRateData" :layout="distEvalLayout" id="graph-1"></chart>
</div>
</b-card>
</b-col>
......@@ -181,7 +234,7 @@
<b-col lg="6" xl="4">
<b-card id="progr-fin" header="Progression of completers">
<div class="chart-wrapper">
<chart :data=progFinLearData :layout=progFinLearLayout id="graph-2"></chart>
<chart :data="progFinLearData" :layout="progFinLearLayout" id="graph-2"></chart>
</div>
</b-card>
</b-col>
......@@ -189,7 +242,7 @@
<b-col lg="6" xl="4">
<b-card id="leav-per-mod" header="Leaving learners per module">
<div class="chart-wrapper">
<chart :data=leavLearModData :layout=leavLearLayout id="graph-3"></chart>
<chart :data="leavLearModData" :layout="leavLearLayout" id="graph-3"></chart>
</div>
</b-card>
</b-col>
......@@ -197,7 +250,7 @@
<b-col lg="6" xl="4">
<b-card id="avg-time-in-mod" header="Average time spent per module by learners (days)">
<div class="chart-wrapper">
<chart :data=avgTimeModData :layout=avgTimeLayout id="graph-4"></chart>
<chart :data="avgTimeModData" :layout="avgTimeLayout" id="graph-4"></chart>
</div>
</b-card>
</b-col>
......@@ -216,18 +269,16 @@
</table>
</b-list-group-item>
<b-list-group-item v-for="(cohort, index) in cohorts" :key="index">
<table>
<tr>
<th id="id-cell">{{ index +1 }}</th>
<th id="from-cell">{{ cohort[0].substring(0,10) }} </th>
<th id="from-cell">{{ cohort[0].substring(0,10) }}</th>
<th id="to-cell">{{ cohort[1].substring(0,10) }}</th>
</tr>
</table>
</b-list-group-item>
</b-list-group>
</b-card-body>
</b-card>
</b-col>
</b-row>
......@@ -275,7 +326,7 @@ export default {
showCompare: true,
/*
* Teacher analytics
* Teacher analytics
*/
// number data
enrolledStudents: 0,
......@@ -312,8 +363,8 @@ export default {
cohorts: [],
/*
* QDT member analytics
* not yet implemented
* QDT member analytics
* not yet implemented
*/
//
tendFolCourData: [],
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment