Definição de modelo para mostrar-esconder opções adicionais. Implementação desse…

… métoido na ferramenta de medir distâncias

Definição de modelo para mostrar-esconder opções adicionais. Implementação desse…
… métoido na ferramenta de medir distâncias
Edmar Moretti
1 parent 7328b64e
Showing 6 changed files with 44 additions and 26 deletions Show diff stats
css/i3geo7.css.php
ferramentas/area/template_mst.html
ferramentas/distancia/dicionario.js
ferramentas/distancia/index.js
ferramentas/distancia/template_mst.html
js/i3geo_tudo_compacto7.js.php
 <div class='container-fluid'>
-	<h5 class="alert alert-info">{{{inicia}}}</h5>
-	<div id="mostraarea_calculo"></div>
+	<div id="mostraarea_calculo"><h5 class="alert alert-info">{{{inicia}}}</h5></div>
 	<div id="mostraarea_calculo_parcial"></div>
 	<button onclick="i3GEO.mapa.dialogo.wkt2layer(i3GEOF.area.ultimoWkt, i3GEOF.area.ultimaMedida);" class='btn btn-primary btn-sm btn-raised'>{{{incorporar}}}</button>
 </div>
 \ No newline at end of file
@@ -10,4 +10,9 @@ i3GEOF.distancia.dicionario = {
 			en : "",
 			es : ""
 		}],
+		'inicia' : [{
+			pt : "Clique em diferentes pontos do mapa para tra&ccedil;ar uma linha",
+			en : "",
+			es : ""
+		}]
 };
@@ -35,7 +35,8 @@ i3GEOF.distancia =
 				return;
 			}
 			i3GEO.eventos.cliquePerm.desativa();
-			$i(iddiv).innerHTML += i3GEOF.distancia.html();
+			$i(iddiv).innerHTML = i3GEOF.distancia.html();
+			//$('.collapse').collapse();
 			i3GEOF.distancia[i3GEO.Interface["ATUAL"]].inicia();
 		},
 		perfil: function (){
 <div class='container-fluid'>
-	<div id="mostradistancia_calculo"></div>
+	<div id="mostradistancia_calculo">
+		<h5 class="alert alert-info">{{{inicia}}}</h5>
+	</div>
 	<div id="mostradistancia_calculo_movel"></div>
-	<div class="form-group condensed">
-		<div class="checkbox text-left" style="display:inline;">
-			<label>
-				<input checked id='pararraios' type="checkbox">
-				<span class="checkbox-material noprint">
-					<span class="check"></span>
-				</span>
-				Raios
-			</label>
-		</div>
+	<button onclick="i3GEO.mapa.dialogo.wkt2layer(i3GEOF.distancia.ultimoWkt, i3GEOF.distancia.ultimaMedida);" class='btn btn-primary btn-sm btn-raised'>{{{incorporar}}}</button>
+
+	<button onclick="$('#i3GEOFdistanciaExpande').collapse('toggle')" role="button" class="btn btn-default btn-xs">
+		<span class="text-primary readMore">
+			<i class="material-icons">keyboard_arrow_down</i>
+		</span>
+		<span class="text-primary readLess">
+			<i class="material-icons">keyboard_arrow_up</i>
+		</span>
+	</button>
  
-		<div class="checkbox text-left" style="display:inline;">
-			<label>
-				<input checked id='parartextos' type="checkbox">
-				<span class="checkbox-material noprint">
-					<span class="check"></span>
-				</span>
-				Textos
-			</label>
+	<div id="i3GEOFdistanciaExpande" class="collapse">
+		<div class="form-group condensed">
+			<div class="checkbox text-left" style="display: inline;">
+				<label>
+					<input checked id='pararraios' type="checkbox">
+					<span class="checkbox-material noprint">
+						<span class="check"></span>
+					</span>
+					Raios
+				</label>
+			</div>
+
+			<div class="checkbox text-left" style="display: inline;">
+				<label>
+					<input checked id='parartextos' type="checkbox">
+					<span class="checkbox-material noprint">
+						<span class="check"></span>
+					</span>
+					Textos
+				</label>
+			</div>
 		</div>
-		<div class='form-group label-fixed condensed' style="display:inline;">
+		<div class='form-group label-fixed condensed' style="display: inline;">
 			<label class="control-label" for="">Estilo</label>
 			<div class="input-group">{{{caixaDeEstilos}}}</div>
 		</div>
+		<button onclick="i3GEOF.distancia.perfil();" class='btn btn-primary btn-sm btn-raised'>{{{perfilDistancia}}}</button>
 	</div>
-	<button onclick="i3GEOF.distancia.perfil();" class='btn btn-primary btn-sm btn-raised'>{{{perfilDistancia}}}</button>
-	<button onclick="i3GEO.mapa.dialogo.wkt2layer(i3GEOF.distancia.ultimoWkt, i3GEOF.distancia.ultimaMedida);" class='btn btn-primary btn-sm btn-raised'>{{{incorporar}}}</button>
-
 </div>
 \ No newline at end of file
1	1	<div class='container-fluid'>
2		- <h5 class="alert alert-info">{{{inicia}}}</h5>
3		- <div id="mostraarea_calculo"></div>
	2	+ <div id="mostraarea_calculo"><h5 class="alert alert-info">{{{inicia}}}</h5></div>
4	3	<div id="mostraarea_calculo_parcial"></div>
5	4	<button onclick="i3GEO.mapa.dialogo.wkt2layer(i3GEOF.area.ultimoWkt, i3GEOF.area.ultimaMedida);" class='btn btn-primary btn-sm btn-raised'>{{{incorporar}}}</button>
6	5	</div>
7	6	\ No newline at end of file
...	...
...	...	@@ -10,4 +10,9 @@ i3GEOF.distancia.dicionario = {
10	10	en : "",
11	11	es : ""
12	12	}],
	13	+ 'inicia' : [{
	14	+ pt : "Clique em diferentes pontos do mapa para traçar uma linha",
	15	+ en : "",
	16	+ es : ""
	17	+ }]
