-
Notifications
You must be signed in to change notification settings - Fork 0
/
compromisso.html
169 lines (160 loc) · 7.69 KB
/
compromisso.html
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
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
<template name="compromisso">
<div class="row">
<div class="col-md-4 col-sm-4">
{{> blocoNotas }}
</div>
<div class="col-md-8 col-sm-8">
{{#with compromissoInfo}}
{{> compromissoInfo }}
{{> quadroCompartilhado}}
{{/with}}
{{> mensagens}}
</div>
</div>
</template>
<template name="compromissoInfo">
<div class="panel panel-default">
<div class="panel-heading">Para {{vencimento}}</div>
<div class="panel-body">
<h4 class="text-center">{{titulo}}</h4>
{{#if timestamp}}<small class="timestamp text-center"><i class="icon-time"></i> {{timestamp}}</small>{{/if}}
<br>
<span class="outro-usuario"><i class="icon-user"></i> {{outroUsuario}}</span>
{{> compromissoAcoes}}
<p>{{obs}}</p>
</div>
</div>
</template>
<template name="compromissoAcoes">
<div class="row">
<div class="col-xs-8 col-sm-8 col-md-8">{{#each rotulos}}<span class="label label-default">{{this}}</span> {{/each}}</div>
<div class="col-xs-4 col-sm-4 col-md-4">
{{#if cancelado}}
<span class="label label-danger">Compromisso cancelado</span>
{{/if}}
{{#unless cancelado}}
{{#if aceito}}
{{#if feito}}
<div><span class="label label-success">Compromisso feito! =]</span> <button title="Não feito" onclick="compromissoFeito('{{this._id}}',false)" class="btn btn-warning btn-feito icon-remove"></button></div>
{{/if}}
{{#unless feito}}
<div class="row">
<div class="col-xs-6 col-sm-6 col-md-6">
<button title="Feito!" onclick="compromissoFeito('{{this._id}}',true)" class="btn btn-success btn-feito icon-ok"></button>
</div>
<div class="col-xs-6 col-sm-6 col-md-6">
<button title="Cancelar" onclick="compromissoCancelado('{{this._id}}',true)" class="btn btn-danger btn-feito icon-trash"></button>
</div>
</div>
{{/unless}}
{{/if}}
{{#unless aceito}}
{{#if esperandoResposta}}
{{#if recusado}}
<div><span class="label label-danger">Compromisso recusado pelo outro usuário</span> <button title="Cancelar" onclick="compromissoCancelado('{{this._id}}',true)" class="btn btn-danger btn-feito icon-trash"></button></div>
{{/if}}
{{#unless recusado}}
<span>Pendente</span> <button title="Cancelar" onclick="compromissoCancelado('{{this._id}}',true)" class="btn btn-danger btn-feito icon-trash"></button>
{{/unless}}
{{/if}}
{{#unless esperandoResposta}}
<div class="row">
<div class="col-xs-6 col-sm-6 col-md-6">
<button title="Aceitar" onclick="compromissoAceito('{{this._id}}',true)" class="btn btn-success btn-feito icon-thumbs-up-alt"></button>
</div>
<div class="col-xs-6 col-sm-6 col-md-6">
<button title="Recusar" onclick="compromissoRecusado('{{this._id}}',true)" class="btn btn-danger btn-feito icon-thumbs-down-alt"></button>
</div>
</div>
{{/unless}}
{{/unless}}
{{/unless}}
</div>
</div>
</template>
<template name="blocoNotas">
<div class="panel panel-default" id="pn-notas">
<div class="panel-heading">Notas Pessoais</div>
<div class="panel-body">
<div class="input-group">
<input type="text" class="form-control" name="frm-nota" id="frm-nota" placeholder="Digite uma nova nota..." required="required" data-rangelength="[1,200]" maxlength="200">
<span class="input-group-addon btn-add-enter" id="btn-add-nota" title="Pressione ENTER ou clique aqui para adicionar">↵</span>
</div>
{{#if notas}}
<ul>
<editable></editable>
{{#each notas}}
{{> nota}}
{{/each}}
</ul>
{{/if}}
</div>
</div>
</template>
<template name="nota">
<li><span class="editable" data-id="{{_id}}">{{nota}}</span></li>
</template>
<template name="quadroCompartilhado">
<div class="panel panel-info">
<div class="panel-heading">Quadro Compartilhado</div>
<div class="panel-body">
<div class="row">
{{#if requisitos}}
<div class="col-md-4 col-sm-4">
<div class="alert alert-info quadrinho">
<p><strong>Checklist</strong></p>
{{#each requisitos}}<p><small>{{this}}</small></p>{{/each}}
</div>
</div>
{{/if}}
{{#each avisos}}
{{> quadrinho}}
{{/each}}
</div>
</div>
<div class="panel-footer">
<div class="input-group">
<input type="text" id="frm-aviso" name="frm-aviso" class="form-control" placeholder="Adicionar um novo aviso ao quadro..." data-rangelength="[1,200]" maxlength="200">
<span class="input-group-addon btn-add-enter" id="btn-add-aviso" title="Pressione ENTER ou clique aqui para adicionar">↵</span>
</div>
</div>
</div>
</template>
<template name="quadrinho">
<div class="col-md-4 col-sm-4">
<div class="alert alert-warning quadrinho {{#if avisoProprio}}alert-dismissable{{/if}}">
{{#if avisoProprio}}<button type="button" class="close" aria-hidden="true" data-id="{{this._id}}">×</button>{{/if}}
{{#unless avisoProprio}}<img class="profile-pic small-profile-pic profile-pic-corner img-circle" src="http://graph.facebook.com/{{outroUsuario.idFacebook}}/picture?width=120&height=120" title="{{outroUsuario.nome}}">{{/unless}}
{{aviso}}
{{#if timestamp}}<small class="timestamp text-center"><i class="icon-time"></i> {{timestamp}}</small>{{/if}}
</div>
</div>
</template>
<template name="mensagens">
<div class="panel panel-info">
<div class="panel-heading">Chat</div>
<div class="panel-body">
<div class="row">
{{#if mensagens}}
<div class="mensagens">
{{#each mensagens}}
{{> mensagem}}
{{/each}}
</div>
{{/if}}
</div>
</div>
<div class="panel-footer">
<div class="input-group">
<input type="text" id="frm-mensagem" name="frm-mensagem" class="form-control" placeholder="Enviar uma mensagem..." data-rangelength="[1,200]" maxlength="200">
<span class="input-group-addon btn-add-enter" id="btn-enviar-mensagem" title="Pressione ENTER ou clique aqui para enviar">↵</span>
</div>
</div>
</div>
</template>
<template name="mensagem">
<div class="mensagem clearfix">
<img class="pull-left profile-pic small-profile-pic img-circle" src="http://graph.facebook.com/{{usuario.idFacebook}}/picture?width=120&height=120" title="{{usuario.nome}}">
<div class="mensagem-texto">{{mensagem}} <small class="timestamp"><i class="icon-time"></i> {{timestamp}}</small></div>
</div>
</template>