electronical Brain

Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

Link zu dieser Vergleichsansicht

Beide Seiten der vorigen RevisionVorhergehende Überarbeitung
Nächste Überarbeitung		Vorhergehende Überarbeitung
Letzte ÜberarbeitungBeide Seiten der Revision
pub:ios-apps [2014/10/21 09:21] – Marco Kragepub:ios-apps [2017/11/02 14:39] – Marco Krage
Zeile 2: Zeile 2:
  
 <html> <html>
-<div id="apps"> 
-Castro 723142770 fooo //tydligapp.com/ #ein postcast 
-Spotify 324684580 #Musik 
-Google Maps 585027354 #Karten 
-Tydling 721606556 http://tydligapp.com/ #Rechner 
-Dropbox 327630330 #Sync 
-Reeder 697846300 #RSS 
-Schritzähler 712286167 
-Wordpress 335703880 #Blog 
-Pocket 309601447 #ReadLater 
-Tweetbot 722294701 #Twitter 
-finanzblick 401912744 #Kontostand 
-Photosynt 430065256 #Pano 
-Photosphere 904418768 #Pano 
-Hyperlapse 740146917 #Timelapse 
-Spritmonitor 616137163 
-Scanbot 834854351 
-HDE OTP 571240327 
-Barcode 522354642 
-PhotoPresenter 690440141 
-</div> 
-<script> 
-String.prototype.trim=function(){return this.replace(/^\s+|\s+$/g, '');}; 
-jQuery(document).ready(function($){ 
  
-  var data = $('#apps').text(); +<div data-itunesid="522354642">Barcode</div>
-  var apps = parseData(data); +
-  console.log('apps', apps); +
-  updateLayout('#apps', apps);+
  
-}); // END jQuery.ready+<div data-itunesid="723142770">Castro</div>
  
 +<div data-itunesid="697846300">Reeder</div>
  
-function parseData(data) { +<div data-itunesid="571240327">HDE OTP</div>
-  var lines = data.split("\n"); +
-  var apps = [];+
  
-  $.each(lines, function(i, line) { +<div data-itunesid="1219667593">Is It Snappy?</div>
-    var app = {}; +
-     +
-    if(line.trim() == "") { return; } +
-     +
-    var preSplit = line.trim().split('#'); +
-    (preSplit[1]) ? app.desc = preSplit[1].trim() : ''; +
-     +
-    var parts = preSplit[0].split(' '); +
-     +
-    app.name = parts.shift(); +
-     +
-    $.each(parts, function(n, part) { +
-      if(typeof app.id == "undefined" && new RegExp('^[0-9]+$').test(part)) { +
-        app.id = part; +
-        return; +
-      } +
-      if(typeof app.url == "undefined" && (new RegExp('^http').test(part) || new RegExp('^//').test(part))) { +
-        app.url = part; +
-        return; +
-      } +
-    });    +
  
-    apps.push(app); +<div data-itunesid="945320815">ViewExif</div>
-     +
-  }); +
-   +
-  return apps; +
-}+
  
-function updateLayout(selector, apps){ +<div data-itunesid="1025729002">ViewExif</div>
-  var $container = $(selector).empty();+
  
-  var $list = $('<ul class="applist"/>').appendTo($container); 
-   
-  $.each(apps, function(i, app){ 
-     
-    var $entry = $($('#app-tpl').html()).appendTo($list); 
-         
-    $entry.find('.name').text(app.name); 
  
-    if(app.id) { 
-      var $itunesLink = $('<a class="link itunes"/>').attr('href', 'https://itunes.apple.com/de/app/id'+app.id); 
-      $entry.find('.name').wrapInner($itunesLink); 
-      $entry.find('.icon').wrap($itunesLink); 
-      getItunesData(app, $entry); 
-    } 
-     
-    if(app.url) {  
-      var $webLink = $('<a class="link web"/>').attr('href', app.url).text('Webseite'); 
-      $entry.find('.homepage').append($webLink); 
-    } 
-     
-    $entry.find('.desc').text(app.desc);   
-   
-  }); 
  
-}+<div data-itunesid="721606556">Tydling</div> 
 +<div data-itunesid="309601447">Pocket</div> 
 +<div data-itunesid="722294701">Tweetbot</div> 
 +<div data-itunesid="401912744">finanzblick</div> 
 +<div data-itunesid="430065256">Photosynth</div> 
 +<div data-itunesid="904418768">Photosphere</div> 
 +<div data-itunesid="740146917">Hyperlapse</div> 
 +<div data-itunesid="834854351">Scanbot</div> 
 +<div data-itunesid="690440141">PhotoPresenter</div>
  
-function getItunesData(app, $entry) { + 
-  console.log('getItunesData', app); +<link rel="stylesheet" type="text/css" href="https://rawgit.com/sinky/iTunesApp.js/master/iTunesApp.css"/> 
-  $.getJSON('https://itunes.apple.com/de/lookup?callback=?&id='+app.id, function( data ) { +<script src="https://rawgit.com/sinky/iTunesApp.js/master/iTunesApp.js"></script> 
-    if(data.resultCount == 0) { return false; }  +<style> 
-    $image = $('<img />').attr('src', data.results[0].artworkUrl60); +.iTunesApp .iTunesApp-preview img { 
-    $entry.find('.icon').append($image); +  max-height: 200px;
-  });+
 } }
-</script> +</style>
-<script id="app-tpl" type="text/template"> +
- <li class="app"> +
-    <div class="icon"></div> +
-    <div class="name"></div> +
-    <div> +
-      <span class="desc"></span> +
-      <span class="homepage"></span> +
-    </div> +
-  </li> +
-</script> +
  
 </html> </html>