templates/detailApplicationContainer.html

   1 <div class="appDetail">
   2         <div class="iconElement">
   3                 <div class="detailIcon">
   4                         <img src="{{:iconUrl}}"
   5                                 style="width: 100%; height: 100%;">
   6                 </div>
   7                 <div class="ratingTableDetail">
   8                         <div
   9                                 class="ratingIcons {{if rating>0}}iconStarActive{{else}}iconStarInActive{{/if}}"></div>
  10                         <div
  11                                 class="ratingIcons {{if rating>1}}iconStarActive{{else}}iconStarInActive{{/if}}"></div>
  12                         <div
  13                                 class="ratingIcons {{if rating>2}}iconStarActive{{else}}iconStarInActive{{/if}}"></div>
  14                         <div
  15                                 class="ratingIcons {{if rating>3}}iconStarActive{{else}}iconStarInActive{{/if}}"></div>
  16                         <div
  17                                 class="ratingIcons {{if rating>4}}iconStarActive{{else}}iconStarInActive{{/if}}"></div>
  18                 </div>
  19         </div>
  20         <div class="priceElement">
  21
  22                 <div class="priceTitle fontSizeLarge fontColorNormal fontWeightBold">PRICE:</div>
  23                 <div class="priceAmount  fontSizeLarge fontWeightBold fontColorTheme">{{if
  24                         price ==0 }}FREE{{else}}{{:price}} EUR{{/if}}</div>
  25                         <div id="installInfo" class="textPanel">
  26                                 <div id="installText" class="installText fontColorNormal fontSizeLarge fontWeightBold">INSTALLING...</div>
  27                                 <div id="installBar" class="installBarClass progressBar borderColorTheme"></div>
  28                         </div>
  29                         {{if category_id != "user_theme" && category_id != "system" && name.toLowerCase() != "store" && name.toLowerCase() != "home screen"}}
  30                         <div class="installButtons borderColorDark bgColorDarkTransparent">
  31                                 {{if installed !=true}}
  32
  33                                 <div onclick='StoreLibrary.installApp("{{:id}}");'>
  34                                         <div class="btnText fontColorNormal fontSizeLarge fontWeightBold">INSTALL</div>
  35                                 </div>
  36
  37                                 {{/if}}
  38                                 {{if installed ==true}}
  39                                 <div onclick='StoreLibrary.uninstallApp("{{:id}}");'>
  40                                         <div class="btnText fontColorNormal fontSizeLarge fontWeightBold">UNINSTALL</div>
  41                                 </div>
  42                                 {{/if}}
  43                         </div>
  44                         {{/if}}
  45                 </div>
  46
  47         </div>
  48         <div class="infoWrapper">
  49                 <div class="descriptionElement">
  50                         <div class="fontSizeLarge fontColorNormal fontWeightBold">DESCRIPTION:</div>
  51                         <div class="detailDescription fontSizeSmall fontColorDimmed fontWeightBold ">{{:description}}</div>
  52                 </div>
  53                 <div class="versionElement">
  54                         <div class="versionTitle fontSizeLarge fontColorNormal fontWeightBold">VERSION:</div>
  55                         <div class="versionNumber fontSizeLarge fontColorDimmed fontWeightBold">{{:version}}</div>
  56                 </div>
  57
  58                 <div class="imagesElement">
  59                         <div class="fontSizeLarge fontColorNormal fontWeightBold">SCREENSHOTS:</div>
  60
  61                         {{foreach imageObjects}}
  62                                 <div class="imageElement" style="background: url('{{:url}}'); background-repeat:no-repeat; color: white; ">
  63                                 </div>
  64                                 {{/foreach}}
  65
  66                 </div>
  67         </div>
  68 </div>