summaryrefslogblamecommitdiffstats
path: root/examples/example.html
blob: 778f6d890187799116396a6af3bcdb2b01b8b9a1 (plain) (tree)
1
2
3
4
5
6
7
8
9
10
11
                
          


                                                            
 




                                                                             
                                                                                                                                                                                              





                                                                          







                                                                                                                                                                                                                              







                                                                                                                 








                                                                                               
                              



                      



                                      































































































































                                                                                                                                                                 
 

           
<html lang="en">
    <body>
        <!--NAVBAR-->
        <nav class="navbar navbar-inverse navbar-fixed-top">
            <div class="container-fluid">


                <!--NAVBAR CONTENT-->
                <div class="collapse navbar-collapse" id="navbar-collapse-1">
                    <ul class="nav navbar-nav">
                        <li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Save the World <span class="caret"></span></a>
                            <ul class="dropdown-menu">
                                <li><a href="#">Project 2</a></li>
                                <li role="separator" class="divider"></li>
                                <li><a href="#">Create New Pad</a></li>
                            </ul>
                        </li>

                        <li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"><span class="glyphicon glyphicon-plus"></span> <span class="caret"></span></a>
                            <ul class="dropdown-menu">
                                <li><a href="#">Open Issue</a></li>
                                <li><a href="#">New Discussion Thread</a></li>
                            </ul>
                        </li>
                    </ul>

                    <form method="post" action="#" class="navbar-form navbar-left" role="search">
                        <div class="form-group">
                            <input type="text" name="query" class="form-control" placeholder="Search this pad" />
                        </div>
                    </form>


                    <!--USER BUTTON-->
                    <span class="glyphicon glyphicon-exclamation-sign"></span>
                    <span class="glyphicon glyphicon-envelope"></span>

                    <li><a href="#">Issues assigned to Me <span class="badge">1</span></a></li>
                    <li><a href="#">My open Issues</a></li>
                    <li role="separator" class="divider"></li>
                    <li><a href="#">Private Messages <span class="badge">1</span></a></li>
                    <!--END-->
                </div>
            </div>
        </nav>

        <!-- PAD SUMMARY -->
        <div class="container">
            <div class="well well-lg">
                <div class="row">
                    <div class="col-md-8">
                        <legend class="text-center">Issue Progress</legend>
                        <div class="progress">
                            <div class="progress-bar progress-bar-success" style="width: 50%">Closed</div>
                            <div class="progress-bar progress-bar-warning" style="width: 25%">In Progress</div>
                            <div class="progress-bar progress-bar-danger" style="width: 25%">To Do</div>
                        </div>

                        <div class="row">
                            <div class="col-md-4 text-center">
                                <!-- open issues -->
                                <a href="#"><span class="label label-info"><span class="glyphicon glyphicon-inbox"></span> 5 Open Issues</span></a>
                            </div>

                            <div class="col-md-4 text-center">
                                <a href="#"><span class="label label-info"><span class="glyphicon glyphicon-comment"></span> 10 Unresolved Discussions</span></a>
                            </div>

                            <div class="col-md-4 text-center">
                                <div class="btn-group" role="group">
                                    <button type="button" class="btn btn-default"><span class="glyphicon glyphicon-cog"></span></button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="panel panel-default">
                <h2 class="text-center">In Progress</h2>
                <table class="table table-hover">
                    <tr>
                        <td>a8c2402b (#4)</td>
                        <td>Example Issue</td>
                        <td>
                            <img src="assets/img/sonic.png" alt="Sonic" class="img-circle" height="35" />
                            <span class="glyphicon glyphicon-share-alt"></span>
                            <img src="assets/img/tails.png" alt="Miles" class="img-circle" height="35" />
                        </td>
                        <td>
                            <div class="btn-group" role="group">
                                <button type="button" class="btn btn-default"><span class="glyphicon glyphicon-pencil"></span></button>
                                <button type="button" class="btn btn-default"><span class="glyphicon glyphicon-arrow-up"></span></button>
                                <button type="button" class="btn btn-default"><span class="glyphicon glyphicon-cog"></span></button>
                                <button type="button" class="btn btn-success"><span class="glyphicon glyphicon-ok"></span></button>
                            </div>
                        </td>
                    </tr>

                    <tr>
                        <td>a8c2402b (#5)</td>
                        <td>Example Issue</td>
                        <td>
                            <img src="assets/img/tails.png" alt="Miles" class="img-circle" height="35" />
                            <span class="glyphicon glyphicon-share-alt"></span>
                            <img src="assets/img/amy.png" alt="Amy" class="img-circle" height="35" />
                            <span class="glyphicon glyphicon-plus"></span>
                            <img src="assets/img/sonic.png" alt="Sonic" class="img-circle" height="35" />
                        </td>
                        <td>
                            <div class="btn-group" role="group">
                                <button type="button" class="btn btn-default"><span class="glyphicon glyphicon-pencil"></span></button>
                                <button type="button" class="btn btn-default"><span class="glyphicon glyphicon-arrow-up"></span></button>
                                <button type="button" class="btn btn-default"><span class="glyphicon glyphicon-cog"></span></button>
                                <button type="button" class="btn btn-success"><span class="glyphicon glyphicon-ok"></span></button>
                            </div>
                        </td>
                    </tr>
                </table>
            </div>

            <div class="panel panel-default">
                <h2 class="text-center">To Do</h2>
                <table class="table table-hover">
                    <tr>
                        <td>a8c2402b (#6)</td>
                        <td>Example Issue for external user</td>
                        <td>
                            <img src="assets/img/knuckles.png" alt="Knuckles" class="img-circle" height="35" />
                            <span class="glyphicon glyphicon-share-alt"></span>
                            <span class="glyphicon glyphicon-user"></span>
                        </td>
                        <td>
                            <div class="btn-group" role="group">
                                <button type="button" class="btn btn-default"><span class="glyphicon glyphicon-pencil"></span></button>
                                <button type="button" class="btn btn-default"><span class="glyphicon glyphicon-arrow-up"></span></button>
                                <button type="button" class="btn btn-default"><span class="glyphicon glyphicon-cog"></span></button>
                                <button type="button" class="btn btn-success"><span class="glyphicon glyphicon-ok"></span></button>
                            </div>
                        </td>
                    </tr>

                    <tr>
                        <td>a8c2402b (#7)</td>
                        <td>Example Unassigned Issue</td>
                        <td>
                            <span class="glyphicon glyphicon-ban-circle"></span>
                            <span class="glyphicon glyphicon-share-alt"></span>
                            <img src="assets/img/sonic.png" alt="Sonic" class="img-circle" height="35" />
                        </td>
                        <td>
                            <div class="btn-group" role="group">
                                <button type="button" class="btn btn-default"><span class="glyphicon glyphicon-pencil"></span></button>
                                <button type="button" class="btn btn-default"><span class="glyphicon glyphicon-arrow-up"></span></button>
                                <button type="button" class="btn btn-default"><span class="glyphicon glyphicon-cog"></span></button>
                                <button type="button" class="btn btn-success"><span class="glyphicon glyphicon-ok"></span></button>
                            </div>
                        </td>
                    </tr>

                    <tr>
                        <td>a8c2402b (#8)</td>
                        <td>Example Self-assigned Issue</td>
                        <td>
                            <img src="assets/img/amy.png" alt="Amy" class="img-circle" height="35" />
                        </td>
                        <td>
                            <div class="btn-group" role="group">
                                <button type="button" class="btn btn-default"><span class="glyphicon glyphicon-pencil"></span></button>
                                <button type="button" class="btn btn-default"><span class="glyphicon glyphicon-arrow-up"></span></button>
                                <button type="button" class="btn btn-default"><span class="glyphicon glyphicon-cog"></span></button>
                                <button type="button" class="btn btn-success"><span class="glyphicon glyphicon-ok"></span></button>
                            </div>
                        </td>
                    </tr>
                </table>
            </div>
        </div>

    </body>
</html>