Kolorwanie:
Status:
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101
<ion-content forceOverscroll="false" [fullscreen]="true" *ngIf="selectedMuseum"
  [ngClass]="[bigFontTemp ? 'big-font' :'', darkModeTemp ? 'dark' : '',  letterSpacingTemp ? 'letter-spacing' : '', lineHeightTemp ? 'line-height' : '']">

  <ion-grid [style.background-color]="selectedMuseum.backgroundColor" class="background-museum">
    <ion-row class="padding-from-top-edge">
      <ion-col size="2">
        <ion-text class="very-big-font fill-fffdfd" [routerLink]="['/menu-cities']">
          <ion-icon name="chevron-back-outline"></ion-icon>
        </ion-text>
      </ion-col>
      <ion-col size="1" offset="8" class="ion-text-right" (click)="jakToMaDzialac()">
        <svg class="svg-size" width="100%" height="100%" viewBox="0 0 2917 2917" version="1.1"
          xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve"
          xmlns:serif="http://www.serif.com/"
          style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2">
          <path id="path826-1" class="fill-fffdfd"
            d="M1490.41,466.272c-124.037,-1.547 -253.114,11.603 -351.493,38.952c-258.285,71.813 -539.021,236.322 -786.767,461.006c-173.128,157.018 -347.566,362.402 -347.566,409.194c0,54.9 87.644,166.666 276.351,352.311c93.993,92.501 193.353,176.019 294.808,248.854l148.518,-140.696c-115.397,-81.296 -231.253,-179.852 -345.406,-294.354l-153.884,-154.396l84.633,-97.48c174.568,-201.032 473.435,-428.049 694.607,-527.594c172.735,-77.754 317.783,-104.941 507.079,-95.062c120.895,6.31 240.481,33.272 360.787,81.732l152.837,-144.76c-99.688,-48.259 -197.15,-87.809 -271.18,-107.184c-73.44,-19.21 -166.844,-29.322 -263.324,-30.523Zm770.469,267.289l-148.386,140.494c138.829,88.144 280.146,204.627 427.027,352.043l153.688,154.229l-145.048,149.997c-244.212,252.585 -521.021,439.195 -777.146,523.765c-164.553,54.366 -405.23,62.188 -567.493,18.469c-41.302,-11.124 -83.128,-24.976 -125.346,-41.537c-41.891,-16.439 -84.241,-35.576 -126.852,-57.219l-151.986,143.919c65.324,35.593 130.517,66.434 194.794,91.671c51.906,20.365 103.157,37.2 153.426,50.235l0,-0.032c178.757,46.336 435.275,46.729 616.388,0.942c176.99,-44.739 413.086,-161.809 585.101,-290.123c235.245,-175.433 565.007,-517.322 565.007,-585.786c-0,-76.082 -315.689,-408.597 -555.45,-585.08c-29.455,-21.691 -62.51,-43.886 -97.724,-65.983l-0,-0.004Z" />
          <path id="path837-4" class="fill-fffdfd"
            d="M1444.79,799.141c-309.667,-0 -562.847,251.354 -562.847,558.788c0,96.169 24.742,186.845 68.27,266.047l149.76,-141.838c-14.007,-38.698 -21.665,-80.503 -21.665,-124.209c-0,-202.081 162.917,-363.862 366.482,-363.862c50.138,0 97.789,9.913 141.186,27.736l149.564,-141.636c-85.026,-51.287 -184.517,-81.026 -290.75,-81.026Zm474.678,259.8l-145.899,138.178c7.593,15.305 14.4,30.999 19.767,47.448c11.586,35.62 17.87,73.722 17.87,113.362c-0,202.081 -162.852,363.728 -366.416,363.728c-64.539,0 -125.019,-16.36 -177.514,-45.03l-145.572,137.943c91.572,64.146 203.041,102.013 323.086,102.013c309.732,-0 562.78,-251.221 562.78,-558.654c0,-91.145 -22.254,-177.355 -61.593,-253.555c-8.116,-15.622 -17.018,-30.697 -26.509,-45.433Z" />
        </svg>
      </ion-col>
      <ion-col size="1" class="ion-text-right" (click)="jakToMaDzialac()">

        <svg class="svg-size" width="100%" height="100%" viewBox="0 0 2917 2917" version="1.1"
          xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve"
          xmlns:serif="http://www.serif.com/"
          style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2">
          <g id="g2154">
            <path id="path-1_20_" class="fill-fffdfd"
              d="M1458.33,532.381c-147.072,-0 -266.665,-119.597 -266.665,-266.666c-0,-147.072 119.597,-266.669 266.665,-266.669c147.073,-0 266.666,119.597 266.666,266.665c0,147.073 -119.593,266.67 -266.666,266.67Zm0,-400.001c-73.503,0 -133.335,59.832 -133.335,133.335c0,73.503 59.832,133.335 133.335,133.335c73.504,-0 133.335,-59.832 133.335,-133.335c0,-73.503 -59.831,-133.335 -133.335,-133.335Z" />
            <path id="path-1_20_-8" class="fill-fffdfd"
              d="M1458.33,1723.46c-147.072,0 -266.665,-119.597 -266.665,-266.665c-0,-147.073 119.597,-266.67 266.665,-266.67c147.073,-0 266.666,119.597 266.666,266.666c0,147.072 -119.593,266.669 -266.666,266.669Zm0,-400c-73.503,-0 -133.335,59.831 -133.335,133.335c0,73.503 59.832,133.334 133.335,133.334c73.504,0 133.335,-59.831 133.335,-133.334c0,-73.504 -59.831,-133.335 -133.335,-133.335Z" />
            <path id="path-1_20_-8-6" class="fill-fffdfd"
              d="M1458.33,2914.53c-147.072,0 -266.665,-119.597 -266.665,-266.665c-0,-147.073 119.597,-266.67 266.665,-266.67c147.073,0 266.666,119.597 266.666,266.666c-0,147.072 -119.593,266.669 -266.666,266.669Zm0,-400c-73.503,-0 -133.334,59.832 -133.334,133.335c-0,73.503 59.831,133.335 133.334,133.335c73.504,-0 133.335,-59.832 133.335,-133.335c0,-73.503 -59.831,-133.335 -133.335,-133.335Z" />
          </g>
        </svg>
      </ion-col>
    </ion-row>

    <ion-row class="icon-museum-position">
      <ion-col>
        <ion-avatar class="avatart-style">
          <img [src]="getLogo(selectedMuseum.icon)" />
        </ion-avatar>
      </ion-col>
    </ion-row>
  </ion-grid>
  <ion-grid style="margin-top:10vh">
    <ion-row>
      <ion-col class="ion-text-center">
        <ion-label class="very-big-font uppercase bold">
          {{ selectedMuseum.titles[0] }}</ion-label>
      </ion-col>
    </ion-row>
    <ion-row style="margin-top:1.5vh">
      <ion-col class="ion-text-center grey-color">
        <ion-label>{{ 'choose_language' | translate:lang}}</ion-label>
      </ion-col>
    </ion-row>
  </ion-grid>

  <ion-grid style="margin-top:1.5vh">
    <ion-row *ngFor="let version of selectedMuseum.versions" (click)="selectedLanguage=version;selectedPath=undefined">
      <ion-col size="2" offset="2" class="right">
        <img class="flag-icon" [src]="getIcon(version.language)" />
      </ion-col>
      <ion-col size="6" class="uppercase grey-color">
        {{ version.language }}
      </ion-col>
    </ion-row>
    <ng-container *ngIf="selectedLanguage">
      <ion-row *ngFor="let versionType of selectedLanguage.versionTypes" (click)="selectedPath=versionType">
        <ion-col offset="2" size="2" class="ion-text-center ">
          <img style="max-width: 40%;" [src]="getIcon(versionType.icon)" />
        </ion-col>
        <ion-col size="8" class="small-size-font marquee1 grey-color" style="margin: auto;">
          <ion-label><app-marquee page="selected-museum">{{ versionType.type }}</app-marquee></ion-label>
        </ion-col>
      </ion-row>
    </ng-container>

    <ion-row *ngIf="selectedPath" (click)="checkDownloaded() ? start(): download()">
      <ion-col *ngIf="!checkDownloaded()" offset="3" size="6" offset="3">
        <ion-progress-bar id="progressBar" value="0" color="medium"></ion-progress-bar>
      </ion-col>
      <ion-col *ngIf="!checkDownloaded() && !saving" offset="3" size="6" offset="3" class="ion-text-center">
        {{(downloaded$ | async).toFixed(2)}}/{{ selectedPath.size }}MB
      </ion-col>
      <ion-col *ngIf="saving" offset="3" size="6" offset="3" class="ion-text-center">
        ZAPISUJE
      </ion-col>
      <ion-col *ngIf="checkDownloaded()" (click)="start()" offset="3" size="6" offset="3" class="ion-text-center">
        URUCHOM
      </ion-col>
      <ion-col id="download" (click)="attributeToProgressbar()" *ngIf="!checkDownloaded() && !saving" offset="3"
        size="6" offset="3" class="ion-text-center">
        {{ 'downloaded' | translate:lang}}
      </ion-col>
    </ion-row>
  </ion-grid>
</ion-content>

Copyrights 2014-2020 © Wklejaj.pl Wszelkie prawa zastrzeżone.