Easy way to create an asset-to-finding table at end of report? about sysreptor HOT 7 CLOSED

This appears to be working - all I did was change <table> to <table style="white-space:nowrap;"> and the links look good now. Much appreciated!

from sysreptor.

Hi Brian,

I created you a sample code for such a table:

It uses the title and the affected_components field and also adds the page number to the table.
Rows are also linked.

<table>
    <thead>
        <tr>
            <th>Title</th>
            <th>Affected Assets</th>
            <th>Page</th>
        </tr>
    </thead>
    <tbody>
        <template v-for="finding in findings">
            <tr class="table-row-link">
                <td>
                    <a :href="'#' + finding.id">{{ finding.title }}</a>
                </td>
                <td>
                    <template v-if="finding.affected_components.length === 0"></template>
                    <template v-else-if="finding.affected_components.length === 1"><a :href="'#' + finding.id">{{ finding.affected_components[0] }}</a></template>
                    <template v-else>
                        <template v-for="s in finding.affected_components"><a :href="'#' + finding.id">{{ s }}</a></template>
                    </template>
                </td>	
                <td>
                    <a :href="'#' + finding.id" class="finding-pagenumber"></a>
                </td>
            </tr>
        </template>
    </tbody>
</table>

from sysreptor.

Thank you! This is really close - there are two things I have questions about:

• The affected assets show as one continuous string - i.e. "AffectedSite1.comAffectedSite2.com" - should they be comma-separated?

• Page number column is there but no page numbers for each finding.

Sorry these might be super basic fixes, but I'm a code newb.

from sysreptor.

Hi,

For the page number you might not have a CSS element that I had. Add this to your CSS specs and it should work:

.finding-pagenumber::after {
    content: target-counter(attr(href), page);
    text-decoration: none;
    color: initial;
}

And I also missed to provide you the CSS snippet for table-row-link, which adds line breaks between your affected components:

tr.table-row-link a {
    display: block;
}

from sysreptor.

NICE! This looks super great, much appreciated!

from sysreptor.

Ah sorry one more small ask/tweak! In my table the affected asset field often looks like this:

www.domain.co
m

I tried to set table width to 100% in CSS but this doesn't help. It seems like the Title column wraps at around 45 characters, but I'd like to have it so the affected asset URL always stays in tact without wrapping:

www.domain.com

from sysreptor.

Can you try the white-space: nowrap; css style?
(See https://stackoverflow.com/a/1893764)

from sysreptor.