synergy/client/app/partials/public/view/run_view_2.html

<div class="custom" id="specpool_partial">
    <div class="span8">
        <h1>{{run.title}}&nbsp;<small>{{project.name}} Test Run</small> &nbsp; <a class="btn" data-ng-href="#/run/{{run.id}}/v/1" title="Switch view mode"><i class="icon-eye-open"></i></a></h1>
        <h3>Description</h3>
        <div class="well" data-ng-bind-html-unsafe="run.desc">

        </div>
         <div class="thumbnail">  <h3 class="caption">Coverage</h3>
         <div class="pull-left" data-ng-repeat="p in coverage" >
            <h6 class="caption" style="margin:0; padding: 0 9px 9px 9px;">{{p.name}}</h6>
            <canvas id="coverage{{p.name}}" width="200" height="100"></canvas>  
            {{createCoverageChart(p)}}
            </div>
            <div class="clearfix"></div>
         </div><br/>
        <div class="thumbnail">
            <h3 class="caption">Issues</h3>
            <canvas id="issuesResolution" width="200" height="100"></canvas>  
            <canvas id="issuesPriority" width="200" height="100"></canvas>  
            <div class="pull-left span3">
                <b>Links:</b>
                    <div data-ng-hide="allIssues.length + 0 < 1"><a data-ng-href="{{SYNERGY.issues.viewLinkObjects(project.name,allIssues)}}">All issues</a></div>
                    <div data-ng-hide="unresolvedIssues.length < 1"><a data-ng-href="{{SYNERGY.issues.viewLinkObjects(project.name,unresolvedIssues)}}">Unresolved issues</a></div>
                    <div data-ng-hide="P1Issues.length < 1"><a data-ng-href="{{SYNERGY.issues.viewLinkObjects(project.name,P1Issues)}}">P1 issues</a></div>
                    <div data-ng-hide="P2Issues.length < 1"><a data-ng-href="{{SYNERGY.issues.viewLinkObjects(project.name,P2Issues)}}">P2 issues</a></div>
                    <div data-ng-hide="P3Issues.length < 1"><a data-ng-href="{{SYNERGY.issues.viewLinkObjects(project.name,P3Issues)}}">P3 issues</a></div>         
            </div>
            <div class="clearfix"></div>
        </div>
        <br/>
    </div>
    <div class="span4">
        <div >
            <div class="btn-toolbar">
                <div class="btn-group"  >
                    <button data-ng-repeat="action in run.controls" class="btn" data-ng-click="performRun(action.onClick)" title="{{action.title}}"><i class="{{action.iconName}}"></i>&nbsp; {{action.title}}</button>
                </div>
            </div>
        </div><br/>
        <div>
            <h4 title="{{run.start}} UTC">Start: {{getLocalTime(run.start)}}</h4>
            <h4 title="{{run.end}} UTC">End: {{getLocalTime(run.end)}}</h4>
            <h5 class="pull-right" data-ng-show="run.isActive == 0" ><i>Test run is closed</i></h5>
        </div>
        <br/>
        <h4>Progress</h4>
        <canvas id="canvas2" width="300" height="150"></canvas>
        <h4>Results of finished cases</h4>
        <canvas id="canvas1" width="300" height="150"></canvas>
    </div>
    <div class="clearfix"></div>
