| Server IP : 165.22.154.248 / Your IP : 216.73.217.0 [ Web Server : Apache/2.4.29 (Ubuntu) System : Linux droplet-integra 4.15.0-197-generic #208-Ubuntu SMP Tue Nov 1 17:23:37 UTC 2022 x86_64 User : www-data ( 33) PHP Version : 7.2.24-0ubuntu0.18.04.15 Disable Function : pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wifcontinued,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_get_handler,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority,pcntl_async_signals, Domains : 1 Domains MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : OFF | Sudo : ON | Pkexec : ON Directory : /var/www/avanza-lms.old.bak9874115/blocks/ranking_didactic/templates/ |
Upload File : |
<div class="didactic-rankingBlock">
{{#data_ranking}}
{{#winner}}
<div class="didactic-podiumBlock__item">
<div class="didactic-podiumBlock__number">{{indice}}</div>
<a href="{{wwwroot}}/user/view.php?id={{id}}&course={{courseid}}" target="_blank">
<img class="didactic-podiumBlock__image" src="{{getImagenPerfil}}" alt="Foto {{nombre}} {{apellidos}} " />
</a>
<div class="didactic-podiumBlock__content">
<a class="didactic-podiumBlock__name" href="{{wwwroot}}/user/view.php?id={{id}}&course={{courseid}}" target="_blank">{{nombre}} {{apellidos}}</a>
<p class="didactic-podiumBlock__userPoints"><span class="didactic-podiumBlock__points">{{puntos}}</span> {{txt_points}}</p>
</div>
</div>
{{/winner}}
{{/data_ranking}}
<div class="didactic-rankingBlock__list">
{{#data_ranking}}
{{#loser}}
<div class="didactic-rankingBlock__item">
<a href="{{wwwroot}}/user/view.php?id={{id}}&course={{courseid}}" target="_blank">
<img class="didactic-rankingBlock__image" src="{{getImagenPerfil}}" alt="{{nombre}} {{apellidos}} {{puntos}} pt" title="{{nombre}} {{apellidos}} | {{puntos}} {{txt_points}}"/>
</a>
</div>
{{/loser}}
{{/data_ranking}}
</div>
<div class="didactic-rankingBlock__footer">
<a class="btn" href="{{wwwroot}}/blocks/ranking_didactic/view.php?courseid={{courseid}}&instanceid={{instanceid}}">{{btn_see_all}}</a>
</div>
</div>
<style type="text/css">
.didactic-podiumBlock__item {
display: grid;
grid-template-columns: auto auto 59%;
gap: 6px;
align-items: center;
padding-top: 5px;
padding-bottom: 5px;
border-bottom: 1px solid var(--primary);
}
.didactic-podiumBlock__number {
align-self: stretch;
width: 16px;
display: flex;
justify-content: center;
align-items: center;
font-family: inherit;
font-size: 1.2rem;
font-weight: bold;
color: initial;
}
.didactic-podiumBlock__image {
border-radius: 50%;
max-width: 100%;
width: 64px;
border: 3px solid var(--secondary);
padding: 0;
margin-top: 10px;
margin-bottom: 10px;
}
.didactic-podiumBlock__item:nth-child(1) .didactic-podiumBlock__image {
border-color: var(--secondary);
}
.didactic-podiumBlock__item:nth-child(1) .didactic-podiumBlock__number {
color: var(--primary);
}
.didactic-podiumBlock__item:nth-child(2) .didactic-podiumBlock__image {
border-color: var(--secondary);
}
.didactic-podiumBlock__item:nth-child(2) .didactic-podiumBlock__number {
color: var(--primary);
}
.didactic-podiumBlock__item:nth-child(3) .didactic-podiumBlock__image {
border-color: var(--secondary);
}
.didactic-podiumBlock__item:nth-child(3) .didactic-podiumBlock__number {
color: var(--primary);
}
.didactic-podiumBlock__content {
padding-top: 5px;
padding-bottom: 5px;
}
.didactic-podiumBlock__name {
display: block;
line-height: 1.2;
}
.didactic-podiumBlock__userPoints {
margin-bottom: 0;
font-weight: 700;
font-size: 0.9em;
color: var(--primary);
}
.didactic-rankingBlock__list {
--image-width: 56px;
display: grid;
grid-template-columns: repeat(auto-fill, var(--image-width));
gap: 8px;
justify-content: center;
margin-top: 1rem;
margin-bottom: 1rem;
}
.didactic-rankingBlock__image {
border-radius: 50%;
max-width: var(--image-width);
border: 3px solid var(--primary);
padding: 0;
}
.didactic-rankingBlock__footer {
text-align: center;
}
</style>