CopterSicht/TLC_Web_View
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

image view and buttons

Browse Source
This commit is contained in:
Hendrik Schutter
2018-11-18 22:35:53 +01:00
parent f5ade243a7
commit dc023682a6
14 changed files with 138 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

134
index_neu.html
View File

@ -16,6 +16,7 @@
<meta name="expires" content="0">
<meta name="viewport"
content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta http-equiv="refresh" content="20" >
<!-- Bootstrap core CSS -->
<link href="bootstrap.min.css" rel="stylesheet">
@ -116,43 +117,140 @@
<div class="container-fluid">
<div class="row">
<div class="col-sm" style="background-color:yellow;">25%</div>
<div class="col-sm" style="background-color:orange;">25%</div>
<div class="col-sm" style="background-color:yellow;">25%</div>
<div class="col-sm" style="background-color:orange;">25%</div>
</div>
<br>
<div class="row">
<div class="col-sm" style="background-color:yellow;">25%</div>
<div class="col-sm" style="background-color:orange;">25%</div>
<div class="col-sm" style="background-color:yellow;">25%</div>
<div class="col-sm" style="background-color:orange;">25%</div>
</div>
<br>
<div class="col-sm">
<a href="./data/TLC01.jpg"">
<img width="100%" src="./data/TLC01_resized.jpg" alt="TLC01"/>
</a>
<div class="location">TLC01 - Salmenkopf, Freistett</div>
<div class="text-center">
<button type="button" id="buttonID" class="btn btn-dark" data-clipboard-text="https://services.schuttercloud.com/data/TLC01.jpg">Copy direct link to clipboard</button>
</div>
</div>
<div class="col-sm">
<a href="./data/TLC02.jpg"">
<img width="100%" src="./data/TLC02_resized.jpg" alt="TLC02"/>
</a>
<div class="location">TLC02 - Salmenkopf, Freistett</div>
<div class="text-center">
<button type="button" id="buttonID" class="btn btn-dark" data-clipboard-text="https://services.schuttercloud.com/data/TLC02.jpg">Copy direct link to clipboard</button>
</div>
</div>
<div class="col-sm">
<a href="./data/TLC03.jpg"">
<img width="100%" src="./data/TLC03_resized.jpg" alt="TLC03"/>
</a>
<div class="location">TLC03 - not used yet</div>
<div class="text-center">
<button type="button" id="buttonID" class="btn btn-dark" disabled data-clipboard-text="https://services.schuttercloud.com/data/TLC03.jpg">Copy direct link to clipboard</button>
</div>
</div>
<div class="col-sm">
<a href="./data/TLC04.jpg"">
<img width="100%" src="./data/TLC04_resized.jpg" alt="TLC04"/>
</a>
<div class="location">TLC04 - Demo</div>
<div class="text-center">
<button type="button" id="buttonID" class="btn btn-dark" disabled data-clipboard-text="https://services.schuttercloud.com/data/TLC04.jpg">Copy direct link to clipboard</button>
</div>
</div>
</div> <!-- end of row -->
<!-- second row:
<div class="col-sm">
<a href="./data/TLC05.jpg"">
<img width="100%" src="./data/TLC05_resized.jpg" alt="TLC05"/>
</a>
<div class="location">TLC05 - Salmenkopf, Freistett</div>
<div class="text-center">
<button type="button" id="buttonID" class="btn btn-dark" data-clipboard-text="https://services.schuttercloud.com/data/TLC05.jpg">Copy direct link to clipboard</button>
</div>
</div>
<div class="col-sm">
<a href="./data/TLC02.jpg"">
<img width="100%" src="./data/TLC02_resized.jpg" alt="TLC02"/>
</a>
<div class="location">TLC02 - Salmenkopf, Freistett</div>
<div class="text-center">
<button type="button" id="buttonID" class="btn btn-dark" data-clipboard-text="https://services.schuttercloud.com/data/TLC02.jpg">Copy direct link to clipboard</button>
</div>
</div>
<div class="col-sm">
<a href="./data/TLC03.jpg"">
<img width="100%" src="./data/TLC03_resized.jpg" alt="TLC03"/>
</a>
<div class="location">TLC03 - not used yet</div>
<div class="text-center">
<button type="button" id="buttonID" class="btn btn-dark" disabled data-clipboard-text="https://services.schuttercloud.com/data/TLC03.jpg">Copy direct link to clipboard</button>
</div>
</div>
<div class="col-sm">
<a href="./data/TLC04.jpg"">
<img width="100%" src="./data/TLC04_resized.jpg" alt="TLC04"/>
</a>
<div class="location">TLC04 - Demo</div>
<div class="text-center">
<button type="button" id="buttonID" class="btn btn-dark" disabled data-clipboard-text="https://services.schuttercloud.com/data/TLC04.jpg">Copy direct link to clipboard</button>
</div>
</div>
uncommend here-->
</div>
</div>
<script type="text/javascript">/* jshint browser: true */</script>
<script src="clipboard.min.js"></script>
<script src="shim.js"></script>
<script src="adler32.js"></script>
<script src="browser.flow.js"></script>
<script type="text/javascript">
</script>
<script src="clipboard.min.js"></script>
<script>
var btns = document.querySelectorAll('button');
var clipboard = new Clipboard(btns);
clipboard.on('success', function(e) {
console.log(e);
});
clipboard.on('error', function(e) {
console.log(e);
});
</script>
<!-- Footer -->
<footer class="py-5 bg-dark">
<div class="container">
<p class="m-0 text-center text-white">Copyright &copy;
CopterSicht 2018</p>
<button type="button" class="btn btn-link"
onclick="window.location.href='https://www.coptersicht.de'">AGB</button>
onclick="window.location.href='https://coptersicht.de/index.php/agb/'">AGB</button>
<button type="button" class="btn btn-link"
onclick="window.location.href='https://www.coptersicht.de'">Impressum</button>
onclick="window.location.href='https://coptersicht.de/index.php/impressum/'">Impressum</button>
<button type="button" class="btn btn-link"
onclick="window.location.href='https://coptersicht.de/index.php/datenschutzerklaerung/'">Datenschutzerklärung</button>
</div>
<!-- /.container -->
</footer>