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,6 +46,29 @@ include "../init/head.php"; | ||
46 | font-weight: 700; | 46 | font-weight: 700; |
47 | padding-left: 18px; | 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 | </style> | 72 | </style> |
50 | <script id="templateLinks" type="x-tmpl-mustache"> | 73 | <script id="templateLinks" type="x-tmpl-mustache"> |
51 | <div class="list-group-item"> | 74 | <div class="list-group-item"> |
@@ -90,7 +113,7 @@ include "../init/head.php"; | @@ -90,7 +113,7 @@ include "../init/head.php"; | ||
90 | <div class="row"> | 113 | <div class="row"> |
91 | <ol class="breadcrumb"> | 114 | <ol class="breadcrumb"> |
92 | <li><a href="../init/index.php">i3Geo</a></li> | 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 | </ol> | 117 | </ol> |
95 | </div> | 118 | </div> |
96 | </div> | 119 | </div> |
@@ -101,18 +124,28 @@ include "../init/head.php"; | @@ -101,18 +124,28 @@ include "../init/head.php"; | ||
101 | <div class="col-xs-9 center-block" id="botoesTpl" > | 124 | <div class="col-xs-9 center-block" id="botoesTpl" > |
102 | <div class="row" id="affix-{{ID_MAPA}}" > | 125 | <div class="row" id="affix-{{ID_MAPA}}" > |
103 | <div class="col-xs-12 center-block"> | 126 | <div class="col-xs-12 center-block"> |
127 | + | ||
128 | + <div id="titulo{{ID_MAPA}}" class="panel-group" role="tablist" aria-multiselectable="true"> | ||
104 | <div class="panel panel-default"> | 129 | <div class="panel panel-default"> |
105 | - <div class="panel-heading"> | 130 | + <div class="panel-heading" role="tab" > |
106 | <div class="thumbnail" style="float: left; height: 78px; width: 170px"> | 131 | <div class="thumbnail" style="float: left; height: 78px; width: 170px"> |
107 | <img class="img-rounded" style="height: 67px; width: 160px" src="{{{IMAGEM}}}" /> | 132 | <img class="img-rounded" style="height: 67px; width: 160px" src="{{{IMAGEM}}}" /> |
108 | </div> | 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 | </div> | 141 | </div> |
111 | <div class="clearfix"></div> | 142 | <div class="clearfix"></div> |
112 | <div class="panel-body"> | 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 | </div> | 145 | </div> |
115 | </div> | 146 | </div> |
147 | + </div> | ||
148 | + | ||
116 | </div> | 149 | </div> |
117 | </div> | 150 | </div> |
118 | </div> | 151 | </div> |