Commit feba3add9d0bf50a9fe7f6c8a9b39b687478af82
1 parent
982b9ecc
Exists in
master
and in
7 other branches
Conclusão da página com lista de mapas
Showing
1 changed file
with
37 additions
and
4 deletions
Show diff stats
mapas/index.php
| ... | ... | @@ -46,6 +46,29 @@ include "../init/head.php"; |
| 46 | 46 | font-weight: 700; |
| 47 | 47 | padding-left: 18px; |
| 48 | 48 | } |
| 49 | + | |
| 50 | +.panel-heading [data-toggle="collapse"]:after { | |
| 51 | + font-family: 'FontAwesome'; | |
| 52 | + content: "\f054"; | |
| 53 | + float: right; | |
| 54 | + margin-right: 5px; | |
| 55 | + color: #fffff; | |
| 56 | + font-size: 12px; | |
| 57 | + line-height: 16px; | |
| 58 | + -webkit-transform: rotate(-90deg); | |
| 59 | + -moz-transform: rotate(-90deg); | |
| 60 | + -ms-transform: rotate(-90deg); | |
| 61 | + -o-transform: rotate(-90deg); | |
| 62 | + transform: rotate(-90deg); | |
| 63 | +} | |
| 64 | + | |
| 65 | +.panel-heading [data-toggle="collapse"].collapsed:after { | |
| 66 | + -webkit-transform: rotate(90deg); | |
| 67 | + -moz-transform: rotate(90deg); | |
| 68 | + -ms-transform: rotate(90deg); | |
| 69 | + -o-transform: rotate(90deg); | |
| 70 | + transform: rotate(90deg); | |
| 71 | +} | |
| 49 | 72 | </style> |
| 50 | 73 | <script id="templateLinks" type="x-tmpl-mustache"> |
| 51 | 74 | <div class="list-group-item"> |
| ... | ... | @@ -90,7 +113,7 @@ include "../init/head.php"; |
| 90 | 113 | <div class="row"> |
| 91 | 114 | <ol class="breadcrumb"> |
| 92 | 115 | <li><a href="../init/index.php">i3Geo</a></li> |
| 93 | - <li class="active">Mapas de usuários</li> | |
| 116 | + <li class="active">Mapas de usuários</li> | |
| 94 | 117 | </ol> |
| 95 | 118 | </div> |
| 96 | 119 | </div> |
| ... | ... | @@ -101,18 +124,28 @@ include "../init/head.php"; |
| 101 | 124 | <div class="col-xs-9 center-block" id="botoesTpl" > |
| 102 | 125 | <div class="row" id="affix-{{ID_MAPA}}" > |
| 103 | 126 | <div class="col-xs-12 center-block"> |
| 127 | + | |
| 128 | + <div id="titulo{{ID_MAPA}}" class="panel-group" role="tablist" aria-multiselectable="true"> | |
| 104 | 129 | <div class="panel panel-default"> |
| 105 | - <div class="panel-heading"> | |
| 130 | + <div class="panel-heading" role="tab" > | |
| 106 | 131 | <div class="thumbnail" style="float: left; height: 78px; width: 170px"> |
| 107 | 132 | <img class="img-rounded" style="height: 67px; width: 160px" src="{{{IMAGEM}}}" /> |
| 108 | 133 | </div> |
| 109 | - <h3> {{{NOME}}}</h3> | |
| 134 | + <h3 class="panel-title"> | |
| 135 | + <a data-parent="#titulo{{ID_MAPA}}" class="collapsed in" role="button" data-toggle="collapse" href="#corpo{{ID_MAPA}}" aria-expanded="false" aria-controls="#corpo{{ID_MAPA}}"> | |
| 136 | + </a> | |
| 137 | + </h3> | |
| 138 | + <h3> | |
| 139 | + <a href="{{{LINK}}}">{{{NOME}}}</a> | |
| 140 | + </h3> | |
| 110 | 141 | </div> |
| 111 | 142 | <div class="clearfix"></div> |
| 112 | 143 | <div class="panel-body"> |
| 113 | - <div class="list-group">{{{subtitulo}}}</div> | |
| 144 | + <div id="corpo{{ID_MAPA}}" class="panel-collapse collapse list-group" role="tabpanel" aria-multiselectable="true">{{{subtitulo}}}</div> | |
| 114 | 145 | </div> |
| 115 | 146 | </div> |
| 147 | + </div> | |
| 148 | + | |
| 116 | 149 | </div> |
| 117 | 150 | </div> |
| 118 | 151 | </div> | ... | ... |