matrix.tpl 11.2 KB
Newer Older
1
{include file="header.tpl" headertype="matrix"}
2 3

<p>{$description|clean_html|safe}</p>
4
<p>{str tag="addpages" section="module.framework"}</p>
5
<table class="fullwidth table tablematrix" id="tablematrix">
6
  <caption class="sr-only">{str tag="tabledesc" section="module.framework"}</caption>
7
  <tr class="table-pager">
8
    <td colspan="{$colspan}">&nbsp;</td>
9
    <td colspan="{$viewcount}" class="special">
10
        <button class="btn btn-secondary" id="prev">
11 12
            <span class="icon left icon-chevron-left" aria-hidden="true" role="presentation"></span>
            Prev
13
            <span class="sr-only">{str tag="goprevpages" section="module.framework"}</span>
14
        </button>
15
        <button class="btn btn-secondary next" id="next">
16
            Next
17
            <span class="icon right icon-chevron-right" aria-hidden="true" role="presentation"></span>
18
            <span class="sr-only">{str tag="gonextpages" section="module.framework"}</span>
19
        </button>
20 21
    </td>
  </tr>
22
  <tr class="pages">
23 24 25 26
    <th>
        <span class="sr-only">{str tag="headerelements" section="module.framework"}</span>
        &nbsp;
    </th>
27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58
    {if $enabled->readyforassessment}
        <th class="statusheader text-center">
            <span class="{$statusestodisplay->readyforassessment.classes}" title="{$statusestodisplay->readyforassessment.title}"></span>
            <span class="sr-only">{str tag="headerreadyforassessmentcount" section="module.framework"}</span>
            &nbsp;
        </th>
        <th class="smartevidencedash text-center">&nbsp;</th>
    {/if}
    {if $enabled->dontmatch}
        <th class="statusheader text-center">
            <span class="{$statusestodisplay->dontmatch.classes}" title="{$statusestodisplay->dontmatch.title}"></span>
            <span class="sr-only">{str tag="headernotmatchcount" section="module.framework"}</span>
            &nbsp;
        </th>
        <th class="smartevidencedash text-center">&nbsp;</th>
    {/if}
    {if $enabled->partiallycomplete}
        <th class="statusheader text-center">
            <span class="{$statusestodisplay->partiallycomplete.classes}" title="{$statusestodisplay->partiallycomplete.title}"></span>
            <span class="sr-only">{str tag="headerpartiallycompletecount" section="module.framework"}</span>
            &nbsp;
        </th>
        <th class="smartevidencedash text-center">&nbsp;</th>
    {/if}
    {if $enabled->completed}
        <th class="statusheader text-center">
            <span class="{$statusestodisplay->completed.classes}" title="{$statusestodisplay->completed.title}"></span>
            <span class="sr-only">{str tag="headercompletedcount" section="module.framework"}</span>
            &nbsp;
        </th>
    {/if}

59
    {foreach from=$views key=vk item=view}
60 61 62 63
    <th class="viewtab" scope="col">
        <span class="sr-only">{str tag="headerpage" section="module.framework"}</span>
        <a href="{$view->fullurl}">{$view->title}</a>
    </th>
64 65 66
    {/foreach}
  </tr>
  {foreach from=$standards key=sk item=standard}
67 68
    <tr class="standard{if $standard->settingstate == 'closed'} collapsed{/if}" data-standard="{$standard->id}" data-collection="{$collectionid}"
        data-toggle="collapse" aria-expanded="{if $standard->settingstate == 'closed'}false{else}true{/if}">
69
        <td colspan="{$viewcount + $colspan}">
70
            <div class="shortname-container">
71
                <span class="sr-only">{str tag="standardbegin" section="module.framework"}</span>
72
                <span class="icon icon-chevron-down collapse-indicator right float-right"></span>
73
                <h3>{$standard->shortname}</h3>
74 75 76 77 78 79 80 81 82 83
                <span class="sr-only status">{if $standard->settingstate == 'closed'}{str tag="collapsedsection" section="module.framework"}{/if}</span>
                <a href="#">
                  <span class="sr-only action">
                      {if $standard->settingstate == 'closed'}
                          {str tag="uncollapsesection" arg1="$standard->name" section="module.framework"}
                      {else}
                          {str tag="collapsesection" arg1="$standard->name" section="module.framework"}
                      {/if}
                  </span>
                </a>
84
                <div class="matrixtooltip popover d-none">
85
                    <h3 class="popover-title">{$standard->name}</h3>
86 87 88 89 90
                    <div class="popover-content">
                        {$standard->description|clean_html|safe}
                    </div>
                </div>
            </div>
91
        </td>
92 93 94
    </tr>
    {if $standard->options}
        {foreach from=$standard->options key=ok item=option}
95
        {if $option->children}
96
        <tr class="matrixlevel{$option->level} examplefor{$standard->id}{if $standard->settingstate == 'closed'} d-none{/if}">
97 98
            <td colspan="{$viewcount + 2}" class="code">
                <div class="shortname-container">
99
                    <span class="sr-only">{str tag="headerrow" section="module.framework"}</span>
100 101 102 103
                    {for name=foo from=0 to=$option->level step=1}
                        {if $dwoo.for.foo.index != $option->level}
                        <span class="matrixindent"></span>
                        {/if}
104 105 106
                    {/for}
                    {$option->name}
                    <span class="sr-only">{str tag="showelementdetails" section="module.framework"}</span>
107
                    <div class="matrixtooltip popover d-none">
