Ideone.com

fork download

copy

<p-toast></p-toast>
<div class="container">
    <!--  <div *ngIf="mode === 'list'"> -->
    <div *ngIf="mode === 'list'">
        <p-button
            [rounded]="true"
            icon="pi pi-arrow-right"
            class="btn btn-danger"
            (click)="backToMail()"
            label="Test To Mailing List"
        />
 
        <div class="text-center mb-3">
            <h3>Group Mailing List</h3>
        </div>
        <div class="card shadow">
            <div class="card-body">
                <div class="grid-container mb-4 mt-2">
                    <span class="p-float-label input-group">
                        <input
                            type="text"
                            pInputText
                            id="groupName"
                            [(ngModel)]="searchFilters.groupName"
                        />
                        <label class="font-normal">Group Name</label>
                    </span>
                    <!-- Button Search Group Name -->
                    <p-button
                        label="Search"
                        icon="pi pi-search"
                        [raised]="true"
                        severity="help"
                        (click)="searchGroups()"
                    />
                    <span></span>
                </div>
 
                <!--Button ADD Group -->
 
                <div class="text-end mb-4 mt-3">
                    <p-button
                        class="btn btn-light"
                        (click)="addGroup()"
                        icon="pi pi-plus"
                        label="Add group"
                        severity="success"
                    />
                </div>
 
                <!--Table of Group Name -->
                <p-table
                    [value]="filteredGroupList"
                    [paginator]="true"
                    [rows]="10"
                    [rowsPerPageOptions]="[5, 10, 20]"
                    [showCurrentPageReport]="true"
                    currentPageReportTemplate="Showing {first} to {last} of {totalRecords} entries"
                >
                    <!-- Header Table -->
                    <ng-template pTemplate="header">
                        <tr>
                            <th>No.</th>
                            <th>Detail</th>
                            <th>Action</th>
                            <th>Group Name</th>
                            <th>Create Date</th>
                            <th>Create By</th>
                            <th>Modified By</th>
                        </tr>
                    </ng-template>
                    <ng-template let-group pTemplate="body" let-i="rowIndex">
                        <tr>
                            <td>{{ i + 1 }}</td>
                            <td>
                                <p-button
                                pTooltip="View Email in Group" 
                                tooltipPosition="top"
                                    icon="pi pi-eye"
                                    class=""
                                    (click)="viewDetails(group)"
                                    severity="secondary"
                                >
                                </p-button>
                            </td>
                            <td>
                                <p-button
                                pTooltip="Edit Group" 
                                tooltipPosition="top"
                                    icon="pi pi-pencil"
                                    class="btn btn-warning"
                                    (click)="editGroup(group)"
                                    severity="warning"
                                >
                                </p-button>
                                <p-button
                                pTooltip="Delete Group" 
                                tooltipPosition="top"
                                    icon="pi pi-trash"
                                    class="btn btn-danger"
                                    (click)="deleteGroup(group)"
                                    severity="danger"
                                >
                                </p-button>
                            </td>
                            <td>{{ group.groupName }}</td>
                            <td>{{ group.createdDate | date: 'dd-MM-yyyy' }}</td>
                            <td>{{ group.createdBy }}</td>
                            <td>{{ group.updatedBy }}</td>
                            <td>{{ group.groupName_ID }} </td>
 
                        </tr>
                    </ng-template>
                </p-table>
                <p></p>
            </div>
        </div>
    </div>
 
    <!-- MODE ADD PAGE LIST-->
    <div *ngIf="mode === 'add'">
        <p-dialog
            header="Header"
            [(visible)]="visible"
            [modal]="true"
            [style]="{ width: '30rem' }"
            (onHide)="closeDialogAD()"
        >
            <ng-template pTemplate="header">
                <div
                    class="inline-flex align-items-center justify-content-center gap-2"
                >
                    <span class="font-bold white-space-nowrap">
                        Create Group
                    </span>
                </div>
            </ng-template>
 
            <span class="p-text-secondary block mb-5"
                >Please Insert a Group Name</span
            >
            <div class="flex align-items-center gap-3 mb-3">
                <input
                    pInputText
                    id="GroupName"
                    [(ngModel)]="newGroupName"
                    class="flex-auto"
                    autocomplete="off"
                />
            </div>
 
            <!-- Button Cancle AND Create -->
            <ng-template pTemplate="footer">
                <p-button
                    icon="pi pi-check"
                    label="CREATE"
                    (click)="saveGroup()"
                />
                <p-button
                    icon="pi pi-times"
                    label="CANCLE"
                    (click)="backToList()"
                    severity="danger"
                />
            </ng-template>
        </p-dialog>
    </div>
 
    <!-- EDIT GROUP PAGE LIST-->
    <div *ngIf="mode === 'ed'">
        <p-dialog
            header="Header"
            [(visible)]="visible"
            [modal]="true"
            [style]="{ width: '30rem' }"
            (onHide)="closeDialogED()"
        >
            <ng-template pTemplate="header">
                <div
                    class="inline-flex align-items-center justify-content-center gap-2"
                >
                    <span class="font-bold white-space-nowrap">
                        Edit Group
                    </span>
                </div>
            </ng-template>
 
            <span class="p-text-secondary block mb-5"
                >Please Insert new a Group Name</span
            >
            <div class="flex align-items-center gap-3 mb-3">
                <input
                    pInputText
                    id="GroupName"
                    [(ngModel)]="newGroupName"
                    class="flex-auto"
                    autocomplete="off"
                />
            </div>
 
            <!-- Button Save AND Cancel -->
            <ng-template pTemplate="footer">
                <p-button
                    icon="pi pi-save"
                    label="Save"
                    (click)="saveGroup()"
                    severity="success"
                />
                <p-button
                    icon="pi pi-times"
                    label="Cancel"
                    (click)="backToList()"
                    severity="danger"
                />
            </ng-template>
        </p-dialog>
    </div>
 
    <!-- Detail In GROUP PAGE LIST-->
    <div *ngIf="mode === 'dt'">
        <p-button
            pTooltip="Back to Group Mailing List" 
            tooltipPosition="right"
            [rounded]="true"
            icon="pi pi-arrow-left"
            class="btn btn-danger"
            (click)="backToList()"
        />
 
        <div class="text-center mb-3">
            <h3>Mailing List : {{ currentGroupName }}</h3>
        </div>
 
        <div class="card shadow">
            <div class="card-body">
                <!-- Email -->
                <div class="grid-container mb-4 mt-2">
                    <span class="p-float-label input-group">
                        <input type="text" pInputText id="email"  [(ngModel)]="searchFiltersEmail.email"  
                        placeholder="Search Email" />
                        <label class="font-normal">Email</label>
                    </span>
                    <span></span>
                    <span></span>
                </div>
 
                <!-- Field Date, Create By, Modified By -->
                <div class="grid-container mb-4">
                    <span class="p-float-label input-group">
                        <input type="text" pInputText id="customerCode"  [(ngModel)]="searchFiltersEmail.customerCode"  
                        placeholder="Search Customer Code" />
                        <label class="font-normal">Customer Code</label>
                    </span>
 
                    <span class="p-float-label input-group">
                        <input type="text" pInputText id="customerName"  [(ngModel)]="searchFiltersEmail.customerName"  
                        placeholder="Search Customer Name"/>
                        <label class="font-normal">Customer Name</label>
                    </span>
 
                    <p-button
                        label="Search"
                        severity="help"
                        icon="pi pi-search"
                        class="p-button-true ms-2"
                        (click)="searchEmail()"
                    />
                </div>
 
                <div class="grid-container mb-3">
                    <span class="p-float-label input-group">
                        <input type="text" pInputText id="mobile" [(ngModel)]="searchFiltersEmail.mobile" />
                        <label class="font-normal">Mobile</label>
                    </span>
 
                    <span class="p-float-label input-group">
                        <input type="text" pInputText id="telephone" [(ngModel)]="searchFiltersEmail.telephone" />
                        <label class="font-normal">Telephone</label>
                    </span>
 
                    <span class="p-float-label input-group">
                        <input type="text" pInputText id="zipCode" [(ngModel)]="searchFiltersEmail.zipCode" />
                        <label class="font-normal">Zipcode</label>
                    </span>
                </div>
                <!-- Button Add Email ,Import ,Export -->
                <div class="flex align-items-center gap-2 mb-3 mt-4">
                    <p-button
                        class="btn btn-light"
                        (click)="addEmail()"
                        label="Add Email"
                        icon="pi pi-plus"
                        severity="success"
                    />
                    <p-button
                        class="btn btn-light"
                        (click)="importEmail()"
                        icon="pi pi-download"
                        label="Import"
                    />
                    <p-button
                        class="btn btn-danger"
                        (click)="exportFile()"
                        label="Export"
                        icon="pi pi-upload"
                        severity="warning"
                    />
                </div>
 
                <!-- Table Mailing List in Group-->
                <p-table
                    [value]="mailingList"
                    [paginator]="true"
                    [rows]="10"
                    [rowsPerPageOptions]="[5, 10, 20, 50]"
                    [showCurrentPageReport]="true"
                    currentPageReportTemplate="Showing {first} to {last} of {totalRecords} entries"
                >
                    <ng-template pTemplate="header">
                        <tr>
                            <th>No.</th>
                            <th>Action</th>
                            <th>Customer Code</th>
                            <th>Customer Name</th>
                            <th>Email</th>
                            <th>Mobile</th>
                            <th>Telephone</th>
                            <th>Address</th>
                            <th>Zipcode</th>
                        </tr>
                    </ng-template>
                    <ng-template let-mail pTemplate="body" let-i="rowIndex">
                        <tr>
                            <td>{{ i + 1 }}</td>
                            <td>
                                <p-button
                                pTooltip="Edit Customer" 
                                tooltipPosition="top"
                                    icon="pi pi-pencil"
                                    class="btn btn-warning"
                                    (click)="editCustomer(mail)"
                                    severity="warning"
                                >
                                </p-button>
                                <p-button
                                pTooltip="Delete Customer" 
                                tooltipPosition="top"
                                    icon="pi pi-trash"
                                    class="btn btn-danger"
                                    (click)="deleteCustomer(mail)"
                                    severity="danger"
                                >
                                </p-button>
                            </td>
                            <td>
                                <a href="javascript:void(0);" (click)="viewCustomer(mail)"  pTooltip="Tips : Can view Detail on click " 
                                tooltipPosition="top">
                                {{ mail.customerCode }}
                            </a>
                            </td>
                            <td>{{ mail.customerName }}</td>
                            <td>{{ mail.emailAddress }}</td>
                            <td>{{ mail.mobile }}</td>
                            <td>{{ mail.telephone }}</td>
                            <td>{{ mail.address }}</td>
                            <td>{{ mail.zipcode }}</td>
                        </tr>
                    </ng-template>
                </p-table>
                <p></p>
            </div>
        </div>
    </div>
 
    <!-- Popup IMPORT Mailing List Customer-->
    <div *ngIf="mode === 'im'">
        <p-dialog
            header="Header"
            [(visible)]="visible"
            [modal]="true"
            [style]="{ width: '30rem' }"
            (onHide)="closeDialogIm()"
        >
            <ng-template pTemplate="header">
                <div
                    class="inline-flex align-items-center justify-content-center gap-2"
                >
                    <span class="font-bold white-space-nowrap">
                        Upload File
                    </span>
                </div>
            </ng-template>
            <span class="p-text-secondary block mb-5"
                >Upload File Excel To Add Customers</span
            >
            <p-fileUpload
                name="demo[]"
                url="https://w...content-available-to-author-only...s.org/cdn/api/upload.php"
                (onUpload)="onUpload($event)"
                [multiple]="false"
                accept=".xlsx,.xls,.csv"
                [maxFileSize]="1000000"
            >
                <ng-template pTemplate="content">
                    <ul *ngIf="uploadedFiles.length">
                        <li *ngFor="let file of uploadedFiles">
                            {{ file.name }} - {{ file.size }} bytes
                        </li>
                    </ul>
                </ng-template>
            </p-fileUpload>
        </p-dialog>
    </div>
 
    <!-- Page Edit And Add New Email Customer <div *ngIf="mode === 'edm' || mode === 'addm'"> -->
    <div *ngIf="mode === 'edm' || mode === 'addm' || mode === 'vm'">
        <div>
            <div class="text-center mb-3">
                <h3 *ngIf="mode === 'vm'" >View(only) Mailing List</h3>
                <h3 *ngIf="mode === 'addm'" >Add Mailing List</h3>
                <h3 *ngIf="mode === 'edm'" >Edit Mailing List</h3>
            </div>
 
            <div class="card shadow">
                <div class="grid-container mt-4">
                    <span class="p-float-label input-group2">
                        <input
                            type="text"
                            pInputText
                            id="customerCode"
                            [(ngModel)]="editingCustomer.customerCode"
                            [ngClass]="{
                                'invalid-input': !editingCustomer.customerCode
                            }"
                            [disabled]="mode === 'edm'"
                            [readonly]="mode === 'vm'"
                        />
                        <label class="font-normal">Customer Code</label>
                    </span>
                    <!-- [readonly]="mode === 'edm'" Change to [disabled]-->
 
                    <!-- Field Edit/Add Customer Name -->
                    <span class="p-float-label input-group2">
                        <input
                            type="text"
                            pInputText
                            pTooltip="Tips : Enter your Fristname And Lastname" 
                            tooltipPosition="top"
                            id="customerName"
                            [ngClass]="{
                                'invalid-input': !editingCustomer.customerName
                            }"
                            [readonly]="mode === 'vm'"
                            [(ngModel)]="editingCustomer.customerName"
                        />
                        <label class="font-normal">Customer Name</label>
                    </span>
 
                    <span></span>
                </div>
 
                <tr class="grid-container">
                    <th>
                        <div
                            *ngIf="!editingCustomer.customerCode"
                            class="error-message"
                        >
                            This field is required Customer Code.
                        </div>
                    </th>
 
                    <th>
                        <div
                            *ngIf="!editingCustomer.customerName"
                            class="error-message"
                        >
                            This field is required Customer Name.
                        </div>
                    </th>
 
                    <th></th>
                </tr>
 
                <div class="grid-container mt-4">
                    <!-- Field Edit/ Add Email -->
                    <span class="p-float-label input-group2">
                        <input
                            type="text"
                            pInputText
                            pTooltip="Tips : Enter your Email With @ " 
                            tooltipPosition="top"
                            id="email"
                            [ngClass]="{
                                'invalid-input': !editingCustomer.emailAddress || !editingCustomer.emailAddress.includes('@')
                            }"
                            [readonly]="mode === 'vm'"
                            [(ngModel)]="editingCustomer.emailAddress"
                        />
                        <label class="font-normal">Email</label>
                    </span>
 
                    <!-- Field Edit/ Add Mobile -->
                    <span class="p-float-label input-group2">
                        <input
                            type="text"
                            pInputText
                            pTooltip="Tips : MobilePhone only Numeric" 
                            tooltipPosition="top"
                            id="mobile"
                            [(ngModel)]="editingCustomer.mobile"
                            [readonly]="mode === 'vm'"
                            [ngClass]="{
                                'invalid-input': !isNumericFieldValid(
                                    editingCustomer.mobile
                                )
                            }"
                        />
                        <label class="font-normal">Mobile</label>
                    </span>
 
                    <!-- Field Edit/ Add Telephone -->
                    <span class="p-float-label input-group2">
                        <input
                            type="text"
                            pInputText
                            pTooltip="Tips : Telephone only Numeric" 
                            tooltipPosition="top"
                            id="telephone"
                            [(ngModel)]="editingCustomer.telephone"
                            [readonly]="mode === 'vm'"
                            [ngClass]="{
                                'invalid-input': !isNumericFieldValid(
                                    editingCustomer.telephone
                                )
                            }"
                        />
                        <label class="font-normal">Telephone</label>
                    </span>
                </div>
                <tr class="grid-container">
                <th>
                    <div
                        *ngIf="!editingCustomer.emailAddress || !editingCustomer.emailAddress.includes('@')"
                        class="error-message"
                    >
                        This field is required E-mail.
                    </div>
                </th>
                <th></th>
                <th></th>
            </tr>
 
                <div class="grid-container mb-5 mt-4">
                    <!-- Field Edit/ Add Address -->
                    <span class="p-float-label input-group2">
                        <input
                            type="text"
                            pInputText
                            id="address"
                            [readonly]="mode === 'vm'"
                            [(ngModel)]="editingCustomer.address"
                        />
                        <label class="font-normal">Address</label>
                    </span>
 
                    <!-- Field Edit/ Add Zipcode -->
                    <span class="p-float-label input-group2">
                        <input
                            type="text"
                            pInputText
                            pTooltip="Tips : Zipcode only Numeric" 
                            tooltipPosition="top"
                            id="zipCode"
                            [(ngModel)]="editingCustomer.zipcode"
                            [readonly]="mode === 'vm'"
                            [ngClass]="{
                                'invalid-input': !isNumericFieldValid(
                                    editingCustomer.zipcode
                                )
                            }"
                        />
                        <label class="font-normal">Zipcode</label>
                    </span>
                    <span></span>
                </div>
                <br /><br />
                <br />
                <br />
 
                <!-- Button Save and Cancel Edit/Add Email. -->
                <div class="text-right mt-5">
 
                    <p-button *ngIf="mode === 'addm'"
                        icon="pi pi-save"
                        label="Save"
                        (click)="saveEmail()"
                        severity="success"
                        class="mr-2"
                    ></p-button>
 
                    <p-button *ngIf="mode === 'edm'"
                        icon="pi pi-save"
                        label="Confrim"
                        (click)="confirmEditCustomer()"
                        severity="success"
                        class="mr-2"
                    ></p-button>
 
                    <p-button
                        icon="pi pi-times"
                        label="Cancel"
                        (click)="closeDialogIm()"
                        severity="danger"
                    ></p-button>
 
                </div>
            </div>
        </div>
    </div>
 
    <!-- Popup Delete Group -->
    <div *ngIf="mode === 'delgr'">
        <p-dialog
            header="Header"
            [(visible)]="visible"
            [modal]="true"
            [style]="{ width: '30rem' }"
            (onHide)="closeDialogED()"
        >
            <ng-template pTemplate="header">
                <div
                    class="inline-flex align-items-center justify-content-center gap-2"
                >
                    <span class="font-bold white-space-nowrap">
                        Delete Group
                    </span>
                </div>
            </ng-template>
            <span class="p-text-secondary block mb-5"
                >Are you sure You want to delete Group name?</span
            >
            <ng-template pTemplate="footer">
                <p-button
                    icon="pi pi-trash"
                    label="Delete"
                    severity="danger"
                    (click)="confirmDeleteGroup()"
                />
                <p-button
                    icon="pi pi-times"
                    [text]="true"
                    label="Cancel"
                    [plain]="true"
                    (click)="backToList()"
 
                />
            </ng-template>
        </p-dialog>
    </div>
 
    <!-- Popup Delete Customer in Group -->
    <div *ngIf="mode === 'delcm'">
        <p-dialog
            header="Header"
            [(visible)]="visible"
            [modal]="true"
            [style]="{ width: '30rem' }"
            (onHide)="closeDialogIm()"
        >
            <ng-template pTemplate="header">
                <div
                    class="inline-flex align-items-center justify-content-center gap-2"
                >
                    <span class="font-bold white-space-nowrap">
                        Delete Email
                    </span>
                </div>
            </ng-template>
            <span class="p-text-secondary block mb-5"
                >Are you sure You want to delete Email?</span
            >
            <ng-template pTemplate="footer">
                <p-button
                    icon="pi pi-check"
                    label="CONFIRM"
                    (click)="confirmDeleteCustomer()"
                    severity="danger"
                />
                <p-button
                    icon="pi pi-times"
                    label="CANCEL"
                    [text]="true"
                    [plain]="true"
                    (click)="backToMail()"
                />
            </ng-template>
        </p-dialog>
    </div>
 
    <!-- Popup Export After Click Button -->
    <div *ngIf="mode === 'export'">
 
    </div>
 
    <!-- Dialog Confrim Edit -->
    <div *ngIf="mode === 'Confrim Edit'">
        <p-dialog
            header="Header"
            [(visible)]="visible"
            [modal]="true"
            [style]="{ width: '25rem' }"
            (onHide)="closeDialogAD()"
        >
            <ng-template pTemplate="header">
                <div
                    class="inline-flex align-items-center justify-content-center gap-2"
                >
                    <span class="font-bold white-space-nowrap">
                        Create Group
                    </span>
                </div>
            </ng-template>
            <span class="p-text-secondary block mb-5"
                >Please Insert a Group Name</span
            >
            <div class="flex align-items-center gap-3 mb-3">
                <input
                    pInputText
                    id="GroupName"
                    [(ngModel)]="newGroupName"
                    class="flex-auto"
                    autocomplete="off"
                />
            </div>
 
            <ng-template pTemplate="footer">
                <p-button
                    icon="pi pi-check"
                    label="CREATE"
                    (click)="saveGroup()"
                />
                <p-button
                    icon="pi pi-times"
                    label="CANCLE"
                    (click)="backToList()"
                    severity="danger"
                />
            </ng-template>
        </p-dialog>
    </div>
