<div class="content">

    <div>
        Test case list
        <button class="btn btn-default" style="margin-left:20px;" ng-click="openDialog()">
                                    <div ng-show="!loadingOPENrc">Create </div>
                                     <img src="images/loading2.gif" width="25" height="25" ng-if="loadingOPENrc" />
                                    </button>


        <hr/> You have choose :
        <div ng-repeat="selected in suitReconstructList" style="display:inline;" class="item">{{selected}}</div>
        <hr/>

        <!--<div ng-repeat="env in environmentList">
            {{env.name}}
        </div>-->
        <div dir-paginate="test in testcaselist.testcases | itemsPerPage: 10">
            <div style="display:flex;flex-direction:row;">
                <span class="glyphicon glyphicon-check" aria-hidden="true" ng-click="constructTestSuit(test.Name)" ng-show="testsuiteList.indexOf(test.Name)>-1"></span>
                <span class="glyphicon glyphicon-unchecked" aria-hidden="true" ng-click="constructTestSuit(test.Name)" ng-show="testsuiteList.indexOf(test.Name)==-1"></span>
                <div style="margin-left:50px;"> {{test.Name}}</div>
                <div style="font-size:10px;margin-left:100px">{{test.Description}}</div>

            </div>
            <hr style="margin-top:5px;margin-bottom:5px;" />
        </div>
        <center>
            <dir-pagination-controls></dir-pagination-controls>
        </center>



    </div>
    <toaster-container></toaster-container>

    <style>
        .item {
            background-color: #3498db;
            color: #fff;
            width: 150px;
            border-radius: 5px;
            padding-left: 10px;
            margin-left: 2px;
            margin-top: 3px;
            padding: 4px;
        }
    </style>