Untitled

<!DOCTYPE html>
<html ng-app="tyontekija">
    <head>
      <meta charset="utf-8">
      <meta name="viewport" content="width=device-width, initial-scale=1">
      <script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
      <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css">
      <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
      <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.7/angular.min.js"></script>
    	<script src="tyontekijat.js"></script>
    </head>
<body ng-controller="bodyController">
    <div class="navbar navbar-default navbar-inverse navbar-static-top">
        <div class="container">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-ex-collapse">
                    <span class="sr-only">Toggle navigation</span><span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand"></a>
            </div>
            <div class="collapse navbar-collapse" id="navbar-ex-collapse">
                <ul class="nav navbar-left navbar-nav">
                    <li><a href="tyontekijat.html">Työntekijät</a></li>
                    <li><a href="osastot.html">Osastot</a></li>
                    <li><a href="projektit.html">Projekti</a></li>
                </ul>
            </div>
        </div>
    </div>
    <div class="container ng-scope">
    <fieldset class="scheduler-border">
        <legend class="scheduler-border">Työntekijät</legend>
        <div class="createButton">
           <button type="button" ng-click="createNew()" class="btn btn-success btn-sm" data-toggle="modal" data-target="#createEmp"><i class="glyphicon glyphicon-plus"></i>&nbsp;Uusi työntekijä</button>
        </div>
        <div class="search">
            <input ng-model="searchText" class="form-control ng-pristine ng-untouched ng-valid" placeholder="Enter search">
        </div>
        <table class="table table-hover table-bordered">
            <thead>
                <tr>
                    <th>Id</th>
                    <th>Etunimi</th>
                    <th>Sukunimi</th>
                    <th>Syntymäaika</th>
                    <th>Palkka</th>
                    <th>Puhelin</th>
                    <th>Toiminnot</th>
                </tr>
            </thead>
            <tbody>
                    <tr ng-repeat="e in employees">
                    <td class="ng-binding">{{e.id}}</td>
                    <td class="ng-binding">{{e.fname}}</td>
                    <td class="ng-binding">{{e.lname}}</td>
                    <td class="ng-binding">{{e.bdate}}</td>
                    <td class="ng-binding">{{e.salary}}</td>
                    <td class="ng-binding">{{e.phone1}}</td>
                    <td class="action-column">
                        <button type="button" class="btn btn-primary btn-sm" data-toggle="modal" data-target="#viewEmp" ng-click="viewEmployee($index)"><i class="glyphicon glyphicon-eye-open"></i>&nbsp;Näytä</button>
                        <button type="button" class="btn btn-warning btn-sm" data-toggle="modal" data-target="#editEmp" ng-click="editEmployee($index)"><i class="glyphicon glyphicon-pencil"></i>&nbsp;Muokkaa</button>
                        <button type="button" class="btn btn-danger btn-sm" ng-click="deleteEmployee($index, e)" data-toggle="modal" data-target="#delEmp"><i class="glyphicon glyphicon-minus"></i>&nbsp;Poista</button>

                    </td>
                </tr>
            </tbody>
        </table>
    </fieldset>
</div>

<div class="modal fade" id="viewEmp" tabindex="-1" role="dialog">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">&times;</button>
        <h4 class="modal-title" id="myModalLabel">Näytä työntekijä</h4>
      </div>
      <div class="modal-body">
        <table class="table table-bordered">
          <tr>
            <td>id</td>
            <td>{{employees[viewIndex].id}}</td>
          </tr>
          <tr>
            <td>etunimi</td>
            <td>{{employees[viewIndex].fname}}</td>
          </tr>
          <tr>
            <td>sukunimi</td>
            <td>{{employees[viewIndex].lname}}</td>
          </tr>
          <tr>
            <td>palkka</td>
            <td>{{employees[viewIndex].salary}}</td>
          </tr>
          <tr>
            <td>syntymäpäivä</td>
            <td>{{employees[viewIndex].bdate}}</td>
          </tr>
          <tr>
            <td>email</td>
            <td>{{employees[viewIndex].email}}</td>
          </tr>
          <tr>
            <td>dep</td>
            <td>{{employees[viewIndex].dep}}</td>
          </tr>
          <tr>
            <td>osasto</td>
            <td>{{employees[viewIndex].dname}}</td>
          </tr>
          <tr>
            <td>puhelin nro 1</td>
            <td>{{employees[viewIndex].phone1}}</td>
          </tr>
          <tr>
            <td>puhelin nro 2</td>
            <td>{{employees[viewIndex].phone2}}</td>
          </tr>
        </table>
      </div>
      </div>
    </div>
  </div>
</div>

</body>
</html>