108 109 110 111 112 113 114 115 116
                        <h3 class="popover-title">{$option->name}</h3>
                        <div class="popover-content">
                            {$option->description|clean_html|safe}
                        </div>
                    </div>
                </div>
            </td>
        </tr>
        {else}
117
        <tr class="matrixlevel{$option->level} examplefor{$standard->id}{if $standard->settingstate == 'closed'} d-none{/if}">
118
            <td class="code">
119 120
                <div class="shortname-container" tabindex="0">
                    <span class="sr-only">{str tag="headerrow" section="module.framework"}</span>
121 122 123 124
                    {for name=foo2 from=0 to=$option->level step=1}
                        {if $dwoo.for.foo2.index != $option->level}
                        <span class="matrixindent"></span>
                        {/if}
125 126 127
                    {/for}
                    {$option->shortname}
                    <span class="sr-only">{str tag="showelementdetails" section="module.framework"}</span>
128
                    <div class="matrixtooltip popover d-none">
129 130 131 132 133 134 135
                        <h3 class="popover-title">{$option->name}</h3>
                        <div class="popover-content">
                            {$option->description|clean_html|safe}
                        </div>
                    </div>
                </div>
            </td>
136 137
            {if $enabled->readyforassessment}
                <td class="completedcount readyforassessment text-center">
138
                    <span class="sr-only">{str tag="assessmenttypecount" section="module.framework"}: {$statusestodisplay->readyforassessment.title}</span>
139 140 141 142 143 144 145 146 147
                    <span>
                        {if $statuscounts->readyforassessment[$option->id]}{$count = $statuscounts->readyforassessment[$option->id]}{else}{$count = 0}{/if}
                        {$count}
                    </span>
                </td>
                <td class="smartevidencedash text-center">-</td>
            {/if}
            {if $enabled->dontmatch}
                <td class="completedcount dontmatch text-center">
148
                    <span class="sr-only">{str tag="assessmenttypecount" section="module.framework"}: {$statusestodisplay->dontmatch.title}</span>
149 150 151 152 153 154 155 156 157
                    <span>
                        {if $statuscounts->dontmatch[$option->id]}{$count = $statuscounts->dontmatch[$option->id]}{else}{$count = 0}{/if}
                        {$count}
                    </span>
                </td>
                <td class="smartevidencedash text-center">-</td>
            {/if}
            {if $enabled->partiallycomplete}
                <td class="completedcount partiallycomplete text-center">
158
                    <span class="sr-only">{str tag="assessmenttypecount" section="module.framework"}: {$statusestodisplay->partiallycomplete.title}</span>
159 160 161 162 163 164 165 166 167
                    <span>
                        {if $statuscounts->partiallycomplete[$option->id]}{$count = $statuscounts->partiallycomplete[$option->id]}{else}{$count = 0}{/if}
                        {$count}
                    </span>
                </td>
                <td class="smartevidencedash text-center">-</td>
            {/if}
            {if $enabled->completed}
                <td class="completedcount completed text-center">
168
                    <span class="sr-only">{str tag="assessmenttypecount" section="module.framework"}: {$statusestodisplay->completed.title}</span>
169 170 171 172 173 174 175 176
                    <span>
                        {if $statuscounts->completed[$option->id]}{$count = $statuscounts->completed[$option->id]}{else}{$count = 0}{/if}
                        {$count}
                    </span>
                </td>
            {/if}


177
            {foreach from=$views key=vk item=view}
178 179
            <td class="mid">
              <span data-view="{$view->id}" data-option="{$option->id}"
180
                {if $evidence[$framework][$option->id][$view->id].state}
181 182 183
                    class="{$evidence[$framework][$option->id][$view->id].classes}" title="{$evidence[$framework][$option->id][$view->id].title}">
                    <a href="#"></a></span>
                    <span class="sr-only">{str tag="statusdetail" arg1=$view->title arg2=$evidence[$framework][$option->id][$view->id].title section="module.framework"}</span>
184
                {else}
185 186 187 188 189 190 191 192 193 194
                    class="icon icon-circle dot {if !$canaddannotation}disabled{/if}">
                    {if !$canaddannotation}
                        <a href="#"></a></span><span class="sr-only">
                            {str tag="noannotation" arg1="$view->title" arg2="$option->shortname" section="module.framework"}
                        </span>
                    {else}
                        <a href="#"></a></span><span class="sr-only">
                            {str tag="addannotation" arg1="$option->shortname" arg2="$view->title" section="module.framework"}
                        </span>
                    {/if}
195 196 197 198
                {/if}
            </td>
            {/foreach}
        </tr>
199
        {/if}
200 201 202 203
        {/foreach}
    {/if}
  {/foreach}
</table>
204 205 206 207 208 209 210 211 212 213

<div role="dialog" id="configureblock" class="modal modal-shown modal-docked-right modal-docked closed blockinstance configure">
    <div class="modal-dialog modal-lg">
        <div data-height=".modal-body" class="modal-content">
            <div class="modal-header">
                <button name="close_configuration" class="deletebutton close">
                    <span class="times">×</span>
                    <span class="sr-only">Close configuration</span>
                </button>
                <h4 class="modal-title blockinstance-header text-inline"></h4>
214
                <span aria-hidden="true" role="presentation" class="icon icon-cogs icon-2x float-right"></span>
215 216 217 218 219 220
            </div>
            <div class="modal-body blockinstance-content">
            </div>
        </div>
    </div>
</div>
221
{include file="footer.tpl"}