{"version":3,"mappings":"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","names":["e","constructor","t","n","a","r","c","k","ae","this","Z","x","dateForCurrentImport","b","date","toDate","dateForPreviousMonthOfCurrentImport","subtract","loading","userService","isPhoenixUser","isInternalUser","input","selectedIdf$","subscribe","f","paybackType","currentlyDisplayedIdf","idf","showFreePoints","canSeeFreePoints","showKpis","canSeePaybackKpis","showEducation","canSeeEducation","notAllowedFreePoints","includes","notAllowedKpis","notAllowedEducation","trackClick","matomoService","trackEvent","ngOnDestroy","ngUnsubscribe$","next","complete","u","m","h","selectors","ngOnInit","isAllowed","loadKpis","indexOf","error","console","log","userRestService","getPaybackKpis","pipe","returnObject","currentKpis","loadChart","message","options","title","text","textStyle","color","fontFamily","fontSize","tooltip","trigger","formatter","formatTooltip","legend","data","name","icon","backgroundColor","bottom","selectedMode","left","itemGap","selected","Bonwert","Neukunden","grid","right","top","containLabel","xAxis","axisLabel","padding","axisLine","show","axisTick","type","boundaryGap","getDataMonths","inverse","yAxis","formatYAxisLabel","series","getChartSeries","length","marker","seriesName","value","toLocaleString","push","transactions","new_customers","active_accounts","month","onChartInit","echartsInstance","p","getPaybackType","loadPoints","currentIdf","getPaybackCurrentPoints","currentPoints","Date","dataFrom","isLinda","d","openDialog","dialog","open","te","g","_","path","children","component","pathMatch","l","imports","s","v","M","S","N","ee","ne","C","y"],"sources":["webpack:///src/app/modules/payback/payback.component.html","webpack:///src/app/modules/payback/payback.component.ts","webpack:///src/app/modules/payback/payback-kpi/payback-kpi.component.html","webpack:///src/app/modules/payback/payback-kpi/payback-kpi.component.ts","webpack:///src/app/modules/payback/payback-points/payback-points.component.html","webpack:///src/app/modules/payback/payback-points/payback-points.component.ts","webpack:///src/app/modules/payback/payback-lernwelt/payback-lernwelt.component.ts","webpack:///src/app/modules/payback/payback-lernwelt/payback-lernwelt.component.html","webpack:///src/app/modules/payback/payback.module.ts"],"sourcesContent":["<div id=\"content\" class=\"mb-0\">\n  <img src=\"{{ CDN }}/payback/Header_Mein_PAYBACK_Kachel.jpg\" alt=\"Payback Headerbilder\">\n  <div class=\"widget\">\n    <div class=\"tile-grid my-xl\">\n      <a class=\"position-relative tile-link payback\"\n         [href]=\"'/#/payback/kpi/'\" (click)=\"trackClick('KPI Dashboard')\" *ngIf=\"showKpis\">\n        <div class=\"tile\">\n          <div class=\"img-box payback\">\n            <img src=\"../../assets/img/icons/tiles/payback/kpi_dashboard.png\" alt=\"KPI Dashboard kachel\">\n          </div>\n          <h4>KPI Dashboard <span class=\"far fa-angle-right\"></span></h4>\n        </div>\n      </a>\n      <a class=\"position-relative tile-link payback\"\n          [href]=\"'/#/payback/points/'\" (click)=\"trackClick('Live Punktestand')\"\n         *ngIf=\"showFreePoints\">\n        <div class=\"tile\">\n          <div class=\"img-box payback\">\n          <img src=\"../../assets/img/icons/tiles/payback/live_punktestand.png\" alt=\"Live Punktestand kachel\">\n          </div>\n          <h4>Live Punktestand <span class=\"far fa-angle-right\"></span></h4>\n        </div>\n      </a>\n      <a class=\"position-relative tile-link payback\" *ngIf=\"showEducation\"\n         href=\"/#/page/payback-schulungscenter\" (click)=\"trackClick('Schulungscenter')\">\n        <div class=\"tile\">\n          <div class=\"img-box payback\">\n          <img src=\"../../assets/img/icons/tiles/payback/schulungscenter.png\" alt=\"Schulungscenter kachel\">\n          </div>\n          <h4>Schulungscenter <span class=\"far fa-angle-right\"></span></h4>\n        </div>\n      </a>\n      <a class=\"position-relative tile-link payback\" *ngIf=\"!showEducation\"\n         href=\"/#/page/payback-schulungscenter-neu\" (click)=\"trackClick('Schulungscenter')\">\n        <div class=\"tile\">\n          <div class=\"img-box payback\">\n          <img src=\"../../assets/img/icons/tiles/payback/schulungscenter.png\" alt=\"Schulungscenter kachel\">\n          </div>\n          <h4>Schulungscenter <span class=\"far fa-angle-right\"></span></h4>\n        </div>\n      </a>\n\n      <a class=\"position-relative tile-link payback\" href=\"/#/payback/lernwelt\" (click)=\"trackClick('Lernwelt')\">\n        <div class=\"tile\">\n          <div class=\"img-box payback\">\n          <img src=\"../../assets/img/icons/tiles/payback/lernwelt.png\" alt=\"Lernwelt kachel\">\n          </div>\n          <h4>Lernwelt <span class=\"far fa-angle-right\"></span></h4>\n        </div>\n      </a>\n      <a class=\"position-relative tile-link payback\"\n          href=\"/#/page/payback-werbemittel?heading=Mein PAYBACK\" (click)=\"trackClick('Werbemittel')\">\n        <div class=\"tile\">\n          <div class=\"img-box payback\">\n          <img src=\"../../assets/img/icons/tiles/payback/werbemittel.png\" alt=\"Werbemittel kachel\">\n          </div>\n          <h4>Werbemittel <span class=\"far fa-angle-right\"></span></h4>\n        </div>\n      </a>\n      <a  class=\"position-relative tile-link payback\"\n          href=\"/#/page/payback-news\" (click)=\"trackClick('News')\">\n        <div class=\"tile\">\n          <div class=\"img-box payback\">\n          <img src=\"../../assets/img/icons/tiles/payback/news.png\" alt=\"News kachel\">\n          </div>\n          <h4>News <span class=\"far fa-angle-right\"></span></h4>\n        </div>\n      </a>\n    </div>\n    <p>\n      Die geballte PAYBACK Welt an einem Ort! Hier finden Sie alle Informationen rund um PAYBACK in Ihrer Apotheke.\n      Schauen Sie sich Ihre aktuellen Kennzahlen an, tauchen Sie in unserer Lernwelt noch tiefer in die Funktionalität\n      des Bonusprogramms ein oder halten Sie sich mithilfe der News auf dem Laufenden. Nur einen Klick entfernt können\n      Sie sich Werbemittel bestellen oder kostenfrei Grafiken herunterladen. Ihnen stehen auch Gestaltungselemente zur\n      Verfügung um PAYBACK in Ihre eigenen Werbemaßnahmen einzubinden.<br><br>\n      Sie haben Wünsche oder Anregungen? Melden Sie sich gerne bei uns unter <a\n        href=\"mailto:support-payback@phoenixgroup.eu\">support-payback@phoenixgroup.eu</a> oder 0621/850 580 00.\n    </p>\n  </div>\n</div>\n","import {Component, Inject, OnDestroy} from '@angular/core';\nimport {UserRestService} from '../../core/services/api/user.rest-service';\nimport {takeUntil} from 'rxjs/operators';\nimport {UserService} from '../../core/services/user.service';\nimport {Observable, Subject} from 'rxjs';\nimport * as moment from 'moment';\nimport {MatomoService} from '../../core/services/matomo.service';\nimport {InternalUserAuthority} from '../../core/models/enums/internal-user-authority.model';\nimport {ActivatedRoute, Router} from '@angular/router';\n\n@Component({\n  selector: 'payback',\n  templateUrl: './payback.component.html',\n  styleUrls: ['./payback.component.scss']\n})\nexport class PaybackComponent implements OnDestroy {\n  public ngUnsubscribe$ = new Subject<any>();\n\n  public idf: string;\n  public idfs$: Observable<any[]>;\n  public input = false;\n\n  public dateForPreviousMonthOfCurrentImport: Date;\n  public dateForCurrentImport: Date;\n  public currentlyDisplayedIdf;\n  public loading: boolean;\n  public month: number;\n  public error;\n  public payback;\n  public paybackType;\n  public showFreePoints = false;\n  public showKpis = false;\n  public showEducation = false;\n  notAllowedFreePoints: Array<string> = ['N', 'K'];\n  notAllowedKpis: Array<string> = ['N', 'K'];\n  notAllowedEducation: Array<string> = ['N', 'K', null];\n  protected readonly InternalUserAuthority = InternalUserAuthority;\n\n  constructor(@Inject(UserRestService) private userRestService: UserRestService,\n              @Inject('DA_STORE_URL') private DA_STORE_URL: string,\n              @Inject('DA_STORE_REFERRER') private DA_STORE_REFERRER: string,\n              @Inject('CDN') public CDN,\n              @Inject(UserService) public userService: UserService,\n              private router: Router,\n              private matomoService: MatomoService) {\n\n    this.dateForCurrentImport = moment().date(1).toDate();\n    this.dateForPreviousMonthOfCurrentImport = moment().subtract(1, 'months').date(1).toDate();\n    this.loading = true;\n\n    if (this.userService.isPhoenixUser() || this.userService.isInternalUser()) {\n      this.input = true;\n    }\n\n    this.userService.selectedIdf$.subscribe(idf => {\n      if (idf) {\n            this.paybackType = idf.paybackType;\n            if(!this.userService.isPhoenixUser() && !this.userService.isInternalUser()) {\n            }\n\n            this.currentlyDisplayedIdf = idf.idf;\n            if (this.paybackType) {\n              this.showFreePoints = this.canSeeFreePoints(this.paybackType);\n              this.showKpis = this.canSeePaybackKpis(this.paybackType);\n              this.showEducation = this.canSeeEducation(this.paybackType);\n            }\n            this.loading = false;\n      }\n    })\n  }\n\n  canSeeFreePoints(paybackType) {\n    return !this.notAllowedFreePoints.includes(paybackType);\n  }\n\n  canSeePaybackKpis(paybackType) {\n    return !this.notAllowedKpis.includes(paybackType);\n  }\n\n  canSeeEducation(paybackType) {\n    return !this.notAllowedEducation.includes(paybackType);\n  }\n\n  trackClick(tileName: string) {\n    this.matomoService.trackEvent('Mein PAYBACK', 'Klick auf Tile', tileName);\n  }\n\n  /**\n   * Unsubscribe from all subscriptions.\n   */\n  ngOnDestroy() {\n    this.ngUnsubscribe$.next();\n    this.ngUnsubscribe$.complete();\n  }\n}\n","<!--KPIs-->\n<div class=\"content\">\n  <div class=\"widget kpi\" *ngIf=\"!loading\">\n    <div class=\"row mb-m\">\n      <a href=\"/#/payback\">\n        <i class=\"material-icons\"> keyboard_arrow_left </i> Zurück\n      </a>\n    </div>\n    <h2 class=\"pb-s\">PAYBACK Kennzahlen im Überblick ({{ currentKpis?.month | date:'MMMM yyyy' }})</h2>\n    <p>Hier haben Sie die relevantesten PAYBACK Kennzahlen im Überblick. Ihre Zahlen werden monatlich aktualisiert.</p>\n    <spinner *ngIf=\"loading\" message=\"Freipunkt-Informationen werden geladen.\"></spinner>\n    <div *ngIf=\"!loading\">\n      <div class=\"row mt-s\">\n        <div class=\"col-sm-4\">\n          <div class=\"mb-s\"><img src=\"/assets/img/icons/transactions.svg\" alt=\"Transaktionen\"></div>\n          <h4>Transaktionen <i class=\"fal fa-info-circle\"\n                               matTooltip=\"Anzahl der Transaktionen im angezeigten Monat, bei welchen\n                                         PAYBACK Punkte vergeben wurden\"></i>\n          </h4>\n          <div class=\"revenue\">\n            {{ currentKpis?.transactions | number:'1.0-0' }}\n          </div>\n        </div>\n        <div class=\"col-sm-4\">\n          <div class=\"mb-s\"><img src=\"/assets/img/icons/active-acount.svg\" alt=\"Aktive Konten\"></div>\n          <h4>Aktive Konten <i class=\"fal fa-info-circle\"\n                               matTooltip=\"Anzahl der verschiedenen PAYBACK Konten, die im angezeigten Monat\n                                          Punkte in Ihrer Apotheke gesammelt haben\"></i>\n          </h4>\n          <div class=\"revenue\">\n            {{ currentKpis?.active_accounts | number:'1.0-0' }}\n          </div>\n        </div>\n        <div class=\"col-sm-4\">\n          <div class=\"mb-s\"><img src=\"/assets/img/icons/existing-customers.svg\" alt=\"Bestandskunden\"></div>\n          <h4>Bestandskunden <i class=\"fal fa-info-circle\"\n                                matTooltip=\"Anzahl der Kunden, die regelmäßig in Ihrer Apotheke Punkte sammeln (mind. 1 Mal in den letzten 6 Monaten)\"></i>\n          </h4>\n          <div class=\"revenue\">\n            {{ currentKpis?.existing_customers | number:'1.0-0' }}\n          </div>\n        </div>\n      </div>\n      <div class=\"row mt-l\">\n        <div class=\"col-sm-4\">\n          <div class=\"mb-s\"><img src=\"/assets/img/icons/new-customers.svg\" alt=\"Neukunden\"></div>\n          <h4>Neukunden <i class=\"fal fa-info-circle\"\n                           matTooltip=\"Anzahl der Kunden, die in diesem Monat erstmals PAYBACK Punkte in\n                                     Ihrer Apotheke gesammelt haben\"></i>\n          </h4>\n          <div class=\"revenue\">\n            {{ currentKpis?.new_customers | number:'1.0-0'}}\n          </div>\n        </div>\n        <div class=\"col-sm-4\">\n          <div class=\"mb-s\"><img src=\"/assets/img/icons/reactivated-acounts.svg\" alt=\"Reaktivierte Kunden\">\n          </div>\n          <h4>Reaktivierte Kunden <i class=\"fal fa-info-circle\"\n                                     matTooltip=\"Anzahl der Kunden, die im angezeigten Monat seit längerer\n                                               Zeit wieder PAYBACK Punkte in Ihrer Apotheke gesammelt haben\"></i>\n          </h4>\n          <div class=\"revenue\">\n            {{ currentKpis?.reactivated_customers | number:'1.0-0'}}\n          </div>\n        </div>\n        <div class=\"col-sm-4\">\n          <div class=\"mb-s\"><img src=\"/assets/img/icons/possible-customers.svg\" alt=\"Potenzielle PAYBACK Kunden\">\n          </div>\n          <h4>Potenzielle PAYBACK Kunden <i class=\"fal fa-info-circle\"\n                                     matTooltip=\"Anzahl der aktiven PAYBACK Kunden im PLZ-Gebiet der Apotheke\"></i>\n          </h4>\n          <div class=\"revenue\">\n            {{ currentKpis?.active_cards | number:'1.0-0'}}\n          </div>\n        </div>\n      </div>\n      <!-- new KPIS-->\n      <div class=\"row mt-l\">\n        <div class=\"col-sm-4\">\n          <div class=\"mb-s\"><img src=\"/assets/img/icons/kauffrequenz.svg\" alt=\"Potenzielle PAYBACK Kunden\">\n          </div>\n          <h4>Kauffrequenz <i class=\"fal fa-info-circle\"\n                                     matTooltip=\"Häufigkeit, wie oft der PAYBACK Kunde pro Monat in Ihrer Apotheke einkaufen geht\"></i>\n          </h4>\n          <div class=\"revenue\">\n            {{ currentKpis?.sales_frequency| number:'1.2-2'}}\n          </div>\n        </div>\n        <div class=\"col-sm-4\">\n          <div class=\"mb-s\"><img src=\"/assets/img/icons/money.svg\" alt=\"Reaktivierte Kunden\">\n          </div>\n          <h4>Kosten pro Kundenkontakt <i class=\"fal fa-info-circle\"\n                                     matTooltip=\"Die durchschnittlichen Kosten, die Sie ein Kundenkontakt in diesem Monat gekostet hat\"></i>\n          </h4>\n          <div class=\"revenue\">\n            {{ currentKpis?.cost_per_customer| currency:'EUR':'symbol':'1.2-2'}}\n          </div>\n        </div>\n        <div class=\"col-sm-4\">\n          <div class=\"mb-s\"><img src=\"/assets/img/icons/kundenkontakte_pro_apo.svg\" alt=\"Neukunden\"></div>\n          <h4>Kundenkontakte pro Apotheke <i class=\"fal fa-info-circle\"\n                           matTooltip=\"Durchschnittliche Anzahl an Kundenkontakten, die in diesem Monat durch PAYBACK Maßnahmen im Umkreis Ihrer Apotheke erreicht wurden\"></i>\n          </h4>\n          <div class=\"revenue\">\n            {{ currentKpis?.customer_interactions_per_pharmacy| number:'1.0-0'}}\n          </div>\n        </div>\n      </div>\n      <p class=\"mt-l\">Die Definitionen der Kennzahlen sehen Sie, wenn Sie mit der Maus über das jeweilige „i“ neben den\n        Begriff gehen.</p>\n    </div>\n  </div>\n\n  <!--    CHART-->\n\n  <div class=\"widget\" *ngIf=\"!loading\">\n    <div class=\"chart\" echarts [options]=\"options\" (chartInit)=\"onChartInit($event)\"></div>\n    <p class=\"mt-l\">Bei Klick auf die unterschiedlichen Kennzahlen in der Legende bekommen Sie die entsprechende Kurve\n      in der Grafik angezeigt.</p>\n  </div>\n</div>\n","import {Component, Inject, OnDestroy, OnInit} from '@angular/core';\nimport {takeUntil} from 'rxjs/operators';\nimport {Subject} from 'rxjs';\nimport {formatDate} from '@angular/common';\nimport {UserRestService} from '../../../core/services/api/user.rest-service';\nimport {UserService} from \"../../../core/services/user.service\";\n\n@Component({\n  selector: 'app-payback-kpi',\n  templateUrl: './payback-kpi.component.html',\n  styleUrls: ['./payback-kpi.component.scss']\n})\nexport class PaybackKpiComponent implements OnInit, OnDestroy {\n\n  loading = false;\n  private error: null;\n  private currentlyDisplayedIdf: any;\n  public currentKpis: {\n    transactions: number;\n    active_accounts: number;\n    existing_customers: number;\n    average_receipt_value: number;\n    new_customers: number;\n    month: string;\n    reactivated_customers: number,\n    active_cards: number,\n    sales_frequency: number,\n    customer_interactions_per_pharmacy: number,\n    cost_per_customer: number\n  };\n\n  public ngUnsubscribe$ = new Subject<any>();\n  public chart;\n  public echartsInstance;\n  public options;\n\n  constructor(\n      @Inject(UserRestService) private userRestService: UserRestService,\n      private userService: UserService,\n  ) { }\n\n  ngOnInit(): void {\n    this.userService.selectedIdf$.subscribe(selectedIdf => {\n      if(this.isAllowed(selectedIdf.paybackType)) {\n        this.loadKpis(selectedIdf.idf);\n      }\n    });\n  }\n\n  isAllowed(type) {\n    return ['N', 'K'].indexOf(type) < 0;\n  }\n\n  loadKpis(idf) {\n    this.loading = true;\n    this.error = null;\n    this.currentlyDisplayedIdf = idf;\n    console.log(this.currentlyDisplayedIdf);\n    this.userRestService.getPaybackKpis(idf).pipe(takeUntil(this.ngUnsubscribe$))\n    .subscribe(res => {\n          if (res.returnObject) {\n            this.currentKpis = res.returnObject[0];\n            this.loadChart(res.returnObject);\n\n          } else {\n            this.loadChart([]);\n          }\n          this.loading = false;\n        },\n\n        error => {\n          this.error = error.message;\n          this.loading = false;\n          this.loadChart([]);\n        }\n    );\n  }\n\n\n  loadChart(data) {\n    this.options = {\n      title: {\n        text: 'Performance der letzten 12 Monate',\n        textStyle: {\n          color: '#393938', fontFamily: 'Roboto Light', fontSize: 24\n        }\n      },\n      color: [\n        '#009775',\n        '#92d400',\n        '#393938',\n        '#999999',\n        '#91c7ae',\n        '#749f83',\n        '#92d400',\n        '#bda29a',\n        '#009775',\n        '#999999',\n        '#c4ccd3'\n      ],\n      tooltip: {\n        trigger: 'axis',\n        formatter: this.formatTooltip\n      },\n      legend: {\n        data: [\n          {\n            name: 'Transaktionen',\n            icon: 'circle',\n            backgroundColor: '#92d400'\n          }\n          ,\n          // {\n          //     name: 'Bonwert',\n          //     icon: 'circle',\n          //     backgroundColor: '#009775'\n          // },\n          {\n            name: 'Neukunden',\n            icon: 'circle',\n            backgroundColor: '#393938'\n          },\n          {\n            name: 'Aktive Konten',\n            icon: 'circle',\n            backgroundColor: '#999999'\n          }\n        ],\n        bottom: 0,\n        selectedMode: 'single',\n        left: 80,\n        itemGap: 35,\n        selected: {\n          'Bonwert': false,\n          'Neukunden': false,\n          'Aktive Konten': false\n        }\n      },\n      grid: {\n        left: '3%',\n        right: '3%',\n        bottom: '10%',\n        top: '20%',\n        containLabel: true,\n      }, xAxis: {\n        axisLabel: {\n          fontSize: 16,\n          fontFamily: 'Roboto Light',\n          color: '#999999',\n          padding: [25, 0, 0, 0],\n        },\n        axisLine: {\n          show: false\n        },\n        axisTick: {\n          show: false\n        },\n        type: 'category',\n        boundaryGap: false,\n        data: this.getDataMonths(data),\n        inverse: 'true',\n        padding: [0, 30, 0, 0]\n      },\n      yAxis: {\n        type: 'value',\n        axisLabel: {\n          formatter: this.formatYAxisLabel,\n          fontSize: 16,\n          fontFamily: 'Roboto Light',\n          color: '#999999',\n          padding: [0, 15, 5, 0],\n        },\n        axisLine: {\n          show: false\n        },\n        axisTick: {\n          show: false\n        },\n      },\n      series: this.getChartSeries(data)\n    };\n  }\n\n\n  formatTooltip(params, ticket, callback) {\n    let res = params[0].name;\n    for (let i = 0, l = params.length; i < l; i++) {\n      res += '<br/>' + params[i].marker + params[i].seriesName + ': ' + params[i].value.toLocaleString('de-DE');\n    }\n    return res;\n  }\n\n\n  formatYAxisLabel(value) {\n    return value.toLocaleString('de-DE');\n  }\n\n  getChartSeries(data) {\n    if (data.length === 0) {\n      return [\n        {\n          name: 'Transaktionen',\n          type: 'line',\n          data: [0],\n        },\n        // {\n        //     name: 'Bonwert',\n        //     type: 'line',\n        //     data: [0],\n        // },\n        {\n          name: 'Neukunden',\n          type: 'line',\n          data: [0],\n        },\n        {\n          name: 'Aktive Konten',\n          type: 'line',\n          data: [0],\n        }\n      ];\n    }\n\n    const transactions = [];\n    // const receipts = [];\n    const newCustomers = [];\n    const activeAccounts = [];\n\n    for (const point of data) {\n      transactions.push(point.transactions);\n      // receipts.push(point.average_receipt_value);\n      newCustomers.push(point.new_customers);\n      activeAccounts.push(point.active_accounts);\n    }\n\n    return [\n      {\n        name: 'Transaktionen',\n        type: 'line',\n        data: transactions,\n      },\n      // {\n      //     name: 'Bonwert',\n      //     type: 'line',\n      //     data: receipts,\n      // },\n      {\n        name: 'Neukunden',\n        type: 'line',\n        data: newCustomers,\n      },\n      {\n        name: 'Aktive Konten',\n        type: 'line',\n        data: activeAccounts,\n      }\n    ];\n  }\n\n  getDataMonths(data) {\n    if (data.length === 0) {\n      return ['Jan', 'Feb', 'März', 'April', 'Mai', 'Juni', 'Juli', 'Aug', 'Sep', 'Okt', 'Nov', 'Dez'];\n    }\n\n    const months = [];\n    for (const point of data) {\n      months.push(formatDate(point.month, 'LLL', 'de-DE'));\n    }\n    return months;\n  }\n\n  onChartInit(ec) {\n    this.echartsInstance = ec;\n  }\n\n  /**\n   * Unsubscribe from all subscriptions.\n   */\n  ngOnDestroy() {\n    this.ngUnsubscribe$.next();\n    this.ngUnsubscribe$.complete();\n  }\n}\n","<div class=\"content\">\n  <div *ngIf=\"!isAllowed(currentIdf.paybackType)\">\n    <div class=\"widget\">Not allowed ...</div>\n  </div>\n  <div *ngIf=\"isAllowed(currentIdf.paybackType)\">\n  <div class=\"widget free\" *ngIf=\"!loading && !isLinda\">\n    <div class=\"row mb-m\">\n      <a href=\"/#/payback\">\n        <i class=\"material-icons\"> keyboard_arrow_left </i> Zurück\n      </a>\n    </div>\n    <h2 class=\"pb-s\">Freipunkte</h2>\n    <div *ngIf=\"!loading && !error\">\n      <p >Hier sehen Sie den aktuellen PAYBACK Punktestand Ihrer Apotheke:</p>\n      <div class=\"row mt-l\">\n        <div class=\"col-4\" aria-hidden=\"true\">\n          <img src=\"{{ CDN }}/payback/Freipunkte-werden-angezeigt_web.png\" alt=\"Payback Pointee\"/>\n        </div>\n        <div class=\"col-sm-8 col-lg-5\">\n          <spinner *ngIf=\"loading\" message=\"Freipunkt-Informationen werden geladen.\"></spinner>\n          <div *ngIf=\"!loading && !error\">\n            <p>Aktuell noch verfügbare Freipunkte:</p>\n            <p class=\"payback-point-total\">{{(currentPoints?.remainingPoints ? currentPoints?.remainingPoints\n                : 0) | number}}</p>\n            <p class=\"tiny\" *ngIf=\"currentPoints?.dataFrom\">\n              Stand: {{currentPoints?.dataFrom | date:'dd.MM.yyyy, hh:mm'}} Uhr</p>\n            <p class=\"mt-m\">Ihre Punkte im Detail:</p>\n            <div class=\"row justify-content-between\">\n              <div class=\"col-md-1\"></div>\n              <div class=\"col-md-3 text-right\">{{(currentPoints?.monthlyPoints ? currentPoints?.monthlyPoints\n                  : 0) | number}}</div>\n              <div class=\"col-md\">Vertraglich vereinbarte Freipunkte</div>\n            </div>\n            <div class=\"row justify-content-between\">\n              <div class=\"col-md-1\"><i class=\"fas fa-plus-circle\"></i></div>\n              <div class=\"col-md-3 text-right\">{{(currentPoints?.lastMonthPoints ? currentPoints?.lastMonthPoints\n                  : 0) | number}} </div>\n              <div class=\"col-md\">übertragene Punkte aus Vormonat</div>\n            </div>\n            <div class=\"row justify-content-between\">\n              <div class=\"col-md-1\"><i class=\"fas fa-minus-circle\"></i></div>\n              <div class=\"col-md-3 text-right\">{{(currentPoints?.currentPoints ? currentPoints?.currentPoints\n                  : 0) | number}} </div>\n              <div class=\"col-md\">bereits vergebene Punkte</div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n    <div *ngIf=\"!loading && error\">\n        <p>Ihr Punktestand wird derzeit berechnet! Bitte schauen Sie doch in den nächsten Tagen nochmals\n          vorbei.</p>\n        <img src=\"{{ CDN }}/payback/Freipunkte-werden-berechnet_web.png\" class=\"img-fluid\"\n             alt=\"Payback Pointee\"/>\n      </div>\n  </div>\n  <div class=\"widget free\" *ngIf=\"!loading && isLinda\">\n    <div class=\"row mb-m\">\n      <a href=\"/#/payback\">\n        <i class=\"material-icons\"> keyboard_arrow_left </i> Zurück\n      </a>\n    </div>\n    <h2 class=\"pb-s\">Punktestand</h2>\n    <div *ngIf=\"!loading && !error\">\n      <p >Hier sehen Sie den aktuellen PAYBACK Punktestand Ihrer Apotheke:</p>\n      <div class=\"row mt-l\">\n        <div class=\"col-4\" aria-hidden=\"true\">\n          <img src=\"{{ CDN }}/payback/Freipunkte-werden-angezeigt_web.png\" alt=\"Payback Pointee\"/>\n        </div>\n        <div class=\"col-sm-8 col-lg-5\">\n          <spinner *ngIf=\"loading\" message=\"Punkt-Informationen werden geladen.\"></spinner>\n          <div *ngIf=\"!loading && !error\">\n            <p>Aktuell vergebene PAYBACK Punkte:</p>\n            <p class=\"payback-point-total\">{{(currentPoints?.currentPoints ? currentPoints?.currentPoints\n                : 0) | number}}</p>\n            <p class=\"tiny\" *ngIf=\"currentPoints?.dataFrom\">\n              Stand: {{currentPoints?.dataFrom | date:'dd.MM.yyyy, hh:mm'}} Uhr</p>\n          </div>\n        </div>\n      </div>\n    </div>\n    <div *ngIf=\"!loading && error\">\n        <p>Ihr Punktestand wird derzeit berechnet! Bitte schauen Sie doch in den nächsten Tagen nochmals\n          vorbei.</p>\n        <img src=\"{{ CDN }}/payback/Freipunkte-werden-berechnet_web.png\" class=\"img-fluid\"\n             alt=\"Payback Pointee\"/>\n      </div>\n  </div>\n  </div>\n</div>\n","import {Component, Inject, OnInit} from '@angular/core';\nimport {takeUntil} from 'rxjs/operators';\nimport {Subject} from 'rxjs';\nimport {UserRestService} from '../../../core/services/api/user.rest-service';\nimport {UserService} from \"../../../core/services/user.service\";\n\n@Component({\n  selector: 'app-payback-points',\n  templateUrl: './payback-points.component.html',\n  styleUrls: ['./payback-points.component.scss']\n})\nexport class PaybackPointsComponent implements OnInit {\n  public currentPoints;\n  public loading: boolean;\n  public month: number;\n  public error;\n  public dateForPreviousMonthOfCurrentImport: Date;\n  public dateForCurrentImport: Date;\n  public ngUnsubscribe$ = new Subject<any>();\n  public isLinda = false;\n  public paybackType;\n  public currentIdf: any = null;\n\n  constructor(@Inject(UserRestService) private userRestService: UserRestService,\n              private userService: UserService,\n              @Inject('CDN') public CDN) { }\n\n  ngOnInit(): void {\n    this.userService.selectedIdf$.subscribe(selectedIdf => {\n      if(this.isAllowed(selectedIdf.paybackType)) {\n        this.getPaybackType(selectedIdf);\n        this.loadPoints(selectedIdf.idf);\n      }\n      this.currentIdf = selectedIdf;\n    });\n  }\n\n  isAllowed(type) {\n    return ['N', 'K'].indexOf(type) < 0;\n  }\n\n  loadPoints(idf) {\n    this.loading = true;\n    this.error = null;\n    this.userRestService.getPaybackCurrentPoints(idf).pipe(takeUntil(this.ngUnsubscribe$))\n    .subscribe(res => {\n          if (res.returnObject) {\n            this.currentPoints = res.returnObject;\n            this.dateForCurrentImport = new Date(this.currentPoints.dataFrom);\n\n          } else {\n            this.error = 'Ihr Punktestand wird derzeit berechnet!\\n' +\n                '\\n' +\n                'Bitte schauen Sie doch in den nächsten Tagen nochmals vorbei.';\n          }\n          this.loading = false;\n        },\n\n        error => {\n          this.error = error.message;\n          this.loading = false;\n        });\n  }\n\n  getPaybackType(idf) {\n      this.paybackType = idf.paybackType;\n      if (this.paybackType === 'J') {\n        this.isLinda = true;\n      }\n      this.loading = false;\n  }\n}\n","import { Component, OnInit } from '@angular/core';\nimport {VideoDialogComponent} from \"../../public/video-dialog/video-dialog.component\";\nimport {MatDialog} from '@angular/material/dialog';\n\n@Component({\n  selector: 'app-payback-lernwelt',\n  templateUrl: './payback-lernwelt.component.html',\n  styleUrls: ['./payback-lernwelt.component.scss']\n})\nexport class PaybackLernweltComponent implements OnInit {\n\n  constructor(\n      public dialog: MatDialog,\n  ) { }\n\n  ngOnInit(): void {\n  }\n\n  openDialog(typ): void {\n    const dialogRef = this.dialog.open(VideoDialogComponent, {\n      data: {type: typ},\n    });\n  }\n}\n","<div class=\"content\">\n  <div class=\"widget\">\n    <div class=\"row mb-m\">\n      <a href=\"/#/payback\">\n        <i class=\"material-icons\"> keyboard_arrow_left </i> Zurück\n      </a>\n    </div>\n    <h2 class=\"pb-s\">Lernwelt</h2>\n\n    <p>Sie haben Interesse Ihr PAYBACK Basiswissen aufzufrischen oder sind ganz neu mit dabei? Dann freuen Sie sich auf\n      Inhalte rund um das PAYBACK Programm, welche wir Ihnen in der Lernwelt zur Verfügung stellen.</p>\n    <p>Bitte beachten Sie, dass die Videos nur für den internen Gebrauch innerhalb des Apothekenteams gedacht sind.</p>\n\n    <div class=\"row row-cols-1 row-cols-md-2 row-cols-lg-3 snackable-cards mt-l\">\n      <div class=\"col mb-4\">\n        <div class=\"card h-100\">\n          <div class=\"card-body p-0\">\n            <a class=\"linki\" (click)=\"openDialog('lernwelt1')\">Was ist PAYBACK?</a>\n          </div>\n          <img src=\"https://cspappsacc.blob.core.windows.net/payback/ss/was-ist-payback-ss.png\"\n               class=\"cursorPointer card-img-bottom\"\n               alt=\"Was ist PAYBACK?\" (click)=\"openDialog('lernwelt1')\">\n        </div>\n      </div>\n      <div class=\"col mb-4\">\n        <div class=\"card h-100\">\n          <div class=\"card-body p-0\">\n            <a class=\"linki\" (click)=\"openDialog('lernwelt2')\">So werden Punkte gesammelt</a>\n          </div>\n          <img src=\"https://cspappsacc.blob.core.windows.net/payback/ss/so-werden-punkte-gasammelt-ss.png\"\n               class=\"cursorPointer card-img-bottom\"\n               alt=\"So werden Punkte gesammelt\" (click)=\"openDialog('lernwelt2')\">\n        </div>\n      </div>\n      <div class=\"col mb-4\">\n        <div class=\"card h-100\">\n          <div class=\"card-body p-0\">\n            <a class=\"linki\" (click)=\"openDialog('lernwelt3')\">Punkte vervielfachen und einlösen</a>\n          </div>\n          <img src=\"https://cspappsacc.blob.core.windows.net/payback/ss/Punkte vervielfachen und einlösen-ss.png\"\n               class=\"cursorPointer card-img-bottom\"\n               alt=\"Punkte vervielfachen und einlösen\" (click)=\"openDialog('lernwelt3')\">\n        </div>\n      </div>\n      <div class=\"col mb-4\">\n        <div class=\"card h-100\">\n          <div class=\"card-body p-0\">\n            <a class=\"linki\" (click)=\"openDialog('lernwelt4')\">Anmeldung für Neukunden und Wichtigkeit des\n              Datenschutzes</a>\n          </div>\n          <img\n              src=\"https://cspappsacc.blob.core.windows.net/payback/ss/Anmeldung für Neukunden und Wichtigkeit des Datenschutzes-ss.png\"\n              class=\"cursorPointer card-img-bottom\"\n              alt=\"Anmeldung für Neukunden und Wichtigkeit des Datenschutzes\" (click)=\"openDialog('lernwelt4')\">\n        </div>\n      </div>\n      <div class=\"col mb-4\">\n        <div class=\"card h-100\">\n          <div class=\"card-body p-0\">\n            <a class=\"linki\" (click)=\"openDialog('lernwelt5')\">Wie Sie von PAYBACK profitieren können</a>\n          </div>\n          <img src=\"https://cspappsacc.blob.core.windows.net/payback/ss/Wie Sie von PAYBACK profitieren können-ss.png\"\n               class=\"cursorPointer card-img-bottom\"\n               alt=\"Wie Sie von PAYBACK profitieren können\" (click)=\"openDialog('lernwelt5')\">\n        </div>\n      </div>\n      <div class=\"col mb-4\">\n        <div class=\"card h-100\">\n          <div class=\"card-body p-0\">\n            <a class=\"linki\" (click)=\"openDialog('lernwelt6')\">Kunden auf PAYBACK ansprechen</a>\n          </div>\n          <img src=\"https://cspappsacc.blob.core.windows.net/payback/ss/kunden-auf-payback-ansprechen-ss.png\"\n               class=\"cursorPointer card-img-bottom\"\n               alt=\"Kunden auf PAYBACK ansprechen\" (click)=\"openDialog('lernwelt6')\">\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n","import {NgModule} from '@angular/core';\nimport {CommonModule} from '@angular/common';\nimport {RouterModule} from '@angular/router';\nimport {PaybackComponent} from './payback.component';\nimport {MatFormFieldModule} from '@angular/material/form-field';\nimport {MatSelectModule} from '@angular/material/select';\nimport {MatInputModule} from '@angular/material/input';\nimport {PaybackKpiComponent} from './payback-kpi/payback-kpi.component';\nimport {PaybackPointsComponent} from './payback-points/payback-points.component';\nimport {FormsModule} from '@angular/forms';\nimport {SpinnerModule} from '../shared/spinner/spinner.module';\nimport {NgxEchartsModule} from 'ngx-echarts';\nimport {MatTooltipModule} from '@angular/material/tooltip';\nimport { PaybackLernweltComponent } from './payback-lernwelt/payback-lernwelt.component';\n\nexport const routes = [\n  {\n    path: '',\n    children: [\n      {path: '', component: PaybackComponent, pathMatch: 'full'},\n      {\n        path: 'kpi', component: PaybackKpiComponent,\n      },\n      {\n        path: 'points', component: PaybackPointsComponent,\n      },\n      {\n        path: 'lernwelt', component: PaybackLernweltComponent,\n      }\n    ]\n  }\n];\n\n@NgModule({\n  imports: [\n    CommonModule,\n    RouterModule.forChild(routes),\n    MatFormFieldModule,\n    MatSelectModule,\n    MatInputModule,\n    FormsModule,\n    SpinnerModule,\n    NgxEchartsModule,\n    MatTooltipModule\n  ],\n  declarations: [\n    PaybackComponent,\n    PaybackKpiComponent,\n    PaybackPointsComponent,\n    PaybackLernweltComponent\n  ],\n  entryComponents: [],\n  providers: []\n})\nexport class PaybackModule {\n  static routes = routes;\n}\n"]}