Proyectos de Subversion Moodle

Rev

Rev 921 | Rev 927 | Ir a la última revisión | | Comparar con el anterior | Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
920 ariadna 1
<div
2
    class="drawer drawer-left show"
3
    data-region="fixed-drawer"
4
    id="universe-drawers-courseindex"
5
    data-preference="drawer-open-index"
6
    data-state="show-drawer-left"
7
    data-forceopen="0"
8
    data-close-on-resize="1"
9
    >
905 ariadna 10
    <div class="drawerheader">
11
        <div class="drawerheadercontent hidden">
921 ariadna 12
                {{> theme_universe/courseindexdrawercontrols}}
905 ariadna 13
                <h5>Contenido</h5>
14
        </div>
15
        {{$drawerheading}}{{/drawerheading}}
16
        <button
17
            class="btn btn-icon btn-secondary drawertoggle icon-no-margin d-block"
18
            data-toggler="drawers"
19
            data-action="closedrawer"
920 ariadna 20
            data-target="universe-drawers-courseindex"
905 ariadna 21
            data-toggle="tooltip"
920 ariadna 22
            data-placement="right"
23
            title="closecourseindex, core"
905 ariadna 24
        >
25
            <svg width="24" height="24" fill="none" viewBox="0 0 24 24">
26
                <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M17.25 6.75L6.75 17.25"></path>
27
                <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M6.75 6.75L17.25 17.25"></path>
28
            </svg>
29
        </button>
901 ariadna 30
    </div>
905 ariadna 31
    <div class="drawercontent drag-container" data-usertour="scroller">
926 ariadna 32
 
33
        <nav id="courseindex" class="courseindex">
34
            <div id="courseindex-content">
35
                <div id="course-index" class="courseindex {{#editmode}} editing {{/editmode}}" role="tree">
