Commit c24961833ba6194393a82418df73a7fb0bb615f5
1 parent
6f9ce58b
Exists in
master
and in
2 other branches
Novo Layout
Showing
19 changed files
with
686 additions
and
701 deletions
Show diff stats
Controller/GraphController.php
... | ... | @@ -116,7 +116,6 @@ class GraphController extends Controller |
116 | 116 | ), |
117 | 117 | 'required' => true, |
118 | 118 | )) |
119 | - ->add('send', 'submit', array('label' => 'Enviar' )) | |
120 | 119 | ->getForm(); |
121 | 120 | } |
122 | 121 | |
... | ... | @@ -921,7 +920,6 @@ class GraphController extends Controller |
921 | 920 | ->add('entity', 'hidden', array( |
922 | 921 | 'data' => $id |
923 | 922 | )) |
924 | - ->add('send', 'submit', array('label' => 'Enviar' )) | |
925 | 923 | ->getForm(); |
926 | 924 | } |
927 | 925 | ... | ... |
Controller/SnmpWebController.php
README.md
... | ... | @@ -23,6 +23,7 @@ Instalação: |
23 | 23 | "require": { |
24 | 24 | //... |
25 | 25 | "jpgraph/jpgraph": "dev-master", |
26 | + "symfony/class-loader": "2.2.*", | |
26 | 27 | "incenteev/composer-parameter-handler": "~2.0", |
27 | 28 | "friendsofsymfony/rest-bundle": "dev-master", |
28 | 29 | "jms/serializer": "0.14.*@dev", |
... | ... | @@ -46,7 +47,6 @@ Instalação: |
46 | 47 | { |
47 | 48 | $bundles = array( |
48 | 49 | //... |
49 | - new Knp\Bundle\PaginatorBundle\KnpPaginatorBundle(), | |
50 | 50 | new Swpb\Bundle\CocarBundle\CocarBundle() |
51 | 51 | ); |
52 | 52 | } |
... | ... | @@ -71,7 +71,7 @@ Instalação: |
71 | 71 | assetic: |
72 | 72 | debug: "%kernel.debug%" |
73 | 73 | use_controller: false |
74 | - bundles: [ CocarBundle ] //<- | |
74 | + bundles: [ CocarBundle ] | |
75 | 75 | |
76 | 76 | //... |
77 | 77 | |
... | ... | @@ -85,7 +85,7 @@ Depois rode os comandos abaixo |
85 | 85 | |
86 | 86 | Atenção: Verifique os caminhos existentes em "schedules.txt" antes de adicioná-lo ao cron. |
87 | 87 | |
88 | - crontab -u www-data vendor/swpb/cocar/Swpb/Bundle/CocarBundle/schedules.txt | |
88 | + crontab -u {usuario} schedules.txt | |
89 | 89 | |
90 | 90 | Configuração: |
91 | 91 | =============== | ... | ... |
Resources/public/css/style.css
1 | -.laterais | |
2 | - { | |
3 | - border-left: #F58735 1px solid; | |
4 | - border-right: #F58735 1px solid; | |
5 | - border-bottom: #F58735 1px solid; | |
6 | - FONT-FAMILY: Arial, Verdana; | |
7 | - FONT-SIZE: 8pt; | |
8 | - FONT-WEIGHT: bold | |
9 | - } | |
10 | -.final | |
11 | - { | |
12 | - border-bottom: #F58735 1px solid; | |
13 | - } | |
14 | -.thtt | |
15 | - { | |
16 | - FONT-FAMILY: Arial, Verdana; | |
17 | - FONT-SIZE: 9pt; | |
18 | - FONT-WEIGHT: bold; | |
19 | - TEXT-VALGIN: middle; | |
20 | - } | |
21 | -.OnLine | |
22 | - { | |
23 | - font-family: Verdana; | |
24 | - font-size: 7pt; | |
25 | - color: #000080; | |
26 | - font-weight: bold; | |
27 | - } | |
28 | - | |
29 | -.box { | |
30 | - display: inline-block; | |
31 | - width: 12%; | |
32 | - height: 100px; | |
33 | - margin: 1em; | |
34 | - vertical-align:top; | |
1 | +/* General CSS */ | |
2 | + | |
3 | +/* Reset */ | |
4 | +html, body, div, span, applet, object, iframe, | |
5 | +h1, h2, h3, h4, h5, h6, p, blockquote, pre, | |
6 | +a, abbr, acronym, address, big, cite, code, | |
7 | +del, dfn, em, img, ins, kbd, q, s, samp, | |
8 | +small, strike, strong, sub, sup, tt, var, | |
9 | +b, u, i, center, | |
10 | +dl, dt, dd, ol, ul, li, | |
11 | +fieldset, form, label, legend, | |
12 | +table, caption, tbody, tfoot, thead, tr, th, td, | |
13 | +article, aside, canvas, details, embed, | |
14 | +figure, figcaption, footer, header, hgroup, | |
15 | +menu, nav, output, ruby, section, summary, | |
16 | +time, mark, audio, video { | |
17 | + margin: 0; | |
18 | + padding: 0; | |
19 | + border: 0; | |
20 | + font-size: 100%; | |
21 | + font: inherit; | |
22 | + vertical-align: baseline; | |
23 | +} | |
24 | +/* HTML5 display-role reset for older browsers */ | |
25 | +article, aside, details, figcaption, figure, | |
26 | +footer, header, hgroup, menu, nav, section { | |
27 | + display: block; | |
28 | +} | |
29 | +body { | |
30 | + line-height: 1; | |
31 | +} | |
32 | +ol, ul { | |
33 | + list-style: none; | |
34 | +} | |
35 | +blockquote, q { | |
36 | + quotes: none; | |
37 | +} | |
38 | +blockquote:before, blockquote:after, | |
39 | +q:before, q:after { | |
40 | + content: ''; | |
41 | + content: none; | |
42 | +} | |
43 | +table { | |
44 | + border-collapse: collapse; | |
45 | + border-spacing: 0; | |
35 | 46 | } |
36 | 47 | |
37 | -.main { | |
38 | - display: inline-block; | |
39 | - width: 82%; | |
40 | - margin: 1em; | |
41 | - vertical-align:top; | |
42 | -} | |
43 | - | |
44 | -.caixa | |
45 | - { | |
46 | - BORDER-RIGHT: #F58735 1px solid; | |
47 | - BORDER-TOP: #F58735 1px solid; | |
48 | - BORDER-LEFT: #F58735 1px solid; | |
49 | - BORDER-BOTTOM: #F58735 1px solid; | |
50 | - FONT-SIZE: 10px; | |
51 | - FONT-FAMILY: Verdana, Arial; | |
52 | - width:100px; | |
53 | - } | |
54 | -.impar | |
55 | - { | |
56 | - background-color: #FFFFFF; | |
57 | - border-width: 1px; | |
58 | - border-style: solid; | |
59 | - border-color: #F58735; | |
60 | - FONT-FAMILY: Verdana, Arial; | |
61 | - FONT-SIZE: 8pt; | |
62 | - FONT-WEIGHT: bold | |
63 | - } | |
64 | - | |
65 | -.par | |
66 | - { | |
67 | - background-color: #EEEEE6; | |
68 | - border-width: 1px; | |
69 | - border-style: solid; | |
70 | - border-color: #F58735; | |
71 | - FONT-FAMILY: Verdana, Arial; | |
72 | - FONT-SIZE: 8pt; | |
73 | - FONT-WEIGHT: bold | |
74 | - } | |
75 | - | |
76 | -.tab | |
77 | - { | |
78 | - border: #F58735 2px solid; | |
79 | - } | |
80 | -.topo | |
81 | - { | |
82 | - background-color: #006666; | |
83 | - border-width: 1px; | |
84 | - border-style: solid; | |
85 | - border-color: #FF9900; | |
86 | - padding-left: 1; | |
87 | - padding-right: 1; | |
88 | - padding-top: 2; | |
89 | - padding-bottom: 2; | |
90 | - FONT: 10pt Verdana, Arial; | |
91 | - FONT-WEIGHT: bold; | |
92 | - COLOR: #FFFFFF; | |
93 | - } | |
48 | +/* Geral */ | |
94 | 49 | |
95 | -.rly | |
96 | - { | |
97 | - background-color: #CEFFCE; | |
98 | - border-width: 1px; | |
99 | - border-style: solid; | |
100 | - border-color: #FF9900; | |
101 | - padding-left: 1; | |
102 | - padding-right: 1; | |
103 | - padding-top: 2; | |
104 | - padding-bottom: 2; | |
105 | - FONT: 7pt Verdana, Arial; | |
106 | - FONT-WEIGHT: bold; | |
107 | - COLOR: #00000; | |
108 | - } | |
50 | +a { | |
51 | + color: #0596ea; | |
52 | +} | |
53 | +a:hover { | |
54 | + color: #666; | |
55 | + } | |
109 | 56 | |
110 | -.alto1 | |
111 | - { | |
112 | - background-color: #80FFFF; | |
113 | - border-width: 1px; | |
114 | - border-style: solid; | |
115 | - border-color: #FF9900; | |
116 | - padding-left: 1; | |
117 | - padding-right: 1; | |
118 | - padding-top: 2; | |
119 | - padding-bottom: 2; | |
120 | - FONT: 7pt Verdana, Arial; | |
121 | - FONT-WEIGHT: bold; | |
122 | - COLOR: #000000; | |
123 | - } | |
57 | +.clear {clear: both;} | |
124 | 58 | |
125 | -.alto2 | |
126 | - { | |
127 | - background-color: #B3D9FF; | |
128 | - border-width: 1px; | |
129 | - border-style: solid; | |
130 | - border-color: #FF9900; | |
131 | - padding-left: 1; | |
132 | - padding-right: 1; | |
133 | - padding-top: 2; | |
134 | - padding-bottom: 2; | |
135 | - FONT: 7pt Verdana, Arial; | |
136 | - FONT-WEIGHT: bold; | |
137 | - COLOR: #000000; | |
138 | - } | |
59 | +body { | |
60 | + font-family: verdana; | |
61 | + color: #666; | |
62 | +} | |
139 | 63 | |
140 | -.zero1 | |
141 | - { | |
142 | - background-color: #FFFFDD; | |
143 | - border-width: 1px; | |
144 | - border-style: solid; | |
145 | - border-color: #FF9900; | |
146 | - padding-left: 1; | |
147 | - padding-right: 1; | |
148 | - padding-top: 2; | |
149 | - padding-bottom: 2; | |
150 | - FONT: 7pt Verdana, Arial; | |
151 | - FONT-WEIGHT: bold; | |
152 | - COLOR: #0000BF; | |
153 | - } | |
64 | +.main { | |
65 | + width: 960px; | |
66 | + margin: 0 auto; | |
67 | + margin-top: 30px; | |
68 | + margin-bottom: 20px; | |
69 | +} | |
154 | 70 | |
155 | -.zero2 | |
156 | - { | |
157 | - background-color: #F0F000; | |
158 | - border-width: 1px; | |
159 | - border-style: solid; | |
160 | - border-color: #FF9900; | |
161 | - padding-left: 1; | |
162 | - padding-right: 1; | |
163 | - padding-top: 2; | |
164 | - padding-bottom: 2; | |
165 | - FONT: 7pt Verdana, Arial; | |
166 | - FONT-WEIGHT: bold; | |
167 | - COLOR: #0000BF; | |
168 | - } | |
71 | +.main-container { | |
72 | + width: 960px; | |
73 | + margin: 0 auto; | |
74 | + margin-top: 20px; | |
75 | +} | |
169 | 76 | |
170 | -body | |
171 | - { | |
172 | - background-image: url("../images/background.gif"); | |
173 | - scrollbar-face-color: #FFFFFF; | |
174 | - scrollbar-shadow-color: #c0c0c0; | |
175 | - scrollbar-highlight-color: #FFFFFF; | |
176 | - scrollbar-3dlight-color: #c0c0c0; | |
177 | - scrollbar-darkshadow-color: #FFFFFF; | |
178 | - scrollbar-track-color: #ffffff; | |
179 | - scrollbar-arrow-color: #c0c0c0; | |
180 | - font-family: Verdana, Arial; | |
181 | - font-size: 12pt; | |
77 | +.menu { | |
78 | + text-align: center; | |
79 | +} | |
80 | + .menu ul { | |
81 | + padding-left: 0; | |
82 | + } | |
83 | + .menu ul li { | |
84 | + list-style: none; | |
85 | + width: 78px; | |
86 | + display: inline-block; | |
87 | + padding-left: 0; | |
88 | + margin-right: 20px; | |
182 | 89 | } |
183 | - | |
184 | -A:link | |
185 | - { | |
186 | - font-family: Verdana, Arial; | |
187 | - font-size: 8pt; | |
188 | - FONT-WEIGHT: bold; | |
189 | - COLOR: #000000; | |
190 | - TEXT-DECORATION: none; | |
191 | - CURSOR: hand; | |
90 | + .menu ul li a { | |
91 | + color: #0596ea; | |
92 | + text-decoration: none; | |
93 | + } | |
94 | + .menu ul li a:hover { | |
95 | + color: #ccc; | |
96 | + } | |
97 | + .menu ul li a span { | |
98 | + display: block; | |
99 | + text-align: center; | |
100 | + margin-top: 5px; | |
101 | + } | |
102 | + | |
103 | +.search-box { | |
104 | + text-align: center; | |
105 | + margin-top: 30px; | |
106 | + margin-bottom: 10px; | |
107 | +} | |
108 | + .search-box .caixa { | |
109 | + padding: 10px; | |
110 | + width: 200px; | |
111 | + margin-bottom: 5px; | |
112 | + border:1px solid #eee; | |
113 | + border-radius: 5px; | |
114 | + -webkit-border-radius: 5px; | |
115 | + -moz-border-radius: 5px; | |
116 | + | |
117 | + } | |
118 | + .search-box span { | |
119 | + display: block; | |
120 | + color: #ccc; | |
121 | + font-size: 10px; | |
122 | + } | |
123 | + .search-box input[type=button] { | |
124 | + border:1px solid #ccc; | |
125 | + background: #eee; | |
126 | + border-radius: 5px; | |
127 | + -webkit-border-radius:5px; | |
128 | + -moz-border-radius:5px; | |
129 | + padding: 10px 15px; | |
130 | + cursor: pointer; | |
131 | + } | |
132 | + .search-box input[type=button]:hover { | |
133 | + border:1px solid #0596ea; | |
134 | + background: #0596ea; | |
135 | + color: #fff; | |
192 | 136 | } |
193 | 137 | |
194 | -A:visited | |
195 | - { | |
196 | - font-family: Verdana, Arial; | |
197 | - font-size: 8pt; | |
198 | - FONT-WEIGHT: bold; | |
199 | - COLOR: #333333; | |
200 | - TEXT-DECORATION: none; | |
201 | - CURSOR: hand; | |
202 | - } | |
138 | +.noresult { | |
139 | + color: #0596ea; | |
140 | + text-align: center; | |
141 | + margin-top: 20px; | |
142 | + margin-bottom: 20px; | |
143 | +} | |
203 | 144 | |
204 | -A:active | |
205 | - { | |
206 | - font-family: Verdana, Arial; | |
207 | - font-size: 8pt; | |
208 | - FONT-WEIGHT: bold; | |
209 | - COLOR: #FF8000; | |
210 | - TEXT-DECORATION: none; | |
211 | - CURSOR: hand; | |
145 | +/* Result search */ | |
146 | +.container-box { | |
147 | + margin: 0 auto; | |
148 | + width: 550px; | |
149 | + margin-bottom: 10px; | |
150 | +} | |
151 | + .container-box .top-title { | |
152 | + background: #0596ea; | |
153 | + color: #fff; | |
154 | + border-top-right-radius: 10px; | |
155 | + border-top-left-radius: 10px; | |
156 | + padding: 15px; | |
157 | + } | |
158 | + .container-box .content { | |
159 | + background: #eee; | |
160 | + border-bottom-right-radius: 10px; | |
161 | + border-bottom-left-radius: 10px; | |
162 | + min-height: 50px; | |
163 | + } | |
164 | + .container-box .content .box-result { | |
165 | + float: left; | |
166 | + width: 180px; | |
167 | + text-align: center; | |
168 | + padding-top: 10px; | |
169 | + padding-bottom: 10px; | |
212 | 170 | } |
213 | - | |
214 | -A:hover | |
215 | - { | |
216 | - font-family: Verdana, Arial; | |
217 | - font-size: 8pt; | |
218 | - FONT-WEIGHT: bold; | |
219 | - TEXT-DECORATION: none; | |
220 | - color:#FF0000; | |
221 | - CURSOR: hand; | |
171 | + .container-box .content .box-result span { | |
172 | + display: block; | |
173 | + margin-bottom: 10px; | |
174 | + font-size: 12px; | |
175 | + } | |
176 | + .container-box .content .box-result .value { | |
177 | + font-size: 16px; | |
178 | + display: block; | |
222 | 179 | } |
223 | 180 | |
181 | +.container-results { | |
182 | + text-align: center; | |
183 | +} | |
224 | 184 | |
225 | -.result | |
226 | - { | |
227 | - border-width: 1px; | |
228 | - border-style: solid; | |
229 | - border-color: #F58735; | |
230 | - FONT-FAMILY: Verdana, Arial; | |
231 | - FONT-SIZE: 9pt; | |
232 | - FONT-WEIGHT: bold | |
185 | +.container-box-results { | |
186 | + margin: 0 auto; | |
187 | + width: 150px; | |
188 | + margin-bottom: 10px; | |
189 | + margin-right: 15px; | |
190 | + margin-top: 20px; | |
191 | + display: inline-block; | |
192 | +} | |
193 | + .container-box-results .top-title { | |
194 | + background: #ccc; | |
195 | + color: #333; | |
196 | + border-top-right-radius: 5px; | |
197 | + border-top-left-radius: 5px; | |
198 | + padding: 10px 15px; | |
199 | + } | |
200 | + .container-box-results .top-title h3 { | |
201 | + font-size: 14px; | |
233 | 202 | } |
234 | - | |
235 | -.thd | |
236 | - { | |
237 | - background-color: #006666; | |
238 | - border-width: 1px; | |
239 | - border-style: solid; | |
240 | - border-color: #F58735; | |
241 | - FONT-FAMILY: Verdana, Arial; | |
242 | - FONT-SIZE: 9pt; | |
243 | - FONT-WEIGHT: bold; | |
244 | - COLOR: #FFFFFF; | |
245 | - ALIGN: center; | |
203 | + .container-box-results .content { | |
204 | + background: #eee; | |
205 | + border-bottom-right-radius: 5px; | |
206 | + border-bottom-left-radius: 5px; | |
207 | + min-height: 50px; | |
208 | + padding: 10px; | |
209 | + } | |
210 | + .container-box-results .content a { | |
211 | + color: #666; | |
212 | + text-decoration: none; | |
246 | 213 | } |
247 | - | |
248 | -.acessos | |
249 | - { | |
250 | - border: #F58735 1px solid; | |
251 | - FONT-FAMILY: Verdana, Arial; | |
252 | - FONT-SIZE: 9pt; | |
253 | - FONT-WEIGHT: bold | |
254 | - } | |
255 | - | |
256 | -A | |
257 | - { | |
258 | - FONT-FAMILY: Verdana, Arial; | |
259 | - FONT-WEIGHT: bold; | |
260 | - FONT-SIZE: 8pt; | |
261 | - COLOR: #08296b; | |
262 | - text-decoration: none | |
214 | + .container-box-results .content a:hover { | |
215 | + color: #0596ea; | |
263 | 216 | } |
264 | 217 | |
265 | -.sys | |
266 | - { | |
267 | - PADDING-LEFT: 10px; | |
268 | - FONT: 8pt Verdana, Arial; | |
269 | - FONT-WEIGHT: bold; | |
270 | - COLOR: #404000; | |
271 | - } | |
218 | +/* Entity */ | |
219 | +.general-title { | |
220 | + text-align: center; | |
221 | + font-size: 30px; | |
222 | + margin-bottom: 20px; | |
223 | +} | |
272 | 224 | |
273 | -.desc | |
274 | - { | |
275 | - PADDING-LEFT: 10px; | |
276 | - FONT: 8pt Verdana, Arial; | |
277 | - FONT-WEIGHT: bold; | |
278 | - COLOR: #000; | |
225 | +.records_list { | |
226 | + width: 100%; | |
227 | +} | |
228 | + .records_list thead { | |
229 | + background: #0596ea; | |
230 | + color: #fff; | |
231 | + } | |
232 | + .records_list th, .records_list td { | |
233 | + padding: 10px; | |
234 | + } | |
235 | + .records_list tbody td { | |
236 | + background: #eee; | |
237 | + text-align: center; | |
238 | + } | |
239 | + .records_list tbody tr { | |
240 | + border-bottom: 1px solid #fff; | |
241 | + } | |
242 | + .records_list tbody tr td a { | |
243 | + color: #0596ea; | |
279 | 244 | } |
280 | - | |
281 | -.info | |
282 | - { | |
283 | - background-color: #404000; | |
284 | - border-width: 1px; | |
285 | - border-style: solid; | |
286 | - border-color: #F58735; | |
287 | - FONT-FAMILY: Verdana, Arial; | |
288 | - FONT-SIZE: 9pt; | |
289 | - FONT-WEIGHT: bold; | |
290 | - COLOR: #FFF; | |
291 | - ALIGN: center; | |
245 | + .records_list tbody tr td a:hover { | |
246 | + color: #666; | |
292 | 247 | } |
293 | 248 | |
294 | -.tht | |
295 | - | |
296 | - { | |
297 | - | |
298 | - font-size: 10pt; | |
299 | - | |
300 | - font-family: Arial, Verdana; | |
301 | - | |
302 | - font-weight: bold; | |
303 | - | |
304 | - text-align: left; | |
305 | - | |
306 | - text-valign: middle | |
307 | - | |
308 | - } | |
309 | - | |
310 | -.tdt | |
311 | - | |
312 | - { | |
313 | - | |
314 | - font-size: 10pt; | |
315 | - | |
316 | - font-family: Verdana, Arial; | |
317 | - | |
318 | - font-weight: bold; | |
319 | - | |
320 | - text-align: left; | |
321 | - | |
322 | - text-valign: middle | |
323 | - | |
324 | - } | |
325 | - | |
326 | -.tdi | |
327 | - | |
328 | - { | |
249 | + .records_list tbody tr td li { | |
250 | + display: inline-block; | |
251 | + } | |
252 | + .records_list tbody tr td li a { | |
253 | + color: #666; | |
254 | + font-size: 12px; | |
255 | + } | |
256 | + .records_list tbody tr td li a:hover { | |
257 | + color: #0596ea; | |
258 | + } | |
329 | 259 | |
330 | - font-size: 10pt; | |
260 | +ul.button { | |
261 | + margin-top: 60px; | |
262 | + text-align: center; | |
263 | +} | |
264 | +ul.button li a { | |
265 | + padding: 15px 25px; | |
266 | + background: #0596ea; | |
267 | + color: #fff; | |
268 | + border-radius:10px; | |
269 | + -webkit-border-radius:10px; | |
270 | + -moz-border-radius:10px; | |
271 | + text-decoration: none; | |
272 | +} | |
273 | +ul.button li a:hover { | |
274 | + background: #eee; | |
275 | + color: #666; | |
276 | +} | |
331 | 277 | |
332 | - font-family: Verdana, Arial; | |
278 | +button[type=submit] { | |
279 | + padding: 15px 25px; | |
280 | + background: #0596ea; | |
281 | + color: #fff; | |
282 | + border:0px; | |
283 | + font-size: 12px; | |
284 | + border-radius: 10px; | |
285 | + -webkit-border-radius: 10px; | |
286 | + -moz-border-radius: 10px; | |
287 | + text-decoration: none; | |
288 | + cursor: pointer; | |
289 | +} | |
333 | 290 | |
334 | - font-weight: bold; | |
291 | +button[type=submit]:hover { | |
292 | + background: #eee; | |
293 | + color: #666; | |
294 | +} | |
335 | 295 | |
336 | - text-align: left; | |
296 | +.records_list .item-form { | |
297 | + margin-bottom: 15px; | |
298 | +} | |
337 | 299 | |
338 | - text-valign: middle; | |
300 | +.records_list label { | |
301 | + display: block; | |
302 | + margin-bottom: 5px; | |
303 | +} | |
339 | 304 | |
340 | - BORDER-COLOR: #F58735; | |
305 | +.records_list input[type=text] { | |
306 | + padding: 10px; | |
307 | + width: 200px; | |
308 | + margin-bottom: 5px; | |
309 | + border:1px solid #eee; | |
310 | + border-radius: 5px; | |
311 | + -webkit-border-radius: 5px; | |
312 | + -moz-border-radius: 5px; | |
341 | 313 | |
342 | - BORDER-STYLE: solid; | |
314 | +} | |
343 | 315 | |
344 | - BORDER-WIDTH: 1px; | |
316 | +.records_list textarea { | |
317 | + padding: 10px; | |
318 | + width: 300px; | |
319 | + height: 70px; | |
320 | + margin-bottom: 5px; | |
321 | + border:1px solid #eee; | |
322 | + border-radius: 5px; | |
323 | + -webkit-border-radius: 5px; | |
324 | + -moz-border-radius: 5px; | |
345 | 325 | |
346 | - } | |
326 | +} | |
347 | 327 | |
348 | -.tdx | |
328 | +.record_actions { | |
329 | + margin-top: 10px; | |
330 | + float: right; | |
331 | +} | |
349 | 332 | |
350 | - { | |
333 | +.record_actions li { | |
334 | + display: inline-block; | |
335 | +} | |
351 | 336 | |
352 | - font-size: 9pt; | |
337 | +.record_actions li a { | |
338 | + padding: 5px 10px; | |
339 | + background: #0596ea; | |
340 | + color: #fff; | |
341 | + font-size: 12px; | |
342 | + border-radius:5px; | |
343 | + -webkit-border-radius:5px; | |
344 | + -moz-border-radius:5px; | |
345 | + text-decoration: none; | |
346 | +} | |
347 | +.button li a:hover { | |
348 | + background: #eee; | |
349 | + color: #666; | |
350 | +} | |
353 | 351 | |
354 | - font-family: Verdana, Arial; | |
352 | +.record_actions .deletar { | |
353 | + padding: 5px 10px; | |
354 | + background: #eee; | |
355 | + color: #666; | |
356 | + border:0px; | |
357 | + font-size: 12px; | |
358 | + border-radius: 5px; | |
359 | + -webkit-border-radius: 5px; | |
360 | + -moz-border-radius: 5px; | |
361 | + text-decoration: none; | |
362 | + cursor: pointer; | |
363 | +} | |
355 | 364 | |
356 | - font-weight: bold; | |
365 | +.record_actions .deletar:hover { | |
366 | + background: #0596ea; | |
367 | + color: #fff; | |
368 | +} | |
357 | 369 | |
358 | - text-align: left; | |
370 | +.bodyView th { | |
371 | + text-align: right; | |
372 | +} | |
359 | 373 | |
360 | - text-valign: middle; | |
374 | +.bodyView td { | |
375 | + text-align: left !important; | |
376 | + background: #fff !important; | |
377 | +} | |
361 | 378 | |
362 | - } | |
379 | +.bodyView-2 th { | |
380 | + text-align: right; | |
381 | +} | |
363 | 382 | |
364 | -table.records_list | |
365 | - { | |
366 | - border-collapse: collapse; | |
367 | - border: #0B3B0B 1px solid; | |
368 | - FONT-FAMILY: Verdana, Arial; | |
369 | - FONT-SIZE: 9pt; | |
370 | - FONT-WEIGHT: bold; | |
371 | - } | |
383 | +p.description { | |
384 | + margin-bottom: 25px; | |
385 | + background: #FFFFF0; | |
386 | + padding: 20px 10px; | |
387 | +} | |
372 | 388 | |
373 | -table.records_list tr td | |
374 | - { | |
375 | - border: #0B3B0B 1px solid; | |
376 | - padding-left: 10px; | |
377 | - padding-right: 10px; | |
378 | - } | |
389 | +#cocar_cocarbundle_circuitstype_typeInterface label { | |
390 | + display: inline !important; | |
391 | +} | |
379 | 392 | |
380 | -.records_list th | |
381 | - { | |
382 | - background-color: #0B3B0B; | |
383 | - border: #FFF 1px solid; | |
384 | - color: #FFF; | |
385 | - padding-left: 10px; | |
386 | - padding-right: 10px; | |
387 | - padding-top: 5px; | |
388 | - padding-bottom: 5px; | |
389 | - } | |
393 | +/* REPORTS */ | |
394 | +.container_form { | |
395 | + text-align: center; | |
396 | +} | |
397 | + .container_form button { | |
398 | + display: block; | |
399 | + margin: 0 auto; | |
400 | + margin-top: 10px; | |
401 | + margin-bottom: 20px; | |
402 | + } | |
403 | + | |
404 | +#form_choice { | |
405 | + overflow: hidden; | |
406 | + background: url(../images/down.png) no-repeat right #fff; | |
407 | + width: 170px; | |
408 | + display: inline-block; | |
409 | +} | |
390 | 410 | |
391 | -#form_choice | |
392 | - { | |
393 | - display: inline-block; | |
394 | - margin-right: 10px; | |
395 | - } | |
411 | +#form_choice select { | |
412 | + padding: 10px; | |
413 | + margin-bottom: 5px; | |
414 | + width: 170px; | |
415 | + border:1px solid #eee; | |
416 | + border-radius: 5px; | |
417 | + -webkit-border-radius: 5px; | |
418 | + -moz-border-radius: 5px; | |
419 | + -webkit-appearance: none; | |
420 | + background: transparent; | |
421 | +} | |
396 | 422 | |
423 | +.report-ico { | |
424 | + float: left; | |
425 | + margin-bottom: 15px; | |
426 | + display: block; | |
427 | + margin-right: 10px; | |
428 | +} | |
397 | 429 | |
430 | +.title-table { | |
431 | + font-size: 22px; | |
432 | +} | |
398 | 433 | \ No newline at end of file | ... | ... |
Resources/views/Circuits/edit.html.twig
1 | 1 | {% extends 'CocarBundle::layout.html.twig' %} |
2 | 2 | |
3 | 3 | {% block main -%} |
4 | - <h2>{{ entity.description }}</h2> | |
5 | - | |
4 | + <h2 class="general-title">{{ entity.description }}</h2> | |
5 | + <center> | |
6 | 6 | <form action="{{ path('circuits_update', { 'id': entity.id }) }}" method="post" {{ form_enctype(edit_form) }}> |
7 | 7 | <input type="hidden" name="_method" value="PUT" /> |
8 | - <table class="records_list" border=0 cellspacing=2 cellpadding=2> | |
8 | + <table class="records_list bodyView" border=0 cellspacing=2 cellpadding=2> | |
9 | 9 | <tr> |
10 | 10 | {{ form_errors(edit_form) }} |
11 | 11 | |
12 | - <th> Código da Interface: </th> | |
13 | - <td> {{ form_widget(edit_form.codeInterface) }} </td> | |
12 | + <th width="50%"> Código da Interface: </th> | |
13 | + <td width="50%"> {{ form_widget(edit_form.codeInterface) }} </td> | |
14 | 14 | </tr> |
15 | 15 | <tr> |
16 | 16 | <th> Descrição do circuito: </th> |
... | ... | @@ -84,14 +84,11 @@ |
84 | 84 | <th> IP da serial do roteador da ponta: </th> |
85 | 85 | <td> {{ form_widget(edit_form.ipSerialRouterTip) }} </td> |
86 | 86 | </tr> |
87 | - <tr> | |
88 | - <td colspan="2" align="center"> | |
89 | - <button type="submit">Editar</button> | |
90 | - </td> | |
91 | - </tr> | |
92 | 87 | </table> |
88 | + <button type="submit">Editar</button> | |
93 | 89 | {{ form_widget(edit_form._token) }} |
94 | 90 | </form> |
91 | + </center> | |
95 | 92 | |
96 | 93 | <ul class="record_actions"> |
97 | 94 | <li> |
... | ... | @@ -103,7 +100,7 @@ |
103 | 100 | <form action="{{ path('circuits_delete', { 'id': entity.id }) }}" method="post"> |
104 | 101 | <input type="hidden" name="_method" value="DELETE" /> |
105 | 102 | {{ form_widget(delete_form) }} |
106 | - <button type="submit">Deletar</button> | |
103 | + <button type="submit" class="deletar">Deletar</button> | |
107 | 104 | </form> |
108 | 105 | </li> |
109 | 106 | </ul> | ... | ... |
Resources/views/Circuits/index.html.twig
1 | 1 | {% extends 'CocarBundle::layout.html.twig' %} |
2 | 2 | |
3 | 3 | {% block main -%} |
4 | - <h2>Circuitos cadastrados</h2> | |
4 | + <h2 class="general-title">Circuitos cadastrados</h2> | |
5 | 5 | |
6 | 6 | <table class="records_list"> |
7 | 7 | <thead> |
... | ... | @@ -37,7 +37,7 @@ |
37 | 37 | </tbody> |
38 | 38 | </table> |
39 | 39 | |
40 | - <ul> | |
40 | + <ul class="button"> | |
41 | 41 | <li> |
42 | 42 | <a href="{{ path('circuits_new') }}"> |
43 | 43 | Cadastrar um novo circuito | ... | ... |
Resources/views/Circuits/new.html.twig
1 | 1 | {% extends 'CocarBundle::layout.html.twig' %} |
2 | 2 | |
3 | 3 | {% block main -%} |
4 | - <style type="text/css"> | |
5 | - body | |
6 | - { | |
7 | - scrollbar-face-color: #FFFFFF; | |
8 | - scrollbar-shadow-color: #c0c0c0; | |
9 | - scrollbar-highlight-color: #FFFFFF; | |
10 | - scrollbar-3dlight-color: #c0c0c0; | |
11 | - scrollbar-darkshadow-color: #FFFFFF; | |
12 | - scrollbar-track-color: #ffffff; | |
13 | - scrollbar-arrow-color: #c0c0c0; | |
14 | - font-family: Verdana, Arial; | |
15 | - font-size: 10pt; | |
16 | - } | |
17 | - </style> | |
18 | - <center><h3>Cadastro de Circuitos</h3></center> | |
4 | + <h2 class="general-title">Cadastro de Circuitos</h2> | |
19 | 5 | <center> |
20 | - <p> | |
6 | + <p class="description"> | |
21 | 7 | Problemas ao cadastrar o circuito? Verifique a <a href="#help">tabela de configurações</a> ou faça o <a href="{{ path('cocar_snmpweb') }}">teste de snmp.</a> |
22 | 8 | </p> |
23 | 9 | <form action="{{ path('circuits_create') }}" method="post" {{ form_enctype(form) }}> |
24 | - <table class="records_list" border=0 cellspacing=2 cellpadding=2> | |
10 | + <table class="records_list bodyView" border=0 cellspacing=2 cellpadding=2> | |
25 | 11 | <tr> |
26 | 12 | {{ form_errors(form) }} |
27 | 13 | |
28 | - <th> Código da Interface: </th> | |
29 | - <td> {{ form_widget(form.codeInterface) }}</td> | |
14 | + <th width="50%"> Código da Interface: </th> | |
15 | + <td width="50%"> {{ form_widget(form.codeInterface) }}</td> | |
30 | 16 | </tr> |
31 | 17 | <tr> |
32 | 18 | <th> Descrição do circuito: </th> |
... | ... | @@ -100,12 +86,8 @@ |
100 | 86 | <th> IP da serial do roteador da ponta: </th> |
101 | 87 | <td> {{ form_widget(form.ipSerialRouterTip) }} </td> |
102 | 88 | </tr> |
103 | - <tr> | |
104 | - <td colspan="2" align="center"> | |
105 | - <button type="submit">Cadastrar</button> | |
106 | - </td> | |
107 | - </tr> | |
108 | 89 | </table> |
90 | + <button type="submit">Cadastrar</button> | |
109 | 91 | {{ form_widget(form._token) }} |
110 | 92 | </form> |
111 | 93 | {% image '@CocarBundle/Resources/public/images/help_circuit.jpg' %} | ... | ... |
Resources/views/Circuits/show.html.twig
1 | 1 | {% extends 'CocarBundle::layout.html.twig' %} |
2 | 2 | |
3 | 3 | {% block main -%} |
4 | - <h1>Circuitos</h1> | |
4 | + <h1 class="general-title">Circuitos</h1> | |
5 | 5 | |
6 | 6 | <table class="records_list"> |
7 | - <tbody> | |
7 | + <thead> | |
8 | + <tr> | |
9 | + <th width="50%"></th> | |
10 | + <th width="50%"></th> | |
11 | + </tr> | |
12 | + </thead> | |
13 | + <tbody class="bodyView"> | |
8 | 14 | <tr> |
9 | 15 | <th>Id</th> |
10 | 16 | <td>{{ entity.id }}</td> |
... | ... | @@ -99,7 +105,7 @@ |
99 | 105 | <form action="{{ path('circuits_delete', { 'id': entity.id }) }}" method="post"> |
100 | 106 | <input type="hidden" name="_method" value="DELETE" /> |
101 | 107 | {{ form_widget(delete_form) }} |
102 | - <button type="submit">Deletar</button> | |
108 | + <button type="submit" class="deletar">Deletar</button> | |
103 | 109 | </form> |
104 | 110 | </li> |
105 | 111 | </ul> | ... | ... |
Resources/views/Default/map.html.twig
... | ... | @@ -2,111 +2,81 @@ |
2 | 2 | |
3 | 3 | {% block search %} |
4 | 4 | {% if search_result is defined %} |
5 | + <ul class="container-results"> | |
5 | 6 | {% for result in search_result %} |
6 | - <table width="150" border="0" cellspacing="0" cellpadding="0" style="margin-top: 5px"> | |
7 | - <tbody> | |
8 | - <tr> | |
9 | - {% image '@CocarBundle/Resources/public/images/boxverde_e.gif' %} | |
10 | - <td width='1' align='right'><img border='0' src='{{ asset_url }}' width='5' height='25'></td> | |
11 | - {% endimage %} | |
12 | - </td> | |
13 | - {% image '@CocarBundle/Resources/public/images/boxverde_m.gif' %} | |
14 | - <td background='{{ asset_url }}' align='center' valign='middle' CLASS='thtt'> | |
15 | - <b>/{{ result.identifier }}</b> | |
16 | - </td> | |
17 | - {% endimage %} | |
18 | - {% image '@CocarBundle/Resources/public/images/boxverde_d.gif' %} | |
19 | - <td width='5'> | |
20 | - <img src='{{ asset_url }}' width='5' height='25'> | |
21 | - </td> | |
22 | - {% endimage %} | |
23 | - </tr> | |
24 | - </tbody> | |
25 | - </table> | |
26 | - <table width="150" border="0" cellspacing="0" cellpadding="4" class="laterais" bgcolor="#F3FAE9"> | |
27 | - <tbody> | |
28 | - <tr> | |
29 | - <td> | |
30 | - <a href="{{ path('cocar_graph', {'id': result.id }) }}"> | |
31 | - {{ result.description }} | |
32 | - </a><br> | |
33 | - </td> | |
34 | - </tr> | |
35 | - </tbody> | |
36 | - </table> | |
7 | + <li class="container-box-results"> | |
8 | + <div class="top-title"> | |
9 | + <h3>/{{ result.identifier }}</h3> | |
10 | + </div> | |
11 | + <div class="content"> | |
12 | + <a href="{{ path('cocar_graph', {'id': result.id }) }}"> | |
13 | + {{ result.description }} | |
14 | + </a> | |
15 | + </div> | |
16 | + </li> | |
37 | 17 | {% endfor %} |
18 | + </ul> | |
19 | + | |
38 | 20 | {% if search_result == null and search == true %} |
39 | - <font size='1' face='Verdana, Arial, Helvetica, sans-serif' color="red"> | |
40 | - <p>Nenhum resultado encontrado</p> | |
41 | - </font> | |
21 | + <div class="noresult"> | |
22 | + <p>"Nenhum resultado encontrado"</p> | |
23 | + </div> | |
42 | 24 | {% endif %} |
43 | 25 | {% endif %} |
44 | 26 | {% endblock %} |
45 | 27 | |
46 | 28 | {% block main %} |
47 | - <table border="0" width="100%" cellspacing="4"> | |
48 | - <tbody> | |
49 | - <tr> | |
50 | - <td height="26" align="center" valign="middle" class="topo" colspan="5"> | |
51 | - Unidades que Apresentam Tráfego Alto | |
52 | - </td> | |
53 | - </tr> | |
54 | - <tr> | |
55 | - {% for ht in high_traffic %} | |
56 | - <td width="25%" height="26" align="center" valign="middle" class="rly"> | |
57 | - <a href='graph/{{ ht.id }}'>{{ ht.description }}/{{ ht.entity }}</a> | |
58 | - </td> | |
59 | - {% endfor %} | |
60 | - </tr> | |
61 | - </tbody> | |
62 | - </table> | |
63 | - <table border="0" width="100%" cellspacing="4"> | |
64 | - <tbody> | |
65 | - <tr> | |
66 | - <td height="26" align="center" valign="middle" class="topo" colspan="5"> | |
67 | - Unidades que Não Apresentam Tráfego | |
68 | - </td> | |
69 | - </tr> | |
70 | - <tr> | |
71 | - {% for wt in without_traffic %} | |
72 | - <td width="25%" height="26" align="center" valign="middle" class="rly"> | |
73 | - <a href='graph/{{ wt.id }}'>{{ wt.description }}/{{ wt.entity }}</a> | |
74 | - </td> | |
75 | - {% endfor %} | |
76 | - </tr> | |
77 | - </tbody> | |
78 | - </table> | |
79 | - <table border="0" width="100%" cellspacing="4"> | |
80 | - <tbody> | |
81 | - <tr> | |
82 | - <td height="26" align="center" valign="middle" class="topo" colspan="5"> | |
83 | - Unidades com Problemas de Confiabilidade | |
84 | - </td> | |
85 | - </tr> | |
86 | - <tr> | |
87 | - {% for rly in reliability %} | |
88 | - <td width="25%" height="26" align="center" valign="middle" class="rly"> | |
89 | - <a href='graph/{{ rly.id }}'>{{ rly.description }}/{{ rly.entity }}</a> | |
90 | - </td> | |
91 | - {% endfor %} | |
92 | - </tr> | |
93 | - </tbody> | |
94 | - </table> | |
29 | + | |
30 | + <div class="container-box"> | |
31 | + <div class="top-title"> | |
32 | + <h2>Unidades que Apresentam Tráfego Alto</h2> | |
33 | + </div> | |
34 | + <div class="content"> | |
35 | + {% for ht in high_traffic %} | |
36 | + <a href='graph/{{ ht.id }}'>{{ ht.description }}/{{ ht.entity }}</a> | |
37 | + {% endfor %} | |
38 | + </div> | |
39 | + </div> | |
40 | + <div class="container-box"> | |
41 | + <div class="top-title"> | |
42 | + <h2>Unidades que Não Apresentam Tráfego</h2> | |
43 | + </div> | |
44 | + <div class="content"> | |
45 | + {% for wt in without_traffic %} | |
46 | + <a href='graph/{{ wt.id }}'>{{ wt.description }}/{{ wt.entity }}</a> | |
47 | + {% endfor %} | |
48 | + </div> | |
49 | + </div> | |
50 | + <div class="container-box"> | |
51 | + <div class="top-title"> | |
52 | + <h2>Unidades com Problemas de Confiabilidade</h2> | |
53 | + </div> | |
54 | + <div class="content"> | |
55 | + {% for rly in reliability %} | |
56 | + <a href='graph/{{ rly.id }}'>{{ rly.description }}/{{ rly.entity }}</a> | |
57 | + {% endfor %} | |
58 | + </div> | |
59 | + </div> | |
95 | 60 | |
96 | - <p align='center'> | |
97 | - <b>Total de Unidades com Alerta de Tráfego Irregular<FONT COLOR='#FF3300'> {{ (high_traffic|length + without_traffic|length) + reliability|length}} <FONT COLOR='#000000'>de</FONT> {{ total }}</FONT></b> | |
98 | - </p> | |
61 | + <div class="container-box"> | |
62 | + <div class="top-title"> | |
63 | + <h2>Total de Unidades com Alerta de Tráfego Irregular <strong>{{ (high_traffic|length + without_traffic|length) + reliability|length}}</strong> de <strong>{{ total }}</strong></h2> | |
64 | + </div> | |
65 | + <div class="content"> | |
66 | + <div class="box-result"> | |
67 | + <span>Tráfego Alto</span> | |
68 | + <span class="value">{{ high_traffic|length }}</span> | |
69 | + </div> | |
70 | + <div class="box-result"> | |
71 | + <span>Tráfego Baixo</span> | |
72 | + <span class="value">{{ without_traffic|length }}</span> | |
73 | + </div> | |
74 | + <div class="box-result"> | |
75 | + <span>Confiabilidade</span> | |
76 | + <span class="value">{{ reliability|length }}</span> | |
77 | + </div> | |
78 | + <div class="clear"></div> | |
79 | + </div> | |
80 | + </div> | |
99 | 81 | |
100 | - <table width='490' cellspacing='2' cellpadding='2' ALIGN='center'> | |
101 | - <tr align='center' valign='middle'> | |
102 | - <td class='thd'>Tráfego Alto</TD> | |
103 | - <td CLASS='thd'>Tráfego Baixo</TD> | |
104 | - <td class='thd'>Confiabilidade</TD> | |
105 | - </tr> | |
106 | - <tr align='center' valign='middle'> | |
107 | - <td class='result'>{{ high_traffic|length }}</TD> | |
108 | - <td class='result'>{{ without_traffic|length }}</TD> | |
109 | - <td class='result'>{{ reliability|length }}</TD> | |
110 | - </tr> | |
111 | - </table> | |
112 | 82 | {% endblock %} |
113 | 83 | \ No newline at end of file | ... | ... |
Resources/views/Default/totalizer.html.twig
... | ... | @@ -2,16 +2,18 @@ |
2 | 2 | |
3 | 3 | {% block main %} |
4 | 4 | |
5 | - <p align='center'><B>Totalização de Desempenho</B></p> | |
5 | + <h2 class="general-title">Totalização de Desempenho</h2> | |
6 | 6 | |
7 | 7 | <table width='550' cellspacing='2' cellpadding='1' CLASS='records_list' ALIGN="center"> |
8 | - <TR ALIGN='center' VALIGN='middle'> | |
9 | - <th width='130' HEIGHT="25">Organização</th> | |
10 | - <th width='110'>Tráfego Alto</th> | |
11 | - <th width='110'>Tráfego Baixo</th> | |
12 | - <th width='110'>Confiabilidade</th> | |
13 | - <th width='90'>Total</th> | |
14 | - </TR> | |
8 | + <thead> | |
9 | + <tr align='center' valign='middle'> | |
10 | + <th>Organização</th> | |
11 | + <th>Tráfego Alto</th> | |
12 | + <th>Tráfego Baixo</th> | |
13 | + <th>Confiabilidade</th> | |
14 | + <th>Total</th> | |
15 | + </tr> | |
16 | + </thead> | |
15 | 17 | {% if circuits is defined %} |
16 | 18 | {% set total, t, high, without, rly = 0, 0, 0, 0, 0 %} |
17 | 19 | {% for key, cir in circuits %} |
... | ... | @@ -33,7 +35,7 @@ |
33 | 35 | <th>{{ high }}</th> |
34 | 36 | <th>{{ without }}</th> |
35 | 37 | <th>{{ rly }}</th> |
36 | - <th ALIGN='right'>{{ t }}/{{ total }}</th> | |
38 | + <th ALIGN='center'>{{ t }}/{{ total }}</th> | |
37 | 39 | </TR> |
38 | 40 | </table> |
39 | 41 | ... | ... |
Resources/views/Entity/edit.html.twig
1 | 1 | {% extends 'CocarBundle::layout.html.twig' %} |
2 | 2 | |
3 | 3 | {% block main -%} |
4 | - <h2>{{ entity.description }}</h2> | |
5 | - | |
6 | - <form action="{{ path('entity_update', { 'id': entity.id }) }}" method="post" {{ form_enctype(edit_form) }}> | |
7 | - <input type="hidden" name="_method" value="PUT" /> | |
8 | - <table class="records_list" border=0 cellspacing=2 cellpadding=2> | |
9 | - <tr> | |
4 | + <h2 class="general-title">{{ entity.description }}</h2> | |
5 | + <center> | |
6 | + <form action="{{ path('entity_update', { 'id': entity.id }) }}" method="post" {{ form_enctype(edit_form) }}> | |
7 | + <input type="hidden" name="_method" value="PUT" /> | |
8 | + <div class="records_list"> | |
10 | 9 | {{ form_errors(edit_form) }} |
11 | - <th> Identificador: </th> | |
12 | - <td> {{ form_widget(edit_form.identifier) }} </td> | |
13 | - </tr> | |
14 | - <tr> | |
15 | - <th> Descrição da entidade: </th> | |
16 | - <td> {{ form_widget(edit_form.description) }} </td> | |
17 | - </tr> | |
18 | - <tr> | |
19 | - <td colspan="2" align="center"> | |
20 | - <button type="submit">Editar</button> | |
21 | - </td> | |
22 | - </tr> | |
23 | - </table> | |
24 | - {{ form_rest(edit_form) }} | |
25 | - </form> | |
26 | - | |
27 | - <ul class="record_actions"> | |
10 | + <div class="item-form"> | |
11 | + <label>Identificador:</label> | |
12 | + {{ form_widget(edit_form.identifier) }} | |
13 | + </div> | |
14 | + <div class="item-form"> | |
15 | + <label>Descrição da entidade:</label> | |
16 | + {{ form_widget(edit_form.description) }} | |
17 | + </div> | |
18 | + <div class="item-form"> | |
19 | + <button type="submit">Editar</button> | |
20 | + </div> | |
21 | + </div> | |
22 | + {{ form_rest(edit_form) }} | |
23 | + </form> | |
24 | + </center> | |
25 | + <ul class="record_actions"> | |
28 | 26 | <li> |
29 | 27 | <a href="{{ path('entity') }}"> |
30 | 28 | Voltar a lista |
... | ... | @@ -34,7 +32,7 @@ |
34 | 32 | <form action="{{ path('entity_delete', { 'id': entity.id }) }}" method="post"> |
35 | 33 | <input type="hidden" name="_method" value="DELETE" /> |
36 | 34 | {{ form_widget(delete_form) }} |
37 | - <button type="submit">Deletar</button> | |
35 | + <button type="submit" class="deletar">Deletar</button> | |
38 | 36 | </form> |
39 | 37 | </li> |
40 | 38 | </ul> | ... | ... |
Resources/views/Entity/index.html.twig
1 | 1 | {% extends 'CocarBundle::layout.html.twig' %} |
2 | 2 | |
3 | 3 | {% block main -%} |
4 | - <h2>Entidades cadastradas</h2> | |
4 | + <h2 class="general-title">Entidades cadastradas</h2> | |
5 | 5 | |
6 | 6 | <table class="records_list"> |
7 | 7 | <thead> |
... | ... | @@ -33,7 +33,7 @@ |
33 | 33 | </tbody> |
34 | 34 | </table> |
35 | 35 | |
36 | - <ul> | |
36 | + <ul class="button"> | |
37 | 37 | <li> |
38 | 38 | <a href="{{ path('entity_new') }}"> |
39 | 39 | Cadastrar uma nova entidade | ... | ... |
Resources/views/Entity/new.html.twig
1 | 1 | {% extends 'CocarBundle::layout.html.twig' %} |
2 | 2 | |
3 | 3 | {% block main -%} |
4 | - <style type="text/css"> | |
5 | - body | |
6 | - { | |
7 | - scrollbar-face-color: #FFFFFF; | |
8 | - scrollbar-shadow-color: #c0c0c0; | |
9 | - scrollbar-highlight-color: #FFFFFF; | |
10 | - scrollbar-3dlight-color: #c0c0c0; | |
11 | - scrollbar-darkshadow-color: #FFFFFF; | |
12 | - scrollbar-track-color: #ffffff; | |
13 | - scrollbar-arrow-color: #c0c0c0; | |
14 | - font-family: Verdana, Arial; | |
15 | - font-size: 10pt; | |
16 | - } | |
17 | - </style> | |
18 | - <center><h2>Cadastro de Entidades </h2></center> | |
4 | + <h2 class="general-title">Cadastro de Entidades</h2> | |
19 | 5 | <center> |
20 | 6 | <form action="{{ path('entity_create') }}" method="post" {{ form_enctype(form) }}> |
21 | - <table class="records_list" border=0 cellspacing=2 cellpadding=2> | |
7 | + <div class="records_list"> | |
8 | + {{ form_errors(form) }} | |
9 | + <div class="item-form"> | |
10 | + <label>Identificador:</label> | |
11 | + {{ form_widget(form.identifier) }} | |
12 | + </div> | |
13 | + <div class="item-form"> | |
14 | + <label>Descrição da entidade:</label> | |
15 | + {{ form_widget(form.description) }} | |
16 | + </div> | |
17 | + <div class="item-form"> | |
18 | + <button type="submit">Cadastrar</button> | |
19 | + </div> | |
20 | + </div> | |
21 | + | |
22 | + <!--<table class="records_list" border=0 cellspacing=2 cellpadding=2> | |
22 | 23 | <tr> |
23 | 24 | {{ form_errors(form) }} |
24 | 25 | <th> Identificador: </th> |
... | ... | @@ -33,7 +34,7 @@ |
33 | 34 | <button type="submit">Cadastrar</button> |
34 | 35 | </td> |
35 | 36 | </tr> |
36 | - </table> | |
37 | + </table>--> | |
37 | 38 | {{ form_rest(form) }} |
38 | 39 | </form> |
39 | 40 | </center> | ... | ... |
Resources/views/Entity/show.html.twig
1 | 1 | {% extends 'CocarBundle::layout.html.twig' %} |
2 | 2 | |
3 | 3 | {% block main -%} |
4 | - <h2>Entidade</h2> | |
4 | + <h2 class="general-title">Entidade</h2> | |
5 | 5 | |
6 | 6 | <table class="records_list"> |
7 | - <tbody> | |
7 | + <thead> | |
8 | 8 | <tr> |
9 | 9 | <th>Id</th> |
10 | - <td>{{ entity.id }}</td> | |
11 | - </tr> | |
12 | - <tr> | |
13 | 10 | <th>Identificador</th> |
14 | - <td>{{ entity.identifier }}</td> | |
11 | + <th>Descrição</th> | |
15 | 12 | </tr> |
13 | + </thead> | |
14 | + | |
15 | + <tbody> | |
16 | 16 | <tr> |
17 | - <th>Descrição</th> | |
17 | + <td>{{ entity.id }}</td> | |
18 | + <td>{{ entity.identifier }}</td> | |
18 | 19 | <td>{{ entity.description }}</td> |
19 | 20 | </tr> |
20 | 21 | </tbody> |
21 | 22 | </table> |
22 | 23 | |
23 | - <ul class="record_actions"> | |
24 | - <li> | |
25 | - <a href="{{ path('entity') }}"> | |
26 | - Lista de entidade | |
27 | - </a> | |
28 | - </li> | |
29 | - <li> | |
30 | - <a href="{{ path('entity_edit', { 'id': entity.id }) }}"> | |
31 | - Editar | |
32 | - </a> | |
33 | - </li> | |
34 | - <li> | |
35 | - <form action="{{ path('entity_delete', { 'id': entity.id }) }}" method="post"> | |
36 | - <input type="hidden" name="_method" value="DELETE" /> | |
37 | - {{ form_widget(delete_form) }} | |
38 | - <button type="submit">Deletar</button> | |
39 | - </form> | |
40 | - </li> | |
41 | -</ul> | |
24 | + <ul class="record_actions"> | |
25 | + <li> | |
26 | + <a href="{{ path('entity') }}"> | |
27 | + Lista de entidade | |
28 | + </a> | |
29 | + </li> | |
30 | + <li> | |
31 | + <a href="{{ path('entity_edit', { 'id': entity.id }) }}"> | |
32 | + Editar | |
33 | + </a> | |
34 | + </li> | |
35 | + <li> | |
36 | + <form action="{{ path('entity_delete', { 'id': entity.id }) }}" method="post"> | |
37 | + <input type="hidden" name="_method" value="DELETE" /> | |
38 | + {{ form_widget(delete_form) }} | |
39 | + <button type="submit" class="deletar">Deletar</button> | |
40 | + </form> | |
41 | + </li> | |
42 | + </ul> | |
42 | 43 | {% endblock %} | ... | ... |
Resources/views/Graph/graph.html.twig
... | ... | @@ -38,7 +38,7 @@ |
38 | 38 | <div id="form_choice"> |
39 | 39 | {{ form_widget(form.period) }} |
40 | 40 | </div> |
41 | - {{ form_widget(form.send) }} | |
41 | + <button type="submit">Enviar</button> | |
42 | 42 | {{ form_rest(form) }} |
43 | 43 | </form> |
44 | 44 | </td> |
... | ... | @@ -55,4 +55,4 @@ |
55 | 55 | {{ knp_pagination_render(img, "CocarBundle::pagination.html.twig") }} |
56 | 56 | </div> |
57 | 57 | {% endif %} |
58 | -{% endblock %} | |
59 | 58 | \ No newline at end of file |
59 | +{% endblock %} | ... | ... |
Resources/views/Graph/report.html.twig
... | ... | @@ -2,79 +2,81 @@ |
2 | 2 | |
3 | 3 | {% block main %} |
4 | 4 | |
5 | - <DIV ALIGN="left" style="margin-top:20px"> | |
6 | - <FONT FACE="Verdana" SIZE="" COLOR="#004000"> | |
7 | - <B>Rede de Acesso - Performance dos Circuitos</B> | |
8 | - </FONT> | |
9 | - </DIV> | |
5 | + <h2 class="general-title">Rede de Acesso - Performance dos Circuitos</h2> | |
10 | 6 | |
11 | - <table border="0" width="100%" cellpadding="5" CLASS="tdi" BGCOLOR="#FFCC99"> | |
12 | - <TR> | |
13 | - <TD> | |
14 | - <a title='Clique para Concentradoras com alto Tráfego! ' href=""> | |
15 | - {% image '@CocarBundle/Resources/public/images/high.jpg' %} | |
16 | - <img border="0" src="{{ asset_url }}"></a> | |
17 | - {% endimage %} | |
18 | - </a> | |
19 | - </TD> | |
20 | - <TD> | |
21 | - {% if circuit != null %} | |
22 | - <form action="{{ path('cocar_reportshow') }}" method="post" {{ form_enctype(form) }}> | |
23 | - {{ form_errors(form) }} | |
24 | - <select size='1' name='circuit' style="font-family: Verdana; font-size: 11px; background-color: #FAF8EB;"> | |
25 | - {% for cir in circuit %} | |
26 | - <option selected value='{{ cir.id }}'>{{ cir.description }}</option> | |
27 | - {% endfor %} | |
28 | - </select> | |
29 | - <div id="form_choice"> | |
30 | - {{ form_widget(form.type, {'attr': {'style': 'font-family: Verdana; font-size: 11px; background-color: #FAF8EB;'}}) }} | |
31 | - </div> | |
32 | - {{ form_widget(form.entity) }} | |
33 | - {{ form_widget(form.send) }} | |
34 | - {{ form_rest(form) }} | |
35 | - </form> | |
36 | - {% else %} | |
37 | - <h2>Atenção: Nenhum circuito encontrado!</h2> | |
38 | - {% endif %} | |
39 | - </TD> | |
40 | - {% if img is defined %} | |
41 | - <TD VALIGN='middle' ALIGN='center' WIDTH='50'><a href='' title=' Clique para verificar Tráfego! ' target='_blank'> | |
42 | - {% image '@CocarBundle/Resources/public/images/traf.jpg' %} | |
43 | - <img border="0" align="right" src="{{ asset_url }}" width='24' height='24'></a> | |
44 | - {% endimage %} | |
45 | - </a> | |
46 | - {% endif %} | |
47 | - </TABLE> | |
7 | + <a class="report-ico" title='Clique para Concentradoras com alto Tráfego! ' href=""> | |
8 | + {% image '@CocarBundle/Resources/public/images/ico2.png' %} | |
9 | + <img border="0" src="{{ asset_url }}" width='48' height='48'></a> | |
10 | + {% endimage %} | |
11 | + </a> | |
12 | + {% if img is defined %} | |
13 | + <a class="report-ico" href="#"> | |
14 | + {% image '@CocarBundle/Resources/public/images/ico1.png' %} | |
15 | + <img border="0" align="right" title=' Clique para verificar Tráfego! ' alt=' Clique para verificar Tráfego! ' src="{{ asset_url }}" width='48' height='48'></a> | |
16 | + {% endimage %} | |
17 | + </a> | |
18 | + {% endif %} | |
19 | + | |
20 | + <div class="clear"></div> | |
21 | + | |
22 | + {% if circuit != null %} | |
23 | + <div class="container_form"> | |
24 | + <form action="{{ path('cocar_reportshow') }}" method="post" {{ form_enctype(form) }}> | |
25 | + {{ form_errors(form) }} | |
26 | + <span id="form_choice"> | |
27 | + <select size='1' name='circuit'> | |
28 | + {% for cir in circuit %} | |
29 | + <option selected value='{{ cir.id }}'>{{ cir.description }}</option> | |
30 | + {% endfor %} | |
31 | + </select> | |
32 | + </span> | |
33 | + <span id="form_choice"> | |
34 | + {{ form_widget(form.type, {'attr': {'style': 'font-family: Verdana; font-size: 11px; background-color: none;'}}) }} | |
35 | + </span> | |
36 | + {{ form_widget(form.entity) }} | |
37 | + {{ form_rest(form) }} | |
38 | + <button type="submit">Enviar</button> | |
39 | + </form> | |
40 | + </div> | |
41 | + {% else %} | |
42 | + <h2>Atenção: Nenhum circuito encontrado!</h2> | |
43 | + {% endif %} | |
44 | + | |
48 | 45 | {% if img is defined %} |
49 | - <TABLE border="0" WIDTH="100%" cellspacing="0" CLASS="texto"> | |
50 | - <TR ALIGN="center" VALIGN="middle" BGCOLOR="#FFCC99"> | |
51 | - <TD align="center"> | |
52 | - {% if type is defined %} | |
53 | - <b><FONT size="4">{{ type }}</FONT></b></TD> | |
54 | - {% endif %} | |
55 | - <TD ALIGN="right"> | |
56 | - <a title=' Clique para Tabela referente ao gráfico! ' href=""> | |
57 | - {% image '@CocarBundle/Resources/public/images/help1.gif' %} | |
58 | - <img border="0" align="right" src="{{ asset_url }}" width='24' height='24'></a> | |
59 | - {% endimage %} | |
60 | - </a> | |
61 | - <a title=' Clique para Tabela referente ao gráfico! ' href=""> | |
62 | - {% image '@CocarBundle/Resources/public/images/tabela.jpg' %} | |
63 | - <img border="0" align="right" src="{{ asset_url }}" width='24' height='24'></a> | |
64 | - {% endimage %} | |
65 | - </a> | |
66 | - </TD> | |
67 | - </TR> | |
68 | - <TR> | |
69 | - <TD COLSPAN="4"></TD> | |
70 | - </TR> | |
71 | - <TR ALIGN="left"> | |
72 | - {% for image in img %} | |
73 | - <TD WIDTH="50%"> | |
74 | - <img src="{{ asset('rrd/graficos/') }}{{ image }}" width="550px"> | |
75 | - </TD> | |
76 | - {% endfor %} | |
77 | - </TR> | |
78 | - </TABLE> | |
46 | + <table class="records_list" border="0" cellspacing="2" cellpadding="2" align="center"> | |
47 | + <thead> | |
48 | + <tr align="center" valing="middle"> | |
49 | + <td align="center" valign="center"> | |
50 | + {% if type is defined %} | |
51 | + <h2 class="title-table">{{ type }}</h2> | |
52 | + {% endif %} | |
53 | + </td> | |
54 | + <td align="right"> | |
55 | + <a title=' Clique para Tabela referente ao gráfico! ' href=""> | |
56 | + {% image '@CocarBundle/Resources/public/images/help.png' %} | |
57 | + <img border="0" align="right" src="{{ asset_url }}" width='24' height='24'></a> | |
58 | + {% endimage %} | |
59 | + </a> | |
60 | + <a title=' Clique para Tabela referente ao gráfico! ' href=""> | |
61 | + {% image '@CocarBundle/Resources/public/images/table.png' %} | |
62 | + <img border="0" align="right" src="{{ asset_url }}" width='24' height='24'></a> | |
63 | + {% endimage %} | |
64 | + </a> | |
65 | + </td> | |
66 | + </tr> | |
67 | + </thead> | |
68 | + <tbody> | |
69 | + <tr> | |
70 | + <TD COLSPAN="4"></TD> | |
71 | + </tr> | |
72 | + <tr ALIGN="left"> | |
73 | + {% for image in img %} | |
74 | + <td width="100%"> | |
75 | + <img src="{{ asset('rrd/graficos/') }}{{ image }}" width="450px"> | |
76 | + </td> | |
77 | + {% endfor %} | |
78 | + </tr> | |
79 | + </tbody> | |
80 | + </table> | |
79 | 81 | {% endif %} |
80 | -{% endblock %} | |
81 | 82 | \ No newline at end of file |
83 | +{% endblock %} | ... | ... |
Resources/views/SnmpWeb/snmp.html.twig
... | ... | @@ -14,7 +14,7 @@ |
14 | 14 | {{ form_errors(form) }} |
15 | 15 | Host: {{ form_widget(form.host) }} |
16 | 16 | Community: {{ form_widget(form.community) }} |
17 | - {{ form_widget(form.send) }} | |
17 | + <button type="submit">Enviar</button> | |
18 | 18 | {{ form_rest(form) }} |
19 | 19 | </form> |
20 | 20 | </td> |
... | ... | @@ -26,4 +26,4 @@ |
26 | 26 | </tr> |
27 | 27 | </tbody> |
28 | 28 | </table> |
29 | -{% endblock %} | |
30 | 29 | \ No newline at end of file |
30 | +{% endblock %} | ... | ... |
Resources/views/base.html.twig
... | ... | @@ -6,6 +6,6 @@ |
6 | 6 | {% stylesheets filter='cssrewrite' |
7 | 7 | 'bundles/cocar/css/*' |
8 | 8 | %} |
9 | - <link rel="stylesheet" href="{{ asset_url }}" /> | |
9 | + <link rel="stylesheet" href="{{ asset_url }}" /> | |
10 | 10 | {% endstylesheets %} |
11 | -{% endblock %} | |
12 | 11 | \ No newline at end of file |
12 | +{% endblock %} | ... | ... |
Resources/views/layout.html.twig
1 | 1 | {% extends 'CocarBundle::base.html.twig' %} |
2 | 2 | |
3 | 3 | {% block body -%} |
4 | - <table border="0" width="100%" bgcolor="#CCCC99" cellspacing="0" cellpadding="0"> | |
4 | + | |
5 | + | |
6 | +<div class="main-container"> | |
7 | + <div class="menu"> | |
8 | + <ul> | |
9 | + <li> | |
10 | + <a href="{{ path('cocar_map') }}" target="_top" onmouseover="showHideLayers('descricao','Página Inicial','show')" onmouseout="showHideLayers('descricao','','hide')"> | |
11 | + <img border="0" src="{{asset('bundles/cocar/images/home.png')}}" align="middle"> | |
12 | + <span>Início</span> | |
13 | + </a> | |
14 | + </li> | |
15 | + <li> | |
16 | + <a href="{{ path('entity') }}" onmouseover="showHideLayers('descricao','Entidades','show')" onmouseout="showHideLayers('descricao','','hide')"> | |
17 | + <img border="0" src="{{asset('bundles/cocar/images/entidades.png')}}" align="middle"> | |
18 | + <span>Entidades</span> | |
19 | + </a> | |
20 | + </li> | |
21 | + <li> | |
22 | + <a href="{{ path('circuits') }}" onmouseover="showHideLayers('descricao','Circuitos','show')" onmouseout="showHideLayers('descricao','','hide')"> | |
23 | + <img border="0" src="{{asset('bundles/cocar/images/circuitos.png')}}" align="middle"> | |
24 | + <span>Circuitos</span> | |
25 | + </a> | |
26 | + </li> | |
27 | + <li> | |
28 | + <a href="{{ path('cocar_totalizer') }}" onmouseover="showHideLayers('descricao','Relatórios','show')" onmouseout="showHideLayers('descricao','','hide')"> | |
29 | + <img border="0" src="{{asset('bundles/cocar/images/relatorios.png')}}" align="middle"> | |
30 | + <span>Relatórios</span> | |
31 | + </a> | |
32 | + </li> | |
33 | + </ul> | |
34 | + </div> | |
35 | + | |
36 | + <div class="search-box"> | |
37 | + <form name='search' method='post' action='{{ path('cocar_map') }}'> | |
38 | + <input name='circuit' type='text' class='caixa' VALUE="Buscar por circuito" onfocus="this.value='';" /> | |
39 | + <input type='button' value="Buscar" onClick='' style='cursor:hand;margin-left:5px' /> | |
40 | + </form> | |
41 | + <!--<span>Digite o Nome da Unidade desejada.</span>--> | |
42 | + </div> | |
43 | + {% block search %}{% endblock %} | |
44 | +</div> | |
45 | + | |
46 | + <!--<table border="0" width="100%" bgcolor="#CCCC99" cellspacing="0" cellpadding="0"> | |
5 | 47 | <tr> |
6 | 48 | <td width="350" CLASS="sys"><b><i>COCAR: Controlador Centralizado do Ambiente de Rede</i></b></td> |
7 | 49 | <td align="right" height="22" width="30%"> |
... | ... | @@ -39,7 +81,7 @@ |
39 | 81 | </td> |
40 | 82 | <td align="right" class="menu"> |
41 | 83 | <B><font face="Verdana" color=#ffffff size="2"> | </font><B> |
42 | - <a HREF="{{ path('cocar_map') }}" target="_top" onmouseover="showHideLayers('descricao','Página Inicial','show')" onmouseout="showHideLayers('descricao','','hide')"> | |
84 | + <a href="{{ path('cocar_map') }}" target="_top" onmouseover="showHideLayers('descricao','Página Inicial','show')" onmouseout="showHideLayers('descricao','','hide')"> | |
43 | 85 | {% image '@CocarBundle/Resources/public/images/home.gif' %} |
44 | 86 | <img border="0" src="{{ asset_url }}" align="middle"></a> |
45 | 87 | {% endimage %} |
... | ... | @@ -71,56 +113,8 @@ |
71 | 113 | <B><font face="Verdana" color=#ffffff size="2"> | </font><B> |
72 | 114 | </td> |
73 | 115 | </tr> |
74 | - </table> | |
75 | - <div class="box"> | |
76 | - <table width='150' border='0' cellspacing='0' cellpadding='0'> | |
77 | - <tr> | |
78 | - {% image '@CocarBundle/Resources/public/images/boxverde_e.gif' %} | |
79 | - <td width='1' align='right'><img border='0' src='{{ asset_url }}' width='5' height='25'></td> | |
80 | - {% endimage %} | |
81 | - {% image '@CocarBundle/Resources/public/images/boxverde_m.gif' %} | |
82 | - <td background='{{ asset_url }}' align='center' valign='middle' CLASS='thtt'><b>Buscar</b></td> | |
83 | - {% endimage %} | |
84 | - {% image '@CocarBundle/Resources/public/images/boxverde_d.gif' %} | |
85 | - <td width='5'><img src='{{ asset_url }}' width='5' height='25'></td> | |
86 | - {% endimage %} | |
87 | - </tr> | |
88 | - </table> | |
89 | - | |
90 | - <table width='150' border='0' cellspacing='0' cellpadding='6' CLASS='laterais' bgcolor='#F3FAE9'> | |
91 | - <TR> | |
92 | - <TD> | |
93 | - <table width='100%' border='0' cellspacing='0' cellpadding='0'> | |
94 | - <form name='search' method='post' action='{{ path('cocar_map') }}'> | |
95 | - <tr> | |
96 | - <td ALIGN='center'> | |
97 | - <input name='circuit' type='text' class='caixa' MAXLENGTH='22' VALUE="Buscar por circuito" onfocus="this.value='';"> | |
98 | - </td> | |
99 | - <td align='left' margin-left=20px> | |
100 | - {% image '@CocarBundle/Resources/public/images/bt_ok.gif' %} | |
101 | - <input type='image' src='{{ asset_url }}' onClick='' style='cursor:hand;margin-left:5px'> | |
102 | - {% endimage %} | |
103 | - </td> | |
104 | - </tr> | |
105 | - </form> | |
106 | - </table> | |
107 | - </td> | |
108 | - </tr> | |
109 | - </table> | |
110 | - {% block search %}{% endblock %} | |
116 | + </table>--> | |
111 | 117 | |
112 | - <table width='140' border='0' cellspacing='0' cellpadding='0'> | |
113 | - <tr> | |
114 | - <td align='center' valign='middle'> | |
115 | - <p align='center'> | |
116 | - <font size='2' face='Verdana, Arial, Helvetica, sans-serif'> | |
117 | - <B>Digite o Nome da Unidade desejada.</B> | |
118 | - </font> | |
119 | - </p> | |
120 | - </td> | |
121 | - </tr> | |
122 | - </table> | |
123 | - </div> | |
124 | 118 | <div class="main"> |
125 | 119 | {% block main %}{% endblock %} |
126 | 120 | </div> | ... | ... |