bytecomoficial.github.io/index.html at master · bytecominformatica/bytecomoficial.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
<!DOCTYPE html>
<html ng-app="bytecom">
  <head>
	<meta charset="UTF-8">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css">
    <link rel="stylesheet" href="css/app.css">
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0/angular.min.js"></script>
    <script type="text/javascript" src="js/app.js"></script>
    <script type="text/javascript" src="js/task.js"></script>
  </head>
  <body ng-controller="taskCtrl">
    <!--  Store Header  -->
    <header>
      <h1 class="text-center">Bytecom</h1>
      <h2 class="text-center">– Lista de tarefas dos técnicos –</h2>
    </header>

    <!--  Products Container  -->
    <form novalidate id="taskFormId" name="taskForm" ng-submit="(taskForm.$valid && taskCtrl.addTask())">

  <h4>Cadastrar nova tarefa</h4>
  <fieldset class="form-group">
	<select required ng-model="taskCtrl.task.type" class="form-control" ng-options="options for options in ['INSTALAÇÃO', 'MANUTENÇÃO', 'RECOLHIMENTO']" title="Tipo">
	  <option value="">Selecione o tipo</option>
	</select>
  </fieldset>
  <fieldset class="form-group">
	<textarea ng-model="taskCtrl.task.description" class="form-control" placeholder="Descreva aqui o foi feito..." title="Descrição"></textarea>
  </fieldset>
  <fieldset class="form-group">
	<input id="dateId" required ng-model="taskCtrl.task.date" validatedateformat date-date-format="dd/MM/yyyy" name="taskData" type="date" class="form-control" placeholder="dd/MM/yyyy" title="Data de execução" />
  </fieldset>
  <fieldset class="form-group">
	<input type="submit" class="btn btn-primary pull-right" value="Salvar" ng-disabled="taskForm.$invalid" />
  </fieldset>
</form>


<div class="list-group">
  <div class="list-group-item">
	  <span ng-bind="taskCtrl.task.description"></span>
	<h3>{{taskCtrl.technical.name}} <em class="pull-right">{{taskCtrl.technical.email}}</em></h3>
	<div class="table-responsive">
		 <table class="table table-hover">
			 <caption>Tarefas</caption>
		  <thead>
			<th>Data</th>
			<th>Descrição</th>
			<th>Tipo</th>
			<th>Status</th>
			<th>Criado em</th>
			<th>Ultima Atualização</th>
			<th>Editar</th>
			<th>Remover</th>
		  </thead>
		  <tr ng-repeat="task in technical.tasks | orderBy:'date'">
			<td>{{task.date | date:'dd/MM/yyyy'}}</td>
			<td>{{task.description}}</td>
			<td>{{task.type}}</td>
			<td>{{task.status}}</td>
			<td>{{task.createdOn | date:'dd/MM/yyyy'}}</td>
			<td>{{task.updatedOn | date:'dd/MM/yyyy'}}</td>
			<td>
				<a href="#taskFormId" type="button" class="btn btn-primary" title="editar" ng-click="taskCtrl.editTask(task)" ng-disabled="{{task.status != 'AGUARDANDO APROVAÇÃO'}}">
					<span class="glyphicon glyphicon-edit"></span>
				</a>
			</td>
			<td>
				<button type="button" class="btn btn-danger" title="remover" ng-click="taskCtrl.removeTask(task)" ng-focus="taskForm" ng-disabled="{{task.status != 'AGUARDANDO APROVAÇÃO'}}">
					<span class="glyphicon glyphicon-remove"></span>
				</button>
			</td>
		  </tr>
		</table>
	</div>
  </div>
</div>

  </body>
</html>