@posiwise/admin-module 0.0.264 → 0.0.265
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -6000,7 +6000,7 @@ var DomainConfigIntegrationsComponent = class DomainConfigIntegrationsComponent
|
|
|
6000
6000
|
selector: "pw-domain-config-integrations",
|
|
6001
6001
|
usesInheritance: true,
|
|
6002
6002
|
ngImport: i0,
|
|
6003
|
-
template: "<h3>Integrations</h3>\n<div>\n <p class=\"mb-5\">The following configuration is required to enable the corresponding third party integration.</p>\n</div>\n@if (isLoading) {\n <div class=\"w-100 text-center mt-3\"\n >\n <p-progress-spinner strokeWidth=\"2\"> </p-progress-spinner>\n </div>\n}\n@if (data?.host_name) {\n <form [formGroup]=\"form\"\n (ngSubmit)=\"onSave()\">\n <div class=\"row\">\n <div class=\"col-12 col-sm-3\">\n <pw-input-container [showTooltip]=\"true\"\n [tooltipText]=\"'Admin.DomainConfig.Tooltip.IntegrationCaptchaKey' | transloco\"\n [label]=\"'Admin.DomainConfig.IntegrationCaptchaKey' | transloco\"\n name=\"integrations_captcha_key\" controlId=\"domain-integrations-captcha_key\">\n <input type=\"text\"\n id=\"domain-integrations-captcha_key\"\n class=\"form-control\"\n formControlName=\"integrations_captcha_key\" [placeholder]=\"'Admin.DomainConfig.Placeholder.IntegrationCaptchaKey' | transloco\"\n [ngClass]=\"{ 'is-invalid': submitted && f.integrations_captcha_key.errors }\" name=\"input_integrations_captcha_key_1\"\n [attr.aria-label]=\"'Admin.DomainConfig.IntegrationCaptchaKey' | transloco\"/>\n </pw-input-container>\n </div>\n <div class=\"col-12 col-sm-3\">\n <pw-input-container [showTooltip]=\"true\"\n [tooltipText]=\"'Admin.DomainConfig.Tooltip.IntegrationCaptchaKeyV2' | transloco\"\n [label]=\"'Admin.DomainConfig.IntegrationCaptchaKeyV2' | transloco\"\n name=\"integrations_captcha_key_V2\" controlId=\"domain-integrations-captcha_key_V2\">\n <input type=\"text\"\n id=\"domain-integrations-captcha_key_V2\"\n class=\"form-control\"\n formControlName=\"integrations_captcha_key_V2\" [placeholder]=\"'Admin.DomainConfig.Placeholder.IntegrationCaptchaKeyV2' | transloco\"\n [ngClass]=\"{\n 'is-invalid': submitted && f.integrations_captcha_key_V2.errors\n }\" name=\"input_integrations_captcha_key_V2_2\"\n [attr.aria-label]=\"'Admin.DomainConfig.IntegrationCaptchaKeyV2' | transloco\"/>\n </pw-input-container>\n </div>\n <div class=\"col-12 col-sm-3\">\n <pw-input-container [showTooltip]=\"true\"\n [tooltipText]=\"'Admin.DomainConfig.Tooltip.IntegrationGoogleAnalytics' | transloco\"\n [label]=\"'Admin.DomainConfig.IntegrationGoogleAnalytics' | transloco\"\n name=\"integrations_google_analytics\" controlId=\"domain-integrations-google_analytics\">\n <input type=\"text\"\n id=\"domain-integrations-google_analytics\"\n class=\"form-control\"\n formControlName=\"integrations_google_analytics\" [placeholder]=\"'Admin.DomainConfig.Placeholder.IntegrationGoogleAnalytics' | transloco\"\n [ngClass]=\"{\n 'is-invalid': submitted && f.integrations_google_analytics.errors\n }\" name=\"input_integrations_google_analytics_3\"\n [attr.aria-label]=\"'Admin.DomainConfig.IntegrationGoogleAnalytics' | transloco\"/>\n </pw-input-container>\n </div>\n <div class=\"col-12 col-sm-3\">\n <pw-input-container [showTooltip]=\"true\"\n [tooltipText]=\"'Admin.DomainConfig.Tooltip.IntegrationRedditPixelId' | transloco\"\n [label]=\"'Admin.DomainConfig.IntegrationRedditPixelId' | transloco\"\n name=\"integrations_reddit_pixel_id\" controlId=\"domain-integrations-reddit_pixel_id\">\n <input type=\"text\"\n id=\"domain-integrations-reddit_pixel_id\"\n class=\"form-control\"\n formControlName=\"integrations_reddit_pixel_id\" [placeholder]=\"'Admin.DomainConfig.Placeholder.IntegrationRedditPixelId' | transloco\"\n [ngClass]=\"{ 'is-invalid': submitted && f.integrations_reddit_pixel_id.errors }\" name=\"input_integrations_reddit_pixel_id_10\"\n [attr.aria-label]=\"'Admin.DomainConfig.IntegrationRedditPixelId' | transloco\"/>\n </pw-input-container>\n </div>\n <div class=\"col-12 col-sm-3\">\n <pw-input-container [showTooltip]=\"true\"\n [tooltipText]=\"'Admin.DomainConfig.Tooltip.IntegrationsGoogleApiKey' | transloco\"\n [label]=\"'Admin.DomainConfig.IntegrationsGoogleApiKey' | transloco\"\n name=\"integrations_google_api_key\" controlId=\"domain-integrations-google_api_key\">\n <input type=\"text\"\n id=\"domain-integrations-google_api_key\"\n class=\"form-control\"\n formControlName=\"integrations_google_api_key\" [placeholder]=\"'Admin.DomainConfig.Placeholder.IntegrationsGoogleApiKey' | transloco\"\n [ngClass]=\"{\n 'is-invalid': submitted && f.integrations_google_api_key.errors\n }\" name=\"input_integrations_google_api_key_4\"\n [attr.aria-label]=\"'Admin.DomainConfig.IntegrationsGoogleApiKey' | transloco\"/>\n </pw-input-container>\n </div>\n <div class=\"col-12 col-sm-3\">\n <pw-input-container [showTooltip]=\"true\"\n [tooltipText]=\"'Admin.DomainConfig.Tooltip.IntegrationsSentryConfigDns' | transloco\"\n [label]=\"'Admin.DomainConfig.IntegrationsSentryConfigDns' | transloco\"\n name=\"integrations_sentry_config_dns\" controlId=\"domain-integrations-sentry_config_dns\">\n <input type=\"text\"\n id=\"domain-integrations-sentry_config_dns\"\n class=\"form-control\"\n formControlName=\"integrations_sentry_config_dns\" [placeholder]=\"'Admin.DomainConfig.Placeholder.IntegrationsSentryConfigDns' | transloco\"\n [ngClass]=\"{\n 'is-invalid': submitted && f.integrations_sentry_config_dns.errors\n }\" name=\"input_integrations_sentry_config_dns_5\"\n [attr.aria-label]=\"'Admin.DomainConfig.IntegrationsSentryConfigDns' | transloco\"/>\n </pw-input-container>\n </div>\n <div class=\"col-12 col-sm-3\">\n <pw-input-container [showTooltip]=\"true\"\n [tooltipText]=\"'Admin.DomainConfig.Tooltip.IntegrationDriftCode' | transloco\"\n [label]=\"'Admin.DomainConfig.IntegrationDriftCode' | transloco\"\n name=\"integrations_drift_code\" controlId=\"domain-integrations-drift_code\">\n <input type=\"text\"\n id=\"domain-integrations-drift_code\"\n class=\"form-control\"\n formControlName=\"integrations_drift_code\" [placeholder]=\"'Admin.DomainConfig.Placeholder.IntegrationDriftCode' | transloco\"\n [ngClass]=\"{ 'is-invalid': submitted && f.integrations_drift_code.errors }\" name=\"input_integrations_drift_code_6\"\n [attr.aria-label]=\"'Admin.DomainConfig.IntegrationDriftCode' | transloco\"/>\n </pw-input-container>\n </div>\n <div class=\"col-12 col-sm-3\">\n <pw-input-container [showTooltip]=\"true\"\n [tooltipText]=\"'Admin.DomainConfig.Tooltip.IntegrationCrispCode' | transloco\"\n [label]=\"'Admin.DomainConfig.IntegrationCrispCode' | transloco\"\n name=\"integrations_crisp_code\" controlId=\"domain-integrations-crisp_code\">\n <input type=\"text\"\n id=\"domain-integrations-crisp_code\"\n class=\"form-control\"\n formControlName=\"integrations_crisp_code\" [placeholder]=\"'Admin.DomainConfig.Placeholder.IntegrationCrispCode' | transloco\"\n [ngClass]=\"{ 'is-invalid': submitted && f.integrations_crisp_code.errors }\" name=\"input_integrations_crisp_code_8\"\n [attr.aria-label]=\"'Admin.DomainConfig.IntegrationCrispCode' | transloco\"/>\n </pw-input-container>\n </div>\n <div class=\"col-12 col-sm-3\">\n <pw-input-container [showTooltip]=\"true\"\n [tooltipText]=\"'Admin.DomainConfig.Tooltip.IntegrationHubSpotCode' | transloco\"\n [label]=\"'Admin.DomainConfig.IntegrationHubSpotCode' | transloco\"\n name=\"integrations_hubspot_code\" controlId=\"domain-integrations-hubspot_code\">\n <input type=\"text\"\n id=\"domain-integrations-hubspot_code\"\n class=\"form-control\"\n formControlName=\"integrations_hubspot_code\" [placeholder]=\"'Admin.DomainConfig.Placeholder.IntegrationHubSpotCode' | transloco\"\n [ngClass]=\"{ 'is-invalid': submitted && f.integrations_hubspot_code.errors }\" name=\"input_integrations_hubspot_code_9\"\n [attr.aria-label]=\"'Admin.DomainConfig.IntegrationHubSpotCode' | transloco\"/>\n </pw-input-container>\n </div>\n <div class=\"col-12 col-sm-3\">\n <pw-input-container [showTooltip]=\"true\"\n [tooltipText]=\"'Admin.DomainConfig.Tooltip.IntegrationFbAppId' | transloco\"\n [label]=\"'Admin.DomainConfig.IntegrationFbAppId' | transloco\"\n name=\"integrations_fb_app_id\" controlId=\"domain-integrations-fb_app_id\">\n <input type=\"text\"\n id=\"domain-integrations-fb_app_id\"\n class=\"form-control\"\n formControlName=\"integrations_fb_app_id\" [placeholder]=\"'Admin.DomainConfig.Placeholder.IntegrationFbAppId' | transloco\"\n [ngClass]=\"{ 'is-invalid': submitted && f.integrations_fb_app_id.errors }\" name=\"input_integrations_fb_app_id_7\"\n [attr.aria-label]=\"'Admin.DomainConfig.IntegrationFbAppId' | transloco\"/>\n </pw-input-container>\n </div>\n </div>\n <pw-sticky-actions>\n <button type=\"button\"\n class=\"btn btn-outline-default me-2\"\n (click)=\"back()\">\n {{ 'Button.Cancel' | transloco }}\n </button>\n <button type=\"submit\"\n [buttonBusy]=\"buttonBusy\"\n class=\"btn btn-primary\">{{ 'Button.Submit' | transloco }}</button>\n </pw-sticky-actions>\n </form>\n}\n@if (!data?.host_name && !isLoading) {\n <div>\n <pw-no-data [withImage]=\"true\" [message]=\"'Admin.DomainConfig.EnableConfigTab' | transloco\"> </pw-no-data>\n </div>\n}\n",
|
|
6003
|
+
template: "<h3>Integrations</h3>\n<div>\n <p class=\"mb-5\">The following configuration is required to enable the corresponding third party integration.</p>\n</div>\n@if (isLoading) {\n <div class=\"w-100 text-center mt-3\"\n >\n <p-progress-spinner strokeWidth=\"2\"> </p-progress-spinner>\n </div>\n}\n@if (data?.host_name) {\n <form [formGroup]=\"form\"\n (ngSubmit)=\"onSave()\">\n <div class=\"row\">\n <div class=\"col-12 col-sm-3\">\n <pw-input-container [showTooltip]=\"true\"\n [tooltipText]=\"'Admin.DomainConfig.Tooltip.IntegrationCaptchaKey' | transloco\"\n [label]=\"'Admin.DomainConfig.IntegrationCaptchaKey' | transloco\"\n name=\"integrations_captcha_key\" controlId=\"domain-integrations-captcha_key\">\n <input type=\"text\"\n id=\"domain-integrations-captcha_key\"\n class=\"form-control\"\n formControlName=\"integrations_captcha_key\" [placeholder]=\"'Admin.DomainConfig.Placeholder.IntegrationCaptchaKey' | transloco\"\n [ngClass]=\"{ 'is-invalid': submitted && f.integrations_captcha_key.errors }\" name=\"input_integrations_captcha_key_1\"\n [attr.aria-label]=\"'Admin.DomainConfig.IntegrationCaptchaKey' | transloco\"/>\n </pw-input-container>\n </div>\n <div class=\"col-12 col-sm-3\">\n <pw-input-container [showTooltip]=\"true\"\n [tooltipText]=\"'Admin.DomainConfig.Tooltip.IntegrationCaptchaKeyV2' | transloco\"\n [label]=\"'Admin.DomainConfig.IntegrationCaptchaKeyV2' | transloco\"\n name=\"integrations_captcha_key_V2\" controlId=\"domain-integrations-captcha_key_V2\">\n <input type=\"text\"\n id=\"domain-integrations-captcha_key_V2\"\n class=\"form-control\"\n formControlName=\"integrations_captcha_key_V2\" [placeholder]=\"'Admin.DomainConfig.Placeholder.IntegrationCaptchaKeyV2' | transloco\"\n [ngClass]=\"{\n 'is-invalid': submitted && f.integrations_captcha_key_V2.errors\n }\" name=\"input_integrations_captcha_key_V2_2\"\n [attr.aria-label]=\"'Admin.DomainConfig.IntegrationCaptchaKeyV2' | transloco\"/>\n </pw-input-container>\n </div>\n <div class=\"col-12 col-sm-3\">\n <pw-input-container [showTooltip]=\"true\"\n [tooltipText]=\"'Admin.DomainConfig.Tooltip.IntegrationGoogleAnalytics' | transloco\"\n [label]=\"'Admin.DomainConfig.IntegrationGoogleAnalytics' | transloco\"\n name=\"integrations_google_analytics\" controlId=\"domain-integrations-google_analytics\">\n <input type=\"text\"\n id=\"domain-integrations-google_analytics\"\n class=\"form-control\"\n formControlName=\"integrations_google_analytics\" [placeholder]=\"'Admin.DomainConfig.Placeholder.IntegrationGoogleAnalytics' | transloco\"\n [ngClass]=\"{\n 'is-invalid': submitted && f.integrations_google_analytics.errors\n }\" name=\"input_integrations_google_analytics_3\"\n [attr.aria-label]=\"'Admin.DomainConfig.IntegrationGoogleAnalytics' | transloco\"/>\n </pw-input-container>\n </div>\n <div class=\"col-12 col-sm-3\">\n <pw-input-container [showTooltip]=\"true\"\n [tooltipText]=\"'Admin.DomainConfig.Tooltip.IntegrationRedditPixelId' | transloco\"\n [label]=\"'Admin.DomainConfig.IntegrationRedditPixelId' | transloco\"\n name=\"integrations_reddit_pixel_id\" controlId=\"domain-integrations-reddit_pixel_id\">\n <input type=\"text\"\n id=\"domain-integrations-reddit_pixel_id\"\n class=\"form-control\"\n formControlName=\"integrations_reddit_pixel_id\" [placeholder]=\"'Admin.DomainConfig.Placeholder.IntegrationRedditPixelId' | transloco\"\n [ngClass]=\"{ 'is-invalid': submitted && f.integrations_reddit_pixel_id.errors }\" name=\"input_integrations_reddit_pixel_id_10\"\n [attr.aria-label]=\"'Admin.DomainConfig.IntegrationRedditPixelId' | transloco\"/>\n </pw-input-container>\n </div>\n <div class=\"col-12 col-sm-3\">\n <pw-input-container [showTooltip]=\"true\"\n [tooltipText]=\"'Admin.DomainConfig.Tooltip.IntegrationLinkedInPartnerId' | transloco\"\n [label]=\"'Admin.DomainConfig.IntegrationLinkedInPartnerId' | transloco\"\n name=\"integrations_linkedin_partner_id\" controlId=\"domain-integrations-linkedin_partner_id\">\n <input type=\"text\"\n id=\"domain-integrations-linkedin_partner_id\"\n class=\"form-control\"\n formControlName=\"integrations_linkedin_partner_id\" [placeholder]=\"'Admin.DomainConfig.Placeholder.IntegrationLinkedInPartnerId' | transloco\"\n [ngClass]=\"{ 'is-invalid': submitted && f.integrations_linkedin_partner_id.errors }\" name=\"input_integrations_linkedin_partner_id_11\"\n [attr.aria-label]=\"'Admin.DomainConfig.IntegrationLinkedInPartnerId' | transloco\"/>\n </pw-input-container>\n </div>\n <div class=\"col-12 col-sm-3\">\n <pw-input-container [showTooltip]=\"true\"\n [tooltipText]=\"'Admin.DomainConfig.Tooltip.IntegrationsGoogleApiKey' | transloco\"\n [label]=\"'Admin.DomainConfig.IntegrationsGoogleApiKey' | transloco\"\n name=\"integrations_google_api_key\" controlId=\"domain-integrations-google_api_key\">\n <input type=\"text\"\n id=\"domain-integrations-google_api_key\"\n class=\"form-control\"\n formControlName=\"integrations_google_api_key\" [placeholder]=\"'Admin.DomainConfig.Placeholder.IntegrationsGoogleApiKey' | transloco\"\n [ngClass]=\"{\n 'is-invalid': submitted && f.integrations_google_api_key.errors\n }\" name=\"input_integrations_google_api_key_4\"\n [attr.aria-label]=\"'Admin.DomainConfig.IntegrationsGoogleApiKey' | transloco\"/>\n </pw-input-container>\n </div>\n <div class=\"col-12 col-sm-3\">\n <pw-input-container [showTooltip]=\"true\"\n [tooltipText]=\"'Admin.DomainConfig.Tooltip.IntegrationsSentryConfigDns' | transloco\"\n [label]=\"'Admin.DomainConfig.IntegrationsSentryConfigDns' | transloco\"\n name=\"integrations_sentry_config_dns\" controlId=\"domain-integrations-sentry_config_dns\">\n <input type=\"text\"\n id=\"domain-integrations-sentry_config_dns\"\n class=\"form-control\"\n formControlName=\"integrations_sentry_config_dns\" [placeholder]=\"'Admin.DomainConfig.Placeholder.IntegrationsSentryConfigDns' | transloco\"\n [ngClass]=\"{\n 'is-invalid': submitted && f.integrations_sentry_config_dns.errors\n }\" name=\"input_integrations_sentry_config_dns_5\"\n [attr.aria-label]=\"'Admin.DomainConfig.IntegrationsSentryConfigDns' | transloco\"/>\n </pw-input-container>\n </div>\n <div class=\"col-12 col-sm-3\">\n <pw-input-container [showTooltip]=\"true\"\n [tooltipText]=\"'Admin.DomainConfig.Tooltip.IntegrationDriftCode' | transloco\"\n [label]=\"'Admin.DomainConfig.IntegrationDriftCode' | transloco\"\n name=\"integrations_drift_code\" controlId=\"domain-integrations-drift_code\">\n <input type=\"text\"\n id=\"domain-integrations-drift_code\"\n class=\"form-control\"\n formControlName=\"integrations_drift_code\" [placeholder]=\"'Admin.DomainConfig.Placeholder.IntegrationDriftCode' | transloco\"\n [ngClass]=\"{ 'is-invalid': submitted && f.integrations_drift_code.errors }\" name=\"input_integrations_drift_code_6\"\n [attr.aria-label]=\"'Admin.DomainConfig.IntegrationDriftCode' | transloco\"/>\n </pw-input-container>\n </div>\n <div class=\"col-12 col-sm-3\">\n <pw-input-container [showTooltip]=\"true\"\n [tooltipText]=\"'Admin.DomainConfig.Tooltip.IntegrationCrispCode' | transloco\"\n [label]=\"'Admin.DomainConfig.IntegrationCrispCode' | transloco\"\n name=\"integrations_crisp_code\" controlId=\"domain-integrations-crisp_code\">\n <input type=\"text\"\n id=\"domain-integrations-crisp_code\"\n class=\"form-control\"\n formControlName=\"integrations_crisp_code\" [placeholder]=\"'Admin.DomainConfig.Placeholder.IntegrationCrispCode' | transloco\"\n [ngClass]=\"{ 'is-invalid': submitted && f.integrations_crisp_code.errors }\" name=\"input_integrations_crisp_code_8\"\n [attr.aria-label]=\"'Admin.DomainConfig.IntegrationCrispCode' | transloco\"/>\n </pw-input-container>\n </div>\n <div class=\"col-12 col-sm-3\">\n <pw-input-container [showTooltip]=\"true\"\n [tooltipText]=\"'Admin.DomainConfig.Tooltip.IntegrationHubSpotCode' | transloco\"\n [label]=\"'Admin.DomainConfig.IntegrationHubSpotCode' | transloco\"\n name=\"integrations_hubspot_code\" controlId=\"domain-integrations-hubspot_code\">\n <input type=\"text\"\n id=\"domain-integrations-hubspot_code\"\n class=\"form-control\"\n formControlName=\"integrations_hubspot_code\" [placeholder]=\"'Admin.DomainConfig.Placeholder.IntegrationHubSpotCode' | transloco\"\n [ngClass]=\"{ 'is-invalid': submitted && f.integrations_hubspot_code.errors }\" name=\"input_integrations_hubspot_code_9\"\n [attr.aria-label]=\"'Admin.DomainConfig.IntegrationHubSpotCode' | transloco\"/>\n </pw-input-container>\n </div>\n <div class=\"col-12 col-sm-3\">\n <pw-input-container [showTooltip]=\"true\"\n [tooltipText]=\"'Admin.DomainConfig.Tooltip.IntegrationFbAppId' | transloco\"\n [label]=\"'Admin.DomainConfig.IntegrationFbAppId' | transloco\"\n name=\"integrations_fb_app_id\" controlId=\"domain-integrations-fb_app_id\">\n <input type=\"text\"\n id=\"domain-integrations-fb_app_id\"\n class=\"form-control\"\n formControlName=\"integrations_fb_app_id\" [placeholder]=\"'Admin.DomainConfig.Placeholder.IntegrationFbAppId' | transloco\"\n [ngClass]=\"{ 'is-invalid': submitted && f.integrations_fb_app_id.errors }\" name=\"input_integrations_fb_app_id_7\"\n [attr.aria-label]=\"'Admin.DomainConfig.IntegrationFbAppId' | transloco\"/>\n </pw-input-container>\n </div>\n </div>\n <pw-sticky-actions>\n <button type=\"button\"\n class=\"btn btn-outline-default me-2\"\n (click)=\"back()\">\n {{ 'Button.Cancel' | transloco }}\n </button>\n <button type=\"submit\"\n [buttonBusy]=\"buttonBusy\"\n class=\"btn btn-primary\">{{ 'Button.Submit' | transloco }}</button>\n </pw-sticky-actions>\n </form>\n}\n@if (!data?.host_name && !isLoading) {\n <div>\n <pw-no-data [withImage]=\"true\" [message]=\"'Admin.DomainConfig.EnableConfigTab' | transloco\"> </pw-no-data>\n </div>\n}\n",
|
|
6004
6004
|
dependencies: [
|
|
6005
6005
|
{
|
|
6006
6006
|
kind: "component",
|
|
@@ -6130,7 +6130,7 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
6130
6130
|
args: [{
|
|
6131
6131
|
selector: "pw-domain-config-integrations",
|
|
6132
6132
|
standalone: false,
|
|
6133
|
-
template: "<h3>Integrations</h3>\n<div>\n <p class=\"mb-5\">The following configuration is required to enable the corresponding third party integration.</p>\n</div>\n@if (isLoading) {\n <div class=\"w-100 text-center mt-3\"\n >\n <p-progress-spinner strokeWidth=\"2\"> </p-progress-spinner>\n </div>\n}\n@if (data?.host_name) {\n <form [formGroup]=\"form\"\n (ngSubmit)=\"onSave()\">\n <div class=\"row\">\n <div class=\"col-12 col-sm-3\">\n <pw-input-container [showTooltip]=\"true\"\n [tooltipText]=\"'Admin.DomainConfig.Tooltip.IntegrationCaptchaKey' | transloco\"\n [label]=\"'Admin.DomainConfig.IntegrationCaptchaKey' | transloco\"\n name=\"integrations_captcha_key\" controlId=\"domain-integrations-captcha_key\">\n <input type=\"text\"\n id=\"domain-integrations-captcha_key\"\n class=\"form-control\"\n formControlName=\"integrations_captcha_key\" [placeholder]=\"'Admin.DomainConfig.Placeholder.IntegrationCaptchaKey' | transloco\"\n [ngClass]=\"{ 'is-invalid': submitted && f.integrations_captcha_key.errors }\" name=\"input_integrations_captcha_key_1\"\n [attr.aria-label]=\"'Admin.DomainConfig.IntegrationCaptchaKey' | transloco\"/>\n </pw-input-container>\n </div>\n <div class=\"col-12 col-sm-3\">\n <pw-input-container [showTooltip]=\"true\"\n [tooltipText]=\"'Admin.DomainConfig.Tooltip.IntegrationCaptchaKeyV2' | transloco\"\n [label]=\"'Admin.DomainConfig.IntegrationCaptchaKeyV2' | transloco\"\n name=\"integrations_captcha_key_V2\" controlId=\"domain-integrations-captcha_key_V2\">\n <input type=\"text\"\n id=\"domain-integrations-captcha_key_V2\"\n class=\"form-control\"\n formControlName=\"integrations_captcha_key_V2\" [placeholder]=\"'Admin.DomainConfig.Placeholder.IntegrationCaptchaKeyV2' | transloco\"\n [ngClass]=\"{\n 'is-invalid': submitted && f.integrations_captcha_key_V2.errors\n }\" name=\"input_integrations_captcha_key_V2_2\"\n [attr.aria-label]=\"'Admin.DomainConfig.IntegrationCaptchaKeyV2' | transloco\"/>\n </pw-input-container>\n </div>\n <div class=\"col-12 col-sm-3\">\n <pw-input-container [showTooltip]=\"true\"\n [tooltipText]=\"'Admin.DomainConfig.Tooltip.IntegrationGoogleAnalytics' | transloco\"\n [label]=\"'Admin.DomainConfig.IntegrationGoogleAnalytics' | transloco\"\n name=\"integrations_google_analytics\" controlId=\"domain-integrations-google_analytics\">\n <input type=\"text\"\n id=\"domain-integrations-google_analytics\"\n class=\"form-control\"\n formControlName=\"integrations_google_analytics\" [placeholder]=\"'Admin.DomainConfig.Placeholder.IntegrationGoogleAnalytics' | transloco\"\n [ngClass]=\"{\n 'is-invalid': submitted && f.integrations_google_analytics.errors\n }\" name=\"input_integrations_google_analytics_3\"\n [attr.aria-label]=\"'Admin.DomainConfig.IntegrationGoogleAnalytics' | transloco\"/>\n </pw-input-container>\n </div>\n <div class=\"col-12 col-sm-3\">\n <pw-input-container [showTooltip]=\"true\"\n [tooltipText]=\"'Admin.DomainConfig.Tooltip.IntegrationRedditPixelId' | transloco\"\n [label]=\"'Admin.DomainConfig.IntegrationRedditPixelId' | transloco\"\n name=\"integrations_reddit_pixel_id\" controlId=\"domain-integrations-reddit_pixel_id\">\n <input type=\"text\"\n id=\"domain-integrations-reddit_pixel_id\"\n class=\"form-control\"\n formControlName=\"integrations_reddit_pixel_id\" [placeholder]=\"'Admin.DomainConfig.Placeholder.IntegrationRedditPixelId' | transloco\"\n [ngClass]=\"{ 'is-invalid': submitted && f.integrations_reddit_pixel_id.errors }\" name=\"input_integrations_reddit_pixel_id_10\"\n [attr.aria-label]=\"'Admin.DomainConfig.IntegrationRedditPixelId' | transloco\"/>\n </pw-input-container>\n </div>\n <div class=\"col-12 col-sm-3\">\n <pw-input-container [showTooltip]=\"true\"\n [tooltipText]=\"'Admin.DomainConfig.Tooltip.IntegrationsGoogleApiKey' | transloco\"\n [label]=\"'Admin.DomainConfig.IntegrationsGoogleApiKey' | transloco\"\n name=\"integrations_google_api_key\" controlId=\"domain-integrations-google_api_key\">\n <input type=\"text\"\n id=\"domain-integrations-google_api_key\"\n class=\"form-control\"\n formControlName=\"integrations_google_api_key\" [placeholder]=\"'Admin.DomainConfig.Placeholder.IntegrationsGoogleApiKey' | transloco\"\n [ngClass]=\"{\n 'is-invalid': submitted && f.integrations_google_api_key.errors\n }\" name=\"input_integrations_google_api_key_4\"\n [attr.aria-label]=\"'Admin.DomainConfig.IntegrationsGoogleApiKey' | transloco\"/>\n </pw-input-container>\n </div>\n <div class=\"col-12 col-sm-3\">\n <pw-input-container [showTooltip]=\"true\"\n [tooltipText]=\"'Admin.DomainConfig.Tooltip.IntegrationsSentryConfigDns' | transloco\"\n [label]=\"'Admin.DomainConfig.IntegrationsSentryConfigDns' | transloco\"\n name=\"integrations_sentry_config_dns\" controlId=\"domain-integrations-sentry_config_dns\">\n <input type=\"text\"\n id=\"domain-integrations-sentry_config_dns\"\n class=\"form-control\"\n formControlName=\"integrations_sentry_config_dns\" [placeholder]=\"'Admin.DomainConfig.Placeholder.IntegrationsSentryConfigDns' | transloco\"\n [ngClass]=\"{\n 'is-invalid': submitted && f.integrations_sentry_config_dns.errors\n }\" name=\"input_integrations_sentry_config_dns_5\"\n [attr.aria-label]=\"'Admin.DomainConfig.IntegrationsSentryConfigDns' | transloco\"/>\n </pw-input-container>\n </div>\n <div class=\"col-12 col-sm-3\">\n <pw-input-container [showTooltip]=\"true\"\n [tooltipText]=\"'Admin.DomainConfig.Tooltip.IntegrationDriftCode' | transloco\"\n [label]=\"'Admin.DomainConfig.IntegrationDriftCode' | transloco\"\n name=\"integrations_drift_code\" controlId=\"domain-integrations-drift_code\">\n <input type=\"text\"\n id=\"domain-integrations-drift_code\"\n class=\"form-control\"\n formControlName=\"integrations_drift_code\" [placeholder]=\"'Admin.DomainConfig.Placeholder.IntegrationDriftCode' | transloco\"\n [ngClass]=\"{ 'is-invalid': submitted && f.integrations_drift_code.errors }\" name=\"input_integrations_drift_code_6\"\n [attr.aria-label]=\"'Admin.DomainConfig.IntegrationDriftCode' | transloco\"/>\n </pw-input-container>\n </div>\n <div class=\"col-12 col-sm-3\">\n <pw-input-container [showTooltip]=\"true\"\n [tooltipText]=\"'Admin.DomainConfig.Tooltip.IntegrationCrispCode' | transloco\"\n [label]=\"'Admin.DomainConfig.IntegrationCrispCode' | transloco\"\n name=\"integrations_crisp_code\" controlId=\"domain-integrations-crisp_code\">\n <input type=\"text\"\n id=\"domain-integrations-crisp_code\"\n class=\"form-control\"\n formControlName=\"integrations_crisp_code\" [placeholder]=\"'Admin.DomainConfig.Placeholder.IntegrationCrispCode' | transloco\"\n [ngClass]=\"{ 'is-invalid': submitted && f.integrations_crisp_code.errors }\" name=\"input_integrations_crisp_code_8\"\n [attr.aria-label]=\"'Admin.DomainConfig.IntegrationCrispCode' | transloco\"/>\n </pw-input-container>\n </div>\n <div class=\"col-12 col-sm-3\">\n <pw-input-container [showTooltip]=\"true\"\n [tooltipText]=\"'Admin.DomainConfig.Tooltip.IntegrationHubSpotCode' | transloco\"\n [label]=\"'Admin.DomainConfig.IntegrationHubSpotCode' | transloco\"\n name=\"integrations_hubspot_code\" controlId=\"domain-integrations-hubspot_code\">\n <input type=\"text\"\n id=\"domain-integrations-hubspot_code\"\n class=\"form-control\"\n formControlName=\"integrations_hubspot_code\" [placeholder]=\"'Admin.DomainConfig.Placeholder.IntegrationHubSpotCode' | transloco\"\n [ngClass]=\"{ 'is-invalid': submitted && f.integrations_hubspot_code.errors }\" name=\"input_integrations_hubspot_code_9\"\n [attr.aria-label]=\"'Admin.DomainConfig.IntegrationHubSpotCode' | transloco\"/>\n </pw-input-container>\n </div>\n <div class=\"col-12 col-sm-3\">\n <pw-input-container [showTooltip]=\"true\"\n [tooltipText]=\"'Admin.DomainConfig.Tooltip.IntegrationFbAppId' | transloco\"\n [label]=\"'Admin.DomainConfig.IntegrationFbAppId' | transloco\"\n name=\"integrations_fb_app_id\" controlId=\"domain-integrations-fb_app_id\">\n <input type=\"text\"\n id=\"domain-integrations-fb_app_id\"\n class=\"form-control\"\n formControlName=\"integrations_fb_app_id\" [placeholder]=\"'Admin.DomainConfig.Placeholder.IntegrationFbAppId' | transloco\"\n [ngClass]=\"{ 'is-invalid': submitted && f.integrations_fb_app_id.errors }\" name=\"input_integrations_fb_app_id_7\"\n [attr.aria-label]=\"'Admin.DomainConfig.IntegrationFbAppId' | transloco\"/>\n </pw-input-container>\n </div>\n </div>\n <pw-sticky-actions>\n <button type=\"button\"\n class=\"btn btn-outline-default me-2\"\n (click)=\"back()\">\n {{ 'Button.Cancel' | transloco }}\n </button>\n <button type=\"submit\"\n [buttonBusy]=\"buttonBusy\"\n class=\"btn btn-primary\">{{ 'Button.Submit' | transloco }}</button>\n </pw-sticky-actions>\n </form>\n}\n@if (!data?.host_name && !isLoading) {\n <div>\n <pw-no-data [withImage]=\"true\" [message]=\"'Admin.DomainConfig.EnableConfigTab' | transloco\"> </pw-no-data>\n </div>\n}\n"
|
|
6133
|
+
template: "<h3>Integrations</h3>\n<div>\n <p class=\"mb-5\">The following configuration is required to enable the corresponding third party integration.</p>\n</div>\n@if (isLoading) {\n <div class=\"w-100 text-center mt-3\"\n >\n <p-progress-spinner strokeWidth=\"2\"> </p-progress-spinner>\n </div>\n}\n@if (data?.host_name) {\n <form [formGroup]=\"form\"\n (ngSubmit)=\"onSave()\">\n <div class=\"row\">\n <div class=\"col-12 col-sm-3\">\n <pw-input-container [showTooltip]=\"true\"\n [tooltipText]=\"'Admin.DomainConfig.Tooltip.IntegrationCaptchaKey' | transloco\"\n [label]=\"'Admin.DomainConfig.IntegrationCaptchaKey' | transloco\"\n name=\"integrations_captcha_key\" controlId=\"domain-integrations-captcha_key\">\n <input type=\"text\"\n id=\"domain-integrations-captcha_key\"\n class=\"form-control\"\n formControlName=\"integrations_captcha_key\" [placeholder]=\"'Admin.DomainConfig.Placeholder.IntegrationCaptchaKey' | transloco\"\n [ngClass]=\"{ 'is-invalid': submitted && f.integrations_captcha_key.errors }\" name=\"input_integrations_captcha_key_1\"\n [attr.aria-label]=\"'Admin.DomainConfig.IntegrationCaptchaKey' | transloco\"/>\n </pw-input-container>\n </div>\n <div class=\"col-12 col-sm-3\">\n <pw-input-container [showTooltip]=\"true\"\n [tooltipText]=\"'Admin.DomainConfig.Tooltip.IntegrationCaptchaKeyV2' | transloco\"\n [label]=\"'Admin.DomainConfig.IntegrationCaptchaKeyV2' | transloco\"\n name=\"integrations_captcha_key_V2\" controlId=\"domain-integrations-captcha_key_V2\">\n <input type=\"text\"\n id=\"domain-integrations-captcha_key_V2\"\n class=\"form-control\"\n formControlName=\"integrations_captcha_key_V2\" [placeholder]=\"'Admin.DomainConfig.Placeholder.IntegrationCaptchaKeyV2' | transloco\"\n [ngClass]=\"{\n 'is-invalid': submitted && f.integrations_captcha_key_V2.errors\n }\" name=\"input_integrations_captcha_key_V2_2\"\n [attr.aria-label]=\"'Admin.DomainConfig.IntegrationCaptchaKeyV2' | transloco\"/>\n </pw-input-container>\n </div>\n <div class=\"col-12 col-sm-3\">\n <pw-input-container [showTooltip]=\"true\"\n [tooltipText]=\"'Admin.DomainConfig.Tooltip.IntegrationGoogleAnalytics' | transloco\"\n [label]=\"'Admin.DomainConfig.IntegrationGoogleAnalytics' | transloco\"\n name=\"integrations_google_analytics\" controlId=\"domain-integrations-google_analytics\">\n <input type=\"text\"\n id=\"domain-integrations-google_analytics\"\n class=\"form-control\"\n formControlName=\"integrations_google_analytics\" [placeholder]=\"'Admin.DomainConfig.Placeholder.IntegrationGoogleAnalytics' | transloco\"\n [ngClass]=\"{\n 'is-invalid': submitted && f.integrations_google_analytics.errors\n }\" name=\"input_integrations_google_analytics_3\"\n [attr.aria-label]=\"'Admin.DomainConfig.IntegrationGoogleAnalytics' | transloco\"/>\n </pw-input-container>\n </div>\n <div class=\"col-12 col-sm-3\">\n <pw-input-container [showTooltip]=\"true\"\n [tooltipText]=\"'Admin.DomainConfig.Tooltip.IntegrationRedditPixelId' | transloco\"\n [label]=\"'Admin.DomainConfig.IntegrationRedditPixelId' | transloco\"\n name=\"integrations_reddit_pixel_id\" controlId=\"domain-integrations-reddit_pixel_id\">\n <input type=\"text\"\n id=\"domain-integrations-reddit_pixel_id\"\n class=\"form-control\"\n formControlName=\"integrations_reddit_pixel_id\" [placeholder]=\"'Admin.DomainConfig.Placeholder.IntegrationRedditPixelId' | transloco\"\n [ngClass]=\"{ 'is-invalid': submitted && f.integrations_reddit_pixel_id.errors }\" name=\"input_integrations_reddit_pixel_id_10\"\n [attr.aria-label]=\"'Admin.DomainConfig.IntegrationRedditPixelId' | transloco\"/>\n </pw-input-container>\n </div>\n <div class=\"col-12 col-sm-3\">\n <pw-input-container [showTooltip]=\"true\"\n [tooltipText]=\"'Admin.DomainConfig.Tooltip.IntegrationLinkedInPartnerId' | transloco\"\n [label]=\"'Admin.DomainConfig.IntegrationLinkedInPartnerId' | transloco\"\n name=\"integrations_linkedin_partner_id\" controlId=\"domain-integrations-linkedin_partner_id\">\n <input type=\"text\"\n id=\"domain-integrations-linkedin_partner_id\"\n class=\"form-control\"\n formControlName=\"integrations_linkedin_partner_id\" [placeholder]=\"'Admin.DomainConfig.Placeholder.IntegrationLinkedInPartnerId' | transloco\"\n [ngClass]=\"{ 'is-invalid': submitted && f.integrations_linkedin_partner_id.errors }\" name=\"input_integrations_linkedin_partner_id_11\"\n [attr.aria-label]=\"'Admin.DomainConfig.IntegrationLinkedInPartnerId' | transloco\"/>\n </pw-input-container>\n </div>\n <div class=\"col-12 col-sm-3\">\n <pw-input-container [showTooltip]=\"true\"\n [tooltipText]=\"'Admin.DomainConfig.Tooltip.IntegrationsGoogleApiKey' | transloco\"\n [label]=\"'Admin.DomainConfig.IntegrationsGoogleApiKey' | transloco\"\n name=\"integrations_google_api_key\" controlId=\"domain-integrations-google_api_key\">\n <input type=\"text\"\n id=\"domain-integrations-google_api_key\"\n class=\"form-control\"\n formControlName=\"integrations_google_api_key\" [placeholder]=\"'Admin.DomainConfig.Placeholder.IntegrationsGoogleApiKey' | transloco\"\n [ngClass]=\"{\n 'is-invalid': submitted && f.integrations_google_api_key.errors\n }\" name=\"input_integrations_google_api_key_4\"\n [attr.aria-label]=\"'Admin.DomainConfig.IntegrationsGoogleApiKey' | transloco\"/>\n </pw-input-container>\n </div>\n <div class=\"col-12 col-sm-3\">\n <pw-input-container [showTooltip]=\"true\"\n [tooltipText]=\"'Admin.DomainConfig.Tooltip.IntegrationsSentryConfigDns' | transloco\"\n [label]=\"'Admin.DomainConfig.IntegrationsSentryConfigDns' | transloco\"\n name=\"integrations_sentry_config_dns\" controlId=\"domain-integrations-sentry_config_dns\">\n <input type=\"text\"\n id=\"domain-integrations-sentry_config_dns\"\n class=\"form-control\"\n formControlName=\"integrations_sentry_config_dns\" [placeholder]=\"'Admin.DomainConfig.Placeholder.IntegrationsSentryConfigDns' | transloco\"\n [ngClass]=\"{\n 'is-invalid': submitted && f.integrations_sentry_config_dns.errors\n }\" name=\"input_integrations_sentry_config_dns_5\"\n [attr.aria-label]=\"'Admin.DomainConfig.IntegrationsSentryConfigDns' | transloco\"/>\n </pw-input-container>\n </div>\n <div class=\"col-12 col-sm-3\">\n <pw-input-container [showTooltip]=\"true\"\n [tooltipText]=\"'Admin.DomainConfig.Tooltip.IntegrationDriftCode' | transloco\"\n [label]=\"'Admin.DomainConfig.IntegrationDriftCode' | transloco\"\n name=\"integrations_drift_code\" controlId=\"domain-integrations-drift_code\">\n <input type=\"text\"\n id=\"domain-integrations-drift_code\"\n class=\"form-control\"\n formControlName=\"integrations_drift_code\" [placeholder]=\"'Admin.DomainConfig.Placeholder.IntegrationDriftCode' | transloco\"\n [ngClass]=\"{ 'is-invalid': submitted && f.integrations_drift_code.errors }\" name=\"input_integrations_drift_code_6\"\n [attr.aria-label]=\"'Admin.DomainConfig.IntegrationDriftCode' | transloco\"/>\n </pw-input-container>\n </div>\n <div class=\"col-12 col-sm-3\">\n <pw-input-container [showTooltip]=\"true\"\n [tooltipText]=\"'Admin.DomainConfig.Tooltip.IntegrationCrispCode' | transloco\"\n [label]=\"'Admin.DomainConfig.IntegrationCrispCode' | transloco\"\n name=\"integrations_crisp_code\" controlId=\"domain-integrations-crisp_code\">\n <input type=\"text\"\n id=\"domain-integrations-crisp_code\"\n class=\"form-control\"\n formControlName=\"integrations_crisp_code\" [placeholder]=\"'Admin.DomainConfig.Placeholder.IntegrationCrispCode' | transloco\"\n [ngClass]=\"{ 'is-invalid': submitted && f.integrations_crisp_code.errors }\" name=\"input_integrations_crisp_code_8\"\n [attr.aria-label]=\"'Admin.DomainConfig.IntegrationCrispCode' | transloco\"/>\n </pw-input-container>\n </div>\n <div class=\"col-12 col-sm-3\">\n <pw-input-container [showTooltip]=\"true\"\n [tooltipText]=\"'Admin.DomainConfig.Tooltip.IntegrationHubSpotCode' | transloco\"\n [label]=\"'Admin.DomainConfig.IntegrationHubSpotCode' | transloco\"\n name=\"integrations_hubspot_code\" controlId=\"domain-integrations-hubspot_code\">\n <input type=\"text\"\n id=\"domain-integrations-hubspot_code\"\n class=\"form-control\"\n formControlName=\"integrations_hubspot_code\" [placeholder]=\"'Admin.DomainConfig.Placeholder.IntegrationHubSpotCode' | transloco\"\n [ngClass]=\"{ 'is-invalid': submitted && f.integrations_hubspot_code.errors }\" name=\"input_integrations_hubspot_code_9\"\n [attr.aria-label]=\"'Admin.DomainConfig.IntegrationHubSpotCode' | transloco\"/>\n </pw-input-container>\n </div>\n <div class=\"col-12 col-sm-3\">\n <pw-input-container [showTooltip]=\"true\"\n [tooltipText]=\"'Admin.DomainConfig.Tooltip.IntegrationFbAppId' | transloco\"\n [label]=\"'Admin.DomainConfig.IntegrationFbAppId' | transloco\"\n name=\"integrations_fb_app_id\" controlId=\"domain-integrations-fb_app_id\">\n <input type=\"text\"\n id=\"domain-integrations-fb_app_id\"\n class=\"form-control\"\n formControlName=\"integrations_fb_app_id\" [placeholder]=\"'Admin.DomainConfig.Placeholder.IntegrationFbAppId' | transloco\"\n [ngClass]=\"{ 'is-invalid': submitted && f.integrations_fb_app_id.errors }\" name=\"input_integrations_fb_app_id_7\"\n [attr.aria-label]=\"'Admin.DomainConfig.IntegrationFbAppId' | transloco\"/>\n </pw-input-container>\n </div>\n </div>\n <pw-sticky-actions>\n <button type=\"button\"\n class=\"btn btn-outline-default me-2\"\n (click)=\"back()\">\n {{ 'Button.Cancel' | transloco }}\n </button>\n <button type=\"submit\"\n [buttonBusy]=\"buttonBusy\"\n class=\"btn btn-primary\">{{ 'Button.Submit' | transloco }}</button>\n </pw-sticky-actions>\n </form>\n}\n@if (!data?.host_name && !isLoading) {\n <div>\n <pw-no-data [withImage]=\"true\" [message]=\"'Admin.DomainConfig.EnableConfigTab' | transloco\"> </pw-no-data>\n </div>\n}\n"
|
|
6134
6134
|
}]
|
|
6135
6135
|
}],
|
|
6136
6136
|
ctorParameters: () => [
|
|
@@ -24165,8 +24165,13 @@ var AddMembersComponent = class AddMembersComponent extends AppBaseComponent {
|
|
|
24165
24165
|
outputs: { membersAdded: "membersAdded" },
|
|
24166
24166
|
usesInheritance: true,
|
|
24167
24167
|
ngImport: i0,
|
|
24168
|
-
template: "<section>\n <div class=\"row\">\n <div class=\"col-12 mb-3\">\n <div class=\"title d-flex\">\n <a\n aria-label=\"Navigate to Target\"\n (click)=\"membersAdded.emit()\"\n class=\"previous\"><i class=\"fa fa-arrow-alt-circle-left\" aria-hidden=\"true\"></i></a>\n <h2 class=\"mt-3\">Enterprise Members for this subscription</h2>\n </div>\n <p>Here you can add members to your subscription</p>\n </div>\n </div>\n </section>\n\n <section>\n <h5 class=\"ms-2 pt-3\">Upload File (CSV)</h5>\n <div class=\"row p-2\">\n <div class=\"col-12\">\n <div class=\"upload-box\">\n <div class=\"upload-box-content\">\n <div class=\"drop-container\"\n ngFileDrop\n [options]=\"options\"\n (uploadOutput)=\"onUploadOutput($event)\"\n [uploadInput]=\"uploadInput\">\n <p>\n Drag files here or\n <label class=\"upload-button\" for=\"add-members-csv-upload\">\n <input type=\"file\"\n id=\"add-members-csv-upload\"\n name=\"add-members-csv-upload\"\n ngFileSelect\n accept=\".csv\"\n [options]=\"options\"\n (uploadOutput)=\"onUploadOutput($event)\"\n [uploadInput]=\"uploadInput\"\n multiple\n aria-label=\"Add Members Csv Upload\" />\n browse\n </label>\n to upload.\n </p>\n </div>\n @for (f of files; track f; let i = $index) {\n <div class=\"upload-item\"\n >\n <div class=\"upload-item-content\">\n <div class=\"filename\">\n <div class=\"filename-left\">\n <i class=\"ionicon ion-ios-copy\" aria-hidden=\"true\"></i>\n <span>{{ f.name }}</span>\n </div>\n </div>\n <div class=\"progress-content\">\n <div class=\"progress\">\n <span class=\"bar\"\n [style.width]=\"f?.progress?.data?.percentage + '%'\"\n [class.is-done]=\"f?.progress?.data?.percentage === 100\"></span>\n </div>\n </div>\n <div class=\"progress-text-content\">\n <span class=\"progress-text\"\n [class.is-done]=\"f?.progress?.data?.percentage === 100\">\n <span>{{ f.progress?.data?.percentage }}% </span>\n @if (f.progress?.data?.percentage !== 100) {\n <span>Uploading...</span>\n }\n @if (f.progress?.data?.percentage === 100) {\n <span>Done</span>\n }\n </span>\n @if (\n f.progress?.data?.percentage !== 0 &&\n f.progress?.data?.percentage !== 100\n ) {\n <span class=\"speed-and-eta-text\"\n >\n <span>{{ f.progress?.data?.speedHuman }} </span>\n <span>ETA {{ f.progress?.data?.etaHuman }}</span>\n </span>\n }\n </div>\n </div>\n </div>\n }\n <div class=\"help-text\">\n <span>Note: You can upload a .csv file containing the comma separated emails\n of the members to add.</span>\n </div>\n </div>\n </div>\n </div>\n </div>\n <h5 class=\"ms-2 pt-3 d-inline-block me-2\">Add Member's Email</h5>\n <small><strong> (Available {{ availableUnits }} Seats) </strong></small>\n <div class=\"p-2\">\n <form [formGroup]=\"form\"\n (ngSubmit)=\"onSignUpMember()\">\n @for (item of emailsFormArrayElements.controls; track item; let i = $index, last = $last) {\n <div formArrayName=\"emailsFormArray\"\n >\n <div [formGroupName]=\"i\">\n <div class=\"row mb-2\">\n <label class=\"col-12 col-md-4 text-md-end col-form-label col-form-label-sm\" [attr.for]=\"'add-members-email-' + i\">\n #{{ i + 1 }}</label>\n <div class=\"col-10 col-md-4\">\n <input formControlName=\"email\"\n [id]=\"'add-members-email-' + i\"\n class=\"form-control form-control-sm\"\n placeholder=\"Email\" id=\"input_email_2\" name=\"input_email_2\"\n aria-label=\"Email\"/>\n </div>\n <div class=\"col-2\">\n <button class=\"btn btn-sm btn-danger\"\n type=\"button\">\n <i\n class=\"fa fa-times\"\n title=\"Delete\"\n (click)=\"removeItem(i)\"\n (keydown.enter)=\"removeItem(i)\"\n aria-hidden=\"true\"\n ></i>\n </button>\n @if (last && emailsFormArray?.controls?.length < availableUnits) {\n <i\n class=\"btn btn-sm btn-primary fal fa-plus ms-2\"\n title=\"Add More\"\n (click)=\"addItem()\"\n (keydown.enter)=\"addItem()\"\n aria-hidden=\"true\"\n ></i>\n }\n </div>\n </div>\n </div>\n </div>\n }\n <
|
|
24168
|
+
template: "<section>\n <div class=\"row\">\n <div class=\"col-12 mb-3\">\n <div class=\"title d-flex\">\n <a\n aria-label=\"Navigate to Target\"\n (click)=\"membersAdded.emit()\"\n class=\"previous\"><i class=\"fa fa-arrow-alt-circle-left\" aria-hidden=\"true\"></i></a>\n <h2 class=\"mt-3\">Enterprise Members for this subscription</h2>\n </div>\n <p>Here you can add members to your subscription</p>\n </div>\n </div>\n </section>\n\n <section>\n <h5 class=\"ms-2 pt-3\">Upload File (CSV)</h5>\n <div class=\"row p-2\">\n <div class=\"col-12\">\n <div class=\"upload-box\">\n <div class=\"upload-box-content\">\n <div class=\"drop-container\"\n ngFileDrop\n [options]=\"options\"\n (uploadOutput)=\"onUploadOutput($event)\"\n [uploadInput]=\"uploadInput\">\n <p>\n Drag files here or\n <label class=\"upload-button\" for=\"add-members-csv-upload\">\n <input type=\"file\"\n id=\"add-members-csv-upload\"\n name=\"add-members-csv-upload\"\n ngFileSelect\n accept=\".csv\"\n [options]=\"options\"\n (uploadOutput)=\"onUploadOutput($event)\"\n [uploadInput]=\"uploadInput\"\n multiple\n aria-label=\"Add Members Csv Upload\" />\n browse\n </label>\n to upload.\n </p>\n </div>\n @for (f of files; track f; let i = $index) {\n <div class=\"upload-item\"\n >\n <div class=\"upload-item-content\">\n <div class=\"filename\">\n <div class=\"filename-left\">\n <i class=\"ionicon ion-ios-copy\" aria-hidden=\"true\"></i>\n <span>{{ f.name }}</span>\n </div>\n </div>\n <div class=\"progress-content\">\n <div class=\"progress\">\n <span class=\"bar\"\n [style.width]=\"f?.progress?.data?.percentage + '%'\"\n [class.is-done]=\"f?.progress?.data?.percentage === 100\"></span>\n </div>\n </div>\n <div class=\"progress-text-content\">\n <span class=\"progress-text\"\n [class.is-done]=\"f?.progress?.data?.percentage === 100\">\n <span>{{ f.progress?.data?.percentage }}% </span>\n @if (f.progress?.data?.percentage !== 100) {\n <span>Uploading...</span>\n }\n @if (f.progress?.data?.percentage === 100) {\n <span>Done</span>\n }\n </span>\n @if (\n f.progress?.data?.percentage !== 0 &&\n f.progress?.data?.percentage !== 100\n ) {\n <span class=\"speed-and-eta-text\"\n >\n <span>{{ f.progress?.data?.speedHuman }} </span>\n <span>ETA {{ f.progress?.data?.etaHuman }}</span>\n </span>\n }\n </div>\n </div>\n </div>\n }\n <div class=\"help-text\">\n <span>Note: You can upload a .csv file containing the comma separated emails\n of the members to add.</span>\n </div>\n </div>\n </div>\n </div>\n </div>\n <h5 class=\"ms-2 pt-3 d-inline-block me-2\">Add Member's Email</h5>\n <small><strong> (Available {{ availableUnits }} Seats) </strong></small>\n <div class=\"p-2\">\n <form [formGroup]=\"form\"\n (ngSubmit)=\"onSignUpMember()\">\n @for (item of emailsFormArrayElements.controls; track item; let i = $index, last = $last) {\n <div formArrayName=\"emailsFormArray\"\n >\n <div [formGroupName]=\"i\">\n <div class=\"row mb-2\">\n <label class=\"col-12 col-md-4 text-md-end col-form-label col-form-label-sm\" [attr.for]=\"'add-members-email-' + i\">\n #{{ i + 1 }}</label>\n <div class=\"col-10 col-md-4\">\n <input formControlName=\"email\"\n [id]=\"'add-members-email-' + i\"\n class=\"form-control form-control-sm\"\n placeholder=\"Email\" id=\"input_email_2\" name=\"input_email_2\"\n aria-label=\"Email\"/>\n </div>\n <div class=\"col-2\">\n <button class=\"btn btn-sm btn-danger\"\n type=\"button\">\n <i\n class=\"fa fa-times\"\n title=\"Delete\"\n (click)=\"removeItem(i)\"\n (keydown.enter)=\"removeItem(i)\"\n aria-hidden=\"true\"\n ></i>\n </button>\n @if (last && emailsFormArray?.controls?.length < availableUnits) {\n <i\n class=\"btn btn-sm btn-primary fal fa-plus ms-2\"\n title=\"Add More\"\n (click)=\"addItem()\"\n (keydown.enter)=\"addItem()\"\n aria-hidden=\"true\"\n ></i>\n }\n </div>\n </div>\n </div>\n </div>\n }\n <pw-sticky-actions>\n <button class=\"btn btn-sm btn-outline-default me-2\"\n (click)=\"membersAdded.emit()\">\n <i class=\"fa fa-plus-times\" aria-hidden=\"true\" aria-label=\"Go Back\"></i>\n {{ 'Button.Back' | transloco }}\n </button>\n <button type=\"submit\"\n class=\"btn btn-sm btn-outline-primary me-2\"\n [buttonBusy]=\"buttonBusy\"\n [disabled]=\"form.invalid || buttonBusy\">\n Add Members\n </button>\n </pw-sticky-actions>\n </form>\n </div>\n </section>\n",
|
|
24169
24169
|
dependencies: [
|
|
24170
|
+
{
|
|
24171
|
+
kind: "component",
|
|
24172
|
+
type: i6$2.PwStickyActionsComponent,
|
|
24173
|
+
selector: "pw-sticky-actions"
|
|
24174
|
+
},
|
|
24170
24175
|
{
|
|
24171
24176
|
kind: "directive",
|
|
24172
24177
|
type: i4.NgFileDropDirective,
|
|
@@ -24263,7 +24268,7 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
24263
24268
|
args: [{
|
|
24264
24269
|
selector: "pw-add-members",
|
|
24265
24270
|
standalone: false,
|
|
24266
|
-
template: "<section>\n <div class=\"row\">\n <div class=\"col-12 mb-3\">\n <div class=\"title d-flex\">\n <a\n aria-label=\"Navigate to Target\"\n (click)=\"membersAdded.emit()\"\n class=\"previous\"><i class=\"fa fa-arrow-alt-circle-left\" aria-hidden=\"true\"></i></a>\n <h2 class=\"mt-3\">Enterprise Members for this subscription</h2>\n </div>\n <p>Here you can add members to your subscription</p>\n </div>\n </div>\n </section>\n\n <section>\n <h5 class=\"ms-2 pt-3\">Upload File (CSV)</h5>\n <div class=\"row p-2\">\n <div class=\"col-12\">\n <div class=\"upload-box\">\n <div class=\"upload-box-content\">\n <div class=\"drop-container\"\n ngFileDrop\n [options]=\"options\"\n (uploadOutput)=\"onUploadOutput($event)\"\n [uploadInput]=\"uploadInput\">\n <p>\n Drag files here or\n <label class=\"upload-button\" for=\"add-members-csv-upload\">\n <input type=\"file\"\n id=\"add-members-csv-upload\"\n name=\"add-members-csv-upload\"\n ngFileSelect\n accept=\".csv\"\n [options]=\"options\"\n (uploadOutput)=\"onUploadOutput($event)\"\n [uploadInput]=\"uploadInput\"\n multiple\n aria-label=\"Add Members Csv Upload\" />\n browse\n </label>\n to upload.\n </p>\n </div>\n @for (f of files; track f; let i = $index) {\n <div class=\"upload-item\"\n >\n <div class=\"upload-item-content\">\n <div class=\"filename\">\n <div class=\"filename-left\">\n <i class=\"ionicon ion-ios-copy\" aria-hidden=\"true\"></i>\n <span>{{ f.name }}</span>\n </div>\n </div>\n <div class=\"progress-content\">\n <div class=\"progress\">\n <span class=\"bar\"\n [style.width]=\"f?.progress?.data?.percentage + '%'\"\n [class.is-done]=\"f?.progress?.data?.percentage === 100\"></span>\n </div>\n </div>\n <div class=\"progress-text-content\">\n <span class=\"progress-text\"\n [class.is-done]=\"f?.progress?.data?.percentage === 100\">\n <span>{{ f.progress?.data?.percentage }}% </span>\n @if (f.progress?.data?.percentage !== 100) {\n <span>Uploading...</span>\n }\n @if (f.progress?.data?.percentage === 100) {\n <span>Done</span>\n }\n </span>\n @if (\n f.progress?.data?.percentage !== 0 &&\n f.progress?.data?.percentage !== 100\n ) {\n <span class=\"speed-and-eta-text\"\n >\n <span>{{ f.progress?.data?.speedHuman }} </span>\n <span>ETA {{ f.progress?.data?.etaHuman }}</span>\n </span>\n }\n </div>\n </div>\n </div>\n }\n <div class=\"help-text\">\n <span>Note: You can upload a .csv file containing the comma separated emails\n of the members to add.</span>\n </div>\n </div>\n </div>\n </div>\n </div>\n <h5 class=\"ms-2 pt-3 d-inline-block me-2\">Add Member's Email</h5>\n <small><strong> (Available {{ availableUnits }} Seats) </strong></small>\n <div class=\"p-2\">\n <form [formGroup]=\"form\"\n (ngSubmit)=\"onSignUpMember()\">\n @for (item of emailsFormArrayElements.controls; track item; let i = $index, last = $last) {\n <div formArrayName=\"emailsFormArray\"\n >\n <div [formGroupName]=\"i\">\n <div class=\"row mb-2\">\n <label class=\"col-12 col-md-4 text-md-end col-form-label col-form-label-sm\" [attr.for]=\"'add-members-email-' + i\">\n #{{ i + 1 }}</label>\n <div class=\"col-10 col-md-4\">\n <input formControlName=\"email\"\n [id]=\"'add-members-email-' + i\"\n class=\"form-control form-control-sm\"\n placeholder=\"Email\" id=\"input_email_2\" name=\"input_email_2\"\n aria-label=\"Email\"/>\n </div>\n <div class=\"col-2\">\n <button class=\"btn btn-sm btn-danger\"\n type=\"button\">\n <i\n class=\"fa fa-times\"\n title=\"Delete\"\n (click)=\"removeItem(i)\"\n (keydown.enter)=\"removeItem(i)\"\n aria-hidden=\"true\"\n ></i>\n </button>\n @if (last && emailsFormArray?.controls?.length < availableUnits) {\n <i\n class=\"btn btn-sm btn-primary fal fa-plus ms-2\"\n title=\"Add More\"\n (click)=\"addItem()\"\n (keydown.enter)=\"addItem()\"\n aria-hidden=\"true\"\n ></i>\n }\n </div>\n </div>\n </div>\n </div>\n }\n <
|
|
24271
|
+
template: "<section>\n <div class=\"row\">\n <div class=\"col-12 mb-3\">\n <div class=\"title d-flex\">\n <a\n aria-label=\"Navigate to Target\"\n (click)=\"membersAdded.emit()\"\n class=\"previous\"><i class=\"fa fa-arrow-alt-circle-left\" aria-hidden=\"true\"></i></a>\n <h2 class=\"mt-3\">Enterprise Members for this subscription</h2>\n </div>\n <p>Here you can add members to your subscription</p>\n </div>\n </div>\n </section>\n\n <section>\n <h5 class=\"ms-2 pt-3\">Upload File (CSV)</h5>\n <div class=\"row p-2\">\n <div class=\"col-12\">\n <div class=\"upload-box\">\n <div class=\"upload-box-content\">\n <div class=\"drop-container\"\n ngFileDrop\n [options]=\"options\"\n (uploadOutput)=\"onUploadOutput($event)\"\n [uploadInput]=\"uploadInput\">\n <p>\n Drag files here or\n <label class=\"upload-button\" for=\"add-members-csv-upload\">\n <input type=\"file\"\n id=\"add-members-csv-upload\"\n name=\"add-members-csv-upload\"\n ngFileSelect\n accept=\".csv\"\n [options]=\"options\"\n (uploadOutput)=\"onUploadOutput($event)\"\n [uploadInput]=\"uploadInput\"\n multiple\n aria-label=\"Add Members Csv Upload\" />\n browse\n </label>\n to upload.\n </p>\n </div>\n @for (f of files; track f; let i = $index) {\n <div class=\"upload-item\"\n >\n <div class=\"upload-item-content\">\n <div class=\"filename\">\n <div class=\"filename-left\">\n <i class=\"ionicon ion-ios-copy\" aria-hidden=\"true\"></i>\n <span>{{ f.name }}</span>\n </div>\n </div>\n <div class=\"progress-content\">\n <div class=\"progress\">\n <span class=\"bar\"\n [style.width]=\"f?.progress?.data?.percentage + '%'\"\n [class.is-done]=\"f?.progress?.data?.percentage === 100\"></span>\n </div>\n </div>\n <div class=\"progress-text-content\">\n <span class=\"progress-text\"\n [class.is-done]=\"f?.progress?.data?.percentage === 100\">\n <span>{{ f.progress?.data?.percentage }}% </span>\n @if (f.progress?.data?.percentage !== 100) {\n <span>Uploading...</span>\n }\n @if (f.progress?.data?.percentage === 100) {\n <span>Done</span>\n }\n </span>\n @if (\n f.progress?.data?.percentage !== 0 &&\n f.progress?.data?.percentage !== 100\n ) {\n <span class=\"speed-and-eta-text\"\n >\n <span>{{ f.progress?.data?.speedHuman }} </span>\n <span>ETA {{ f.progress?.data?.etaHuman }}</span>\n </span>\n }\n </div>\n </div>\n </div>\n }\n <div class=\"help-text\">\n <span>Note: You can upload a .csv file containing the comma separated emails\n of the members to add.</span>\n </div>\n </div>\n </div>\n </div>\n </div>\n <h5 class=\"ms-2 pt-3 d-inline-block me-2\">Add Member's Email</h5>\n <small><strong> (Available {{ availableUnits }} Seats) </strong></small>\n <div class=\"p-2\">\n <form [formGroup]=\"form\"\n (ngSubmit)=\"onSignUpMember()\">\n @for (item of emailsFormArrayElements.controls; track item; let i = $index, last = $last) {\n <div formArrayName=\"emailsFormArray\"\n >\n <div [formGroupName]=\"i\">\n <div class=\"row mb-2\">\n <label class=\"col-12 col-md-4 text-md-end col-form-label col-form-label-sm\" [attr.for]=\"'add-members-email-' + i\">\n #{{ i + 1 }}</label>\n <div class=\"col-10 col-md-4\">\n <input formControlName=\"email\"\n [id]=\"'add-members-email-' + i\"\n class=\"form-control form-control-sm\"\n placeholder=\"Email\" id=\"input_email_2\" name=\"input_email_2\"\n aria-label=\"Email\"/>\n </div>\n <div class=\"col-2\">\n <button class=\"btn btn-sm btn-danger\"\n type=\"button\">\n <i\n class=\"fa fa-times\"\n title=\"Delete\"\n (click)=\"removeItem(i)\"\n (keydown.enter)=\"removeItem(i)\"\n aria-hidden=\"true\"\n ></i>\n </button>\n @if (last && emailsFormArray?.controls?.length < availableUnits) {\n <i\n class=\"btn btn-sm btn-primary fal fa-plus ms-2\"\n title=\"Add More\"\n (click)=\"addItem()\"\n (keydown.enter)=\"addItem()\"\n aria-hidden=\"true\"\n ></i>\n }\n </div>\n </div>\n </div>\n </div>\n }\n <pw-sticky-actions>\n <button class=\"btn btn-sm btn-outline-default me-2\"\n (click)=\"membersAdded.emit()\">\n <i class=\"fa fa-plus-times\" aria-hidden=\"true\" aria-label=\"Go Back\"></i>\n {{ 'Button.Back' | transloco }}\n </button>\n <button type=\"submit\"\n class=\"btn btn-sm btn-outline-primary me-2\"\n [buttonBusy]=\"buttonBusy\"\n [disabled]=\"form.invalid || buttonBusy\">\n Add Members\n </button>\n </pw-sticky-actions>\n </form>\n </div>\n </section>\n"
|
|
24267
24272
|
}]
|
|
24268
24273
|
}],
|
|
24269
24274
|
ctorParameters: () => [
|