<div>
    <div ng-show="wikiprops.resultType == 'valid'" class="bs-callout bs-callout-success">
        <h4>Something found! Your results ({{wikiprops.results.rows.length}}):</h4>
        <table class="table table-bordered tableTrans">
            <thead>
                <tr>
                    <td ng-repeat="column in wikiprops.results.columns track by $index">
                        {{column}}
                    </td>
                </tr>
            </thead>
            <tbody>
                <tr ng-repeat="row in wikiprops.results.rows">
                    <td ng-repeat="value in row.row track by $index">

                        <div ng-switch="$index">

                            <div ng-switch-when="1">
                                <a href='{{value}}' target="_blank" title="Link to DBpedia resource page"><img src="js/img/dbpedia_logo.png" style="width: 50px;height: 31px;"/></a>
                            </div>
                            <div ng-switch-when="2">
                                <a href='{{value}}' target="_blank" title="Link to Wikipedia article" ><img style="width:40px;height:37px" src="js/img/wikipedia-icon.jpg"/></a>
                            </div>
                            <div ng-switch-default="">
                                {{value}}
                            </div>
                        </div>

                    </td>

                </tr>
            </tbody>
        </table>
    </div>
    <div class="bs-callout bs-callout-warning" ng-show="wikiprops.resultType == 'empty'">
        <h4>I'm sorry! Nothing found. </h4>
    </div>
    <div class="bs-callout bs-callout-danger" ng-show="wikiprops.resultType == 'invalid'">
        <h4>Attention! Maybe you used some bad input values. </h4>
    </div>
</div>