[text] html promo

Viewer

copydownloadembedprintName: html promo
  1. <!--
  2.   Generated template for the LandingPromoPage page.
  3.  
  4.   See http://ionicframework.com/docs/components/#navigation for more info on
  5.   Ionic pages and navigation.
  6. -->
  7. <ion-content *ngIf="global.isLogin">
  8.   <div class="container-background">
  9.     <div padding>
  10.       <img src="assets/landing-promo/icon-back.png" (click)="back()" style="width: 36px;height: 36px;margin-top: 35px;">
  11.       <div style="
  12.          margin-top: 35px;
  13.          display: flex;
  14.          flex-direction: row;
  15.          justify-content: space-between;
  16.      ">
  17.         <div style="display:flex; flex-direction:column;">
  18.           <div style="flex-direction:row;">
  19.             <span style="color: white; font-size: 16px; max-width: max-content;">Hi {{resultName}}</span>
  20.             <img src="assets/landing-promo/svg-landing.png" style="width: 20px; height: 20px;">
  21.           </div>
  22.           <span style="color: white; font-size: 14px; font-weight: 500; margin-top: 3px;">Selalu Bisa Hemat</span>
  23.           <span style="color: white; font-size: 14px; font-weight: 500;">dengan Promo Terhangat</span>
  24.         </div>
  25.         <div style="margin-top: -35px;">
  26.           <img src="assets/landing-promo/kado-landing.png" style="width: 154px;height: 148px;">
  27.         </div>
  28.       </div>
  29.     </div>
  30.   </div>
  31.  
  32.   <div
  33.     style="margin-top: -80px; background-color: white;position: inherit;width: 100%;height: 100%;border-top-left-radius: 15px;border-top-right-radius: 15px;">
  34.     <div style="padding: 8px; margin-top: 15px;">
  35.       <div class="promo-category">
  36.         <ion-slides slidesPerView="auto" spaceBetween="3" loop="false" autoplay="false">
  37.           <ion-slide style="width: 0px"> </ion-slide>
  38.           <ion-slide *ngFor="let item of dataRekomendasi; let i = index" style="width: auto;">
  39.             <button [ngClass]="item.category_id == filter.category?'allo-category-badge-active':'allo-category-badge'"
  40.               (click)="searchRekomendasi(item, i)">
  41.               <b>{{item.category_name | titlecase}}</b>
  42.             </button>
  43.           </ion-slide>
  44.  
  45.           <ion-slide *ngFor="let item of promo_category; let i = index" style="width: auto; margin-right: 9px;">
  46.             <button [ngClass]="item.category_id == filter.category?'allo-category-badge-active':'allo-category-badge'"
  47.               (click)="search(item, i)">
  48.               <b>{{item.category_name | titlecase}}</b>
  49.             </button>
  50.           </ion-slide>
  51.  
  52.           <ion-slide style="width: 9px"> </ion-slide>
  53.         </ion-slides>
  54.       </div>
  55.       <!--  -->
  56.     </div>
  57.  
  58.     <div *ngIf="tampil && tabsRekomendasi">
  59.       <div style="margin-top: 15px;" *ngFor="let item of dataList; let i = index">
  60.         <div style="background-color: #F9F9F9;">
  61.           <div style="margin-left: 10px; padding: 5px;">
  62.             <span style="color: #797979; font-size: 12px; font-weight: 500;">{{item.tanggal}}</span>
  63.           </div>
  64.         </div>
  65.         <div *ngFor="let result of item.data; let index = index">
  66.           <div [ngClass]="result.status == 'unread' ?'container-unread':'container-read'"
  67.             (click)="getListDataPromoDetail(result.link,result.title,result.message)">
  68.             <div>
  69.               <div style="margin-left:15px">
  70.                 <div style="display: flex;flex-direction: row;justify-content: space-between;">
  71.                   <div style="margin-top: 11px;">
  72.                     <span
  73.                       [ngClass]="result.status == 'unread' ? 'text-title-unread':'text-title-read'">{{result.title}}</span>
  74.                   </div>
  75.                   <span
  76.                     [ngClass]="result.status == 'unread' ?'text-waktu-unread':'text-waktu-read'">{{result.waktu}}</span>
  77.                 </div>
  78.  
  79.                 <div style="margin-top: 6px;">
  80.                   <span
  81.                     [ngClass]="result.status == 'unread' ?'desc-content-unread':'desc-content-read'">{{result.message}}</span>
  82.                 </div>
  83.               </div>
  84.             </div>
  85.           </div>
  86.  
  87.           <div *ngIf="index < item.data.length - 1" style="
  88.           display: flex;
  89.           align-self: center;
  90.           justify-content: center;
  91.           margin-top: 13px;
  92.       ">
  93.             <div style="border-bottom: 2px solid #F1F3F9;width: 91%;"></div>
  94.           </div>
  95.         </div>
  96.  
  97.         <!-- <div *ngIf="i < item.data.length - 1" style="
  98.           display: flex;
  99.           align-self: center;
  100.           justify-content: center;
  101.           margin-top: 13px;
  102.       ">
  103.             <div style="border-bottom: 2px solid #F1F3F9;width: 91%;"></div>
  104.           </div> -->
  105.       </div>
  106.  
  107.       <!-- <div>
  108.         <span style="font-size: 12px; color: black; font-weight: 700;">Promo Tidak Ditemukan</span>
  109.       </div> -->
  110.     </div>
  111.  
  112.     <div *ngIf="tampil || !tabsRekomendasi">
  113.       <div style="margin-top: 15px;">
  114.         <div *ngFor="let item of group_data_date; let i = index"
  115.         (click)="getDetailCategory(item.link_id,item.title,item.description)">
  116.           <div style="background-color: #F9F9F9;">
  117.             <div style="margin-left: 10px; padding: 5px;">
  118.               <span
  119.                 style="color: #797979; font-size: 12px; font-weight: 500;">{{formatDate(item.date)}}</span>
  120.             </div>
  121.           </div>
  122.           <div>
  123.           <div style="margin-left:15px">
  124.               <div style="display: flex;flex-direction: row;justify-content: space-between;">
  125.                 <div style="margin-top: 11px;">
  126.                   <span
  127.                     [ngClass]="item.status == 'unread' ? 'text-title-unread':'text-title-read'">{{item.title}}</span>
  128.                 </div>
  129.                 <span
  130.                   [ngClass]="item.status == 'unread' ?'text-waktu-unread':'text-waktu-read'">{{formatTime(item.publishing_date)}}</span>
  131.               </div>
  132.  
  133.               <div style="margin-top: 6px;">
  134.                 <span
  135.                   [ngClass]="item.status == 'unread' ?'desc-content-unread':'desc-content-read'" [innerHTML]="item.description"></span>
  136.               </div>
  137.  
  138.               <!-- <div *ngIf="index < item.items.length - 1" style="
  139.                             display: flex;
  140.                             align-self: center;
  141.                             justify-content: center;
  142.                             margin-top: 13px;
  143.                         ">
  144.                 <div style="border-bottom: 2px solid #F1F3F9;width: 91%;"></div>
  145.               </div> -->
  146.             </div>
  147.           </div>
  148.         </div>
  149.         <!-- <div style="
  150.                 padding: 16px;
  151.                 margin-top: -15px;
  152.             ">
  153.           <div style="border-bottom: 2px solid #F1F3F9;"></div>
  154.         </div> -->
  155.       </div>
  156.     </div>
  157.   </div>
  158.   <!-- <ion-infinite-scroll (ionInfinite)="getListDataPromo($event)">
  159.     <ion-infinite-scroll-content loadingText="Loading..."></ion-infinite-scroll-content>
  160.   </ion-infinite-scroll> -->
  161. </ion-content>
  162.  
  163. <div *ngIf="floatingButtonShow" style="
  164.     z-index: 9999;
  165.     position: absolute;
  166.     bottom: 15px;
  167.     align-items: center;
  168.     justify-content: center;
  169.     display: flex;
  170.     text-align: center;
  171.     width: 100%;
  172. " (click)="handlePromoAll()">
  173.   <img src="assets/landing-promo/footer-button.svg">
  174. </div>

Editor

You can edit this paste and save as new:


File Description
  • html promo
  • Paste Code
  • 29 Apr-2024
  • 7.17 Kb
You can Share it: