derpsesja


<!DOCTYPE html>
<html np-app="taskManager">
    <head>
        <meta charset="utf-8" />
        <title>RAI angular tasks</title>
        <link href="/favicon.ico" rel="shortcut icon" type="image/x-icon" />
        <meta name="viewport" content="width=device-width" />
        <link rel="stylesheet" type="text/css" href="/Content/bootstrap.min.css" />
        <style>
            .ng-invalid.ng-dirty {
                border-color: #FA787E;
            }

            .ng-valid.ng-dirty {
                border-color: #78FA89;
            }
        </style>

    </head>
    <body>
                <section ng-controller="PanelController as panel">
    <ul class="nav nav-pills">
        <li ng-class="{active:panel.isSelected(1)}">
                <a href ng-click="panel.selectTab(1)">List all tasks</a>
        </li>
        <li ng-class="{active:panel.isSelected(2)}">
            <a href ng-click="panel.selectTab(2)">Add new task</a>
        </li>
        <li ng-class="{active:panel.isSelected(3)}">
            <a href ng-click="panel.selectTab(3)">Summary</a>
        </li>
    </ul>

    <div ng-controller="TaskManagerController as tm">
        <div class="panel" ng-show="panel.isSelected(1)">
            <ul class="list-group">
                <li class="list-group-item" ng-repeat="task in tm.task | orderBy:'time'">
                    <task-description></task-description>
                </li>
            </ul>
        </div>

        <div class="panel" ng-show="panel.isSelected(2)">
            <h4>Add new task</h4>
            <form name="addTaskForm" ng-submit="addTaskForm.$valid && tm.addNewTask()" novalidate>
                <label>Name:</label>
                <input type="text" ng-model="tm.newTask.name" class="form-control" placeholder="Insert new task name" required/>
                <label>Due date:</label>
                <input type="datetime" ng-model="tm.newTask.time" class="form-control" placeholder="2014-15-12" required/>
                <label>Description:</label>
                <textarea ng-model="tm.newTask.description" class="form-control" placeholder="Insert new task description..." required></textarea>
                <div> form valid is {{addTaskForm.$valid}}</div>
                <input type="submit" class="btn btn-primary pull-right" value="Submit" />
            </form>
        </div>
        <div class="panel" ng-show="panel.isSelected(3)">
            <h4>Summary</h4>
            <label>Total tasks: {{tm.task.length}}</label>
        </div>

    </div>

</section>
        <script type="text/javascript" src="/Scripts/angular.js"></script>
        <script type="text/javascript" src="/Scripts/app.js"></script>
    </body>
</html>