Class PollModal

Component for displaying a poll modal, allowing users to create, vote, and end polls within a session.

Component

Selector

app-poll-modal

Standalone

true

Template Url

./poll-modal.component.html

Style Urls

['./poll-modal.component.css']

Imports

[CommonModule, FontAwesomeModule, FormsModule]

Example

<app-poll-modal
  [isPollModalVisible]="true"
  [onClose]="closeModalFunction"
  [member]="currentMember"
  [islevel]="'2'"
  [polls]="pollList"
  [poll]="selectedPoll"
  [socket]="socketInstance"
  [roomName]="'exampleRoom'"
  [handleCreatePoll]="createPollFunction"
  [handleEndPoll]="endPollFunction"
  [handleVotePoll]="votePollFunction"
></app-poll-modal>

Implements

  • OnInit
  • OnChanges

Accessors

modalContainerStyle modalContentStyle

Constructors

constructor

Methods

ngOnInit ngOnChanges renderPolls calculatePercentage handlePollTypeChange validateAndCreatePoll handledVotePoll handledEndPoll

Properties

isPollModalVisible onClose position backgroundColor member islevel polls poll socket roomName showAlert updateIsPollModalVisible handleCreatePoll handleEndPoll handleVotePoll faTimes newPoll screenWidth modalWidth

Accessors

modalContainerStyle

  • get modalContainerStyle(): {
        position: string;
        top: number;
        left: number;
        width: string;
        height: string;
        backgroundColor: string;
        display: string;
        zIndex: number;
    }

  • Returns {
        position: string;
        top: number;
        left: number;
        width: string;
        height: string;
        backgroundColor: string;
        display: string;
        zIndex: number;
    }

    • position: string
    • top: number
    • left: number
    • width: string
    • height: string
    • backgroundColor: string
    • display: string
    • zIndex: number

modalContentStyle

  • get modalContentStyle(): {
        position: string;
        backgroundColor: string;
        borderRadius: string;
        padding: string;
        width: string;
        maxHeight: string;
        overflowY: string;
        top: string;
        bottom: string;
        left: string;
        right: string;
    }

  • Returns {
        position: string;
        backgroundColor: string;
        borderRadius: string;
        padding: string;
        width: string;
        maxHeight: string;
        overflowY: string;
        top: string;
        bottom: string;
        left: string;
        right: string;
    }

    • position: string
    • backgroundColor: string
    • borderRadius: string
    • padding: string
    • width: string
    • maxHeight: string
    • overflowY: string
    • top: string
    • bottom: string
    • left: string
    • right: string

Constructors

constructor

Methods

ngOnInit

  • ngOnInit(): void

  • A callback method that is invoked immediately after the default change detector has checked the directive's data-bound properties for the first time, and before any of the view or content children have been checked. It is invoked only once when the directive is instantiated.

    Returns void

ngOnChanges

  • ngOnChanges(changes): void

  • A callback method that is invoked immediately after the default change detector has checked data-bound properties if at least one has changed, and before the view and content children are checked.

    Parameters

    • changes: SimpleChanges

      The changed properties.

    Returns void

renderPolls

calculatePercentage

handlePollTypeChange

validateAndCreatePoll

handledVotePoll

handledEndPoll

Properties

isPollModalVisible

isPollModalVisible: boolean = false

onClose

onClose: (() => void)

position

position: string = 'topRight'

backgroundColor

backgroundColor: string = '#f5f5f5'

member

member: string = ''

islevel

islevel: string = ''

polls

polls: Poll[] = []

poll

poll: null | Poll = null

socket

socket: Socket<DefaultEventsMap, DefaultEventsMap> = ...

roomName

roomName: string = ''

showAlert

showAlert: ShowAlert = ...

updateIsPollModalVisible

updateIsPollModalVisible: ((isVisible: boolean) => void) = ...

handleCreatePoll

handleCreatePoll: HandleCreatePollType

handleEndPoll

handleEndPoll: HandleEndPollType

handleVotePoll

handleVotePoll: HandleVotePollType

faTimes

faTimes: IconDefinition = faTimes

newPoll

newPoll: any = ...

screenWidth

screenWidth: number = window.innerWidth

modalWidth

modalWidth: number = ...

Settings

Member Visibility

On This Page

Accessors
Constructors
Methods
Properties