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,7 +116,6 @@ class GraphController extends Controller | ||
| 116 | ), | 116 | ), |
| 117 | 'required' => true, | 117 | 'required' => true, |
| 118 | )) | 118 | )) |
| 119 | - ->add('send', 'submit', array('label' => 'Enviar' )) | ||
| 120 | ->getForm(); | 119 | ->getForm(); |
| 121 | } | 120 | } |
| 122 | 121 | ||
| @@ -921,7 +920,6 @@ class GraphController extends Controller | @@ -921,7 +920,6 @@ class GraphController extends Controller | ||
| 921 | ->add('entity', 'hidden', array( | 920 | ->add('entity', 'hidden', array( |
| 922 | 'data' => $id | 921 | 'data' => $id |
| 923 | )) | 922 | )) |
| 924 | - ->add('send', 'submit', array('label' => 'Enviar' )) | ||
| 925 | ->getForm(); | 923 | ->getForm(); |
| 926 | } | 924 | } |
| 927 | 925 |
Controller/SnmpWebController.php
| @@ -68,7 +68,6 @@ class SnmpWebController extends Controller | @@ -68,7 +68,6 @@ class SnmpWebController extends Controller | ||
| 68 | return $this->createFormBuilder() | 68 | return $this->createFormBuilder() |
| 69 | ->add('host', 'text') | 69 | ->add('host', 'text') |
| 70 | ->add('community', 'text') | 70 | ->add('community', 'text') |
| 71 | - ->add('send', 'submit', array('label' => 'Enviar' )) | ||
| 72 | ->getForm(); | 71 | ->getForm(); |
| 73 | } | 72 | } |
| 74 | } | 73 | } |
README.md
| @@ -23,6 +23,7 @@ Instalação: | @@ -23,6 +23,7 @@ Instalação: | ||
| 23 | "require": { | 23 | "require": { |
| 24 | //... | 24 | //... |
| 25 | "jpgraph/jpgraph": "dev-master", | 25 | "jpgraph/jpgraph": "dev-master", |
| 26 | + "symfony/class-loader": "2.2.*", | ||
| 26 | "incenteev/composer-parameter-handler": "~2.0", | 27 | "incenteev/composer-parameter-handler": "~2.0", |
| 27 | "friendsofsymfony/rest-bundle": "dev-master", | 28 | "friendsofsymfony/rest-bundle": "dev-master", |
| 28 | "jms/serializer": "0.14.*@dev", | 29 | "jms/serializer": "0.14.*@dev", |
| @@ -46,7 +47,6 @@ Instalação: | @@ -46,7 +47,6 @@ Instalação: | ||
| 46 | { | 47 | { |
| 47 | $bundles = array( | 48 | $bundles = array( |
| 48 | //... | 49 | //... |
| 49 | - new Knp\Bundle\PaginatorBundle\KnpPaginatorBundle(), | ||
| 50 | new Swpb\Bundle\CocarBundle\CocarBundle() | 50 | new Swpb\Bundle\CocarBundle\CocarBundle() |
| 51 | ); | 51 | ); |
| 52 | } | 52 | } |
| @@ -71,7 +71,7 @@ Instalação: | @@ -71,7 +71,7 @@ Instalação: | ||
| 71 | assetic: | 71 | assetic: |
| 72 | debug: "%kernel.debug%" | 72 | debug: "%kernel.debug%" |
| 73 | use_controller: false | 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,7 +85,7 @@ Depois rode os comandos abaixo | ||
| 85 | 85 | ||
| 86 | Atenção: Verifique os caminhos existentes em "schedules.txt" antes de adicioná-lo ao cron. | 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 | Configuração: | 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 | \ No newline at end of file | 433 | \ No newline at end of file |
Resources/views/Circuits/edit.html.twig
| 1 | {% extends 'CocarBundle::layout.html.twig' %} | 1 | {% extends 'CocarBundle::layout.html.twig' %} |
| 2 | 2 | ||
| 3 | {% block main -%} | 3 | {% block main -%} |
| 4 | - <h2>{{ entity.description }}</h2> | ||
| 5 | - | 4 | + <h2 class="general-title">{{ entity.description }}</h2> |
| 5 | + <center> | ||
| 6 | <form action="{{ path('circuits_update', { 'id': entity.id }) }}" method="post" {{ form_enctype(edit_form) }}> | 6 | <form action="{{ path('circuits_update', { 'id': entity.id }) }}" method="post" {{ form_enctype(edit_form) }}> |
| 7 | <input type="hidden" name="_method" value="PUT" /> | 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 | <tr> | 9 | <tr> |
| 10 | {{ form_errors(edit_form) }} | 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 | </tr> | 14 | </tr> |
| 15 | <tr> | 15 | <tr> |
| 16 | <th> Descrição do circuito: </th> | 16 | <th> Descrição do circuito: </th> |
| @@ -84,14 +84,11 @@ | @@ -84,14 +84,11 @@ | ||
| 84 | <th> IP da serial do roteador da ponta: </th> | 84 | <th> IP da serial do roteador da ponta: </th> |
| 85 | <td> {{ form_widget(edit_form.ipSerialRouterTip) }} </td> | 85 | <td> {{ form_widget(edit_form.ipSerialRouterTip) }} </td> |
| 86 | </tr> | 86 | </tr> |
| 87 | - <tr> | ||
| 88 | - <td colspan="2" align="center"> | ||
| 89 | - <button type="submit">Editar</button> | ||
| 90 | - </td> | ||
| 91 | - </tr> | ||
| 92 | </table> | 87 | </table> |
| 88 | + <button type="submit">Editar</button> | ||
| 93 | {{ form_widget(edit_form._token) }} | 89 | {{ form_widget(edit_form._token) }} |
| 94 | </form> | 90 | </form> |
| 91 | + </center> | ||
| 95 | 92 | ||
| 96 | <ul class="record_actions"> | 93 | <ul class="record_actions"> |
| 97 | <li> | 94 | <li> |
| @@ -103,7 +100,7 @@ | @@ -103,7 +100,7 @@ | ||
| 103 | <form action="{{ path('circuits_delete', { 'id': entity.id }) }}" method="post"> | 100 | <form action="{{ path('circuits_delete', { 'id': entity.id }) }}" method="post"> |
| 104 | <input type="hidden" name="_method" value="DELETE" /> | 101 | <input type="hidden" name="_method" value="DELETE" /> |
| 105 | {{ form_widget(delete_form) }} | 102 | {{ form_widget(delete_form) }} |
| 106 | - <button type="submit">Deletar</button> | 103 | + <button type="submit" class="deletar">Deletar</button> |
| 107 | </form> | 104 | </form> |
| 108 | </li> | 105 | </li> |
| 109 | </ul> | 106 | </ul> |
Resources/views/Circuits/index.html.twig
| 1 | {% extends 'CocarBundle::layout.html.twig' %} | 1 | {% extends 'CocarBundle::layout.html.twig' %} |
| 2 | 2 | ||
| 3 | {% block main -%} | 3 | {% block main -%} |
| 4 | - <h2>Circuitos cadastrados</h2> | 4 | + <h2 class="general-title">Circuitos cadastrados</h2> |
| 5 | 5 | ||
| 6 | <table class="records_list"> | 6 | <table class="records_list"> |
| 7 | <thead> | 7 | <thead> |
| @@ -37,7 +37,7 @@ | @@ -37,7 +37,7 @@ | ||
| 37 | </tbody> | 37 | </tbody> |
| 38 | </table> | 38 | </table> |
| 39 | 39 | ||
| 40 | - <ul> | 40 | + <ul class="button"> |
| 41 | <li> | 41 | <li> |
| 42 | <a href="{{ path('circuits_new') }}"> | 42 | <a href="{{ path('circuits_new') }}"> |
| 43 | Cadastrar um novo circuito | 43 | Cadastrar um novo circuito |
Resources/views/Circuits/new.html.twig
| 1 | {% extends 'CocarBundle::layout.html.twig' %} | 1 | {% extends 'CocarBundle::layout.html.twig' %} |
| 2 | 2 | ||
| 3 | {% block main -%} | 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 | <center> | 5 | <center> |
| 20 | - <p> | 6 | + <p class="description"> |
| 21 | 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> | 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 | </p> | 8 | </p> |
| 23 | <form action="{{ path('circuits_create') }}" method="post" {{ form_enctype(form) }}> | 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 | <tr> | 11 | <tr> |
| 26 | {{ form_errors(form) }} | 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 | </tr> | 16 | </tr> |
| 31 | <tr> | 17 | <tr> |
| 32 | <th> Descrição do circuito: </th> | 18 | <th> Descrição do circuito: </th> |
| @@ -100,12 +86,8 @@ | @@ -100,12 +86,8 @@ | ||
| 100 | <th> IP da serial do roteador da ponta: </th> | 86 | <th> IP da serial do roteador da ponta: </th> |
| 101 | <td> {{ form_widget(form.ipSerialRouterTip) }} </td> | 87 | <td> {{ form_widget(form.ipSerialRouterTip) }} </td> |
| 102 | </tr> | 88 | </tr> |
| 103 | - <tr> | ||
| 104 | - <td colspan="2" align="center"> | ||
| 105 | - <button type="submit">Cadastrar</button> | ||
| 106 | - </td> | ||
| 107 | - </tr> | ||
| 108 | </table> | 89 | </table> |
| 90 | + <button type="submit">Cadastrar</button> | ||
| 109 | {{ form_widget(form._token) }} | 91 | {{ form_widget(form._token) }} |
| 110 | </form> | 92 | </form> |
| 111 | {% image '@CocarBundle/Resources/public/images/help_circuit.jpg' %} | 93 | {% image '@CocarBundle/Resources/public/images/help_circuit.jpg' %} |
Resources/views/Circuits/show.html.twig
| 1 | {% extends 'CocarBundle::layout.html.twig' %} | 1 | {% extends 'CocarBundle::layout.html.twig' %} |
| 2 | 2 | ||
| 3 | {% block main -%} | 3 | {% block main -%} |
| 4 | - <h1>Circuitos</h1> | 4 | + <h1 class="general-title">Circuitos</h1> |
| 5 | 5 | ||
| 6 | <table class="records_list"> | 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 | <tr> | 14 | <tr> |
| 9 | <th>Id</th> | 15 | <th>Id</th> |
| 10 | <td>{{ entity.id }}</td> | 16 | <td>{{ entity.id }}</td> |
| @@ -99,7 +105,7 @@ | @@ -99,7 +105,7 @@ | ||
| 99 | <form action="{{ path('circuits_delete', { 'id': entity.id }) }}" method="post"> | 105 | <form action="{{ path('circuits_delete', { 'id': entity.id }) }}" method="post"> |
| 100 | <input type="hidden" name="_method" value="DELETE" /> | 106 | <input type="hidden" name="_method" value="DELETE" /> |
| 101 | {{ form_widget(delete_form) }} | 107 | {{ form_widget(delete_form) }} |
| 102 | - <button type="submit">Deletar</button> | 108 | + <button type="submit" class="deletar">Deletar</button> |
| 103 | </form> | 109 | </form> |
| 104 | </li> | 110 | </li> |
| 105 | </ul> | 111 | </ul> |
Resources/views/Default/map.html.twig
| @@ -2,111 +2,81 @@ | @@ -2,111 +2,81 @@ | ||
| 2 | 2 | ||
| 3 | {% block search %} | 3 | {% block search %} |
| 4 | {% if search_result is defined %} | 4 | {% if search_result is defined %} |
| 5 | + <ul class="container-results"> | ||
| 5 | {% for result in search_result %} | 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 | {% endfor %} | 17 | {% endfor %} |
| 18 | + </ul> | ||
| 19 | + | ||
| 38 | {% if search_result == null and search == true %} | 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 | {% endif %} | 24 | {% endif %} |
| 43 | {% endif %} | 25 | {% endif %} |
| 44 | {% endblock %} | 26 | {% endblock %} |
| 45 | 27 | ||
| 46 | {% block main %} | 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 | {% endblock %} | 82 | {% endblock %} |
| 113 | \ No newline at end of file | 83 | \ No newline at end of file |
Resources/views/Default/totalizer.html.twig
| @@ -2,16 +2,18 @@ | @@ -2,16 +2,18 @@ | ||
| 2 | 2 | ||
| 3 | {% block main %} | 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 | <table width='550' cellspacing='2' cellpadding='1' CLASS='records_list' ALIGN="center"> | 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 | {% if circuits is defined %} | 17 | {% if circuits is defined %} |
| 16 | {% set total, t, high, without, rly = 0, 0, 0, 0, 0 %} | 18 | {% set total, t, high, without, rly = 0, 0, 0, 0, 0 %} |
| 17 | {% for key, cir in circuits %} | 19 | {% for key, cir in circuits %} |
| @@ -33,7 +35,7 @@ | @@ -33,7 +35,7 @@ | ||
| 33 | <th>{{ high }}</th> | 35 | <th>{{ high }}</th> |
| 34 | <th>{{ without }}</th> | 36 | <th>{{ without }}</th> |
| 35 | <th>{{ rly }}</th> | 37 | <th>{{ rly }}</th> |
| 36 | - <th ALIGN='right'>{{ t }}/{{ total }}</th> | 38 | + <th ALIGN='center'>{{ t }}/{{ total }}</th> |
| 37 | </TR> | 39 | </TR> |
| 38 | </table> | 40 | </table> |
| 39 | 41 |
Resources/views/Entity/edit.html.twig
| 1 | {% extends 'CocarBundle::layout.html.twig' %} | 1 | {% extends 'CocarBundle::layout.html.twig' %} |
| 2 | 2 | ||
| 3 | {% block main -%} | 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 | {{ form_errors(edit_form) }} | 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 | <li> | 26 | <li> |
| 29 | <a href="{{ path('entity') }}"> | 27 | <a href="{{ path('entity') }}"> |
| 30 | Voltar a lista | 28 | Voltar a lista |
| @@ -34,7 +32,7 @@ | @@ -34,7 +32,7 @@ | ||
| 34 | <form action="{{ path('entity_delete', { 'id': entity.id }) }}" method="post"> | 32 | <form action="{{ path('entity_delete', { 'id': entity.id }) }}" method="post"> |
| 35 | <input type="hidden" name="_method" value="DELETE" /> | 33 | <input type="hidden" name="_method" value="DELETE" /> |
| 36 | {{ form_widget(delete_form) }} | 34 | {{ form_widget(delete_form) }} |
| 37 | - <button type="submit">Deletar</button> | 35 | + <button type="submit" class="deletar">Deletar</button> |
| 38 | </form> | 36 | </form> |
| 39 | </li> | 37 | </li> |
| 40 | </ul> | 38 | </ul> |
Resources/views/Entity/index.html.twig
| 1 | {% extends 'CocarBundle::layout.html.twig' %} | 1 | {% extends 'CocarBundle::layout.html.twig' %} |
| 2 | 2 | ||
| 3 | {% block main -%} | 3 | {% block main -%} |
| 4 | - <h2>Entidades cadastradas</h2> | 4 | + <h2 class="general-title">Entidades cadastradas</h2> |
| 5 | 5 | ||
| 6 | <table class="records_list"> | 6 | <table class="records_list"> |
| 7 | <thead> | 7 | <thead> |
| @@ -33,7 +33,7 @@ | @@ -33,7 +33,7 @@ | ||
| 33 | </tbody> | 33 | </tbody> |
| 34 | </table> | 34 | </table> |
| 35 | 35 | ||
| 36 | - <ul> | 36 | + <ul class="button"> |
| 37 | <li> | 37 | <li> |
| 38 | <a href="{{ path('entity_new') }}"> | 38 | <a href="{{ path('entity_new') }}"> |
| 39 | Cadastrar uma nova entidade | 39 | Cadastrar uma nova entidade |
Resources/views/Entity/new.html.twig
| 1 | {% extends 'CocarBundle::layout.html.twig' %} | 1 | {% extends 'CocarBundle::layout.html.twig' %} |
| 2 | 2 | ||
| 3 | {% block main -%} | 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 | <center> | 5 | <center> |
| 20 | <form action="{{ path('entity_create') }}" method="post" {{ form_enctype(form) }}> | 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 | <tr> | 23 | <tr> |
| 23 | {{ form_errors(form) }} | 24 | {{ form_errors(form) }} |
| 24 | <th> Identificador: </th> | 25 | <th> Identificador: </th> |
| @@ -33,7 +34,7 @@ | @@ -33,7 +34,7 @@ | ||
| 33 | <button type="submit">Cadastrar</button> | 34 | <button type="submit">Cadastrar</button> |
| 34 | </td> | 35 | </td> |
| 35 | </tr> | 36 | </tr> |
| 36 | - </table> | 37 | + </table>--> |
| 37 | {{ form_rest(form) }} | 38 | {{ form_rest(form) }} |
| 38 | </form> | 39 | </form> |
| 39 | </center> | 40 | </center> |
Resources/views/Entity/show.html.twig
| 1 | {% extends 'CocarBundle::layout.html.twig' %} | 1 | {% extends 'CocarBundle::layout.html.twig' %} |
| 2 | 2 | ||
| 3 | {% block main -%} | 3 | {% block main -%} |
| 4 | - <h2>Entidade</h2> | 4 | + <h2 class="general-title">Entidade</h2> |
| 5 | 5 | ||
| 6 | <table class="records_list"> | 6 | <table class="records_list"> |
| 7 | - <tbody> | 7 | + <thead> |
| 8 | <tr> | 8 | <tr> |
| 9 | <th>Id</th> | 9 | <th>Id</th> |
| 10 | - <td>{{ entity.id }}</td> | ||
| 11 | - </tr> | ||
| 12 | - <tr> | ||
| 13 | <th>Identificador</th> | 10 | <th>Identificador</th> |
| 14 | - <td>{{ entity.identifier }}</td> | 11 | + <th>Descrição</th> |
| 15 | </tr> | 12 | </tr> |
| 13 | + </thead> | ||
| 14 | + | ||
| 15 | + <tbody> | ||
| 16 | <tr> | 16 | <tr> |
| 17 | - <th>Descrição</th> | 17 | + <td>{{ entity.id }}</td> |
| 18 | + <td>{{ entity.identifier }}</td> | ||
| 18 | <td>{{ entity.description }}</td> | 19 | <td>{{ entity.description }}</td> |
| 19 | </tr> | 20 | </tr> |
| 20 | </tbody> | 21 | </tbody> |
| 21 | </table> | 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 | {% endblock %} | 43 | {% endblock %} |
Resources/views/Graph/graph.html.twig
| @@ -38,7 +38,7 @@ | @@ -38,7 +38,7 @@ | ||
| 38 | <div id="form_choice"> | 38 | <div id="form_choice"> |
| 39 | {{ form_widget(form.period) }} | 39 | {{ form_widget(form.period) }} |
| 40 | </div> | 40 | </div> |
| 41 | - {{ form_widget(form.send) }} | 41 | + <button type="submit">Enviar</button> |
| 42 | {{ form_rest(form) }} | 42 | {{ form_rest(form) }} |
| 43 | </form> | 43 | </form> |
| 44 | </td> | 44 | </td> |
| @@ -55,4 +55,4 @@ | @@ -55,4 +55,4 @@ | ||
| 55 | {{ knp_pagination_render(img, "CocarBundle::pagination.html.twig") }} | 55 | {{ knp_pagination_render(img, "CocarBundle::pagination.html.twig") }} |
| 56 | </div> | 56 | </div> |
| 57 | {% endif %} | 57 | {% endif %} |
| 58 | -{% endblock %} | ||
| 59 | \ No newline at end of file | 58 | \ No newline at end of file |
| 59 | +{% endblock %} |
Resources/views/Graph/report.html.twig
| @@ -2,79 +2,81 @@ | @@ -2,79 +2,81 @@ | ||
| 2 | 2 | ||
| 3 | {% block main %} | 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 | {% if img is defined %} | 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 | {% endif %} | 81 | {% endif %} |
| 80 | -{% endblock %} | ||
| 81 | \ No newline at end of file | 82 | \ No newline at end of file |
| 83 | +{% endblock %} |
Resources/views/SnmpWeb/snmp.html.twig
| @@ -14,7 +14,7 @@ | @@ -14,7 +14,7 @@ | ||
| 14 | {{ form_errors(form) }} | 14 | {{ form_errors(form) }} |
| 15 | Host: {{ form_widget(form.host) }} | 15 | Host: {{ form_widget(form.host) }} |
| 16 | Community: {{ form_widget(form.community) }} | 16 | Community: {{ form_widget(form.community) }} |
| 17 | - {{ form_widget(form.send) }} | 17 | + <button type="submit">Enviar</button> |
| 18 | {{ form_rest(form) }} | 18 | {{ form_rest(form) }} |
| 19 | </form> | 19 | </form> |
| 20 | </td> | 20 | </td> |
| @@ -26,4 +26,4 @@ | @@ -26,4 +26,4 @@ | ||
| 26 | </tr> | 26 | </tr> |
| 27 | </tbody> | 27 | </tbody> |
| 28 | </table> | 28 | </table> |
| 29 | -{% endblock %} | ||
| 30 | \ No newline at end of file | 29 | \ No newline at end of file |
| 30 | +{% endblock %} |
Resources/views/base.html.twig
| @@ -6,6 +6,6 @@ | @@ -6,6 +6,6 @@ | ||
| 6 | {% stylesheets filter='cssrewrite' | 6 | {% stylesheets filter='cssrewrite' |
| 7 | 'bundles/cocar/css/*' | 7 | 'bundles/cocar/css/*' |
| 8 | %} | 8 | %} |
| 9 | - <link rel="stylesheet" href="{{ asset_url }}" /> | 9 | + <link rel="stylesheet" href="{{ asset_url }}" /> |
| 10 | {% endstylesheets %} | 10 | {% endstylesheets %} |
| 11 | -{% endblock %} | ||
| 12 | \ No newline at end of file | 11 | \ No newline at end of file |
| 12 | +{% endblock %} |
Resources/views/layout.html.twig
| 1 | {% extends 'CocarBundle::base.html.twig' %} | 1 | {% extends 'CocarBundle::base.html.twig' %} |
| 2 | 2 | ||
| 3 | {% block body -%} | 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 | <tr> | 47 | <tr> |
| 6 | <td width="350" CLASS="sys"><b><i>COCAR: Controlador Centralizado do Ambiente de Rede</i></b></td> | 48 | <td width="350" CLASS="sys"><b><i>COCAR: Controlador Centralizado do Ambiente de Rede</i></b></td> |
| 7 | <td align="right" height="22" width="30%"> | 49 | <td align="right" height="22" width="30%"> |
| @@ -39,7 +81,7 @@ | @@ -39,7 +81,7 @@ | ||
| 39 | </td> | 81 | </td> |
| 40 | <td align="right" class="menu"> | 82 | <td align="right" class="menu"> |
| 41 | <B><font face="Verdana" color=#ffffff size="2"> | </font><B> | 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 | {% image '@CocarBundle/Resources/public/images/home.gif' %} | 85 | {% image '@CocarBundle/Resources/public/images/home.gif' %} |
| 44 | <img border="0" src="{{ asset_url }}" align="middle"></a> | 86 | <img border="0" src="{{ asset_url }}" align="middle"></a> |
| 45 | {% endimage %} | 87 | {% endimage %} |
| @@ -71,56 +113,8 @@ | @@ -71,56 +113,8 @@ | ||
| 71 | <B><font face="Verdana" color=#ffffff size="2"> | </font><B> | 113 | <B><font face="Verdana" color=#ffffff size="2"> | </font><B> |
| 72 | </td> | 114 | </td> |
| 73 | </tr> | 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 | <div class="main"> | 118 | <div class="main"> |
| 125 | {% block main %}{% endblock %} | 119 | {% block main %}{% endblock %} |
| 126 | </div> | 120 | </div> |