Commit feba3add9d0bf50a9fe7f6c8a9b39b687478af82

Authored by Edmar Moretti
1 parent 982b9ecc

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 &quot;../init/head.php&quot;;
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&aacute;rios</li>
94 117 </ol>
95 118 </div>
96 119 </div>
... ... @@ -101,18 +124,28 @@ include &quot;../init/head.php&quot;;
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>&nbsp;{{{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 + &nbsp;<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>
... ...