nc-gpxedit/templates/gpxcontent.php

256 lines
9.2 KiB
PHP
Raw Normal View History

2016-11-30 19:00:03 +00:00
<div id="sidebar" class="sidebar">
<!-- Nav tabs -->
<ul class="sidebar-tabs" role="tablist">
2016-12-14 18:15:40 +00:00
<li class="active" title="<?php p($l->t('Load and save files')); ?>"><a href="#ho" role="tab"><i class="fa fa-bars"></i></a></li>
2017-05-02 17:13:52 +00:00
<li title="<?php p($l->t('Options')); ?>"><a href="#gpxeditsettings" role="tab"><i class="fa fa-gear"></i></a></li>
2016-11-30 19:00:03 +00:00
<li title="<?php p($l->t('About GpxEdit')); ?>"><a href="#help" role="tab"><i class="fa fa-question"></i></a></li>
</ul>
<!-- Tab panes -->
<div class="sidebar-content active">
<div class="sidebar-pane active" id="ho">
2017-05-04 22:15:53 +00:00
<div id="loaddiv">
<div id="logofolder">
<div id="logo">
<!--p align="center"><img src="gpxedit.png"/></p-->
<div>
<p id="versionnumber">v
<?php
p($_['gpxedit_version']);
?>
</p>
</div>
2016-11-30 19:00:03 +00:00
</div>
</div>
2017-05-04 22:05:47 +00:00
<button id="loadButton"><i class="fa fa-file-o"></i> <?php p($l->t('Load file'));?></button>
<button id="loadFolderButton"><i class="fa fa-folder-open-o"></i> <?php p($l->t('Load directory'));?></button>
<select id="loadtypeselect">
<option value="all"><?php p($l->t('all files'));?></option>
2017-05-04 22:05:47 +00:00
<option value=".jpg">jpg</option>
<option value=".gpx">gpx</option>
<option value=".kml">kml</option>
<option value=".csv">csv</option>
</select>
</div>
<div style="clear:both"></div>
2016-12-01 18:38:50 +00:00
<hr/>
<h2 id="savetitle"><?php p($l->t('Save'));?></h2>
<div>
<label id="saveNameLabel"><?php p($l->t('File name'));?> :</label><br/>
<input id="saveName" type="text"></input>
</div>
2016-11-30 19:00:03 +00:00
<div style="clear:both"></div>
<label><?php p($l->t('Description (optional)'));?> :</label><br/>
<textarea id="desctext"></textarea>
<button id="saveButton"><i class="fa fa-save"></i> <?php p($l->t('Choose directory and save'));?></button>
<div style="clear:both"></div>
2016-11-30 19:00:03 +00:00
<hr/>
2016-12-14 18:15:40 +00:00
<button id="clearButton"><i class="fa fa-bomb"></i> <?php p($l->t('Clear map'));?></button>
2016-12-01 18:38:50 +00:00
<div id="saved"><p>
<i class="fa fa-save fa-spin fa-3x fa-fw"></i>
2016-12-02 14:31:45 +00:00
<b id="content"></b></p>
</div>
<div id="failed"><p>
<i class="fa fa-save fa-spin fa-3x fa-fw"></i>
<b id="content"></b></p>
2016-12-01 18:38:50 +00:00
</div>
<div id="loading"><p>
<i class="fa fa-spinner fa-pulse fa-3x fa-fw"></i>
2017-01-29 19:44:38 +00:00
<?php p($l->t('loading file')); ?>&nbsp;(<i id="loadingpc"></i> %)</p>
</div>
2017-01-28 02:57:26 +00:00
<div id="exporting"><p>
<i class="fa fa-spinner fa-pulse fa-3x fa-fw"></i>
<?php p($l->t('exporting file to gpx')); ?>&nbsp;</p>
</div>
<div id="saving"><p>
<i class="fa fa-spinner fa-pulse fa-3x fa-fw"></i>
2017-01-29 19:44:38 +00:00
<?php p($l->t('saving file')); ?>&nbsp;(<i id="savingpc"></i> %)</p>
2017-01-28 02:57:26 +00:00
</div>
2016-11-30 19:00:03 +00:00
<?php
echo '<p id="username" style="display:none">';
p($_['username']);
echo '</p>'."\n";
2016-12-13 02:28:57 +00:00
echo '<ul id="extrasymbols" style="display:none">';
foreach($_['extrasymbols'] as $symbol){
echo '<li name="';
p($symbol['name']);
echo '">';
p($symbol['smallname']);
echo '</li>';
}
echo '</ul>'."\n";
echo '<ul id="basetileservers" style="display:none">';
foreach($_['basetileservers'] as $ts){
echo '<li name="';
p($ts['name']);
echo '" type="';
p($ts['type']);
echo '" url="';
p($ts['url']);
echo '" layers="';
p($ts['layers']);
echo '" version="';
p($ts['version']);
echo '" format="';
p($ts['format']);
echo '" opacity="';
p($ts['opacity']);
echo '" transparent="';
p($ts['transparent']);
echo '" minzoom="';
p($ts['minzoom']);
echo '" maxzoom="';
p($ts['maxzoom']);
echo '" attribution="';
p($ts['attribution']);
echo '"></li>';
}
echo '</ul>'."\n";
2016-11-30 19:00:03 +00:00
?>
</div>
2017-05-02 17:13:52 +00:00
<div class="sidebar-pane" id="gpxeditsettings">
2016-12-14 18:15:40 +00:00
<h1 class="sectiontitle"><?php p($l->t('Options')); ?></h1>
<hr/>
2017-05-05 14:08:58 +00:00
<div id="optiontop">
<label for="markerstyleselect" title="<?php p($l->t('Default symbol for waypoints when value is not set'));?>">
<?php p($l->t('Waypoint style'));?>:
</label>
2016-12-14 18:15:40 +00:00
<select id="markerstyleselect">
</select>
2017-05-05 14:08:58 +00:00
<label for="tooltipstyleselect"><?php p($l->t('Tooltip'));?>:</label>
2016-12-14 18:15:40 +00:00
<select id="tooltipstyleselect">
<option value="h"><?php p($l->t('on hover')); ?></option>
<option value="p"><?php p($l->t('permanent')); ?></option>
</select>
2017-05-05 14:08:58 +00:00
<label title="<?php p($l->t('Use defined symbols instead of default symbol')); ?>"
for="symboloverwrite"><?php p($l->t('Use defined symbols')); ?></label>
<input title="<?php p($l->t('Use defined symbols instead of default symbol')); ?>"
id="symboloverwrite" type="checkbox" checked></input>
<label for="clearbeforeload"><?php p($l->t('Clear map before loading'));?></label>
<input type="checkbox" id="clearbeforeload" checked></input>
<label for="approximateele"><?php p($l->t('Approximate new points elevations'));?></label>
<input type="checkbox" id="approximateele"></input>
</div>
<hr/>
<h3 class="sectiontitle"><?php p($l->t('Custom tile servers')); ?></h3>
<div id="tileserveradd">
<?php p($l->t('Server name (for example \'my custom server\')')); ?> :
<input type="text" id="tileservername"><br/>
<?php p($l->t('Server url (\'http://tile.server.org/cycle/{z}/{x}/{y}.png\')')); ?> :
<input type="text" id="tileserverurl"><br/>
<button id="addtileserver"><i class="fa fa-plus-circle" aria-hidden="true" style="color:green;"></i> <?php p($l->t('Add')); ?></button>
</div>
<br/>
<div id="tileserverlist">
<h2><?php p($l->t('Your servers')); ?></h2>
<ul class="disclist">
<?php
if (count($_['tileservers']) > 0){
foreach($_['tileservers'] as $name=>$url){
echo '<li name="';
p($name);
echo '" title="';
p($url);
echo '">';
p($name);
echo '<button><i class="fa fa-trash" aria-hidden="true" style="color:red;"></i> ';
p($l->t('Delete'));
echo '</button></li>';
}
}
?>
</ul>
</div>
<hr/>
<h3 class="sectiontitle"><?php p($l->t('Custom overlay servers')); ?></h3>
<div id="overlayserveradd">
<?php p($l->t('Server name (for example \'my custom server\')')); ?> :
<input type="text" id="overlayservername"><br/>
<?php p($l->t('Server url (\'http://overlay.server.org/cycle/{z}/{x}/{y}.png\')')); ?> :
<input type="text" id="overlayserverurl"><br/>
<button id="addoverlayserver"><i class="fa fa-plus-circle" aria-hidden="true" style="color:green;"></i> <?php p($l->t('Add')); ?></button>
</div>
<br/>
<div id="overlayserverlist">
<h2><?php p($l->t('Your servers')); ?></h2>
<ul class="disclist">
<?php
if (count($_['overlayservers']) > 0){
foreach($_['overlayservers'] as $name=>$url){
echo '<li name="';
p($name);
echo '" title="';
p($url);
echo '">';
p($name);
echo '<button><i class="fa fa-trash" aria-hidden="true" style="color:red;"></i> ';
p($l->t('Delete'));
echo '</button></li>';
}
}
?>
</ul>
</div>
2016-11-30 19:00:03 +00:00
</div>
<div class="sidebar-pane" id="help">
2016-12-01 16:04:32 +00:00
<h1 class="sectiontitle"><?php p($l->t('About GpxEdit')); ?></h1>
2016-11-30 19:00:03 +00:00
<hr/><br/>
2017-05-14 15:01:24 +00:00
<h3 class="sectiontitle"><?php p($l->t('Features overview')); ?> :</h3>
<?php
p($l->t('Draw, edition and deletion buttons are in the map\'s bottom-left corner.'));
p(' ');
p($l->t('You can draw a line or add a marker.'));
p(' ');
p($l->t('If you click on a line or a marker, a popup pops and let you set the object properties.'));
p(' ');
?>
<br/>
<?php
p($l->t('After a click on "edition" button, in edition mode, you can'));
?> :
2016-11-30 19:00:03 +00:00
<ul class="disclist">
2017-05-14 15:01:24 +00:00
<li><?php p($l->t('move markers')); ?></li>
<li><?php p($l->t('move line points')); ?></li>
<li><?php p($l->t('click on a line point to remove it')); ?></li>
<li><?php p($l->t('hover a "middle marker" (between two line points) and press "Del" to cut the line in two (this action cannot be canceled)')); ?></li>
2016-11-30 19:00:03 +00:00
</ul>
<br/><hr/><br/>
2017-05-14 15:01:24 +00:00
<h3 class="sectiontitle"><?php p($l->t('Shortcuts')); ?> :</h3>
2016-11-30 19:00:03 +00:00
<ul class="disclist">
2017-05-14 15:01:24 +00:00
<li><b>&lt;</b> : <?php p($l->t('toggle sidebar')); ?></li>
<li><b>!</b> : <?php p($l->t('toggle minimap')); ?></li>
2016-11-30 19:00:03 +00:00
</ul>
<br/><hr/><br/>
<h3 class="sectiontitle"><?php p($l->t('Documentation')); ?></h3>
2016-12-01 16:04:32 +00:00
<a class="toplink" target="_blank" href="https://gitlab.com/eneiluj/gpxedit-oc/wikis/home">
2016-11-30 19:00:03 +00:00
<i class="fa fa-gitlab" aria-hidden="true"></i>
Project wiki
</a>
<br/>
<br/><hr/><br/>
<h3 class="sectiontitle"><?php p($l->t('Source management')); ?></h3>
<ul class="disclist">
2016-12-01 16:04:32 +00:00
<li><a class="toplink" target="_blank" href="https://gitlab.com/eneiluj/gpxedit-oc">
2016-11-30 19:00:03 +00:00
<i class="fa fa-gitlab" aria-hidden="true"></i>
Gitlab project main page</a></li>
2016-12-01 16:04:32 +00:00
<li><a class="toplink" target="_blank" href="https://gitlab.com/eneiluj/gpxedit-oc/issues">
2016-11-30 19:00:03 +00:00
<i class="fa fa-gitlab" aria-hidden="true"></i>
Gitlab project issue tracker</a></li>
</ul>
<br/><hr/><br/>
<h3 class="sectiontitle"><?php p($l->t('Authors')); ?> :</h3>
<ul class="disclist">
<li>Julien Veyssier</li>
</ul>
</div>
</div>
</div>
<!-- ============= MAP DIV =============== -->
<div id="map" class="sidebar-map"></div>