Proyectos de Subversion Moodle

Rev

Autoría | Ultima modificación | Ver Log |

<style> 
.txt-name-course{
    display: block;
}
.txt-course-category{
    font-size: smaller;
}
.block .block-cards .progress {    
    height: 1.5rem;
    text-align: center;
}

.ccn_mc_progress-cesa {
    max-width: 300px;
    margin: 5px 20px;
    display: block;
    min-width: 200px;
}
.small-cesa {
    font-size: 80%;
    font-weight: 400;
    text-align: center;
    width:100%;
}
.block-cursosrecientes{
        display:flex;
}
.item-cursos{
        /*background-color: green;*/
    color: white;
    text-align: center;
    margin: 10px;
    padding: 10px;
    /*background-color: grey;*/
    color: white;
    text-align: center;
    margin: 10px 0px;
    padding: 0px;
    border: 1px solid #cccccc;
}
/*.bloque:hover{
        box-shadow: 1px 2px 4px #aaaaaa;
    /*border-color: #aaaaaa;
        background-color:#bcc7ff;*
        text-decoration: none;
}*/
.card-img {
    /* width: auto; */
    height: 8rem;
    background-size: cover;
}
.card-body, .userprofile .profile_tree section {
    flex: 1 1 auto;
    padding: 0.25rem;
}
.img-course{
        background-size: cover;
    min-height: 100px;
}
.img-list {
        width: 25%;
        display: block;
        margin-left: auto;
        margin-right: auto;   
        
}
.curso_progress {
    max-width: 300px;
    margin: 5px 20px;
    display: block;     
}


/*******************************/
.divItmListCurso{
        display:flex;
        padding: 10px 0px;
}
.divImgListCurso1{
        text-align: center;
        width: 190px;
        /*
        min-width: 190px;
        max-width: 190px;
        */
}
.divImgListCurso{
        text-align: center;
        height:105px;
        /*
        min-height:105px;
        max-height: 105px;
        */
        width: 100%;
        /*
        min-width: 160px;
        max-width: 160px;
        */
        /*max-height: 108px;*/
        background-size: cover;
        /*background: aquamarine;*/
}

.divImgGridCurso{
        text-align: center;
        height:105px;
        /*
        min-height:105px;
        max-height: 105px;
        */
        width: 100%;
        /*
        min-width: 160px;
        max-width: 160px;
        */
        /*max-height: 108px;*/
        background-size: cover;
        /*background: aquamarine;*/
}

.titleList{
        margin-bottom:0px;
        margin-top: 5px;
}
.divLblListCurso{
        text-align:center;
        min-width: 160px;
        /*background: blue;*/
}
.divTxtListCurso{
        text-align:left;
        min-width: 200px;
        /*background: burlywood;*/
}
.label1{
        color: #737373;
        font-size: 10px;
        font-style: normal;
    line-height: 20px;
}
.label2{
        color: #0367c8;
        font-size: 16px;
        font-weight: 600;
        line-height: 24px;
}
.label3{
        color: black;
        font-size: 16px;
        font-style: normal;
        line-height: 1.7;
}
.aRefCurso{
        width:100%;
        /*border:1px solid;*/
}
.aRefCurso:hover{
    background-color: #cfeaea;
    text-decoration: none;
}
@media screen and (max-width: 479px){
        .divTxtListCurso {
            text-align: left;
            min-width: auto;
        }
        .divItmListCurso{
                display:flex;
                padding: 10px 0px;
        }
        .divItmListCurso {
            display: flex;
            padding: 10px 0px;
        }
        .divImgListCurso1{
                text-align: center;
                width: auto;
        }
        
}

/*******************************/


</style>