<div class="row-fluid">
             <ul class="thumbnails">
            <li class="span3">
                <div class="thumbnail">
                    <div class="caption">
                        <h3>Statistics</h3>
                        <div data-ng-switch="run.isActive">
                            <a data-ng-switch-when="1" data-ng-href="#/statistics/{{id}}">continue here</a>
                            <a data-ng-switch-default data-ng-href="#/statistics/{{id}}/archive">continue here</a>
                        </div>
                    </div>
                </div>
            </li>
            <li class="span2">
                <div class="thumbnail">
                    <div class="caption">
                        <h3>Coverage</h3>
                        <a data-ng-href="#/run/{{id}}/coverage">continue here</a>
                    </div>
                </div>
            </li>
            <li class="span2">
                <div class="thumbnail">
                    <div class="caption">
                        <h3>Comments</h3>
                        <a data-ng-href="#/assignment_comments/{{id}}">continue here</a>
                    </div>
                </div>
            </li>
             <li class="span2">
                <div class="thumbnail">
                    <div class="caption">
                        <h3>Test Cases</h3>
                        <a data-ng-href="#/run/{{id}}/v/3">continue here</a>
                    </div>
                </div>
            </li>
            <li class="span3">
                <div class="thumbnail">
                    <div class="caption">
                        <h3>Attachments</h3>
                        <table>
                            <tr data-ng-repeat="attachment in run.attachments">
                                <td><a href="{{attachmentBase}}?id={{attachment.id}}">&rightarrow; {{attachment.name}}&nbsp;&nbsp;</a></td>
                            </tr>
                        </table>
                    </div>
                </div>
            </li>
        </ul>
