jstacoder/flask-tasks

{{ "Hi there From Angular" }}
<a class="btn btn-default" href="/app">Project List</a>
<div ng-if="ctrl.project">
    <h2 class=page-header>
        {{ ctrl.project.name }}
    </h2>
    <hr />
    <div class=row ng-repeat="(priority,priorityList) in ctrl.sortedTasks" ng-if="priorityList.length">
        <div class=col-md-12>
            <div class="panel panel-default">
                <div class="panel-heading">
                    <h4 class="panel-title">{{ ctrl.priorityName(priority) }}</h4>
                </div>
                    <ul class=list-group>
                        <li 
                            class="list-group-item" 
                            ng-repeat="task in priorityList track by $index"
                            hover-color="#fcf8e3"
                            ng-if="!task.complete"
                        >
                            <div class=row>
                                <div class="col-sm-12 col-md-4">
                                    <h4>{{ task.name }}</h4>
                                </div>
                                <div class="col-sm-12 col-md-4">
                                    <h4>
                                        <small>Due On: {{ task.due_date|fixdate|date:'M/d/yy' }}</small>
                                    </h4>
                                </div>
                                <div class="col-xs-7 col-sm-5 col-md-2">
                                    <button 
                                        ng-click="ctrl.changePage(ctrl.project.id,task.id)" 
                                        class="btn btn-primary">
                                            View
                                    </button>
                                </div>
                                <div class="col-xs-4 col-sm-7 col-md-2">
                                    <button 
                                        ng-click="ctrl.completeTask(task)" 
                                        class="btn btn-danger">
                                            Complete
                                    </button>
                                </div>
                            </div>
                        </li>
                    </ul>                    
            </div>
        </div>
    </div>
    <div class=row>
        <div class=col-md-3  ng-repeat="task in ctrl.project.tasks">
            <div class="panel panel-default">
                <div 
                    ng-click="ctrl.changePage(ctrl.project.id,task.id)" 
                    hover-color="green"  
                    class=panel-body>
                    <p>Name: {{ task.name }}</p>
                
                    <ul class=list-unstyled>
                        <li>Completed: {{ task.complete }}</li>
                        <li>Due: {{ task.due_date | date : 'M/d/yy' }}</li>
                        <li>Priority: {{ task.priority }}</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>




<!--
    <div class=row>
        <div class=col-md-3  ng-repeat="task in ctrl.project.tasks">
            <div class="panel panel-default">
                <div ng-click="ctrl.changePage(ctrl.project.id,task.id)" hover-panel="success"  class=panel-body>
                    <p>Name: {{ task.name }}</p>
                
                    <ul class=list-unstyled>
                        <li>Completed: {{ task.complete }}</li>
                        <li>Due: {{ task.due_date | date : 'M/d/yy' }}</li>
                        <li>Priority: {{ task.priority }}</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>
-->