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> | ... | ... |