36
                    {{#sections}}
37
                    <div
38
                        class="courseindex-section {{#current}}current{{/current}}"
39
                        id="course-index-section-{{id}}"
40
                        data-for="section"
41
                        data-id="{{id}}"
42
                        data-number="{{indexElement}}"
43
                        role="treeitem"
44
                        aria-owns="courseindexcollapse{{indexElement}}"
45
                    >
46
                        <div class="courseindex-item d-flex
47
                                {{^visible}}dimmed{{/visible}}
48
                                {{#hasrestrictions}}restrictions{{/hasrestrictions}}
49
                                courseindex-section-title"
50
                            id="courseindexsection{{indexElement}}"
51
                            data-for="section_item"
52
                        >
53
                            <a data-toggle="collapse"
54
                                href="#courseindexcollapse{{indexElement}}"
55
                                class="courseindex-chevron icons-collapse-expand {{#indexcollapsed}}collapsed{{/indexcollapsed}}"
56
                                aria-expanded="{{^indexcollapsed}}true{{/indexcollapsed}}{{#indexcollapsed}}false{{/indexcollapsed}}"
57
                                aria-controls="courseindexcollapse{{indexElement}}"
58
                                tabindex="-1"
59
                            >
60
                                <span class="collapsed-icon icon-no-margin mr-1"
61
                                    title="{{#str}} expand, core {{/str}}">
62
                                    <span class="dir-rtl-hide">{{#pix}} t/collapsedchevron, core {{/pix}}</span>
63
                                    <span class="dir-ltr-hide">{{#pix}} t/collapsedchevron_rtl, core {{/pix}}</span>
64
                                    <span class="sr-only">{{#str}} expand, core {{/str}}</span>
65
                                </span>
66
                                <span class="expanded-icon icon-no-margin mr-1"
67
                                    title="{{#str}} collapse, core {{/str}}">
68
                                    {{#pix}} t/expandedchevron, core {{/pix}}
69
                                    <span class="sr-only">{{#str}} collapse, core {{/str}}</span>
70
                                </span>
71
                            </a>
72
                            <a href="{{{sectionurl}}}"
73
                                class="courseindex-link text-truncate"
74
                                data-action="togglecourseindexsection"
75
                                data-for="section_title"
76
                                tabindex="-1"
77
                            >
78
                                {{{name}}}
79
                            </a>
80
                            <span class="current-badge badge bg-primary text-white ml-2 px-2 rounded-pill">
81
                                {{highlighted}}
82
                            </span>
83
                            <span class="courseindex-locked ml-1" data-for="cm_name">
84
                                {{#pix}} t/locked, core {{/pix}}
85
                            </span>
86
                            <span class="dragicon ml-auto">{{#pix}}i/dragdrop{{/pix}}</span>
87
                        </div>
88
                        <div id="courseindexcollapse{{indexElement}}"
89
                            class="courseindex-item-content collapse {{^indexcollapsed}}show{{/indexcollapsed}}"
90
                            aria-labelledby="courseindexsection{{indexElement}}" role="group"
91
                        >
92
                            <ul class="courseindex-sectioncontent unlist" data-for="cmlist" data-id="{{id}}" role="group">
93
                                {{#cms}}
94
                                <li class="courseindex-item
95
                                        {{#isactive}}active{{/isactive}}
96
                                        {{#hascmrestrictions}}restrictions{{/hascmrestrictions}}
97
                                        {{^accessvisible}}dimmed{{/accessvisible}}
98
                                        d-flex
99
                                        {{#indent}} indented {{/indent}}"
100
                                    id="course-index-cm-{{id}}"
101
                                    data-for="cm"
102
                                    data-id="{{id}}"
103
                                    role="treeitem"
104
                                >
105
                                    <span class="completioninfo" data-for="cm_completion" data-value="NaN"></span>
106
                                    {{#uservisible}}
107
                                    <a
108
                                        class="courseindex-link text-truncate"
109
                                        {{#url}} href="{{{url}}}" {{/url}}{{^url}} href="#{{{anchor}}}" data-anchor="true" {{/url}}
110
                                        data-for="cm_name"
111
                                        tabindex="-1"
112
                                    >
113
                                        {{{name}}}
114
                                    </a>
115
                                    {{/uservisible}}
116
                                    {{^uservisible}}
117
                                    <a class="courseindex-link text-truncate" href="#{{{anchor}}}" data-for="cm_name" tabindex="-1" data-anchor="true">
118
                                        {{{name}}}
119
                                    </a>
120
                                    {{/uservisible}}
121
                                    <span class="courseindex-locked ml-1" data-for="cm_name">
122
                                        {{#pix}} t/locked, core {{/pix}}
123
                                    </span>
124
                                    <span class="dragicon ml-auto">{{#pix}}i/dragdrop{{/pix}}</span>
125
                                </li>
126
                                {{/cms}}
127
                            </ul>
128
                        </div>
129
                    </div>
130
                    {{> core_courseformat/local/courseindex/section }}
131
                    {{/sections}}
132
                </div>
133
            </div>
134
        </nav>
135
 
911 ariadna 136
        <div id="accordion">
137
            {{#activitylist}}
138
                <div class="card">
926 ariadna 139
                    <div class="card-header drawer-incourse" id="heading-{{indexElement}}">
911 ariadna 140
                        <h5 class="mb-0 content-accordion m-0">
141
                            <button class="btn btn-link" data-toggle="collapse" data-target="#collapse-{{indexElement}}" aria-expanded="true" aria-controls="collapse-{{indexElement}}">
142
                                {{#locked}}
143
                                <i class="fa fa-lock"></i>
144
                                {{/locked}}
145
                                {{^locked}}
146
                                    {{#active}}
147
                                    <i class="fa fa-chevron-down"></i>
148
                                    {{/active}}
149
                                    {{^active}}
150
                                    <i class="fa fa-chevron-up"></i>
151
                                    {{/active}}
152
                                {{/locked}}
153
                                {{name}}
154
                            </button>
155
                        </h5>
156
                    </div>
157
 
158
                    <div id="collapse-{{indexElement}}" class="collapse {{#active}} show {{/active}}" aria-labelledby="heading-{{indexElement}}" data-parent="#accordion">
159
                        <div class="card-body">
160
                            {{#activities}}
161
                                {{^url}}
162
                                <div class="w-100 ellipsis">
163
                                    <span class="enlace-menu ellipsis w-100 h-100 text-left text-secondary">
164
                                        <b>{{name}}</b>
165
                                    </span>
166
                                </div>
167
                                {{/url}}
168
 
169
                                {{#url}}
170
                                <div class="w-100 {{#active}} is-active accordion-active {{/active}} {{^active}} is-not-active {{/active}} ellipsis">
171
                                    <a class="enlace-menu ellipsis w-100 h-100 text-left text-secondary" href="{{#locked}}#{{/locked}}{{^locked}}{{url}}{{/locked}}" data-indent="0" data-showdivider="1" data-type="60" data-nodetype="0" data-collapse="0" data-forceopen="0" data-isactive="0" data-hidden="0" data-preceedwithhr="0">
172
                                        {{#completed}}
173
                                        <span class="badge badge-success content-badge">
174
                                            <i class="fa fa-check text-white text-secondary"></i>
175
                                        </span>
176
                                        {{/completed}}
177
                                        {{^completed}}
178
                                        <span class="badge content-badge custom-badge"></span>
179
                                        {{/completed}}
180
                                        <span>
181
                                            <i class="custom-fa fa fa-file-{{type}}"></i>
182
                                        </span>
183
                                        {{name}}
184
                                    </a>
185
                                    {{#duration}}
186
                                    <span class="duration float-right" title="{{duration}}">
187
                                        {{duration}}
188
                                    </span>
189
                                    {{/duration}}
190
                                </div>
191
                                {{/url}}
192
                            {{/activities}}
193
                        </div>
194
                    </div>
195
                </div>
196
            {{/activitylist}}
197
        </div>
901 ariadna 198
    </div>
911 ariadna 199
</div>
200
{{#js}}
201
require(['theme_universe/drawers']);
202
{{/js}}