reports.tpl

<h1>{$survey.name}</h1>
<table>
    <tr>
        <th>Responses:</th>
        <td>{$responsesCount}</td>
    </tr>
    <tr>
        <th>Surveys Sent:</th>
        <td>{$surveysSent}</td>
    </tr>
    <tr>
        <th>Distinct Surveys Sent:</th>
        <td>{$surveysSentDistinct}</td>
    </tr>
</table>


{foreach from=$data item=question}
    <hr>
    <div class="panel panel-default">
        <div class="panel-heading">
            <div>{$question.name}</div>
        </div>
        <div class="panel-body" style="padding: 50px;">
            {if $question.type == 'Checkbox'}
                {include file='modules/Surveys/tpls/Reports/checkbox.tpl'}
            {elseif $question.type == 'Dropdown' || $question.type == 'Multiselect' || $question.type == 'Radio' || $question.type == 'Rating' || $question.type == 'Scale'}
                {include file='modules/Surveys/tpls/Reports/option.tpl'}
            {elseif $question.type == 'Matrix'}
                {include file='modules/Surveys/tpls/Reports/matrix.tpl'}
            {else}
                {include file='modules/Surveys/tpls/Reports/other.tpl'}
            {/if}
        </div>
    </div>
{/foreach}
<script type='text/javascript' src='include/SuiteGraphs/rgraph/libraries/RGraph.common.core.js'></script>
<script type='text/javascript' src='include/SuiteGraphs/rgraph/libraries/RGraph.common.dynamic.js'></script>
<script type='text/javascript' src='include/SuiteGraphs/rgraph/libraries/RGraph.common.key.js'></script>
<script type='text/javascript' src='include/SuiteGraphs/rgraph/libraries/RGraph.common.effects.js'></script>
<script type='text/javascript' src='include/SuiteGraphs/rgraph/libraries/RGraph.common.tooltips.js'></script>
<script type='text/javascript' src='include/SuiteGraphs/rgraph/libraries/RGraph.common.context.js'></script>
<script type='text/javascript' src='include/SuiteGraphs/rgraph/libraries/RGraph.common.annotate.js'></script>

<script type='text/javascript' src='include/SuiteGraphs/rgraph/libraries/RGraph.funnel.js'></script>
<script type='text/javascript' src='include/SuiteGraphs/rgraph/libraries/RGraph.drawing.rect.js'></script>
<script type='text/javascript' src='include/SuiteGraphs/rgraph/libraries/RGraph.drawing.text.js'></script>
<script type='text/javascript' src='include/SuiteGraphs/rgraph/libraries/RGraph.pie.js'></script>
<script type='text/javascript' src='include/SuiteGraphs/rgraph/libraries/RGraph.bar.js'></script>
<script type='text/javascript' src='include/SuiteGraphs/rgraph/libraries/RGraph.line.js'></script>
<script type='text/javascript' src='include/SuiteGraphs/rgraph/libraries/RGraph.radar.js'></script>
<script type='text/javascript' src='include/SuiteGraphs/rgraph/libraries/RGraph.hbar.js'></script>
<script type='text/javascript' src='include/SuiteGraphs/rgraph/libraries/RGraph.rose.js'></script>
<script>
    {literal}
    $(document).ready(function () {
      $(".showAllResponsesButton").click(function (e) {
        var target = $(e.target);
        var id = target.data('question-id');
        $('#' + id + 'List').show();
        return false;
      });
    });
    {/literal}
</script>