</div>
    <div class="row-fluid">
        <h3>Assignments 
            <a data-ng-show="rights == 1" class="btn" data-ng-disabled="run.isActive == 0" data-ng-href="#/administration/assignment/create/run/{{id}}" title="Create assignment"><i class="icon-plus"></i></a>
            <a data-ng-show="rights == 1" class="btn" data-ng-disabled="run.isActive == 0" data-ng-href="#/administration/assignment/creatematrix/run/{{id}}" title="Create matrix assignment"><i class="icon-th-large"></i></a>
            <a data-ng-show="SYNERGY.session.username.length > 0" data-ng-disabled="run.isActive == 0" class="btn" data-ng-href="#/assignment/create/run/{{run.id}}" title="Volunteer"><i class="icon-user"></i></a>
            <a data-ng-show="SYNERGY.session.username.length > 0" data-ng-disabled="run.isActive == 0" class="btn" data-ng-href="#/assignment/create/tribe/run/{{run.id}}" title="Create a new assignment for tribe"><i class="icon-globe"></i></a>     
        </h3>
             <div data-ng-hide="run.reviewAssignments.length < 1">
                 <h4 style="cursor: pointer" title="Click to expand/collapse list of review assignments" data-ng-click="toggleReivewSection()">Review Assignments&nbsp;&nbsp;<i  class="icon-arrow-{{pageReviewsExpanded && 'down' || 'right'}}"></i></h4>
                 <div id="pageReviews" class="collapse">
            <table class="table table-bordered table-striped table-hover">
                <thead>
                    <tr>
                        <th>#</th>
                        <th>User</th>
                        <th>Page to review</th>
                        <th>Page owner</th>
                        <th>Last update</th>
                        <th>Is finished?</th>
                        <th></th>
                        <th></th>
                    </tr>
                </thead>
                <tbody>
                    <tr data-ng-repeat="r in run.reviewAssignments" class="{{r.info}}">
                        <td>{{$index + 1}}</td>
                        <td><a href="#/user/{{r.username}}">{{r.userDisplayName}}</a></td>
                        <td><a href="{{r.reviewUrl}}">{{r.title}}</a></td>
                        <td>{{r.owner}}</td>
                        <td>{{r.lastUpdated.length > 0 && r.lastUpdated|| ''}}</td>
                        <td>{{r.isFinished && "Yes" || "No"}}</td>
                        <td>
                            <div data-ng-switch="!!(r.controls.length > 0)">
                                <div data-ng-switch-when="true">
                                    <div >
                                        <div class="btn-group pull-right" >
                                            <button data-ng-repeat="action in r.controls" class="btn btn-mini" title="{{action.title}}" data-ng-click="performReviewAssignment(action.onClick, r.id, r.createdBy)"><i class="{{action.iconName}}"></i></button>
                                        </div>
                                    </div>
                                </div>
                                <div data-ng-switch-default>
                                </div>
                            </div>
                        </td>
                        <td>
                        <div data-ng-switch="!!(r.username == username) && !r.isFinished">
                            <div data-ng-switch-when="true">
                                <div class="pull-right">
                                    <div class="btn-group" data-ng-hide="!testRunIsAvailable" >
                                        <button class="btn btn-mini" title="Start (continue if saved)" data-ng-click="startReviewAssignment(1, r.id)"><i class="icon-play"></i></button>
                                        <button class="btn btn-mini" title="Restart (start over)" data-ng-click="startReviewAssignment(2, r.id)"><i class="icon-repeat"></i></button>
                                    </div>
                                </div>
                            </div>
                            <div data-ng-switch-default></div>
                        </div>
                    </td>
                    </tr>
                </tbody>
            </table>
                 </div>
            <br/>
        </div>
         <h4>Test Assignments</h4>
        <span class="pull-right">Filter assignments by tribe&nbsp;<select class="input" data-ng-model="filter.tribe" data-ng-options="l as l for l in tribes"></select></span>
        <table class="table table-bordered table-striped table-hover small_cells">
            <thead>
                <tr>
                    <th>#</th>
                    <th>User
                        <span class="pull-right" style="cursor: pointer"> <i class="icon-arrow-up user{{orderingProperties['userDisplayName'].desc}}" data-ng-click="changeSorting('userDisplayName', false)"></i>/<i data-ng-click="changeSorting('userDisplayName', true)" class="user{{orderingProperties['userDisplayName'].asc}} icon-arrow-down"></i> </span><br/><select class="input input-medium" data-ng-model="filter.assignee" data-ng-options="l as l for l in assignees"></select></th>
                    <th>Specification
                        <span class="pull-right" style="cursor: pointer"> <i data-ng-click="changeSorting('specification', false)" class="icon-arrow-up specification{{orderingProperties['specification'].desc}}"></i>/<i data-ng-click="changeSorting('specification', true)" class="specification{{orderingProperties['specification'].asc}} icon-arrow-down"></i> </span>
                        <br/><select class="input input-medium" data-ng-model="filter.specification" data-ng-options="l as l for l in specifications"></select></th>
                    <th data-ng-repeat="p in platforms">{{p}}</th>
                </tr>
            </thead>
            <tbody infinite-scroll="nextPage()" infinite-scroll-disabled="isLoading" infinite-scroll-distance="1">
                <tr data-ng-repeat="v in prettyAssignments|filter:assignessFilter|orderBy:sortConfig.property|limitTo:pageSize">
                    <td>{{$index + 1}}</td>
                    <td><a href="#/user/{{v.username}}">{{v.userDisplayName}}</a></td>
                    <td><a href="#/specification/{{v.specificationId}}">{{v.specification}}</a> <span data-ng-hide="v.labelId == -1"><sylabel label="v.label"></sylabel></span></td>
                    <td data-ng-repeat="p in v.assignments" class="{{p.info}}">
                        <div data-ng-switch="!!p">
                            <div data-ng-switch-when="true">
                                <div>
                                    <small title="{{p.tooltip}}">
                                        <span class="pull-left" data-ng-hide="!p.username" >{{p.progressLabel}}</span>      
                                        &nbsp;<span data-ng-hide="!p.duplicates" class="label label-warning" title="Other assignment with same parameters exists">dupl.</span>
                                    </small>
                                    <span class="clearfix"></span>
                                                                        
                                    <small class="form-inline" title="{{p.tooltip}}">
                                        <span data-ng-hide="!p.username  || p.progress==0" title="{{p.tooltip}}"  data-ng-bind-html-unsafe="p.issuesLink"></span>
                                        <span data-ng-switch="!!(p.controls.length > 0) || !!(p.username == username)">
                                            <span data-ng-switch-when="true">
                                                <span class="btn-toolbar " style="margin:0" >
                                                    <span class="btn-group" >
                                                        <button data-ng-show="p.username == username && testRunIsAvailable" class="btn btn-mini" title="Start (continue if saved)" data-ng-click="startAssignment(1, p.id)"><i class="icon-play"></i></button>
                                                        <button data-ng-show="p.username == username && testRunIsAvailable" class="btn btn-mini" title="Restart (start over)" data-ng-click="startAssignment(2, p.id)"><i class="icon-repeat"></i></button>
                                                        <button data-ng-show="p.username == username && testRunIsAvailable && p.issues.length > 0 && p.total == p.completed" class="btn btn-mini" title="Alter reported bugs" data-ng-click="alterBugs(p)"><i class="icon-pencil"></i></button>
                                                        <button data-ng-repeat="action in p.controls" class="btn btn-mini" title="{{action.title}}" data-ng-click="performAssignment(action.onClick, p.id, p.createdBy)"><i class="{{action.iconName}}"></i></button>
                                                    </span>
                                                </span>
                                            </span>
                                            <span data-ng-switch-default></span>
                                        </span>  
                                    </small>
                                    
                                </div>
                                         
                            </div>
                            <div data-ng-switch-default></div>
                        </div>
                    </td>
                </tr>
            </tbody>
        </table>
    </div>
