<div data-bind="if: catalogs().length == 0"> <h3>No Catalogs found</h3> Sorry, but no package catalogs were found by your FlightGear. </div> <div data-bind="foreach: catalogs"> <h3>Package <span data-bind="text: id"></span></h3> <!-- <div> Source <span data-bind="text: url"></span> </div> <div> Installed at <span data-bind="text: installRoot"></span> </div> --> <table class="phi-aircraft-package-table ui-widget-content ui-corner-all"> <caption class="ui-widget-header ui-corner-all" data-bind="text: description"></caption> <thead> <tr> <th>Aircraft</th> <th>Description</th> <th>FDM</th> <th>Systems</th> <th>Cockpit</th> <th>Model</th> <th>kB</th> <th></th> </tr> </thead> <tbody data-bind="foreach: packages"> <tr> <td colspan="5"><span data-bind="text: name"></span></td> </tr> <tr> <td><img data-bind="attr: { src: thumbnails[0], alt: name, title: name }" width="171"></img></td> <td><span data-bind="text: description"></span></td> <td><span data-bind="text: ratingFdm"></span></td> <td><span data-bind="text: ratingSystems"></span></td> <td><span data-bind="text: ratingCockpit"></span></td> <td><span data-bind="text: ratingModel"></span></td> <td><span data-bind="text: (fileSize/1024).toFixed(0)"></span></td> <td data-bind="if: installed">installed</td> <td data-bind="ifnot: installed"> <button data-bind=" click: $parents[1].install">Install</button> </td> </tr> </tbody> </table> </div>