Web SDK documentation
  1. Components
  2. CookieBannerPreferencesModalComponent

File

core/bootstrap/cookie-banner/cookie-banner-preferences-modal/cookie-banner-preferences-modal.component.ts

Metadata

selector c8y-cookie-banner-preferences-modal
templateUrl ./cookie-banner-preferences-modal.component.html

Index

Properties
Methods

Constructor

constructor(cookieBannerService: CookieBannerService)
Parameters :
Name Type Optional
cookieBannerService CookieBannerService No

Methods

getCookieDescription
getCookieDescription(cookieType: "required" | "functional" | "marketing")
Parameters :
Name Type Optional
cookieType "required" | "functional" | "marketing" No
Returns : string
Async ngAfterViewInit
ngAfterViewInit()
Returns : any
ngOnInit
ngOnInit()
Returns : void
onClose
onClose()
Returns : void
onDismiss
onDismiss()
Returns : void

Properties

closeSubject
Type : Subject<CookiePreferences>
Default value : new Subject()
configCookiePreferences
Type : CookiePreferences
configCookiePreferencesList
Type : Cookie[]
labels
Type : ModalLabels
Default value : { ok: gettext('Save settings'), cancel: gettext('Cancel') }
modalRef
Type : ConfirmModalComponent
Decorators :
@ViewChild('modalRef', {static: false})
status
Type : StatusType
Default value : Status.INFO
title
Default value : gettext('Cookie preferences') 
<c8y-confirm-modal [title]="title" [status]="status" [labels]="labels" #modalRef>

  <div *ngFor="let item of configCookiePreferencesList" class="row p-t-8 p-b-8 separator-top">
    <div class="col-xs-2">
      <div class="text-center">
        <label class="c8y-switch">
          <input
            name="{{ item.name }}"
            type="checkbox"
            [(ngModel)]="item.value"
            [disabled]="item.isReadonly"
          />
          <span></span>
        </label>
      </div>
    </div>
    <div class="col-xs-10">
      <h4 class="text-medium">
        {{ item.name | translate | humanize }}
      </h4>
      <p>
        {{ getCookieDescription(item.name) | translate }}
      </p>
    </div>
  </div>
</c8y-confirm-modal>

results matching ""

    No results matching ""