</div>
<div class="modal fade hide" id="deleteModal" tabindex="-1" role="dialog" aria-labelledby="deleteModalLabel" aria-hidden="true">
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
        <h3 id="deleteModalLabel"></h3>
    </div>
    <div class="modal-body" id="deleteModalBody">

    </div>
    <div class="modal-footer">
        <button class="btn" data-dismiss="modal" aria-hidden="true">No</button>
        <button class="btn btn-primary" id="modal_confirm_ok" data-ng-click="performAction()">Yes</button>
    </div>
</div>
<div class="modal fade hide" id="explainModal" tabindex="-1" role="dialog" aria-labelledby="explainModalLabel" aria-hidden="true">
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
        <h3 id="explainModalLabel">Message for assignee</h3>
    </div>
    <div class="modal-body" id="explainModalBody">
        Please provide short explanation for assignee.
        <form class="form-inline">
            <textarea style="width: 80%; height: 5em" data-ng-model="explanation"></textarea>
            <!--<input style="width: 40%" type="text" >-->
        </form>
        <small>Characters left {{250 - explanation.length}}</small>
    </div>
    <div class="modal-footer">
        <button class="btn" data-dismiss="modal" aria-hidden="true">Cancel</button>
        <button class="btn btn-primary" id="modal_confirm_ok" data-ng-disabled="!explanation || explanation.length > 250" data-dismiss="modal" data-ng-click="deleteAssignment();">OK</button>
    </div>
</div>
<div class="modal fade hide" id="ticketsModal" tabindex="-1" role="dialog" aria-labelledby="ticketsModalLabel" aria-hidden="true">
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
        <h3 id="ticketsModalLabel">Update assignment issues</h3>
    </div>
    <div class="modal-body" id="ticketsModalBody">
        <div>You can remove reported bugs from test assignment and optionally change number of passed or failed test cases. </div>
        <div> If you check 'Increase number of passed test cases' option,
        then for each issue that is no longer valid, total number of passed test cases will be increased by 1 and total number of failed test cases will be decreased by 1.</div>
        <table  class="table table-bordered table-striped table-hover small_cells">
            <thead>
                <tr>
                    <th>Issue number</th>
                    <th>Still valid?</th>
                    <th>Increase number of passed test cases?</th>
                </tr>
            </thead>
            <tbody>
                <tr data-ng-repeat="b in bugs">
                    <td>{{b.id}}</td>
                    <td>
                        <div class="controls">
                            <input type="checkbox" id="changePsswd" data-ng-model="b.stillValid" >
                        </div>                   
                    </td>
                    <td>
                        <div class="controls">
                            <input type="checkbox" id="changePsswd" data-ng-disabled="b.stillValid" data-ng-model="b.changeCount" >
                        </div>    
                    </td>
                </tr>
            </tbody>
        </table>
    </div>
    <div class="modal-footer">
        <button class="btn" data-dismiss="modal" aria-hidden="true">Cancel</button>
        <button class="btn btn-primary" id="modal_confirm_ok" data-ng-click="performAlterBugs()">Update</button>
    </div>
</div>