<div id="block-cursosrecientes-{{uniqid}}" class="block-cursosrecientes" data-region="cursosrecientes" data-userid="2" data-displaycoursecategory="0">
        <div class="row" style="width:100%;">
                {{#courses}}
                        {{#grid}}
                        <div class="col-xs-12 col-sm-12 col-md-4 bloque">
                        {{/grid}}

                        {{#listing}} 
                                <div class="col-xs-12 col-sm-12 col-md-12 bloque">
                        {{/listing}}                            
                        <div class=" item-cursos">
                                        <a href="{{viewurl}}" >

                                {{#grid}}
                                                <div id="engrid" class="img-course" style="background-image: url({{courseimage}});">
                                                </div>
                                
                                                <div>
                                                        <span class="text-truncate txt-name-course">{{fullnamedisplay}}</span>
                                                        <span class="txt-course-category">{{coursecategory}}</span>
                                        
                                        {{#hasprogress}} 
                                                <div id ="progress" class="curso_progress">
                                                        {{> block_myoverview/progress-bar-cesa}}
                                                </div>
                                        {{/hasprogress}}
                                                </div>
                                        </a>
                                </div>
                                {{/grid}}                               
                        </div>

                        {{#listing}} 
                        <div class="col-xs-12 col-sm-12 col-md-12 bloque">
                        <!--<a class="aRefCurso" href="{{viewurl}}">-->
                                <div class="col-md-12 divItmListCurso">
                                        <div class="" style="display: contents;">
                                                <div class="col-xs-5 col-md-4 ">
                                                        <div class="divImgGridCurso" style="background-image:url('{{{courseimage}}}');">
                                                        </div>
                                                        <h5 class="title titleList">{{{shortname}}}<span class="sr-only">{{#str}}aria:courseshortname, core_course{{/str}}</span></h5>
                                                </div>
                                                <div class="col-xs-7 col-md-8 divTxtListCurso">
                                                        <div class="label1">{{{coursecategory}}}</div>
                                                        <span title="{{{shortname}}}" class="label2">
                                                                {{{shortname}}}
                                                        </span>
                                                        <div class="label3">
                                                                {{{fullname}}}
                                                        </div>
                                                </div>
                                        </div>
                                </div>
                <!--</a>-->
                        
                        </div>
                        {{/listing}}
                        <!--
                                                <div>
                                                        <span class="text-truncate txt-name-course">{{fullnamedisplay}}</span>
                                                        <span class="txt-course-category">{{coursecategory}}</span>
                                        
                                        {{#hasprogress}} 
                                                <div id ="progress" class="curso_progress">
                                                        {{> block_myoverview/progress-bar-cesa}}
                                                </div>
                                        {{/hasprogress}}
                                                </div>
                                        </a>
                                </div>                          
                        </div>-->
                        
                {{/courses}}
        </div>
</div>
<!--
<div id="block-cursosrecientes-{{uniqid}}" class="block-cursosrecientes block-cards" data-region="cursosrecientes" data-userid="2" data-displaycoursecategory="0">
    <div class="container-fluid p-0">
                <div id="cursosrecientes-view-{{uniqid}}" data-region="cursosrecientes-view">
            <div class="" data-region="view-content">
                                <div class="d-flex paging-bar-container mb-3" data-region="paging-bar-container">
                                        <div data-region="paging-control-container" class="d-flex">

                    </div>
                                </div>
                                
                                <div class="card-deck dashboard-card-deck fixed-width-cards justify-content" data-region="card-deck" role="list">
                                        {{#courses}}
                                        <div class="card dashboard-card" role="listitem" data-region="course-content" data-course-id="{{id}}">
                                        <a href="{{viewurl}}" >
                                                <div class="card-img dashboard-card-img" style="background-image: url({{courseimage}});">
                                                <span class="sr-only">Course image</span>
                                                </div>
                                        </a>
                                        <div class="card-body pr-1 course-info-container" id="course-info-container-3-3">
                                                <div class="d-flex align-items-start">
                                                <div class="w-100 text-truncate">
                                                        <div class="text-muted muted d-flex mb-1 flex-wrap">
                                                                        </div>
                                                        <a href="{{viewurl}}" class="coursename mr-2">
                                                        <span class="sr-only">
                                                        Course name
                                                        </span>
                                                                                <span class="text-truncate">{{fullnamedisplay}}</span>              
                                                                                <span class="txt-course-category">{{coursecategory}}</span>
                                                                {{#hasprogress}}
                                                                        <div class="ccn_mc_progress-cesa">
                                                                                {{> block_myoverview/progress-bar-cesa}}
                                                                        </div>
                                                                {{/hasprogress}}                                                                                              
                                                                        </a>
                                                        </div>
                                                </div>
                                                </div>
                                        </div>
                                        {{/courses}}
                                </div>
                </div>
                {{^courses}}
            <div class="text-xs-center text-center mt-1" data-region="empty-message">
                <p class="text-muted mt-3">No hay cursos recientes</p>
            </div>
            {{/courses}}
        </div>
    </div>
</div>
-->