diff options
Diffstat (limited to 'depictions/screenshots.html')
| -rw-r--r-- | depictions/screenshots.html | 135 |
1 files changed, 135 insertions, 0 deletions
diff --git a/depictions/screenshots.html b/depictions/screenshots.html new file mode 100644 index 0000000..28b9739 --- /dev/null +++ b/depictions/screenshots.html @@ -0,0 +1,135 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <title>Screenshots</title> + <meta charset="utf-8"> + <meta name="viewport" content="width=device-width, initial-scale=1"> + <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> + <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css"> + <link rel="stylesheet" href="style.css"> + <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> + + <script type="text/javascript" src="js/jquery.querystring.js"></script> + <script type="text/javascript" src="js/data-loader-engine.js"></script> + <script type="text/javascript" src="js/ios_version_check.js"></script> + <style> + @media (max-width: 767px) { + body{background:#efeff4!important;margin:0;padding:0;border:0;outline:0;box-sizing:border-box} + } + </style> + <script type="text/javascript"> + + bundleid = $.QueryString['p']; + + var contentBlocks = { + "#screenshotsList" : + {"type":"custom" + ,"source" :"package>screenshots>screenshot" + ,"render" : function(element,source){ + console.log($(source).size()); + if ($(source).size()==0) { + $(element).append( $("<div class='alert alert-danger'>The aren't any screenshots for this package</div>") ); + return; + } + $.each(source, function(index,data) { + var th = $("<div class='thumbnail'>"); + th.append($("<p>") + .text($(data).find('description').text()) + ) + th.append($("<img>") + .attr("src",bundleid+'/screenshots/'+$(data).find('image').text()) + ) + $(element).append(th); + }); + + } + } + } + $( document ).ready(function() { + $.ajax({ + type : "GET", + dataType: "xml", + url : (bundleid+"/info.xml"), + success : function(xml){ + document.title = $(xml).find("package>name").text(); + data_loader_engine(contentBlocks,xml) + }, + cache : false, + error: function() { + $("#packageError").show(); + $("#packageInformation").hide(); + } + }); //ajax + + }); // ready + </script> +</head> +<body> +<br /> + +<div id="packageInformation"> + <div class="container"> + <h5>SCREENSHOTS</h5> + <ul id="screenshotsList" class="list-group"> + </ul> + </div> +</div> +<div id="packageError" style="display:none"> + <div class="container"> + <div class="alert alert-danger"> + <strong>Oh snap!</strong> The package you are tying to view is not hosted on this repository. + </div> + </div> +</div> +<!-- REPO FOOTER --> +<script type="text/javascript"> + var repoContents = { + "#repoFooterLinks" : + {"type":"custom" + ,"source":"repo>footerlinks>link" + ,"render":function(element,source) { + $.each(source, function(index,data) { + var a = $("<a class='link-item list-group-item'>"); + a.attr("href",$(data).find('url').text()); + if ($(data).find('iconclass')) { + var i = $("<span>") + i.attr("class",$(data).find('iconclass').text()); + console.log(i); + $(a).append(i); + } + $(a).append($(data).find('name').text()); + $(element).append(a); + }); //each + } //render + } + } + $( document ).ready(function() { + $.ajax({type: "GET", dataType: "xml",url : ("../repo.xml"),cache: false, + success : function(xml){ + data_loader_engine(repoContents,xml); + if (navigator.userAgent.search(/Cydia/) != -1) { + $("a").each(function() { + console.log($(this).text()); + $(this).attr("target","_blank"); + }); + } + }, + error: function() {$("#contactInfo").hide()} + }); //ajax + + + }); // ready + +</script> + +<div id="contactInfo"> + <div class="container"> + <h5>CONTACT</h5> + <ul class="list-group" id="repoFooterLinks"> + </ul> + </div> +</div> +<!-- REPO FOOTER ENDS --> + +</body> +</html> |