
    <div class="row">
        <div class="col-md-6">
            <h2>Inspect ObjectStore </h2>
        </div>
        <div class="col-md-6 text-right">
            <a href="#/list" class="btn btn-primary btn-sm"><span
                    class="glyphicon glyphicon-step-backward"></span>
                Back</a>
        </div>


    </div>
    <div class="panel panel-default">
        <div class="panel-heading">
            <a class="accordion-toggle" data-toggle="collapse" data-target="#collapse_format">
                <b>ObjectStore Info</b>
            </a>
        </div>
        <div objectStoreId="collapse_format" class="panel-collapse collapse in">
            <div class="panel-body">
                <table cellpadding="10">
                    <tr>
                        <td align="right">
                            <b>objectStoreId: </b>
                        </td>
                        <td>
                            <i style=" padding-left:10px">{{objectStoreInfo.objectStoreId}}</i>
                        </td>
                        <td style=" padding-left:10px">


                            <a ng-hide="objectStoreInfo.missingProfile" style=" padding-left:10px"
                               href="isManager.do#/profile/{{id}}"
                               class="btn btn-primary btn-sm">
                                <span class="glyphicon glyphicon-search"></span>
                                View Profile
                            </a>

                            <a ng-show="objectStoreInfo.missingProfile" style=" padding-left:10px"
                               class="btn btn-danger btn-sm">
                                <span class="glyphicon glyphicon-remove"></span>
                                Missing Profile
                            </a>

                        </td>
                        <td style=" padding-left:10px">
                            <a href="" class="btn btn-primary btn-sm" ng-click="loadInfo()"><span
                                    class="glyphicon glyphicon-refresh"></span> Refresh Info</a>
                        </td>
                    </tr>
                    <tr>
                        <td align="right">
                            <b>interpretation: </b>
                        </td>
                        <td>
                            <i style=" padding-left:10px">{{objectStoreInfo.interpretation}}</i>
                        </td>
                        <td></td>
                    </tr>
                    <tr>
                        <td align="right">
                            <b>last storage date: </b>
                        </td>
                        <td>
                            <i style=" padding-left:10px">{{objectStoreInfo.lastStorageDate}}</i>
                        </td>
                        <td></td>
                    </tr>
                    <tr>
                        <td align="right">
                            <b>Number of Elements: </b>
                        </td>
                        <td>
                            <i style=" padding-left:10px">{{objectStoreInfo.size}}</i>
                        </td>
                        <td></td>
                    </tr>
                    <tr>
                        <td align="right">
                            <b>Service URI: </b>
                        </td>
                        <td>
                            <i style=" padding-left:10px">
                                <a href="{{objectStoreInfo.serviceURI}}">{{objectStoreInfo.serviceURI}}</a>
                            </i>
                        </td>
                        <td></td>
                    </tr>

                </table>

            </div>
        </div>
    </div>


    <div class="row">
        <div class="col-md-12">

            <div class="panel panel-default">
                <div class="panel-heading">
                    <a class="accordion-toggle" data-toggle="collapse" data-target="#collapse_query">
                        <b>ObjectStore Query</b>
                    </a>
                </div>
                <div id="collapse_query" class="panel-collapse collapse in">
                    <div class="panel-body">
                        <table cellpadding="10">
                            <tr>
                                <td align="right" style="width:10%">
                                    <b>Id: </b>
                                </td>
                                <td style=" padding-left:10px; width:90%">
                                    <input type="text" class="form-control" ng-model="record_id"
                                           placeholder="Enter an identifier to search (fast)">
                                </td>
                                <td style=" padding-left:10px" style="width:10%" align="right">
                                    <a style=" padding-left:10px" ng-click="getRecordById()" href="objectstoreInspector.do#inspect.do/{{id}}/0/{{record_id}}"
                                       class="btn btn-primary btn-sm">
                                        <span class="glyphicon glyphicon-search"></span>
                                        Search Id
                                    </a>
                                </td>
                            </tr>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-md-12 ">
            <h3>Number of results: {{searchResult.total}}</h3>
        </div>
    </div>
    <div class="row">
        <div class="col-md-2 text-left">
            results from {{start + 1 }} to {{nextPage }}
        </div>
        <div class="col-md-9 text-center">
            <ul class="pagination">
                <li>
                    <a href="#/inspect.do/{{id}}/{{previousPage}}" ng-click="prevPage()">&laquo;
                    </a>
                </li>
                <li>
                    <a href="#/inspect.do/{{id}}/{{nextPage}}">&raquo;
                    </a>
                </li>
            </ul>
        </div>
    </div>

    <div class="row" ng-repeat="item in objectStoreInfo.results">
        <div class="col-md-12">
            <div class="panel panel-default">
                <div class="panel-heading">
                    <a class="accordion-toggle" data-toggle="collapse" data-target="#collapse_{{$index}}">
                        <b>{{$index+(1 + start)}}</b>
                    </a>
                </div>
                <div id="collapse_{{$index}}" class="panel-collapse collapse in">
                    <div class="panel-body">
                        <div class="col-lg-3 text-right"><b>Object Identifier:</b></div>
                        <div class="col-lg-8 text-left"> {{item.objectID}}</div>
                        <div class="col-lg-3 text-right"><b>Related Metadata Identifier:</b></div>
                        <div class="col-lg-8 text-left"> {{item.metadataRelatedID}}</div>
                        <div class="col-lg-3 text-right"><b>Mime Type:</b></div>
                        <div class="col-lg-8 text-left"> {{item.mimeType}}</div>
                        <div class="col-lg-3 text-right"><b>File Size:</b></div>
                        <div class="col-lg-8 text-left"> {{item.fileSizeKB}} Kb</div>
                        <div class="col-lg-3 text-right"><b>MD5:</b></div>
                        <div class="col-lg-8 text-left"> {{item.md5Sum}}</div>
                        <div class="col-lg-3 text-right"><b>Downloaded URL:</b></div>
                        <div class="col-lg-8 text-left"><a href="{{item.downloadedURL}}">{{item.downloadedURL}}</a>
                        </div>
                        <div class="col-lg-3 text-right"><b>Object Store URL:</b></div>
                        <div class="col-lg-8 text-left">{{item.uri}}</div>
                    </div>


                </div>
            </div>
        </div>
    </div>






