<table class="table" ng-init="getApps()">
    <caption>Downloaded apps</caption> 
    <thead> 
        <tr> 
            <th>#</th>
            <th>Title</th>
            <!-- <th>Genre</th>
            <th>Total # of Ratings</th>
            <th>Star Rating</th>
            <th># of Permissions</th> -->
            <th>Reputation</th>
            <th>S&P Quality</th>
            <!-- <th>Trust Score</th> -->
            <!-- <th>Trust+ score</th> -->
            <th></th>
            <th></th>
        </tr> 
    </thead> 
    <tbody> 
        <tr ng-repeat="app in apps" ng-init="getApp2(app, $index)">
            <th scope="row">{{$index+1}}</th>
            <td>{{app.title}}</td>
            <!-- <td>{{app.genre}}</td>
            <td>{{app.reviewsCount}}</td>
            <td>{{app.score}}</td>
            <td>{{app.permissions.length}}</td> -->
            <td>
                <span>Ratings(t,c,f) = {{appResultList[$index] ? getRatingsTCF(appResultList[$index]) : "(NA,NA,NA)" }} </span>
                <br/>
                <span>Reviews(t,c,f) = {{appResultList[$index] ? getReviewsTCF(appResultList[$index]) : "(NA,NA,NA)" }}</span>
                <!-- <br/>
                <span>Permission(t,c,f) = {{appResultList[$index] ? getPermissionsTCF(appResultList[$index]) : "(NA,NA,NA)" }}</span> -->
            </td>
            <td>
                <span>Security Risks(t,c,f) = {{appResultList[$index] ? getSecurityRisksTCF(appResultList[$index]) : "(NA,NA,NA)" }} </span>
                <br/>
                <span>Privacy Risks(t,c,f) = {{appResultList[$index] ? getPrivacyRisksTCF(appResultList[$index]) : "(NA,NA,NA)" }}</span>
            </td>
            <!-- <td><div id="{{ 'tviz' + $index }}"></div></td> -->
            <!-- <td>{{appResultList[$index] ? getTrustPlusFrameworkScore(appResultList[$index]) : "NA" }}</td> -->
            <td><a href="#!/apps/{{app.appId}}">Details</a></td>
            <td><a href="#!/download/{{app.appId}}">Download Info</a></td>
        </tr>
    </tbody> 
</table>