Proyectos de Subversion Moodle

Rev

Rev 1 | Mostrar el archivo completo | | | Autoría | Ultima modificación | Ver Log |

Rev 1 Rev 1441
Línea 26... Línea 26...
26
        "header": "Toggle card heading",
26
        "header": "Toggle card heading",
27
        "buttontitle": "Expand toggle card",
27
        "buttontitle": "Expand toggle card",
28
        "body": "This is the toggle card content"
28
        "body": "This is the toggle card content"
29
    }
29
    }
30
}}
30
}}
31
<div class="card reportbuilder-toggle-card rounded border mb-2">
31
<div class="card reportbuilder-toggle-card mb-2">
32
    <div class="card-header p-0">
32
    <div class="card-header p-0">
33
        <div class="d-flex align-items-center mb-0 p-1">
33
        <div class="d-flex align-items-center mb-0 p-1">
34
            <div class="ml-2">
34
            <div class="ms-2">
35
                <strong class="mr-1 text-size-sm">{{$header}}{{/header}}</strong> {{$helpicon}}{{/helpicon}}
35
                <span class="me-1 font-weight-bold">{{$header}}{{/header}}</span> {{$helpicon}}{{/helpicon}}
36
            </div>
36
            </div>
37
            <button class="btn btn-xs btn-secondary toggle-card-button ml-auto p-1 {{$collapsed}}{{/collapsed}}"
37
            <button class="px-2 btn btn-xs btn-secondary toggle-card-button ms-auto {{$collapsed}}{{/collapsed}}"
38
                    data-toggle="collapse"
38
                    data-bs-toggle="collapse"
39
                    data-target="#{{$id}}{{uniqid}}{{/id}}"
39
                    data-bs-target="#{{$id}}{{uniqid}}{{/id}}"
40
                    aria-expanded="true"
40
                    aria-expanded="true"
41
                    aria-controls="{{$id}}{{uniqid}}{{/id}}"
41
                    aria-controls="{{$id}}{{uniqid}}{{/id}}"
42
                    title="{{#str}}showhide, core_reportbuilder, {{$header}}{{/header}}{{/str}}"
42
                    title="{{#str}}showhide, core_reportbuilder, {{$header}}{{/header}}{{/str}}"
43
            >
43
            >
44
                <span class="collapsed-icon-container">
-
 
45
                    <svg class="toggle-card-icon" width="24" height="24" fill="none" viewBox="0 0 24 24">
44
                <span class="collapsed-icon-container"><i class="toggle-card-icon fa fa-lg fa-angle-down"></i></span>
46
                        <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M15.25 10.75L12 14.25L8.75 10.75"></path>
-
 
47
                    </svg>
-
 
48
                </span>
-
 
49
                <span class="expanded-icon-container">
45
                <span class="expanded-icon-container"><i class="toggle-card-icon fa fa-lg fa-angle-up"></i></span>
50
                    <svg class="toggle-card-icon" width="24" height="24" fill="none" viewBox="0 0 24 24">
-
 
51
                        <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M15.25 14.25L12 10.75L8.75 14.25"></path>
-
 
52
                    </svg>
-
 
53
                </span>
-
 
54
            </button>
46
            </button>
55
        </div>
47
        </div>
56
    </div>
48
    </div>
57
    <div id="{{$id}}{{uniqid}}{{/id}}" class="collapse {{$collapsed}}show{{/collapsed}}">
49
    <div id="{{$id}}{{uniqid}}{{/id}}" class="collapse {{$collapsed}}show{{/collapsed}}">
58
        <div class="card-body p-0">
50
        <div class="card-body p-2">
59
            {{$body}}{{/body}}
51
            {{$body}}{{/body}}
60
        </div>
52
        </div>
61
    </div>
53
    </div>
62
</div>
54
</div>