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