</div>

PHAtdG9hc3Q+PC9wLXRvYXN0Pgo8ZGl2IGNsYXNzPSJjb250YWluZXIiPgogICAgPCEtLSAgPGRpdiAqbmdJZj0ibW9kZSA9PT0gJ2xpc3QnIj4gLS0+CiAgICA8ZGl2ICpuZ0lmPSJtb2RlID09PSAnbGlzdCciPgogICAgICAgIDxwLWJ1dHRvbgogICAgICAgICAgICBbcm91bmRlZF09InRydWUiCiAgICAgICAgICAgIGljb249InBpIHBpLWFycm93LXJpZ2h0IgogICAgICAgICAgICBjbGFzcz0iYnRuIGJ0bi1kYW5nZXIiCiAgICAgICAgICAgIChjbGljayk9ImJhY2tUb01haWwoKSIKICAgICAgICAgICAgbGFiZWw9IlRlc3QgVG8gTWFpbGluZyBMaXN0IgogICAgICAgIC8+CgogICAgICAgIDxkaXYgY2xhc3M9InRleHQtY2VudGVyIG1iLTMiPgogICAgICAgICAgICA8aDM+R3JvdXAgTWFpbGluZyBMaXN0PC9oMz4KICAgICAgICA8L2Rpdj4KICAgICAgICA8ZGl2IGNsYXNzPSJjYXJkIHNoYWRvdyI+CiAgICAgICAgICAgIDxkaXYgY2xhc3M9ImNhcmQtYm9keSI+CiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPSJncmlkLWNvbnRhaW5lciBtYi00IG10LTIiPgogICAgICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPSJwLWZsb2F0LWxhYmVsIGlucHV0LWdyb3VwIj4KICAgICAgICAgICAgICAgICAgICAgICAgPGlucHV0CiAgICAgICAgICAgICAgICAgICAgICAgICAgICB0eXBlPSJ0ZXh0IgogICAgICAgICAgICAgICAgICAgICAgICAgICAgcElucHV0VGV4dAogICAgICAgICAgICAgICAgICAgICAgICAgICAgaWQ9Imdyb3VwTmFtZSIKICAgICAgICAgICAgICAgICAgICAgICAgICAgIFsobmdNb2RlbCldPSJzZWFyY2hGaWx0ZXJzLmdyb3VwTmFtZSIKICAgICAgICAgICAgICAgICAgICAgICAgLz4KICAgICAgICAgICAgICAgICAgICAgICAgPGxhYmVsIGNsYXNzPSJmb250LW5vcm1hbCI+R3JvdXAgTmFtZTwvbGFiZWw+CiAgICAgICAgICAgICAgICAgICAgPC9zcGFuPgogICAgICAgICAgICAgICAgICAgIDwhLS0gQnV0dG9uIFNlYXJjaCBHcm91cCBOYW1lIC0tPgogICAgICAgICAgICAgICAgICAgIDxwLWJ1dHRvbgogICAgICAgICAgICAgICAgICAgICAgICBsYWJlbD0iU2VhcmNoIgogICAgICAgICAgICAgICAgICAgICAgICBpY29uPSJwaSBwaS1zZWFyY2giCiAgICAgICAgICAgICAgICAgICAgICAgIFtyYWlzZWRdPSJ0cnVlIgogICAgICAgICAgICAgICAgICAgICAgICBzZXZlcml0eT0iaGVscCIKICAgICAgICAgICAgICAgICAgICAgICAgKGNsaWNrKT0ic2VhcmNoR3JvdXBzKCkiCiAgICAgICAgICAgICAgICAgICAgLz4KICAgICAgICAgICAgICAgICAgICA8c3Bhbj48L3NwYW4+CiAgICAgICAgICAgICAgICA8L2Rpdj4KCiAgICAgICAgICAgICAgICA8IS0tQnV0dG9uIEFERCBHcm91cCAtLT4KCiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPSJ0ZXh0LWVuZCBtYi00IG10LTMiPgogICAgICAgICAgICAgICAgICAgIDxwLWJ1dHRvbgogICAgICAgICAgICAgICAgICAgICAgICBjbGFzcz0iYnRuIGJ0bi1saWdodCIKICAgICAgICAgICAgICAgICAgICAgICAgKGNsaWNrKT0iYWRkR3JvdXAoKSIKICAgICAgICAgICAgICAgICAgICAgICAgaWNvbj0icGkgcGktcGx1cyIKICAgICAgICAgICAgICAgICAgICAgICAgbGFiZWw9IkFkZCBncm91cCIKICAgICAgICAgICAgICAgICAgICAgICAgc2V2ZXJpdHk9InN1Y2Nlc3MiCiAgICAgICAgICAgICAgICAgICAgLz4KICAgICAgICAgICAgICAgIDwvZGl2PgoKICAgICAgICAgICAgICAgIDwhLS1UYWJsZSBvZiBHcm91cCBOYW1lIC0tPgogICAgICAgICAgICAgICAgPHAtdGFibGUKICAgICAgICAgICAgICAgICAgICBbdmFsdWVdPSJmaWx0ZXJlZEdyb3VwTGlzdCIKICAgICAgICAgICAgICAgICAgICBbcGFnaW5hdG9yXT0idHJ1ZSIKICAgICAgICAgICAgICAgICAgICBbcm93c109IjEwIgogICAgICAgICAgICAgICAgICAgIFtyb3dzUGVyUGFnZU9wdGlvbnNdPSJbNSwgMTAsIDIwXSIKICAgICAgICAgICAgICAgICAgICBbc2hvd0N1cnJlbnRQYWdlUmVwb3J0XT0idHJ1ZSIKICAgICAgICAgICAgICAgICAgICBjdXJyZW50UGFnZVJlcG9ydFRlbXBsYXRlPSJTaG93aW5nIHtmaXJzdH0gdG8ge2xhc3R9IG9mIHt0b3RhbFJlY29yZHN9IGVudHJpZXMiCiAgICAgICAgICAgICAgICA+CiAgICAgICAgICAgICAgICAgICAgPCEtLSBIZWFkZXIgVGFibGUgLS0+CiAgICAgICAgICAgICAgICAgICAgPG5nLXRlbXBsYXRlIHBUZW1wbGF0ZT0iaGVhZGVyIj4KICAgICAgICAgICAgICAgICAgICAgICAgPHRyPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPHRoPk5vLjwvdGg+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8dGg+RGV0YWlsPC90aD4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDx0aD5BY3Rpb248L3RoPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPHRoPkdyb3VwIE5hbWU8L3RoPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPHRoPkNyZWF0ZSBEYXRlPC90aD4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDx0aD5DcmVhdGUgQnk8L3RoPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPHRoPk1vZGlmaWVkIEJ5PC90aD4KICAgICAgICAgICAgICAgICAgICAgICAgPC90cj4KICAgICAgICAgICAgICAgICAgICA8L25nLXRlbXBsYXRlPgogICAgICAgICAgICAgICAgICAgIDxuZy10ZW1wbGF0ZSBsZXQtZ3JvdXAgcFRlbXBsYXRlPSJib2R5IiBsZXQtaT0icm93SW5kZXgiPgogICAgICAgICAgICAgICAgICAgICAgICA8dHI+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8dGQ+e3sgaSArIDEgfX08L3RkPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPHRkPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwLWJ1dHRvbgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHBUb29sdGlwPSJWaWV3IEVtYWlsIGluIEdyb3VwIiAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB0b29sdGlwUG9zaXRpb249InRvcCIKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgaWNvbj0icGkgcGktZXllIgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBjbGFzcz0iIgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAoY2xpY2spPSJ2aWV3RGV0YWlscyhncm91cCkiCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHNldmVyaXR5PSJzZWNvbmRhcnkiCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvcC1idXR0b24+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L3RkPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPHRkPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwLWJ1dHRvbgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHBUb29sdGlwPSJFZGl0IEdyb3VwIiAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB0b29sdGlwUG9zaXRpb249InRvcCIKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgaWNvbj0icGkgcGktcGVuY2lsIgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBjbGFzcz0iYnRuIGJ0bi13YXJuaW5nIgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAoY2xpY2spPSJlZGl0R3JvdXAoZ3JvdXApIgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBzZXZlcml0eT0id2FybmluZyIKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9wLWJ1dHRvbj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cC1idXR0b24KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBwVG9vbHRpcD0iRGVsZXRlIEdyb3VwIiAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB0b29sdGlwUG9zaXRpb249InRvcCIKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgaWNvbj0icGkgcGktdHJhc2giCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNsYXNzPSJidG4gYnRuLWRhbmdlciIKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgKGNsaWNrKT0iZGVsZXRlR3JvdXAoZ3JvdXApIgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBzZXZlcml0eT0iZGFuZ2VyIgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgID4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L3AtYnV0dG9uPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPC90ZD4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDx0ZD57eyBncm91cC5ncm91cE5hbWUgfX08L3RkPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPHRkPnt7IGdyb3VwLmNyZWF0ZWREYXRlIHwgZGF0ZTogJ2RkLU1NLXl5eXknIH19PC90ZD4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDx0ZD57eyBncm91cC5jcmVhdGVkQnkgfX08L3RkPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPHRkPnt7IGdyb3VwLnVwZGF0ZWRCeSB9fTwvdGQ+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8dGQ+e3sgZ3JvdXAuZ3JvdXBOYW1lX0lEIH19IDwvdGQ+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgPC90cj4KICAgICAgICAgICAgICAgICAgICA8L25nLXRlbXBsYXRlPgogICAgICAgICAgICAgICAgPC9wLXRhYmxlPgogICAgICAgICAgICAgICAgPHA+PC9wPgogICAgICAgICAgICA8L2Rpdj4KICAgICAgICA8L2Rpdj4KICAgIDwvZGl2PgoKICAgIDwhLS0gTU9ERSBBREQgUEFHRSBMSVNULS0+CiAgICA8ZGl2ICpuZ0lmPSJtb2RlID09PSAnYWRkJyI+CiAgICAgICAgPHAtZGlhbG9nCiAgICAgICAgICAgIGhlYWRlcj0iSGVhZGVyIgogICAgICAgICAgICBbKHZpc2libGUpXT0idmlzaWJsZSIKICAgICAgICAgICAgW21vZGFsXT0idHJ1ZSIKICAgICAgICAgICAgW3N0eWxlXT0ieyB3aWR0aDogJzMwcmVtJyB9IgogICAgICAgICAgICAob25IaWRlKT0iY2xvc2VEaWFsb2dBRCgpIgogICAgICAgID4KICAgICAgICAgICAgPG5nLXRlbXBsYXRlIHBUZW1wbGF0ZT0iaGVhZGVyIj4KICAgICAgICAgICAgICAgIDxkaXYKICAgICAgICAgICAgICAgICAgICBjbGFzcz0iaW5saW5lLWZsZXggYWxpZ24taXRlbXMtY2VudGVyIGp1c3RpZnktY29udGVudC1jZW50ZXIgZ2FwLTIiCiAgICAgICAgICAgICAgICA+CiAgICAgICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9ImZvbnQtYm9sZCB3aGl0ZS1zcGFjZS1ub3dyYXAiPgogICAgICAgICAgICAgICAgICAgICAgICBDcmVhdGUgR3JvdXAKICAgICAgICAgICAgICAgICAgICA8L3NwYW4+CiAgICAgICAgICAgICAgICA8L2Rpdj4KICAgICAgICAgICAgPC9uZy10ZW1wbGF0ZT4KCiAgICAgICAgICAgIDxzcGFuIGNsYXNzPSJwLXRleHQtc2Vjb25kYXJ5IGJsb2NrIG1iLTUiCiAgICAgICAgICAgICAgICA+UGxlYXNlIEluc2VydCBhIEdyb3VwIE5hbWU8L3NwYW4KICAgICAgICAgICAgPgogICAgICAgICAgICA8ZGl2IGNsYXNzPSJmbGV4IGFsaWduLWl0ZW1zLWNlbnRlciBnYXAtMyBtYi0zIj4KICAgICAgICAgICAgICAgIDxpbnB1dAogICAgICAgICAgICAgICAgICAgIHBJbnB1dFRleHQKICAgICAgICAgICAgICAgICAgICBpZD0iR3JvdXBOYW1lIgogICAgICAgICAgICAgICAgICAgIFsobmdNb2RlbCldPSJuZXdHcm91cE5hbWUiCiAgICAgICAgICAgICAgICAgICAgY2xhc3M9ImZsZXgtYXV0byIKICAgICAgICAgICAgICAgICAgICBhdXRvY29tcGxldGU9Im9mZiIKICAgICAgICAgICAgICAgIC8+CiAgICAgICAgICAgIDwvZGl2PgoKICAgICAgICAgICAgPCEtLSBCdXR0b24gQ2FuY2xlIEFORCBDcmVhdGUgLS0+CiAgICAgICAgICAgIDxuZy10ZW1wbGF0ZSBwVGVtcGxhdGU9ImZvb3RlciI+CiAgICAgICAgICAgICAgICA8cC1idXR0b24KICAgICAgICAgICAgICAgICAgICBpY29uPSJwaSBwaS1jaGVjayIKICAgICAgICAgICAgICAgICAgICBsYWJlbD0iQ1JFQVRFIgogICAgICAgICAgICAgICAgICAgIChjbGljayk9InNhdmVHcm91cCgpIgogICAgICAgICAgICAgICAgLz4KICAgICAgICAgICAgICAgIDxwLWJ1dHRvbgogICAgICAgICAgICAgICAgICAgIGljb249InBpIHBpLXRpbWVzIgogICAgICAgICAgICAgICAgICAgIGxhYmVsPSJDQU5DTEUiCiAgICAgICAgICAgICAgICAgICAgKGNsaWNrKT0iYmFja1RvTGlzdCgpIgogICAgICAgICAgICAgICAgICAgIHNldmVyaXR5PSJkYW5nZXIiCiAgICAgICAgICAgICAgICAvPgogICAgICAgICAgICA8L25nLXRlbXBsYXRlPgogICAgICAgIDwvcC1kaWFsb2c+CiAgICA8L2Rpdj4KCiAgICA8IS0tIEVESVQgR1JPVVAgUEFHRSBMSVNULS0+CiAgICA8ZGl2ICpuZ0lmPSJtb2RlID09PSAnZWQnIj4KICAgICAgICA8cC1kaWFsb2cKICAgICAgICAgICAgaGVhZGVyPSJIZWFkZXIiCiAgICAgICAgICAgIFsodmlzaWJsZSldPSJ2aXNpYmxlIgogICAgICAgICAgICBbbW9kYWxdPSJ0cnVlIgogICAgICAgICAgICBbc3R5bGVdPSJ7IHdpZHRoOiAnMzByZW0nIH0iCiAgICAgICAgICAgIChvbkhpZGUpPSJjbG9zZURpYWxvZ0VEKCkiCiAgICAgICAgPgogICAgICAgICAgICA8bmctdGVtcGxhdGUgcFRlbXBsYXRlPSJoZWFkZXIiPgogICAgICAgICAgICAgICAgPGRpdgogICAgICAgICAgICAgICAgICAgIGNsYXNzPSJpbmxpbmUtZmxleCBhbGlnbi1pdGVtcy1jZW50ZXIganVzdGlmeS1jb250ZW50LWNlbnRlciBnYXAtMiIKICAgICAgICAgICAgICAgID4KICAgICAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz0iZm9udC1ib2xkIHdoaXRlLXNwYWNlLW5vd3JhcCI+CiAgICAgICAgICAgICAgICAgICAgICAgIEVkaXQgR3JvdXAKICAgICAgICAgICAgICAgICAgICA8L3NwYW4+CiAgICAgICAgICAgICAgICA8L2Rpdj4KICAgICAgICAgICAgPC9uZy10ZW1wbGF0ZT4KCiAgICAgICAgICAgIDxzcGFuIGNsYXNzPSJwLXRleHQtc2Vjb25kYXJ5IGJsb2NrIG1iLTUiCiAgICAgICAgICAgICAgICA+UGxlYXNlIEluc2VydCBuZXcgYSBHcm91cCBOYW1lPC9zcGFuCiAgICAgICAgICAgID4KICAgICAgICAgICAgPGRpdiBjbGFzcz0iZmxleCBhbGlnbi1pdGVtcy1jZW50ZXIgZ2FwLTMgbWItMyI+CiAgICAgICAgICAgICAgICA8aW5wdXQKICAgICAgICAgICAgICAgICAgICBwSW5wdXRUZXh0CiAgICAgICAgICAgICAgICAgICAgaWQ9Ikdyb3VwTmFtZSIKICAgICAgICAgICAgICAgICAgICBbKG5nTW9kZWwpXT0ibmV3R3JvdXBOYW1lIgogICAgICAgICAgICAgICAgICAgIGNsYXNzPSJmbGV4LWF1dG8iCiAgICAgICAgICAgICAgICAgICAgYXV0b2NvbXBsZXRlPSJvZmYiCiAgICAgICAgICAgICAgICAvPgogICAgICAgICAgICA8L2Rpdj4KCiAgICAgICAgICAgIDwhLS0gQnV0dG9uIFNhdmUgQU5EIENhbmNlbCAtLT4KICAgICAgICAgICAgPG5nLXRlbXBsYXRlIHBUZW1wbGF0ZT0iZm9vdGVyIj4KICAgICAgICAgICAgICAgIDxwLWJ1dHRvbgogICAgICAgICAgICAgICAgICAgIGljb249InBpIHBpLXNhdmUiCiAgICAgICAgICAgICAgICAgICAgbGFiZWw9IlNhdmUiCiAgICAgICAgICAgICAgICAgICAgKGNsaWNrKT0ic2F2ZUdyb3VwKCkiCiAgICAgICAgICAgICAgICAgICAgc2V2ZXJpdHk9InN1Y2Nlc3MiCiAgICAgICAgICAgICAgICAvPgogICAgICAgICAgICAgICAgPHAtYnV0dG9uCiAgICAgICAgICAgICAgICAgICAgaWNvbj0icGkgcGktdGltZXMiCiAgICAgICAgICAgICAgICAgICAgbGFiZWw9IkNhbmNlbCIKICAgICAgICAgICAgICAgICAgICAoY2xpY2spPSJiYWNrVG9MaXN0KCkiCiAgICAgICAgICAgICAgICAgICAgc2V2ZXJpdHk9ImRhbmdlciIKICAgICAgICAgICAgICAgIC8+CiAgICAgICAgICAgIDwvbmctdGVtcGxhdGU+CiAgICAgICAgPC9wLWRpYWxvZz4KICAgIDwvZGl2PgoKICAgIDwhLS0gRGV0YWlsIEluIEdST1VQIFBBR0UgTElTVC0tPgogICAgPGRpdiAqbmdJZj0ibW9kZSA9PT0gJ2R0JyI+CiAgICAgICAgPHAtYnV0dG9uCiAgICAgICAgICAgIHBUb29sdGlwPSJCYWNrIHRvIEdyb3VwIE1haWxpbmcgTGlzdCIgCiAgICAgICAgICAgIHRvb2x0aXBQb3NpdGlvbj0icmlnaHQiCiAgICAgICAgICAgIFtyb3VuZGVkXT0idHJ1ZSIKICAgICAgICAgICAgaWNvbj0icGkgcGktYXJyb3ctbGVmdCIKICAgICAgICAgICAgY2xhc3M9ImJ0biBidG4tZGFuZ2VyIgogICAgICAgICAgICAoY2xpY2spPSJiYWNrVG9MaXN0KCkiCiAgICAgICAgLz4KCiAgICAgICAgPGRpdiBjbGFzcz0idGV4dC1jZW50ZXIgbWItMyI+CiAgICAgICAgICAgIDxoMz5NYWlsaW5nIExpc3QgOiB7eyBjdXJyZW50R3JvdXBOYW1lIH19PC9oMz4KICAgICAgICA8L2Rpdj4KCiAgICAgICAgPGRpdiBjbGFzcz0iY2FyZCBzaGFkb3ciPgogICAgICAgICAgICA8ZGl2IGNsYXNzPSJjYXJkLWJvZHkiPgogICAgICAgICAgICAgICAgPCEtLSBFbWFpbCAtLT4KICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9ImdyaWQtY29udGFpbmVyIG1iLTQgbXQtMiI+CiAgICAgICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9InAtZmxvYXQtbGFiZWwgaW5wdXQtZ3JvdXAiPgogICAgICAgICAgICAgICAgICAgICAgICA8aW5wdXQgdHlwZT0idGV4dCIgcElucHV0VGV4dCBpZD0iZW1haWwiICBbKG5nTW9kZWwpXT0ic2VhcmNoRmlsdGVyc0VtYWlsLmVtYWlsIiAgCiAgICAgICAgICAgICAgICAgICAgICAgIHBsYWNlaG9sZGVyPSJTZWFyY2ggRW1haWwiIC8+CiAgICAgICAgICAgICAgICAgICAgICAgIDxsYWJlbCBjbGFzcz0iZm9udC1ub3JtYWwiPkVtYWlsPC9sYWJlbD4KICAgICAgICAgICAgICAgICAgICA8L3NwYW4+CiAgICAgICAgICAgICAgICAgICAgPHNwYW4+PC9zcGFuPgogICAgICAgICAgICAgICAgICAgIDxzcGFuPjwvc3Bhbj4KICAgICAgICAgICAgICAgIDwvZGl2PgoKICAgICAgICAgICAgICAgIDwhLS0gRmllbGQgRGF0ZSwgQ3JlYXRlIEJ5LCBNb2RpZmllZCBCeSAtLT4KICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9ImdyaWQtY29udGFpbmVyIG1iLTQiPgogICAgICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPSJwLWZsb2F0LWxhYmVsIGlucHV0LWdyb3VwIj4KICAgICAgICAgICAgICAgICAgICAgICAgPGlucHV0IHR5cGU9InRleHQiIHBJbnB1dFRleHQgaWQ9ImN1c3RvbWVyQ29kZSIgIFsobmdNb2RlbCldPSJzZWFyY2hGaWx0ZXJzRW1haWwuY3VzdG9tZXJDb2RlIiAgCiAgICAgICAgICAgICAgICAgICAgICAgIHBsYWNlaG9sZGVyPSJTZWFyY2ggQ3VzdG9tZXIgQ29kZSIgLz4KICAgICAgICAgICAgICAgICAgICAgICAgPGxhYmVsIGNsYXNzPSJmb250LW5vcm1hbCI+Q3VzdG9tZXIgQ29kZTwvbGFiZWw+CiAgICAgICAgICAgICAgICAgICAgPC9zcGFuPgoKICAgICAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz0icC1mbG9hdC1sYWJlbCBpbnB1dC1ncm91cCI+CiAgICAgICAgICAgICAgICAgICAgICAgIDxpbnB1dCB0eXBlPSJ0ZXh0IiBwSW5wdXRUZXh0IGlkPSJjdXN0b21lck5hbWUiICBbKG5nTW9kZWwpXT0ic2VhcmNoRmlsdGVyc0VtYWlsLmN1c3RvbWVyTmFtZSIgIAogICAgICAgICAgICAgICAgICAgICAgICBwbGFjZWhvbGRlcj0iU2VhcmNoIEN1c3RvbWVyIE5hbWUiLz4KICAgICAgICAgICAgICAgICAgICAgICAgPGxhYmVsIGNsYXNzPSJmb250LW5vcm1hbCI+Q3VzdG9tZXIgTmFtZTwvbGFiZWw+CiAgICAgICAgICAgICAgICAgICAgPC9zcGFuPgoKICAgICAgICAgICAgICAgICAgICA8cC1idXR0b24KICAgICAgICAgICAgICAgICAgICAgICAgbGFiZWw9IlNlYXJjaCIKICAgICAgICAgICAgICAgICAgICAgICAgc2V2ZXJpdHk9ImhlbHAiCiAgICAgICAgICAgICAgICAgICAgICAgIGljb249InBpIHBpLXNlYXJjaCIKICAgICAgICAgICAgICAgICAgICAgICAgY2xhc3M9InAtYnV0dG9uLXRydWUgbXMtMiIKICAgICAgICAgICAgICAgICAgICAgICAgKGNsaWNrKT0ic2VhcmNoRW1haWwoKSIKICAgICAgICAgICAgICAgICAgICAvPgogICAgICAgICAgICAgICAgPC9kaXY+CgogICAgICAgICAgICAgICAgPGRpdiBjbGFzcz0iZ3JpZC1jb250YWluZXIgbWItMyI+CiAgICAgICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9InAtZmxvYXQtbGFiZWwgaW5wdXQtZ3JvdXAiPgogICAgICAgICAgICAgICAgICAgICAgICA8aW5wdXQgdHlwZT0idGV4dCIgcElucHV0VGV4dCBpZD0ibW9iaWxlIiBbKG5nTW9kZWwpXT0ic2VhcmNoRmlsdGVyc0VtYWlsLm1vYmlsZSIgLz4KICAgICAgICAgICAgICAgICAgICAgICAgPGxhYmVsIGNsYXNzPSJmb250LW5vcm1hbCI+TW9iaWxlPC9sYWJlbD4KICAgICAgICAgICAgICAgICAgICA8L3NwYW4+CgogICAgICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPSJwLWZsb2F0LWxhYmVsIGlucHV0LWdyb3VwIj4KICAgICAgICAgICAgICAgICAgICAgICAgPGlucHV0IHR5cGU9InRleHQiIHBJbnB1dFRleHQgaWQ9InRlbGVwaG9uZSIgWyhuZ01vZGVsKV09InNlYXJjaEZpbHRlcnNFbWFpbC50ZWxlcGhvbmUiIC8+CiAgICAgICAgICAgICAgICAgICAgICAgIDxsYWJlbCBjbGFzcz0iZm9udC1ub3JtYWwiPlRlbGVwaG9uZTwvbGFiZWw+CiAgICAgICAgICAgICAgICAgICAgPC9zcGFuPgoKICAgICAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz0icC1mbG9hdC1sYWJlbCBpbnB1dC1ncm91cCI+CiAgICAgICAgICAgICAgICAgICAgICAgIDxpbnB1dCB0eXBlPSJ0ZXh0IiBwSW5wdXRUZXh0IGlkPSJ6aXBDb2RlIiBbKG5nTW9kZWwpXT0ic2VhcmNoRmlsdGVyc0VtYWlsLnppcENvZGUiIC8+CiAgICAgICAgICAgICAgICAgICAgICAgIDxsYWJlbCBjbGFzcz0iZm9udC1ub3JtYWwiPlppcGNvZGU8L2xhYmVsPgogICAgICAgICAgICAgICAgICAgIDwvc3Bhbj4KICAgICAgICAgICAgICAgIDwvZGl2PgogICAgICAgICAgICAgICAgPCEtLSBCdXR0b24gQWRkIEVtYWlsICxJbXBvcnQgLEV4cG9ydCAtLT4KICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9ImZsZXggYWxpZ24taXRlbXMtY2VudGVyIGdhcC0yIG1iLTMgbXQtNCI+CiAgICAgICAgICAgICAgICAgICAgPHAtYnV0dG9uCiAgICAgICAgICAgICAgICAgICAgICAgIGNsYXNzPSJidG4gYnRuLWxpZ2h0IgogICAgICAgICAgICAgICAgICAgICAgICAoY2xpY2spPSJhZGRFbWFpbCgpIgogICAgICAgICAgICAgICAgICAgICAgICBsYWJlbD0iQWRkIEVtYWlsIgogICAgICAgICAgICAgICAgICAgICAgICBpY29uPSJwaSBwaS1wbHVzIgogICAgICAgICAgICAgICAgICAgICAgICBzZXZlcml0eT0ic3VjY2VzcyIKICAgICAgICAgICAgICAgICAgICAvPgogICAgICAgICAgICAgICAgICAgIDxwLWJ1dHRvbgogICAgICAgICAgICAgICAgICAgICAgICBjbGFzcz0iYnRuIGJ0bi1saWdodCIKICAgICAgICAgICAgICAgICAgICAgICAgKGNsaWNrKT0iaW1wb3J0RW1haWwoKSIKICAgICAgICAgICAgICAgICAgICAgICAgaWNvbj0icGkgcGktZG93bmxvYWQiCiAgICAgICAgICAgICAgICAgICAgICAgIGxhYmVsPSJJbXBvcnQiCiAgICAgICAgICAgICAgICAgICAgLz4KICAgICAgICAgICAgICAgICAgICA8cC1idXR0b24KICAgICAgICAgICAgICAgICAgICAgICAgY2xhc3M9ImJ0biBidG4tZGFuZ2VyIgogICAgICAgICAgICAgICAgICAgICAgICAoY2xpY2spPSJleHBvcnRGaWxlKCkiCiAgICAgICAgICAgICAgICAgICAgICAgIGxhYmVsPSJFeHBvcnQiCiAgICAgICAgICAgICAgICAgICAgICAgIGljb249InBpIHBpLXVwbG9hZCIKICAgICAgICAgICAgICAgICAgICAgICAgc2V2ZXJpdHk9Indhcm5pbmciCiAgICAgICAgICAgICAgICAgICAgLz4KICAgICAgICAgICAgICAgIDwvZGl2PgoKICAgICAgICAgICAgICAgIDwhLS0gVGFibGUgTWFpbGluZyBMaXN0IGluIEdyb3VwLS0+CiAgICAgICAgICAgICAgICA8cC10YWJsZQogICAgICAgICAgICAgICAgICAgIFt2YWx1ZV09Im1haWxpbmdMaXN0IgogICAgICAgICAgICAgICAgICAgIFtwYWdpbmF0b3JdPSJ0cnVlIgogICAgICAgICAgICAgICAgICAgIFtyb3dzXT0iMTAiCiAgICAgICAgICAgICAgICAgICAgW3Jvd3NQZXJQYWdlT3B0aW9uc109Ils1LCAxMCwgMjAsIDUwXSIKICAgICAgICAgICAgICAgICAgICBbc2hvd0N1cnJlbnRQYWdlUmVwb3J0XT0idHJ1ZSIKICAgICAgICAgICAgICAgICAgICBjdXJyZW50UGFnZVJlcG9ydFRlbXBsYXRlPSJTaG93aW5nIHtmaXJzdH0gdG8ge2xhc3R9IG9mIHt0b3RhbFJlY29yZHN9IGVudHJpZXMiCiAgICAgICAgICAgICAgICA+CiAgICAgICAgICAgICAgICAgICAgPG5nLXRlbXBsYXRlIHBUZW1wbGF0ZT0iaGVhZGVyIj4KICAgICAgICAgICAgICAgICAgICAgICAgPHRyPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPHRoPk5vLjwvdGg+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8dGg+QWN0aW9uPC90aD4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDx0aD5DdXN0b21lciBDb2RlPC90aD4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDx0aD5DdXN0b21lciBOYW1lPC90aD4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDx0aD5FbWFpbDwvdGg+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8dGg+TW9iaWxlPC90aD4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDx0aD5UZWxlcGhvbmU8L3RoPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPHRoPkFkZHJlc3M8L3RoPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPHRoPlppcGNvZGU8L3RoPgogICAgICAgICAgICAgICAgICAgICAgICA8L3RyPgogICAgICAgICAgICAgICAgICAgIDwvbmctdGVtcGxhdGU+CiAgICAgICAgICAgICAgICAgICAgPG5nLXRlbXBsYXRlIGxldC1tYWlsIHBUZW1wbGF0ZT0iYm9keSIgbGV0LWk9InJvd0luZGV4Ij4KICAgICAgICAgICAgICAgICAgICAgICAgPHRyPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPHRkPnt7IGkgKyAxIH19PC90ZD4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDx0ZD4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cC1idXR0b24KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBwVG9vbHRpcD0iRWRpdCBDdXN0b21lciIgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgdG9vbHRpcFBvc2l0aW9uPSJ0b3AiCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGljb249InBpIHBpLXBlbmNpbCIKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgY2xhc3M9ImJ0biBidG4td2FybmluZyIKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgKGNsaWNrKT0iZWRpdEN1c3RvbWVyKG1haWwpIgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBzZXZlcml0eT0id2FybmluZyIKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9wLWJ1dHRvbj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cC1idXR0b24KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBwVG9vbHRpcD0iRGVsZXRlIEN1c3RvbWVyIiAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB0b29sdGlwUG9zaXRpb249InRvcCIKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgaWNvbj0icGkgcGktdHJhc2giCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNsYXNzPSJidG4gYnRuLWRhbmdlciIKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgKGNsaWNrKT0iZGVsZXRlQ3VzdG9tZXIobWFpbCkiCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHNldmVyaXR5PSJkYW5nZXIiCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvcC1idXR0b24+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L3RkPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPHRkPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxhIGhyZWY9ImphdmFzY3JpcHQ6dm9pZCgwKTsiIChjbGljayk9InZpZXdDdXN0b21lcihtYWlsKSIgIHBUb29sdGlwPSJUaXBzIDogQ2FuIHZpZXcgRGV0YWlsIG9uIGNsaWNrICIgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgdG9vbHRpcFBvc2l0aW9uPSJ0b3AiPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHt7IG1haWwuY3VzdG9tZXJDb2RlIH19CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2E+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L3RkPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPHRkPnt7IG1haWwuY3VzdG9tZXJOYW1lIH19PC90ZD4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDx0ZD57eyBtYWlsLmVtYWlsQWRkcmVzcyB9fTwvdGQ+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8dGQ+e3sgbWFpbC5tb2JpbGUgfX08L3RkPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPHRkPnt7IG1haWwudGVsZXBob25lIH19PC90ZD4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDx0ZD57eyBtYWlsLmFkZHJlc3MgfX08L3RkPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPHRkPnt7IG1haWwuemlwY29kZSB9fTwvdGQ+CiAgICAgICAgICAgICAgICAgICAgICAgIDwvdHI+CiAgICAgICAgICAgICAgICAgICAgPC9uZy10ZW1wbGF0ZT4KICAgICAgICAgICAgICAgIDwvcC10YWJsZT4KICAgICAgICAgICAgICAgIDxwPjwvcD4KICAgICAgICAgICAgPC9kaXY+CiAgICAgICAgPC9kaXY+CiAgICA8L2Rpdj4KCiAgICA8IS0tIFBvcHVwIElNUE9SVCBNYWlsaW5nIExpc3QgQ3VzdG9tZXItLT4KICAgIDxkaXYgKm5nSWY9Im1vZGUgPT09ICdpbSciPgogICAgICAgIDxwLWRpYWxvZwogICAgICAgICAgICBoZWFkZXI9IkhlYWRlciIKICAgICAgICAgICAgWyh2aXNpYmxlKV09InZpc2libGUiCiAgICAgICAgICAgIFttb2RhbF09InRydWUiCiAgICAgICAgICAgIFtzdHlsZV09Insgd2lkdGg6ICczMHJlbScgfSIKICAgICAgICAgICAgKG9uSGlkZSk9ImNsb3NlRGlhbG9nSW0oKSIKICAgICAgICA+CiAgICAgICAgICAgIDxuZy10ZW1wbGF0ZSBwVGVtcGxhdGU9ImhlYWRlciI+CiAgICAgICAgICAgICAgICA8ZGl2CiAgICAgICAgICAgICAgICAgICAgY2xhc3M9ImlubGluZS1mbGV4IGFsaWduLWl0ZW1zLWNlbnRlciBqdXN0aWZ5LWNvbnRlbnQtY2VudGVyIGdhcC0yIgogICAgICAgICAgICAgICAgPgogICAgICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPSJmb250LWJvbGQgd2hpdGUtc3BhY2Utbm93cmFwIj4KICAgICAgICAgICAgICAgICAgICAgICAgVXBsb2FkIEZpbGUKICAgICAgICAgICAgICAgICAgICA8L3NwYW4+CiAgICAgICAgICAgICAgICA8L2Rpdj4KICAgICAgICAgICAgPC9uZy10ZW1wbGF0ZT4KICAgICAgICAgICAgPHNwYW4gY2xhc3M9InAtdGV4dC1zZWNvbmRhcnkgYmxvY2sgbWItNSIKICAgICAgICAgICAgICAgID5VcGxvYWQgRmlsZSBFeGNlbCBUbyBBZGQgQ3VzdG9tZXJzPC9zcGFuCiAgICAgICAgICAgID4KICAgICAgICAgICAgPHAtZmlsZVVwbG9hZAogICAgICAgICAgICAgICAgbmFtZT0iZGVtb1tdIgogICAgICAgICAgICAgICAgdXJsPSJodHRwczovL3cuLi5jb250ZW50LWF2YWlsYWJsZS10by1hdXRob3Itb25seS4uLnMub3JnL2Nkbi9hcGkvdXBsb2FkLnBocCIKICAgICAgICAgICAgICAgIChvblVwbG9hZCk9Im9uVXBsb2FkKCRldmVudCkiCiAgICAgICAgICAgICAgICBbbXVsdGlwbGVdPSJmYWxzZSIKICAgICAgICAgICAgICAgIGFjY2VwdD0iLnhsc3gsLnhscywuY3N2IgogICAgICAgICAgICAgICAgW21heEZpbGVTaXplXT0iMTAwMDAwMCIKICAgICAgICAgICAgPgogICAgICAgICAgICAgICAgPG5nLXRlbXBsYXRlIHBUZW1wbGF0ZT0iY29udGVudCI+CiAgICAgICAgICAgICAgICAgICAgPHVsICpuZ0lmPSJ1cGxvYWRlZEZpbGVzLmxlbmd0aCI+CiAgICAgICAgICAgICAgICAgICAgICAgIDxsaSAqbmdGb3I9ImxldCBmaWxlIG9mIHVwbG9hZGVkRmlsZXMiPgogICAgICAgICAgICAgICAgICAgICAgICAgICAge3sgZmlsZS5uYW1lIH19IC0ge3sgZmlsZS5zaXplIH19IGJ5dGVzCiAgICAgICAgICAgICAgICAgICAgICAgIDwvbGk+CiAgICAgICAgICAgICAgICAgICAgPC91bD4KICAgICAgICAgICAgICAgIDwvbmctdGVtcGxhdGU+CiAgICAgICAgICAgIDwvcC1maWxlVXBsb2FkPgogICAgICAgIDwvcC1kaWFsb2c+CiAgICA8L2Rpdj4KCiAgICA8IS0tIFBhZ2UgRWRpdCBBbmQgQWRkIE5ldyBFbWFpbCBDdXN0b21lciA8ZGl2ICpuZ0lmPSJtb2RlID09PSAnZWRtJyB8fCBtb2RlID09PSAnYWRkbSciPiAtLT4KICAgIDxkaXYgKm5nSWY9Im1vZGUgPT09ICdlZG0nIHx8IG1vZGUgPT09ICdhZGRtJyB8fCBtb2RlID09PSAndm0nIj4KICAgICAgICA8ZGl2PgogICAgICAgICAgICA8ZGl2IGNsYXNzPSJ0ZXh0LWNlbnRlciBtYi0zIj4KICAgICAgICAgICAgICAgIDxoMyAqbmdJZj0ibW9kZSA9PT0gJ3ZtJyIgPlZpZXcob25seSkgTWFpbGluZyBMaXN0PC9oMz4KICAgICAgICAgICAgICAgIDxoMyAqbmdJZj0ibW9kZSA9PT0gJ2FkZG0nIiA+QWRkIE1haWxpbmcgTGlzdDwvaDM+CiAgICAgICAgICAgICAgICA8aDMgKm5nSWY9Im1vZGUgPT09ICdlZG0nIiA+RWRpdCBNYWlsaW5nIExpc3Q8L2gzPgogICAgICAgICAgICA8L2Rpdj4KCiAgICAgICAgICAgIDxkaXYgY2xhc3M9ImNhcmQgc2hhZG93Ij4KICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9ImdyaWQtY29udGFpbmVyIG10LTQiPgogICAgICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPSJwLWZsb2F0LWxhYmVsIGlucHV0LWdyb3VwMiI+CiAgICAgICAgICAgICAgICAgICAgICAgIDxpbnB1dAogICAgICAgICAgICAgICAgICAgICAgICAgICAgdHlwZT0idGV4dCIKICAgICAgICAgICAgICAgICAgICAgICAgICAgIHBJbnB1dFRleHQKICAgICAgICAgICAgICAgICAgICAgICAgICAgIGlkPSJjdXN0b21lckNvZGUiCiAgICAgICAgICAgICAgICAgICAgICAgICAgICBbKG5nTW9kZWwpXT0iZWRpdGluZ0N1c3RvbWVyLmN1c3RvbWVyQ29kZSIKICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtuZ0NsYXNzXT0iewogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICdpbnZhbGlkLWlucHV0JzogIWVkaXRpbmdDdXN0b21lci5jdXN0b21lckNvZGUKICAgICAgICAgICAgICAgICAgICAgICAgICAgIH0iCiAgICAgICAgICAgICAgICAgICAgICAgICAgICBbZGlzYWJsZWRdPSJtb2RlID09PSAnZWRtJyIKICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtyZWFkb25seV09Im1vZGUgPT09ICd2bSciCiAgICAgICAgICAgICAgICAgICAgICAgIC8+CiAgICAgICAgICAgICAgICAgICAgICAgIDxsYWJlbCBjbGFzcz0iZm9udC1ub3JtYWwiPkN1c3RvbWVyIENvZGU8L2xhYmVsPgogICAgICAgICAgICAgICAgICAgIDwvc3Bhbj4KICAgICAgICAgICAgICAgICAgICA8IS0tIFtyZWFkb25seV09Im1vZGUgPT09ICdlZG0nIiBDaGFuZ2UgdG8gW2Rpc2FibGVkXS0tPgoKICAgICAgICAgICAgICAgICAgICA8IS0tIEZpZWxkIEVkaXQvQWRkIEN1c3RvbWVyIE5hbWUgLS0+CiAgICAgICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9InAtZmxvYXQtbGFiZWwgaW5wdXQtZ3JvdXAyIj4KICAgICAgICAgICAgICAgICAgICAgICAgPGlucHV0CiAgICAgICAgICAgICAgICAgICAgICAgICAgICB0eXBlPSJ0ZXh0IgogICAgICAgICAgICAgICAgICAgICAgICAgICAgcElucHV0VGV4dAogICAgICAgICAgICAgICAgICAgICAgICAgICAgcFRvb2x0aXA9IlRpcHMgOiBFbnRlciB5b3VyIEZyaXN0bmFtZSBBbmQgTGFzdG5hbWUiIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgdG9vbHRpcFBvc2l0aW9uPSJ0b3AiCiAgICAgICAgICAgICAgICAgICAgICAgICAgICBpZD0iY3VzdG9tZXJOYW1lIgogICAgICAgICAgICAgICAgICAgICAgICAgICAgW25nQ2xhc3NdPSJ7CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgJ2ludmFsaWQtaW5wdXQnOiAhZWRpdGluZ0N1c3RvbWVyLmN1c3RvbWVyTmFtZQogICAgICAgICAgICAgICAgICAgICAgICAgICAgfSIKICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtyZWFkb25seV09Im1vZGUgPT09ICd2bSciCiAgICAgICAgICAgICAgICAgICAgICAgICAgICBbKG5nTW9kZWwpXT0iZWRpdGluZ0N1c3RvbWVyLmN1c3RvbWVyTmFtZSIKICAgICAgICAgICAgICAgICAgICAgICAgLz4KICAgICAgICAgICAgICAgICAgICAgICAgPGxhYmVsIGNsYXNzPSJmb250LW5vcm1hbCI+Q3VzdG9tZXIgTmFtZTwvbGFiZWw+CiAgICAgICAgICAgICAgICAgICAgPC9zcGFuPgoKICAgICAgICAgICAgICAgICAgICA8c3Bhbj48L3NwYW4+CiAgICAgICAgICAgICAgICA8L2Rpdj4KCiAgICAgICAgICAgICAgICA8dHIgY2xhc3M9ImdyaWQtY29udGFpbmVyIj4KICAgICAgICAgICAgICAgICAgICA8dGg+CiAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYKICAgICAgICAgICAgICAgICAgICAgICAgICAgICpuZ0lmPSIhZWRpdGluZ0N1c3RvbWVyLmN1c3RvbWVyQ29kZSIKICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNsYXNzPSJlcnJvci1tZXNzYWdlIgogICAgICAgICAgICAgICAgICAgICAgICA+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICBUaGlzIGZpZWxkIGlzIHJlcXVpcmVkIEN1c3RvbWVyIENvZGUuCiAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PgogICAgICAgICAgICAgICAgICAgIDwvdGg+CgogICAgICAgICAgICAgICAgICAgIDx0aD4KICAgICAgICAgICAgICAgICAgICAgICAgPGRpdgogICAgICAgICAgICAgICAgICAgICAgICAgICAgKm5nSWY9IiFlZGl0aW5nQ3VzdG9tZXIuY3VzdG9tZXJOYW1lIgogICAgICAgICAgICAgICAgICAgICAgICAgICAgY2xhc3M9ImVycm9yLW1lc3NhZ2UiCiAgICAgICAgICAgICAgICAgICAgICAgID4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIFRoaXMgZmllbGQgaXMgcmVxdWlyZWQgQ3VzdG9tZXIgTmFtZS4KICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+CiAgICAgICAgICAgICAgICAgICAgPC90aD4KCiAgICAgICAgICAgICAgICAgICAgPHRoPjwvdGg+CiAgICAgICAgICAgICAgICA8L3RyPgoKICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9ImdyaWQtY29udGFpbmVyIG10LTQiPgogICAgICAgICAgICAgICAgICAgIDwhLS0gRmllbGQgRWRpdC8gQWRkIEVtYWlsIC0tPgogICAgICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPSJwLWZsb2F0LWxhYmVsIGlucHV0LWdyb3VwMiI+CiAgICAgICAgICAgICAgICAgICAgICAgIDxpbnB1dAogICAgICAgICAgICAgICAgICAgICAgICAgICAgdHlwZT0idGV4dCIKICAgICAgICAgICAgICAgICAgICAgICAgICAgIHBJbnB1dFRleHQKICAgICAgICAgICAgICAgICAgICAgICAgICAgIHBUb29sdGlwPSJUaXBzIDogRW50ZXIgeW91ciBFbWFpbCBXaXRoIEAgIiAKICAgICAgICAgICAgICAgICAgICAgICAgICAgIHRvb2x0aXBQb3NpdGlvbj0idG9wIgogICAgICAgICAgICAgICAgICAgICAgICAgICAgaWQ9ImVtYWlsIgogICAgICAgICAgICAgICAgICAgICAgICAgICAgW25nQ2xhc3NdPSJ7CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgJ2ludmFsaWQtaW5wdXQnOiAhZWRpdGluZ0N1c3RvbWVyLmVtYWlsQWRkcmVzcyB8fCAhZWRpdGluZ0N1c3RvbWVyLmVtYWlsQWRkcmVzcy5pbmNsdWRlcygnQCcpCiAgICAgICAgICAgICAgICAgICAgICAgICAgICB9IgogICAgICAgICAgICAgICAgICAgICAgICAgICAgW3JlYWRvbmx5XT0ibW9kZSA9PT0gJ3ZtJyIKICAgICAgICAgICAgICAgICAgICAgICAgICAgIFsobmdNb2RlbCldPSJlZGl0aW5nQ3VzdG9tZXIuZW1haWxBZGRyZXNzIgogICAgICAgICAgICAgICAgICAgICAgICAvPgogICAgICAgICAgICAgICAgICAgICAgICA8bGFiZWwgY2xhc3M9ImZvbnQtbm9ybWFsIj5FbWFpbDwvbGFiZWw+CiAgICAgICAgICAgICAgICAgICAgPC9zcGFuPgoKICAgICAgICAgICAgICAgICAgICA8IS0tIEZpZWxkIEVkaXQvIEFkZCBNb2JpbGUgLS0+CiAgICAgICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9InAtZmxvYXQtbGFiZWwgaW5wdXQtZ3JvdXAyIj4KICAgICAgICAgICAgICAgICAgICAgICAgPGlucHV0CiAgICAgICAgICAgICAgICAgICAgICAgICAgICB0eXBlPSJ0ZXh0IgogICAgICAgICAgICAgICAgICAgICAgICAgICAgcElucHV0VGV4dAogICAgICAgICAgICAgICAgICAgICAgICAgICAgcFRvb2x0aXA9IlRpcHMgOiBNb2JpbGVQaG9uZSBvbmx5IE51bWVyaWMiIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgdG9vbHRpcFBvc2l0aW9uPSJ0b3AiCiAgICAgICAgICAgICAgICAgICAgICAgICAgICBpZD0ibW9iaWxlIgogICAgICAgICAgICAgICAgICAgICAgICAgICAgWyhuZ01vZGVsKV09ImVkaXRpbmdDdXN0b21lci5tb2JpbGUiCiAgICAgICAgICAgICAgICAgICAgICAgICAgICBbcmVhZG9ubHldPSJtb2RlID09PSAndm0nIgogICAgICAgICAgICAgICAgICAgICAgICAgICAgW25nQ2xhc3NdPSJ7CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgJ2ludmFsaWQtaW5wdXQnOiAhaXNOdW1lcmljRmllbGRWYWxpZCgKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgZWRpdGluZ0N1c3RvbWVyLm1vYmlsZQogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICkKICAgICAgICAgICAgICAgICAgICAgICAgICAgIH0iCiAgICAgICAgICAgICAgICAgICAgICAgIC8+CiAgICAgICAgICAgICAgICAgICAgICAgIDxsYWJlbCBjbGFzcz0iZm9udC1ub3JtYWwiPk1vYmlsZTwvbGFiZWw+CiAgICAgICAgICAgICAgICAgICAgPC9zcGFuPgoKICAgICAgICAgICAgICAgICAgICA8IS0tIEZpZWxkIEVkaXQvIEFkZCBUZWxlcGhvbmUgLS0+CiAgICAgICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9InAtZmxvYXQtbGFiZWwgaW5wdXQtZ3JvdXAyIj4KICAgICAgICAgICAgICAgICAgICAgICAgPGlucHV0CiAgICAgICAgICAgICAgICAgICAgICAgICAgICB0eXBlPSJ0ZXh0IgogICAgICAgICAgICAgICAgICAgICAgICAgICAgcElucHV0VGV4dAogICAgICAgICAgICAgICAgICAgICAgICAgICAgcFRvb2x0aXA9IlRpcHMgOiBUZWxlcGhvbmUgb25seSBOdW1lcmljIiAKICAgICAgICAgICAgICAgICAgICAgICAgICAgIHRvb2x0aXBQb3NpdGlvbj0idG9wIgogICAgICAgICAgICAgICAgICAgICAgICAgICAgaWQ9InRlbGVwaG9uZSIKICAgICAgICAgICAgICAgICAgICAgICAgICAgIFsobmdNb2RlbCldPSJlZGl0aW5nQ3VzdG9tZXIudGVsZXBob25lIgogICAgICAgICAgICAgICAgICAgICAgICAgICAgW3JlYWRvbmx5XT0ibW9kZSA9PT0gJ3ZtJyIKICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtuZ0NsYXNzXT0iewogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICdpbnZhbGlkLWlucHV0JzogIWlzTnVtZXJpY0ZpZWxkVmFsaWQoCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGVkaXRpbmdDdXN0b21lci50ZWxlcGhvbmUKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICApCiAgICAgICAgICAgICAgICAgICAgICAgICAgICB9IgogICAgICAgICAgICAgICAgICAgICAgICAvPgogICAgICAgICAgICAgICAgICAgICAgICA8bGFiZWwgY2xhc3M9ImZvbnQtbm9ybWFsIj5UZWxlcGhvbmU8L2xhYmVsPgogICAgICAgICAgICAgICAgICAgIDwvc3Bhbj4KICAgICAgICAgICAgICAgIDwvZGl2PgogICAgICAgICAgICAgICAgPHRyIGNsYXNzPSJncmlkLWNvbnRhaW5lciI+CiAgICAgICAgICAgICAgICA8dGg+CiAgICAgICAgICAgICAgICAgICAgPGRpdgogICAgICAgICAgICAgICAgICAgICAgICAqbmdJZj0iIWVkaXRpbmdDdXN0b21lci5lbWFpbEFkZHJlc3MgfHwgIWVkaXRpbmdDdXN0b21lci5lbWFpbEFkZHJlc3MuaW5jbHVkZXMoJ0AnKSIKICAgICAgICAgICAgICAgICAgICAgICAgY2xhc3M9ImVycm9yLW1lc3NhZ2UiCiAgICAgICAgICAgICAgICAgICAgPgogICAgICAgICAgICAgICAgICAgICAgICBUaGlzIGZpZWxkIGlzIHJlcXVpcmVkIEUtbWFpbC4KICAgICAgICAgICAgICAgICAgICA8L2Rpdj4KICAgICAgICAgICAgICAgIDwvdGg+CiAgICAgICAgICAgICAgICA8dGg+PC90aD4KICAgICAgICAgICAgICAgIDx0aD48L3RoPgogICAgICAgICAgICA8L3RyPgoKICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9ImdyaWQtY29udGFpbmVyIG1iLTUgbXQtNCI+CiAgICAgICAgICAgICAgICAgICAgPCEtLSBGaWVsZCBFZGl0LyBBZGQgQWRkcmVzcyAtLT4KICAgICAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz0icC1mbG9hdC1sYWJlbCBpbnB1dC1ncm91cDIiPgogICAgICAgICAgICAgICAgICAgICAgICA8aW5wdXQKICAgICAgICAgICAgICAgICAgICAgICAgICAgIHR5cGU9InRleHQiCiAgICAgICAgICAgICAgICAgICAgICAgICAgICBwSW5wdXRUZXh0CiAgICAgICAgICAgICAgICAgICAgICAgICAgICBpZD0iYWRkcmVzcyIKICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtyZWFkb25seV09Im1vZGUgPT09ICd2bSciCiAgICAgICAgICAgICAgICAgICAgICAgICAgICBbKG5nTW9kZWwpXT0iZWRpdGluZ0N1c3RvbWVyLmFkZHJlc3MiCiAgICAgICAgICAgICAgICAgICAgICAgIC8+CiAgICAgICAgICAgICAgICAgICAgICAgIDxsYWJlbCBjbGFzcz0iZm9udC1ub3JtYWwiPkFkZHJlc3M8L2xhYmVsPgogICAgICAgICAgICAgICAgICAgIDwvc3Bhbj4KCiAgICAgICAgICAgICAgICAgICAgPCEtLSBGaWVsZCBFZGl0LyBBZGQgWmlwY29kZSAtLT4KICAgICAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz0icC1mbG9hdC1sYWJlbCBpbnB1dC1ncm91cDIiPgogICAgICAgICAgICAgICAgICAgICAgICA8aW5wdXQKICAgICAgICAgICAgICAgICAgICAgICAgICAgIHR5cGU9InRleHQiCiAgICAgICAgICAgICAgICAgICAgICAgICAgICBwSW5wdXRUZXh0CiAgICAgICAgICAgICAgICAgICAgICAgICAgICBwVG9vbHRpcD0iVGlwcyA6IFppcGNvZGUgb25seSBOdW1lcmljIiAKICAgICAgICAgICAgICAgICAgICAgICAgICAgIHRvb2x0aXBQb3NpdGlvbj0idG9wIgogICAgICAgICAgICAgICAgICAgICAgICAgICAgaWQ9InppcENvZGUiCiAgICAgICAgICAgICAgICAgICAgICAgICAgICBbKG5nTW9kZWwpXT0iZWRpdGluZ0N1c3RvbWVyLnppcGNvZGUiCiAgICAgICAgICAgICAgICAgICAgICAgICAgICBbcmVhZG9ubHldPSJtb2RlID09PSAndm0nIgogICAgICAgICAgICAgICAgICAgICAgICAgICAgW25nQ2xhc3NdPSJ7CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgJ2ludmFsaWQtaW5wdXQnOiAhaXNOdW1lcmljRmllbGRWYWxpZCgKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgZWRpdGluZ0N1c3RvbWVyLnppcGNvZGUKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICApCiAgICAgICAgICAgICAgICAgICAgICAgICAgICB9IgogICAgICAgICAgICAgICAgICAgICAgICAvPgogICAgICAgICAgICAgICAgICAgICAgICA8bGFiZWwgY2xhc3M9ImZvbnQtbm9ybWFsIj5aaXBjb2RlPC9sYWJlbD4KICAgICAgICAgICAgICAgICAgICA8L3NwYW4+CiAgICAgICAgICAgICAgICAgICAgPHNwYW4+PC9zcGFuPgogICAgICAgICAgICAgICAgPC9kaXY+CiAgICAgICAgICAgICAgICA8YnIgLz48YnIgLz4KICAgICAgICAgICAgICAgIDxiciAvPgogICAgICAgICAgICAgICAgPGJyIC8+CgogICAgICAgICAgICAgICAgPCEtLSBCdXR0b24gU2F2ZSBhbmQgQ2FuY2VsIEVkaXQvQWRkIEVtYWlsLiAtLT4KICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9InRleHQtcmlnaHQgbXQtNSI+CiAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgPHAtYnV0dG9uICpuZ0lmPSJtb2RlID09PSAnYWRkbSciCiAgICAgICAgICAgICAgICAgICAgICAgIGljb249InBpIHBpLXNhdmUiCiAgICAgICAgICAgICAgICAgICAgICAgIGxhYmVsPSJTYXZlIgogICAgICAgICAgICAgICAgICAgICAgICAoY2xpY2spPSJzYXZlRW1haWwoKSIKICAgICAgICAgICAgICAgICAgICAgICAgc2V2ZXJpdHk9InN1Y2Nlc3MiCiAgICAgICAgICAgICAgICAgICAgICAgIGNsYXNzPSJtci0yIgogICAgICAgICAgICAgICAgICAgID48L3AtYnV0dG9uPgoKICAgICAgICAgICAgICAgICAgICA8cC1idXR0b24gKm5nSWY9Im1vZGUgPT09ICdlZG0nIgogICAgICAgICAgICAgICAgICAgICAgICBpY29uPSJwaSBwaS1zYXZlIgogICAgICAgICAgICAgICAgICAgICAgICBsYWJlbD0iQ29uZnJpbSIKICAgICAgICAgICAgICAgICAgICAgICAgKGNsaWNrKT0iY29uZmlybUVkaXRDdXN0b21lcigpIgogICAgICAgICAgICAgICAgICAgICAgICBzZXZlcml0eT0ic3VjY2VzcyIKICAgICAgICAgICAgICAgICAgICAgICAgY2xhc3M9Im1yLTIiCiAgICAgICAgICAgICAgICAgICAgPjwvcC1idXR0b24+CgogICAgICAgICAgICAgICAgICAgIDxwLWJ1dHRvbgogICAgICAgICAgICAgICAgICAgICAgICBpY29uPSJwaSBwaS10aW1lcyIKICAgICAgICAgICAgICAgICAgICAgICAgbGFiZWw9IkNhbmNlbCIKICAgICAgICAgICAgICAgICAgICAgICAgKGNsaWNrKT0iY2xvc2VEaWFsb2dJbSgpIgogICAgICAgICAgICAgICAgICAgICAgICBzZXZlcml0eT0iZGFuZ2VyIgogICAgICAgICAgICAgICAgICAgID48L3AtYnV0dG9uPgoKICAgICAgICAgICAgICAgIDwvZGl2PgogICAgICAgICAgICA8L2Rpdj4KICAgICAgICA8L2Rpdj4KICAgIDwvZGl2PgoKICAgIDwhLS0gUG9wdXAgRGVsZXRlIEdyb3VwIC0tPgogICAgPGRpdiAqbmdJZj0ibW9kZSA9PT0gJ2RlbGdyJyI+CiAgICAgICAgPHAtZGlhbG9nCiAgICAgICAgICAgIGhlYWRlcj0iSGVhZGVyIgogICAgICAgICAgICBbKHZpc2libGUpXT0idmlzaWJsZSIKICAgICAgICAgICAgW21vZGFsXT0idHJ1ZSIKICAgICAgICAgICAgW3N0eWxlXT0ieyB3aWR0aDogJzMwcmVtJyB9IgogICAgICAgICAgICAob25IaWRlKT0iY2xvc2VEaWFsb2dFRCgpIgogICAgICAgID4KICAgICAgICAgICAgPG5nLXRlbXBsYXRlIHBUZW1wbGF0ZT0iaGVhZGVyIj4KICAgICAgICAgICAgICAgIDxkaXYKICAgICAgICAgICAgICAgICAgICBjbGFzcz0iaW5saW5lLWZsZXggYWxpZ24taXRlbXMtY2VudGVyIGp1c3RpZnktY29udGVudC1jZW50ZXIgZ2FwLTIiCiAgICAgICAgICAgICAgICA+CiAgICAgICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9ImZvbnQtYm9sZCB3aGl0ZS1zcGFjZS1ub3dyYXAiPgogICAgICAgICAgICAgICAgICAgICAgICBEZWxldGUgR3JvdXAKICAgICAgICAgICAgICAgICAgICA8L3NwYW4+CiAgICAgICAgICAgICAgICA8L2Rpdj4KICAgICAgICAgICAgPC9uZy10ZW1wbGF0ZT4KICAgICAgICAgICAgPHNwYW4gY2xhc3M9InAtdGV4dC1zZWNvbmRhcnkgYmxvY2sgbWItNSIKICAgICAgICAgICAgICAgID5BcmUgeW91IHN1cmUgWW91IHdhbnQgdG8gZGVsZXRlIEdyb3VwIG5hbWU/PC9zcGFuCiAgICAgICAgICAgID4KICAgICAgICAgICAgPG5nLXRlbXBsYXRlIHBUZW1wbGF0ZT0iZm9vdGVyIj4KICAgICAgICAgICAgICAgIDxwLWJ1dHRvbgogICAgICAgICAgICAgICAgICAgIGljb249InBpIHBpLXRyYXNoIgogICAgICAgICAgICAgICAgICAgIGxhYmVsPSJEZWxldGUiCiAgICAgICAgICAgICAgICAgICAgc2V2ZXJpdHk9ImRhbmdlciIKICAgICAgICAgICAgICAgICAgICAoY2xpY2spPSJjb25maXJtRGVsZXRlR3JvdXAoKSIKICAgICAgICAgICAgICAgIC8+CiAgICAgICAgICAgICAgICA8cC1idXR0b24KICAgICAgICAgICAgICAgICAgICBpY29uPSJwaSBwaS10aW1lcyIKICAgICAgICAgICAgICAgICAgICBbdGV4dF09InRydWUiCiAgICAgICAgICAgICAgICAgICAgbGFiZWw9IkNhbmNlbCIKICAgICAgICAgICAgICAgICAgICBbcGxhaW5dPSJ0cnVlIgogICAgICAgICAgICAgICAgICAgIChjbGljayk9ImJhY2tUb0xpc3QoKSIKICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgIC8+CiAgICAgICAgICAgIDwvbmctdGVtcGxhdGU+CiAgICAgICAgPC9wLWRpYWxvZz4KICAgIDwvZGl2PgoKICAgIDwhLS0gUG9wdXAgRGVsZXRlIEN1c3RvbWVyIGluIEdyb3VwIC0tPgogICAgPGRpdiAqbmdJZj0ibW9kZSA9PT0gJ2RlbGNtJyI+CiAgICAgICAgPHAtZGlhbG9nCiAgICAgICAgICAgIGhlYWRlcj0iSGVhZGVyIgogICAgICAgICAgICBbKHZpc2libGUpXT0idmlzaWJsZSIKICAgICAgICAgICAgW21vZGFsXT0idHJ1ZSIKICAgICAgICAgICAgW3N0eWxlXT0ieyB3aWR0aDogJzMwcmVtJyB9IgogICAgICAgICAgICAob25IaWRlKT0iY2xvc2VEaWFsb2dJbSgpIgogICAgICAgID4KICAgICAgICAgICAgPG5nLXRlbXBsYXRlIHBUZW1wbGF0ZT0iaGVhZGVyIj4KICAgICAgICAgICAgICAgIDxkaXYKICAgICAgICAgICAgICAgICAgICBjbGFzcz0iaW5saW5lLWZsZXggYWxpZ24taXRlbXMtY2VudGVyIGp1c3RpZnktY29udGVudC1jZW50ZXIgZ2FwLTIiCiAgICAgICAgICAgICAgICA+CiAgICAgICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9ImZvbnQtYm9sZCB3aGl0ZS1zcGFjZS1ub3dyYXAiPgogICAgICAgICAgICAgICAgICAgICAgICBEZWxldGUgRW1haWwKICAgICAgICAgICAgICAgICAgICA8L3NwYW4+CiAgICAgICAgICAgICAgICA8L2Rpdj4KICAgICAgICAgICAgPC9uZy10ZW1wbGF0ZT4KICAgICAgICAgICAgPHNwYW4gY2xhc3M9InAtdGV4dC1zZWNvbmRhcnkgYmxvY2sgbWItNSIKICAgICAgICAgICAgICAgID5BcmUgeW91IHN1cmUgWW91IHdhbnQgdG8gZGVsZXRlIEVtYWlsPzwvc3BhbgogICAgICAgICAgICA+CiAgICAgICAgICAgIDxuZy10ZW1wbGF0ZSBwVGVtcGxhdGU9ImZvb3RlciI+CiAgICAgICAgICAgICAgICA8cC1idXR0b24KICAgICAgICAgICAgICAgICAgICBpY29uPSJwaSBwaS1jaGVjayIKICAgICAgICAgICAgICAgICAgICBsYWJlbD0iQ09ORklSTSIKICAgICAgICAgICAgICAgICAgICAoY2xpY2spPSJjb25maXJtRGVsZXRlQ3VzdG9tZXIoKSIKICAgICAgICAgICAgICAgICAgICBzZXZlcml0eT0iZGFuZ2VyIgogICAgICAgICAgICAgICAgLz4KICAgICAgICAgICAgICAgIDxwLWJ1dHRvbgogICAgICAgICAgICAgICAgICAgIGljb249InBpIHBpLXRpbWVzIgogICAgICAgICAgICAgICAgICAgIGxhYmVsPSJDQU5DRUwiCiAgICAgICAgICAgICAgICAgICAgW3RleHRdPSJ0cnVlIgogICAgICAgICAgICAgICAgICAgIFtwbGFpbl09InRydWUiCiAgICAgICAgICAgICAgICAgICAgKGNsaWNrKT0iYmFja1RvTWFpbCgpIgogICAgICAgICAgICAgICAgLz4KICAgICAgICAgICAgPC9uZy10ZW1wbGF0ZT4KICAgICAgICA8L3AtZGlhbG9nPgogICAgPC9kaXY+CgogICAgPCEtLSBQb3B1cCBFeHBvcnQgQWZ0ZXIgQ2xpY2sgQnV0dG9uIC0tPgogICAgPGRpdiAqbmdJZj0ibW9kZSA9PT0gJ2V4cG9ydCciPgogICAgICAgIAogICAgPC9kaXY+CgogICAgPCEtLSBEaWFsb2cgQ29uZnJpbSBFZGl0IC0tPgogICAgPGRpdiAqbmdJZj0ibW9kZSA9PT0gJ0NvbmZyaW0gRWRpdCciPgogICAgICAgIDxwLWRpYWxvZwogICAgICAgICAgICBoZWFkZXI9IkhlYWRlciIKICAgICAgICAgICAgWyh2aXNpYmxlKV09InZpc2libGUiCiAgICAgICAgICAgIFttb2RhbF09InRydWUiCiAgICAgICAgICAgIFtzdHlsZV09Insgd2lkdGg6ICcyNXJlbScgfSIKICAgICAgICAgICAgKG9uSGlkZSk9ImNsb3NlRGlhbG9nQUQoKSIKICAgICAgICA+CiAgICAgICAgICAgIDxuZy10ZW1wbGF0ZSBwVGVtcGxhdGU9ImhlYWRlciI+CiAgICAgICAgICAgICAgICA8ZGl2CiAgICAgICAgICAgICAgICAgICAgY2xhc3M9ImlubGluZS1mbGV4IGFsaWduLWl0ZW1zLWNlbnRlciBqdXN0aWZ5LWNvbnRlbnQtY2VudGVyIGdhcC0yIgogICAgICAgICAgICAgICAgPgogICAgICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPSJmb250LWJvbGQgd2hpdGUtc3BhY2Utbm93cmFwIj4KICAgICAgICAgICAgICAgICAgICAgICAgQ3JlYXRlIEdyb3VwCiAgICAgICAgICAgICAgICAgICAgPC9zcGFuPgogICAgICAgICAgICAgICAgPC9kaXY+CiAgICAgICAgICAgIDwvbmctdGVtcGxhdGU+CiAgICAgICAgICAgIDxzcGFuIGNsYXNzPSJwLXRleHQtc2Vjb25kYXJ5IGJsb2NrIG1iLTUiCiAgICAgICAgICAgICAgICA+UGxlYXNlIEluc2VydCBhIEdyb3VwIE5hbWU8L3NwYW4KICAgICAgICAgICAgPgogICAgICAgICAgICA8ZGl2IGNsYXNzPSJmbGV4IGFsaWduLWl0ZW1zLWNlbnRlciBnYXAtMyBtYi0zIj4KICAgICAgICAgICAgICAgIDxpbnB1dAogICAgICAgICAgICAgICAgICAgIHBJbnB1dFRleHQKICAgICAgICAgICAgICAgICAgICBpZD0iR3JvdXBOYW1lIgogICAgICAgICAgICAgICAgICAgIFsobmdNb2RlbCldPSJuZXdHcm91cE5hbWUiCiAgICAgICAgICAgICAgICAgICAgY2xhc3M9ImZsZXgtYXV0byIKICAgICAgICAgICAgICAgICAgICBhdXRvY29tcGxldGU9Im9mZiIKICAgICAgICAgICAgICAgIC8+CiAgICAgICAgICAgIDwvZGl2PgoKICAgICAgICAgICAgPG5nLXRlbXBsYXRlIHBUZW1wbGF0ZT0iZm9vdGVyIj4KICAgICAgICAgICAgICAgIDxwLWJ1dHRvbgogICAgICAgICAgICAgICAgICAgIGljb249InBpIHBpLWNoZWNrIgogICAgICAgICAgICAgICAgICAgIGxhYmVsPSJDUkVBVEUiCiAgICAgICAgICAgICAgICAgICAgKGNsaWNrKT0ic2F2ZUdyb3VwKCkiCiAgICAgICAgICAgICAgICAvPgogICAgICAgICAgICAgICAgPHAtYnV0dG9uCiAgICAgICAgICAgICAgICAgICAgaWNvbj0icGkgcGktdGltZXMiCiAgICAgICAgICAgICAgICAgICAgbGFiZWw9IkNBTkNMRSIKICAgICAgICAgICAgICAgICAgICAoY2xpY2spPSJiYWNrVG9MaXN0KCkiCiAgICAgICAgICAgICAgICAgICAgc2V2ZXJpdHk9ImRhbmdlciIKICAgICAgICAgICAgICAgIC8+CiAgICAgICAgICAgIDwvbmctdGVtcGxhdGU+CiAgICAgICAgPC9wLWRpYWxvZz4KICAgIDwvZGl2Pgo8L2Rpdj4=

