Proyectos de Subversion Moodle

Rev

Rev 933 | Rev 935 | 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">
933 ariadna 35
                <div id="course-index" class="courseindex" role="tree">
36
                    {{#activitylist}}
926 ariadna 37
                    <div
933 ariadna 38
                        class="courseindex-section {{#active}}current{{/active}}"
926 ariadna 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
                    >
934 ariadna 46
                        <div
47
                            class="courseindex-item d-flex courseindex-section-title"
48
                            id="courseindexsection{{indexElement}}"
926 ariadna 49
                            data-for="section_item"
50
                        >
934 ariadna 51
                            <a
52
                                data-toggle="collapse"
926 ariadna 53
                                href="#courseindexcollapse{{indexElement}}"
54
                                class="courseindex-chevron icons-collapse-expand {{#indexcollapsed}}collapsed{{/indexcollapsed}}"
55
                                aria-expanded="{{^indexcollapsed}}true{{/indexcollapsed}}{{#indexcollapsed}}false{{/indexcollapsed}}"
56
                                aria-controls="courseindexcollapse{{indexElement}}"
57
                                tabindex="-1"
58
                            >
59
                                <span class="collapsed-icon icon-no-margin mr-1"
60
                                    title="{{#str}} expand, core {{/str}}">
61
                                    <span class="dir-rtl-hide">{{#pix}} t/collapsedchevron, core {{/pix}}</span>
62
                                    <span class="dir-ltr-hide">{{#pix}} t/collapsedchevron_rtl, core {{/pix}}</span>
63
                                    <span class="sr-only">{{#str}} expand, core {{/str}}</span>
64
                                </span>
65
                                <span class="expanded-icon icon-no-margin mr-1"
66
                                    title="{{#str}} collapse, core {{/str}}">
67
                                    {{#pix}} t/expandedchevron, core {{/pix}}
68
                                    <span class="sr-only">{{#str}} collapse, core {{/str}}</span>
69
                                </span>
70
                            </a>
71
                            <a href="{{{sectionurl}}}"
72
                                class="courseindex-link text-truncate"
73
                                data-action="togglecourseindexsection"
74
                                data-for="section_title"
75
                                tabindex="-1"
76
                            >
77
                                {{{name}}}
78
                            </a>
79
                            <span class="current-badge badge bg-primary text-white ml-2 px-2 rounded-pill">
80
                                {{highlighted}}
81
                            </span>
82
                            <span class="courseindex-locked ml-1" data-for="cm_name">
83
                                {{#pix}} t/locked, core {{/pix}}
84
                            </span>
85
                            <span class="dragicon ml-auto">{{#pix}}i/dragdrop{{/pix}}</span>
86
                        </div>
934 ariadna 87
 
926 ariadna 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">
933 ariadna 93
                                {{#activities}}
926 ariadna 94
                                <li class="courseindex-item
95
                                        {{#isactive}}active{{/isactive}}
96
                                        {{#hascmrestrictions}}restrictions{{/hascmrestrictions}}
97
                                        d-flex
98
                                        {{#indent}} indented {{/indent}}"
99
                                    id="course-index-cm-{{id}}"
100
                                    data-for="cm"
101
                                    data-id="{{id}}"
102
                                    role="treeitem"
103
                                >
104
                                    <span class="completioninfo" data-for="cm_completion" data-value="NaN"></span>
933 ariadna 105
 
926 ariadna 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}}
933 ariadna 121
 
926 ariadna 122
                                    <span class="courseindex-locked ml-1" data-for="cm_name">
123
                                        {{#pix}} t/locked, core {{/pix}}
124
                                    </span>
125
                                    <span class="dragicon ml-auto">{{#pix}}i/dragdrop{{/pix}}</span>
126
                                </li>
933 ariadna 127
                                {{/activities}}
926 ariadna 128
                            </ul>
129
                        </div>
130
                    </div>
933 ariadna 131
 
132
                    {{/activitylist}}
926 ariadna 133
                </div>
134
            </div>
135
        </nav>
136
 
911 ariadna 137
        <div id="accordion">
138
            {{#activitylist}}
139
                <div class="card">
927 ariadna 140
                    <div class="card-header" id="heading-{{indexElement}}">
911 ariadna 141
                        <h5 class="mb-0 content-accordion m-0">
142
                            <button class="btn btn-link" data-toggle="collapse" data-target="#collapse-{{indexElement}}" aria-expanded="true" aria-controls="collapse-{{indexElement}}">
143
                                {{#locked}}
144
                                <i class="fa fa-lock"></i>
145
                                {{/locked}}
146
                                {{^locked}}
147
                                    {{#active}}
148
                                    <i class="fa fa-chevron-down"></i>
149
                                    {{/active}}
150
                                    {{^active}}
151
                                    <i class="fa fa-chevron-up"></i>
152
                                    {{/active}}
153
                                {{/locked}}
154
                                {{name}}
155
                            </button>
156
                        </h5>
157
                    </div>
158
 
159
                    <div id="collapse-{{indexElement}}" class="collapse {{#active}} show {{/active}}" aria-labelledby="heading-{{indexElement}}" data-parent="#accordion">
160
                        <div class="card-body">
161
                            {{#activities}}
162
                                {{^url}}
163
                                <div class="w-100 ellipsis">
164
                                    <span class="enlace-menu ellipsis w-100 h-100 text-left text-secondary">
165
                                        <b>{{name}}</b>
166
                                    </span>
167
                                </div>
168
                                {{/url}}
169
 
170
                                {{#url}}
171
                                <div class="w-100 {{#active}} is-active accordion-active {{/active}} {{^active}} is-not-active {{/active}} ellipsis">
172
                                    <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">
173
                                        {{#completed}}
174
                                        <span class="badge badge-success content-badge">
175
                                            <i class="fa fa-check text-white text-secondary"></i>
176
                                        </span>
177
                                        {{/completed}}
178
                                        {{^completed}}
179
                                        <span class="badge content-badge custom-badge"></span>
180
                                        {{/completed}}
181
                                        <span>
182
                                            <i class="custom-fa fa fa-file-{{type}}"></i>
183
                                        </span>
184
                                        {{name}}
185
                                    </a>
186
                                    {{#duration}}
187
                                    <span class="duration float-right" title="{{duration}}">
188
                                        {{duration}}
189
                                    </span>
190
                                    {{/duration}}
191
                                </div>
192
                                {{/url}}
193
                            {{/activities}}
194
                        </div>
195
                    </div>
196
                </div>
197
            {{/activitylist}}
198
        </div>
901 ariadna 199
    </div>
911 ariadna 200
</div>
201
{{#js}}
202
require(['theme_universe/drawers']);
203
{{/js}}