13	18	};
...	...
...	...	@@ -35,7 +35,8 @@ i3GEOF.distancia =
35	35	return;
36	36	}
37	37	i3GEO.eventos.cliquePerm.desativa();
38		- $i(iddiv).innerHTML += i3GEOF.distancia.html();
	38	+ $i(iddiv).innerHTML = i3GEOF.distancia.html();
	39	+ //$('.collapse').collapse();
39	40	i3GEOF.distancia[i3GEO.Interface["ATUAL"]].inicia();
40	41	},
41	42	perfil: function (){
...	...
1	1	<div class='container-fluid'>
2		- <div id="mostradistancia_calculo"></div>
	2	+ <div id="mostradistancia_calculo">
	3	+ <h5 class="alert alert-info">{{{inicia}}}</h5>
	4	+ </div>
3	5	<div id="mostradistancia_calculo_movel"></div>
4		- <div class="form-group condensed">
5		- <div class="checkbox text-left" style="display:inline;">
6		- <label>
7		- <input checked id='pararraios' type="checkbox">
8		- <span class="checkbox-material noprint">
9		- <span class="check"></span>
10		- </span>
11		- Raios
12		- </label>
13		- </div>
	6	+ <button onclick="i3GEO.mapa.dialogo.wkt2layer(i3GEOF.distancia.ultimoWkt, i3GEOF.distancia.ultimaMedida);" class='btn btn-primary btn-sm btn-raised'>{{{incorporar}}}</button>
	7	+
	8	+ <button onclick="$('#i3GEOFdistanciaExpande').collapse('toggle')" role="button" class="btn btn-default btn-xs">
	9	+ <span class="text-primary readMore">
	10	+ <i class="material-icons">keyboard_arrow_down</i>
	11	+ </span>
	12	+ <span class="text-primary readLess">
	13	+ <i class="material-icons">keyboard_arrow_up</i>
	14	+ </span>
	15	+ </button>
14	16
15		- <div class="checkbox text-left" style="display:inline;">
16		- <label>
17		- <input checked id='parartextos' type="checkbox">
18		- <span class="checkbox-material noprint">
19		- <span class="check"></span>
20		- </span>
21		- Textos
22		- </label>
	17	+ <div id="i3GEOFdistanciaExpande" class="collapse">
	18	+ <div class="form-group condensed">
	19	+ <div class="checkbox text-left" style="display: inline;">
	20	+ <label>
	21	+ <input checked id='pararraios' type="checkbox">
	22	+ <span class="checkbox-material noprint">
	23	+ <span class="check"></span>
	24	+ </span>
	25	+ Raios
	26	+ </label>
	27	+ </div>
	28	+
	29	+ <div class="checkbox text-left" style="display: inline;">
	30	+ <label>
	31	+ <input checked id='parartextos' type="checkbox">
	32	+ <span class="checkbox-material noprint">
	33	+ <span class="check"></span>
	34	+ </span>
	35	+ Textos
	36	+ </label>
	37	+ </div>
23	38	</div>
24		- <div class='form-group label-fixed condensed' style="display:inline;">
	39	+ <div class='form-group label-fixed condensed' style="display: inline;">
25	40	<label class="control-label" for="">Estilo</label>
26	41	<div class="input-group">{{{caixaDeEstilos}}}</div>
27	42	</div>
	43	+ <button onclick="i3GEOF.distancia.perfil();" class='btn btn-primary btn-sm btn-raised'>{{{perfilDistancia}}}</button>
28	44	</div>
29		- <button onclick="i3GEOF.distancia.perfil();" class='btn btn-primary btn-sm btn-raised'>{{{perfilDistancia}}}</button>
30		- <button onclick="i3GEO.mapa.dialogo.wkt2layer(i3GEOF.distancia.ultimoWkt, i3GEOF.distancia.ultimaMedida);" class='btn btn-primary btn-sm btn-raised'>{{{incorporar}}}</button>
31		-
32	45	</div>
33	46	\ No newline at end of file
...	...