Success #stdin #stdout 0.03s 25832KB

stdin

copy

Standard input is empty

stdout

copy

<p-toast></p-toast>
<div class="container">
    <!--  <div *ngIf="mode === 'list'"> -->
    <div *ngIf="mode === 'list'">
        <p-button
            [rounded]="true"
            icon="pi pi-arrow-right"
            class="btn btn-danger"
            (click)="backToMail()"
            label="Test To Mailing List"
        />

        <div class="text-center mb-3">
            <h3>Group Mailing List</h3>
        </div>
        <div class="card shadow">
            <div class="card-body">
                <div class="grid-container mb-4 mt-2">
                    <span class="p-float-label input-group">
                        <input
                            type="text"
                            pInputText
                            id="groupName"
                            [(ngModel)]="searchFilters.groupName"
                        />
                        <label class="font-normal">Group Name</label>
                    </span>
                    <!-- Button Search Group Name -->
                    <p-button
                        label="Search"
                        icon="pi pi-search"
                        [raised]="true"
                        severity="help"
                        (click)="searchGroups()"
                    />
                    <span></span>
                </div>

                <!--Button ADD Group -->

                <div class="text-end mb-4 mt-3">
                    <p-button
                        class="btn btn-light"
                        (click)="addGroup()"
                        icon="pi pi-plus"
                        label="Add group"
                        severity="success"
                    />
                </div>

                <!--Table of Group Name -->
                <p-table
                    [value]="filteredGroupList"
                    [paginator]="true"
                    [rows]="10"
                    [rowsPerPageOptions]="[5, 10, 20]"
                    [showCurrentPageReport]="true"
                    currentPageReportTemplate="Showing {first} to {last} of {totalRecords} entries"
                >
                    <!-- Header Table -->
                    <ng-template pTemplate="header">
                        <tr>
                            <th>No.</th>
                            <th>Detail</th>
                            <th>Action</th>
                            <th>Group Name</th>
                            <th>Create Date</th>
                            <th>Create By</th>
                            <th>Modified By</th>
                        </tr>
                    </ng-template>
                    <ng-template let-group pTemplate="body" let-i="rowIndex">
                        <tr>
                            <td>{{ i + 1 }}</td>
                            <td>
                                <p-button
                                pTooltip="View Email in Group" 
                                tooltipPosition="top"
                                    icon="pi pi-eye"
                                    class=""
                                    (click)="viewDetails(group)"
                                    severity="secondary"
                                >
                                </p-button>
                            </td>
                            <td>
                                <p-button
                                pTooltip="Edit Group" 
                                tooltipPosition="top"
                                    icon="pi pi-pencil"
                                    class="btn btn-warning"
                                    (click)="editGroup(group)"
                                    severity="warning"
                                >
                                </p-button>
                                <p-button
                                pTooltip="Delete Group" 
                                tooltipPosition="top"
                                    icon="pi pi-trash"
                                    class="btn btn-danger"
                                    (click)="deleteGroup(group)"
                                    severity="danger"
                                >
                                </p-button>
                            </td>
                            <td>{{ group.groupName }}</td>
                            <td>{{ group.createdDate | date: 'dd-MM-yyyy' }}</td>
                            <td>{{ group.createdBy }}</td>
                            <td>{{ group.updatedBy }}</td>
                            <td>{{ group.groupName_ID }} </td>
                            
                        </tr>
                    </ng-template>
                </p-table>
                <p></p>
            </div>
        </div>
    </div>

    <!-- MODE ADD PAGE LIST-->
    <div *ngIf="mode === 'add'">
        <p-dialog
            header="Header"
            [(visible)]="visible"
            [modal]="true"
            [style]="{ width: '30rem' }"
            (onHide)="closeDialogAD()"
        >
            <ng-template pTemplate="header">
                <div
                    class="inline-flex align-items-center justify-content-center gap-2"
                >
                    <span class="font-bold white-space-nowrap">
                        Create Group
                    </span>
                </div>
            </ng-template>

            <span class="p-text-secondary block mb-5"
                >Please Insert a Group Name</span
            >
            <div class="flex align-items-center gap-3 mb-3">
                <input
                    pInputText
                    id="GroupName"
                    [(ngModel)]="newGroupName"
                    class="flex-auto"
                    autocomplete="off"
                />
            </div>

            <!-- Button Cancle AND Create -->
            <ng-template pTemplate="footer">
                <p-button
                    icon="pi pi-check"
                    label="CREATE"
                    (click)="saveGroup()"
                />
                <p-button
                    icon="pi pi-times"
                    label="CANCLE"
                    (click)="backToList()"
                    severity="danger"
                />
            </ng-template>
        </p-dialog>
    </div>

    <!-- EDIT GROUP PAGE LIST-->
    <div *ngIf="mode === 'ed'">
        <p-dialog
            header="Header"
            [(visible)]="visible"
            [modal]="true"
            [style]="{ width: '30rem' }"
            (onHide)="closeDialogED()"
        >
            <ng-template pTemplate="header">
                <div
                    class="inline-flex align-items-center justify-content-center gap-2"
                >
                    <span class="font-bold white-space-nowrap">
                        Edit Group
                    </span>
                </div>
            </ng-template>

            <span class="p-text-secondary block mb-5"
                >Please Insert new a Group Name</span
            >
            <div class="flex align-items-center gap-3 mb-3">
                <input
                    pInputText
                    id="GroupName"
                    [(ngModel)]="newGroupName"
                    class="flex-auto"
                    autocomplete="off"
                />
            </div>

            <!-- Button Save AND Cancel -->
            <ng-template pTemplate="footer">
                <p-button
                    icon="pi pi-save"
                    label="Save"
                    (click)="saveGroup()"
                    severity="success"
                />
                <p-button
                    icon="pi pi-times"
                    label="Cancel"
                    (click)="backToList()"
                    severity="danger"
                />
            </ng-template>
        </p-dialog>
    </div>

    <!-- Detail In GROUP PAGE LIST-->
    <div *ngIf="mode === 'dt'">
        <p-button
            pTooltip="Back to Group Mailing List" 
            tooltipPosition="right"
            [rounded]="true"
            icon="pi pi-arrow-left"
            class="btn btn-danger"
            (click)="backToList()"
        />

        <div class="text-center mb-3">
            <h3>Mailing List : {{ currentGroupName }}</h3>
        </div>

        <div class="card shadow">
            <div class="card-body">
                <!-- Email -->
                <div class="grid-container mb-4 mt-2">
                    <span class="p-float-label input-group">
                        <input type="text" pInputText id="email"  [(ngModel)]="searchFiltersEmail.email"  
                        placeholder="Search Email" />
                        <label class="font-normal">Email</label>
                    </span>
                    <span></span>
                    <span></span>
                </div>

                <!-- Field Date, Create By, Modified By -->
                <div class="grid-container mb-4">
                    <span class="p-float-label input-group">
                        <input type="text" pInputText id="customerCode"  [(ngModel)]="searchFiltersEmail.customerCode"  
                        placeholder="Search Customer Code" />
                        <label class="font-normal">Customer Code</label>
                    </span>

                    <span class="p-float-label input-group">
                        <input type="text" pInputText id="customerName"  [(ngModel)]="searchFiltersEmail.customerName"  
                        placeholder="Search Customer Name"/>
                        <label class="font-normal">Customer Name</label>
                    </span>

                    <p-button
                        label="Search"
                        severity="help"
                        icon="pi pi-search"
                        class="p-button-true ms-2"
                        (click)="searchEmail()"
                    />
                </div>

                <div class="grid-container mb-3">
                    <span class="p-float-label input-group">
                        <input type="text" pInputText id="mobile" [(ngModel)]="searchFiltersEmail.mobile" />
                        <label class="font-normal">Mobile</label>
                    </span>

                    <span class="p-float-label input-group">
                        <input type="text" pInputText id="telephone" [(ngModel)]="searchFiltersEmail.telephone" />
                        <label class="font-normal">Telephone</label>
                    </span>

                    <span class="p-float-label input-group">
                        <input type="text" pInputText id="zipCode" [(ngModel)]="searchFiltersEmail.zipCode" />
                        <label class="font-normal">Zipcode</label>
                    </span>
                </div>
                <!-- Button Add Email ,Import ,Export -->
                <div class="flex align-items-center gap-2 mb-3 mt-4">
                    <p-button
                        class="btn btn-light"
                        (click)="addEmail()"
                        label="Add Email"
                        icon="pi pi-plus"
                        severity="success"
                    />
                    <p-button
                        class="btn btn-light"
                        (click)="importEmail()"
                        icon="pi pi-download"
                        label="Import"
                    />
                    <p-button
                        class="btn btn-danger"
                        (click)="exportFile()"
                        label="Export"
                        icon="pi pi-upload"
                        severity="warning"
                    />
                </div>

                <!-- Table Mailing List in Group-->
                <p-table
                    [value]="mailingList"
                    [paginator]="true"
                    [rows]="10"
                    [rowsPerPageOptions]="[5, 10, 20, 50]"
                    [showCurrentPageReport]="true"
                    currentPageReportTemplate="Showing {first} to {last} of {totalRecords} entries"
                >
                    <ng-template pTemplate="header">
                        <tr>
                            <th>No.</th>
                            <th>Action</th>
                            <th>Customer Code</th>
                            <th>Customer Name</th>
                            <th>Email</th>
                            <th>Mobile</th>
                            <th>Telephone</th>
                            <th>Address</th>
                            <th>Zipcode</th>
                        </tr>
                    </ng-template>
                    <ng-template let-mail pTemplate="body" let-i="rowIndex">
                        <tr>
                            <td>{{ i + 1 }}</td>
                            <td>
                                <p-button
                                pTooltip="Edit Customer" 
                                tooltipPosition="top"
                                    icon="pi pi-pencil"
                                    class="btn btn-warning"
                                    (click)="editCustomer(mail)"
                                    severity="warning"
                                >
                                </p-button>
                                <p-button
                                pTooltip="Delete Customer" 
                                tooltipPosition="top"
                                    icon="pi pi-trash"
                                    class="btn btn-danger"
                                    (click)="deleteCustomer(mail)"
                                    severity="danger"
                                >
                                </p-button>
                            </td>
                            <td>
                                <a href="javascript:void(0);" (click)="viewCustomer(mail)"  pTooltip="Tips : Can view Detail on click " 
                                tooltipPosition="top">
                                {{ mail.customerCode }}
                            </a>
                            </td>
                            <td>{{ mail.customerName }}</td>
                            <td>{{ mail.emailAddress }}</td>
                            <td>{{ mail.mobile }}</td>
                            <td>{{ mail.telephone }}</td>
                            <td>{{ mail.address }}</td>
                            <td>{{ mail.zipcode }}</td>
                        </tr>
                    </ng-template>
                </p-table>
                <p></p>
            </div>
        </div>
    </div>

    <!-- Popup IMPORT Mailing List Customer-->
    <div *ngIf="mode === 'im'">
        <p-dialog
            header="Header"
            [(visible)]="visible"
            [modal]="true"
            [style]="{ width: '30rem' }"
            (onHide)="closeDialogIm()"
        >
            <ng-template pTemplate="header">
                <div
                    class="inline-flex align-items-center justify-content-center gap-2"
                >
                    <span class="font-bold white-space-nowrap">
                        Upload File
                    </span>
                </div>
            </ng-template>
            <span class="p-text-secondary block mb-5"
                >Upload File Excel To Add Customers</span
            >
            <p-fileUpload
                name="demo[]"
                url="https://w...content-available-to-author-only...s.org/cdn/api/upload.php"
                (onUpload)="onUpload($event)"
                [multiple]="false"
                accept=".xlsx,.xls,.csv"
                [maxFileSize]="1000000"
            >
                <ng-template pTemplate="content">
                    <ul *ngIf="uploadedFiles.length">
                        <li *ngFor="let file of uploadedFiles">
                            {{ file.name }} - {{ file.size }} bytes
                        </li>
                    </ul>
                </ng-template>
            </p-fileUpload>
        </p-dialog>
    </div>

    <!-- Page Edit And Add New Email Customer <div *ngIf="mode === 'edm' || mode === 'addm'"> -->
    <div *ngIf="mode === 'edm' || mode === 'addm' || mode === 'vm'">
        <div>
            <div class="text-center mb-3">
                <h3 *ngIf="mode === 'vm'" >View(only) Mailing List</h3>
                <h3 *ngIf="mode === 'addm'" >Add Mailing List</h3>
                <h3 *ngIf="mode === 'edm'" >Edit Mailing List</h3>
            </div>

            <div class="card shadow">
                <div class="grid-container mt-4">
                    <span class="p-float-label input-group2">
                        <input
                            type="text"
                            pInputText
                            id="customerCode"
                            [(ngModel)]="editingCustomer.customerCode"
                            [ngClass]="{
                                'invalid-input': !editingCustomer.customerCode
                            }"
                            [disabled]="mode === 'edm'"
                            [readonly]="mode === 'vm'"
                        />
                        <label class="font-normal">Customer Code</label>
                    </span>
                    <!-- [readonly]="mode === 'edm'" Change to [disabled]-->

                    <!-- Field Edit/Add Customer Name -->
                    <span class="p-float-label input-group2">
                        <input
                            type="text"
                            pInputText
                            pTooltip="Tips : Enter your Fristname And Lastname" 
                            tooltipPosition="top"
                            id="customerName"
                            [ngClass]="{
                                'invalid-input': !editingCustomer.customerName
                            }"
                            [readonly]="mode === 'vm'"
                            [(ngModel)]="editingCustomer.customerName"
                        />
                        <label class="font-normal">Customer Name</label>
                    </span>

                    <span></span>
                </div>

                <tr class="grid-container">
                    <th>
                        <div
                            *ngIf="!editingCustomer.customerCode"
                            class="error-message"
                        >
                            This field is required Customer Code.
                        </div>
                    </th>

                    <th>
                        <div
                            *ngIf="!editingCustomer.customerName"
                            class="error-message"
                        >
                            This field is required Customer Name.
                        </div>
                    </th>

                    <th></th>
                </tr>

                <div class="grid-container mt-4">
                    <!-- Field Edit/ Add Email -->
                    <span class="p-float-label input-group2">
                        <input
                            type="text"
                            pInputText
                            pTooltip="Tips : Enter your Email With @ " 
                            tooltipPosition="top"
                            id="email"
                            [ngClass]="{
                                'invalid-input': !editingCustomer.emailAddress || !editingCustomer.emailAddress.includes('@')
                            }"
                            [readonly]="mode === 'vm'"
                            [(ngModel)]="editingCustomer.emailAddress"
                        />
                        <label class="font-normal">Email</label>
                    </span>

                    <!-- Field Edit/ Add Mobile -->
                    <span class="p-float-label input-group2">
                        <input
                            type="text"
                            pInputText
                            pTooltip="Tips : MobilePhone only Numeric" 
                            tooltipPosition="top"
                            id="mobile"
                            [(ngModel)]="editingCustomer.mobile"
                            [readonly]="mode === 'vm'"
                            [ngClass]="{
                                'invalid-input': !isNumericFieldValid(
                                    editingCustomer.mobile
                                )
                            }"
                        />
                        <label class="font-normal">Mobile</label>
                    </span>

                    <!-- Field Edit/ Add Telephone -->
                    <span class="p-float-label input-group2">
                        <input
                            type="text"
                            pInputText
                            pTooltip="Tips : Telephone only Numeric" 
                            tooltipPosition="top"
                            id="telephone"
                            [(ngModel)]="editingCustomer.telephone"
                            [readonly]="mode === 'vm'"
                            [ngClass]="{
                                'invalid-input': !isNumericFieldValid(
                                    editingCustomer.telephone
                                )
                            }"
                        />
                        <label class="font-normal">Telephone</label>
                    </span>
                </div>
                <tr class="grid-container">
                <th>
                    <div
                        *ngIf="!editingCustomer.emailAddress || !editingCustomer.emailAddress.includes('@')"
                        class="error-message"
                    >
                        This field is required E-mail.
                    </div>
                </th>
                <th></th>
                <th></th>
            </tr>

                <div class="grid-container mb-5 mt-4">
                    <!-- Field Edit/ Add Address -->
                    <span class="p-float-label input-group2">
                        <input
                            type="text"
                            pInputText
                            id="address"
                            [readonly]="mode === 'vm'"
                            [(ngModel)]="editingCustomer.address"
                        />
                        <label class="font-normal">Address</label>
                    </span>

                    <!-- Field Edit/ Add Zipcode -->
                    <span class="p-float-label input-group2">
                        <input
                            type="text"
                            pInputText
                            pTooltip="Tips : Zipcode only Numeric" 
                            tooltipPosition="top"
                            id="zipCode"
                            [(ngModel)]="editingCustomer.zipcode"
                            [readonly]="mode === 'vm'"
                            [ngClass]="{
                                'invalid-input': !isNumericFieldValid(
                                    editingCustomer.zipcode
                                )
                            }"
                        />
                        <label class="font-normal">Zipcode</label>
                    </span>
                    <span></span>
                </div>
                <br /><br />
                <br />
                <br />

                <!-- Button Save and Cancel Edit/Add Email. -->
                <div class="text-right mt-5">
                    
                    <p-button *ngIf="mode === 'addm'"
                        icon="pi pi-save"
                        label="Save"
                        (click)="saveEmail()"
                        severity="success"
                        class="mr-2"
                    ></p-button>

                    <p-button *ngIf="mode === 'edm'"
                        icon="pi pi-save"
                        label="Confrim"
                        (click)="confirmEditCustomer()"
                        severity="success"
                        class="mr-2"
                    ></p-button>

                    <p-button
                        icon="pi pi-times"
                        label="Cancel"
                        (click)="closeDialogIm()"
                        severity="danger"
                    ></p-button>

                </div>
            </div>
        </div>
    </div>

    <!-- Popup Delete Group -->
    <div *ngIf="mode === 'delgr'">
        <p-dialog
            header="Header"
            [(visible)]="visible"
            [modal]="true"
            [style]="{ width: '30rem' }"
            (onHide)="closeDialogED()"
        >
            <ng-template pTemplate="header">
                <div
                    class="inline-flex align-items-center justify-content-center gap-2"
                >
                    <span class="font-bold white-space-nowrap">
                        Delete Group
                    </span>
                </div>
            </ng-template>
            <span class="p-text-secondary block mb-5"
                >Are you sure You want to delete Group name?</span
            >
            <ng-template pTemplate="footer">
                <p-button
                    icon="pi pi-trash"
                    label="Delete"
                    severity="danger"
                    (click)="confirmDeleteGroup()"
                />
                <p-button
                    icon="pi pi-times"
                    [text]="true"
                    label="Cancel"
                    [plain]="true"
                    (click)="backToList()"
                    
                />
            </ng-template>
        </p-dialog>
    </div>

    <!-- Popup Delete Customer in Group -->
    <div *ngIf="mode === 'delcm'">
        <p-dialog
            header="Header"
            [(visible)]="visible"
            [modal]="true"
            [style]="{ width: '30rem' }"
            (onHide)="closeDialogIm()"
        >
            <ng-template pTemplate="header">
                <div
                    class="inline-flex align-items-center justify-content-center gap-2"
                >
                    <span class="font-bold white-space-nowrap">
                        Delete Email
                    </span>
                </div>
            </ng-template>
            <span class="p-text-secondary block mb-5"
                >Are you sure You want to delete Email?</span
            >
            <ng-template pTemplate="footer">
                <p-button
                    icon="pi pi-check"
                    label="CONFIRM"
                    (click)="confirmDeleteCustomer()"
                    severity="danger"
                />
                <p-button
                    icon="pi pi-times"
                    label="CANCEL"
                    [text]="true"
                    [plain]="true"
                    (click)="backToMail()"
                />
            </ng-template>
        </p-dialog>
    </div>

    <!-- Popup Export After Click Button -->
    <div *ngIf="mode === 'export'">
        
    </div>

    <!-- Dialog Confrim Edit -->
    <div *ngIf="mode === 'Confrim Edit'">
        <p-dialog
            header="Header"
            [(visible)]="visible"
            [modal]="true"
            [style]="{ width: '25rem' }"
            (onHide)="closeDialogAD()"
        >
            <ng-template pTemplate="header">
                <div
                    class="inline-flex align-items-center justify-content-center gap-2"
                >
                    <span class="font-bold white-space-nowrap">
                        Create Group
                    </span>
                </div>
            </ng-template>
            <span class="p-text-secondary block mb-5"
                >Please Insert a Group Name</span
            >
            <div class="flex align-items-center gap-3 mb-3">
                <input
                    pInputText
                    id="GroupName"
                    [(ngModel)]="newGroupName"
                    class="flex-auto"
                    autocomplete="off"
                />
            </div>

            <ng-template pTemplate="footer">
                <p-button
                    icon="pi pi-check"
                    label="CREATE"
                    (click)="saveGroup()"
                />
                <p-button
                    icon="pi pi-times"
                    label="CANCLE"
                    (click)="backToList()"
                    severity="danger"
                />
            </ng-template>
        </p-dialog>
    </div>
</div>

https://ideone.com/KPAr7H

language:

PHP (php 7.3.5)

created:

visibility:

public

Share or Embed source code

Discover > Sphere Engine API

The brand new service which powers Ideone!

Discover > IDE Widget

Widget for compiling and running the source code in a web browser!

Discover > Sphere Engine API

Discover > IDE Widget

Choose your language