Viewing File: /usr/local/cpanel/base/frontend/jupiter/domains/index.cmb.js
/*
# domains/views/ROUTES.js Copyright 2022 cPanel, L.L.C.
# All rights reserved.
# copyright@cpanel.net http://cpanel.net
# This code is subject to the cPanel license. Unauthorized copying is prohibited
*/
/* global define */
/** @namespace cpanel.domains.views.ROUTES */
define(
'app/views/ROUTES',[
"cjt/util/locale"
],
function(LOCALE) {
"use strict";
var ROUTES = [
{
"id": "listDomains",
"route": "/",
"hideTitle": false,
"controller": "listDomains",
"templateUrl": "views/listDomains.phtml",
"title": LOCALE.maketext("List Domains"),
"breadcrumb": {
"id": "listDomains",
"name": LOCALE.maketext("List Domains"),
"path": "/"
},
"resolve": {
"currentDomains": ["domains", function($service) {
return $service.get();
}]
}
},
{
"id": "createDomain",
"route": "/create",
"controller": "createDomain",
"templateUrl": "views/createDomain.ptt",
"title": LOCALE.maketext("Create a New Domain"),
"breadcrumb": {
"id": "createDomain",
"name": LOCALE.maketext("Create a New Domain"),
"path": "/create/",
"parentID": "listDomains"
},
"resolve": {
"domainTypes": ["domains", function($service) {
return $service.getTypes();
}],
"currentDomains": ["domains", function($service) {
return $service.get();
}]
}
},
{
"id": "manageDomain",
"route": "/manage",
"controller": "manageDomain",
"templateUrl": "views/manageDomain.ptt",
"hideTitle": true,
"title": LOCALE.maketext("Manage the Domain"),
"breadcrumb": {
"id": "manageDomain",
"name": LOCALE.maketext("Manage the Domain"),
"path": "/manage/",
"parentID": "listDomains"
},
"resolve": {
"domainTypes": ["domains", function($service) {
return $service.getTypes();
}],
"currentDomains": ["domains", function($service) {
return $service.get();
}]
}
}
];
return ROUTES;
}
);
// Copyright 2025 WebPros International, LLC
// All rights reserved.
// copyright@cpanel.net http://cpanel.net
// This code is subject to the cPanel license. Unauthorized copying is prohibited.
/** @namespace cpanel.domains.services.domains */
define(
'app/services/domains',[
"angular",
"lodash",
"cjt/util/locale",
"cjt/io/uapi-request",
"cjt/io/api2-request",
"cjt/io/uapi",
"cjt/io/api2",
"cjt/modules",
"cjt/services/APICatcher",
"cjt/services/cpanel/nvDataService",
],
function(angular, _, LOCALE, UAPIRequest, API2Request) {
"use strict";
var app = angular.module("cpanel.domains.domains.service", [
"cjt2.services.apicatcher",
"cjt2.services.cpanel.nvdata",
]);
// NVData key under which a user's prioritised TLDs are persisted so
// they survive across sessions (CPANEL-53293). Namespaced to this
// feature. The value is a pipe-delimited list of normalized,
// dot-prefixed TLDs (e.g. ".com|.net"); an empty string clears it.
var PRIORITIZED_TLDS_NVDATA_KEY = "domain_recommendations_prioritized_tlds";
app.value("PAGE", PAGE);
app.value("DOMAIN_TYPE_CONSTANTS", {
SUBDOMAIN: "subdomain",
ADDON: "addon",
ALIAS: "alias",
MAIN: "main_domain",
});
var CAN_EDIT_DOCROOT = {
documentRoot: true,
};
// Client-side timeout for the domain recommendations call. The
// upstream store (WHMCS) can be slow or hang; if the request never
// settles the banner is stuck in its loading skeleton forever. After
// this many milliseconds we reject so the banner hides instead.
var RECOMMENDATIONS_TIMEOUT_MS = 10000;
app.factory("domains", ["$q", "$timeout", "APICatcher", "DOMAIN_TYPE_CONSTANTS", "PAGE", "nvDataService", function($q, $timeout, APICatcher, DOMAIN_TYPE_CONSTANTS, PAGE, nvDataService) {
/**
* service wrapper for domain related functions
*
* @module domains
*
* @param {Object} $q angular $q object
* @param {Object} $timeout angular $timeout object
* @param {Object} APICatcher cjt2 APICatcher service
* @param {Object} DOMIAIN_TYPE_CONSTANTS constants objects for use on domain types
* @param {Object} PAGE window.PAGE object
*
* @example
* $domainsService.get()
*
*/
var _flattenedDomains;
var _mainDomain;
var _domainLookupMap = {};
var _parkDomains;
var _addOnDomains;
var _subDomains;
var _usageStats;
// One-shot handoff for the "purchase a domain → Add Domain" flow
// when it crosses a route change (Manage → List). The buyer's
// domain is stashed here instead of a query param so consuming it
// does not mutate the URL and trigger an ngRoute reload that would
// tear down the freshly-opened chooser.
var _pendingAddDomain = null;
function _trackFrontendMixpanel(eventName) {
if (window.mixpanel && typeof window.mixpanel.track === "function") {
window.mixpanel.track(eventName, {});
}
}
var Domain = function Domain(domainObject) {
var self = this;
Object.keys(domainObject).forEach(function(key) {
self[key] = domainObject[key];
});
self.protocol = self.isHttpsRedirecting ? "https" : "http";
self.isWildcard = self["domain"] && self["domain"].substr(0, 1) === "*";
self.canBeSuggested = !self.isWildcard;
};
var _domainTypes = [
{
label: LOCALE.maketext("Subdomain"),
value: DOMAIN_TYPE_CONSTANTS.SUBDOMAIN,
requiresCustomDocumentRoot: true,
stat: "subdomains",
},
{
label: LOCALE.maketext("Addon"),
value: DOMAIN_TYPE_CONSTANTS.ADDON,
requiresCustomDocumentRoot: true,
dependantStat: "subdomains",
stat: "addon_domains",
},
{ label: LOCALE.maketext("Alias"), value: DOMAIN_TYPE_CONSTANTS.ALIAS, stat: "aliases" },
];
var Domains = function() {};
Domains.prototype = APICatcher;
// -------- UTILS -------------
Domains.prototype._cacheDomain = function _cacheDomain(domainObject) {
if (!_flattenedDomains) {
_flattenedDomains = [];
}
var domain = new Domain(domainObject);
if (_domainLookupMap[domain.domain]) {
// Domain already cached: replace it in-place so callers
// that mutate the existing entry see fresh data, and the
// shared array reference remains stable for any view
// bound to it.
var existing = _domainLookupMap[domain.domain];
angular.extend(existing, domain);
// The lookup map and flattenedDomains both point at the
// same object — extending in place updates both.
} else {
_domainLookupMap[domain.domain] = domain;
_flattenedDomains.push(domain);
}
return domainObject;
};
Domains.prototype._uncacheDomain = function _uncacheDomain(domain) {
var self = this;
if (!_flattenedDomains) {
return false;
}
var domainObject = self._getDomainObject(domain);
for (var i = _flattenedDomains.length - 1; i >= 0; i--) {
if (_flattenedDomains[i].domain === domainObject.domain) {
_flattenedDomains.splice(i, 1);
}
}
// Remove from the lookup map so stale entries with mutated flags
// (e.g. canEdit: false set during removal) cannot be returned by
// findDomainByName after the domain is gone.
delete _domainLookupMap[domainObject.domain];
};
Domains.prototype.getCurrentDomains = function getCurrentDomains() {
return _flattenedDomains;
};
Domains.prototype.invalidate = function invalidate() {
_flattenedDomains = null;
_domainLookupMap = {};
};
function _findStatById(_stats, id) {
for (var statI in _stats) {
if (_stats.hasOwnProperty(statI) && _stats[statI].id === id) {
return _stats[statI];
}
}
return;
}
function _findDomainTypeByValue(value) {
for (var domainTypeI in _domainTypes) {
if (_domainTypes.hasOwnProperty(domainTypeI) && _domainTypes[domainTypeI].value === value) {
return _domainTypes[domainTypeI];
}
}
return;
}
function _canCustomizeDocumentRoots() {
return PAGE.hasWebServerRole === "1";
}
function _checkStatOverLimit(stat) {
if (!stat) {
return;
}
var max = stat.maximum === null ? undefined : Number(stat.maximum);
var usage = Number(stat.usage);
if (!isNaN(max)) {
var per = usage / max;
if (max === 0 || per >= 1) {
return true;
}
}
return false;
}
Domains.prototype._getDomainObject = function _getDomainObject(domain) {
var self = this;
if (typeof domain === "string") {
return self.findDomainByName(domain);
}
return domain;
};
Domains.prototype._getSubDomainObject = function _getDomainObject(subdomain) {
var self = this;
if (typeof subdomain === "string") {
return self.findDomainByName(subdomain + "." + self.getMainDomain().domain);
}
return subdomain;
};
Domains.prototype._associateAddonDomains = function _associateAddonDomains() {
var self = this;
angular.forEach(_addOnDomains, function(addonDomain) {
var subdomainObject = self._getSubDomainObject(addonDomain.subdomain);
if (subdomainObject) {
subdomainObject.associatedAddonDomain = addonDomain.domain;
}
});
};
// -------- \ UTILS -------------
// -------- CREATE -------------
/**
* API Wrapper for adding a subdomain
*
* @method addSubdomain
*
* @param {Object} domainObject object representing all the aspects of the domains
*
* @return {Promise<Object>} returns the api promise and then the newly added domain
*
*/
Domains.prototype.addSubdomain = function addSubdomain(domainObject) {
var self = this;
var apiCall = new API2Request.Class();
apiCall.initialize("SubDomain", "addsubdomain");
var subdomain = domainObject.subdomain.substr(0, domainObject.subdomain.length - (domainObject.domain.length + 1));
apiCall.addArgument("domain", subdomain);
apiCall.addArgument("rootdomain", domainObject.domain);
apiCall.addArgument("canoff", "1");
apiCall.addArgument("disallowdot", "0");
apiCall.addArgument("dir", domainObject.fullDocumentRoot);
return self.promise(apiCall).then(function(result) {
var domain = domainObject.newDomainName;
return self.fetchSingleDomainData(domain).then(function(updatedDomain) {
updatedDomain = angular.extend(updatedDomain, {
subdomain: updatedDomain.subdomain,
rootDomain: domainObject.domain,
type: DOMAIN_TYPE_CONSTANTS.SUBDOMAIN,
canEdit: PAGE.hasWebServerRole && CAN_EDIT_DOCROOT,
canRemove: true,
});
return self._cacheDomain(updatedDomain);
});
});
};
/**
* API Wrapper for adding an addon domain
*
* @method addAddonDomain
*
* @param {Object} domainObject object representing all the aspects of the domains
*
* @return {Promise<Object>} returns the api promise and then the newly added domain
*
*/
Domains.prototype.addAddonDomain = function addAddonDomain(domainObject) {
var self = this;
var apiCall = new API2Request.Class();
apiCall.initialize("AddonDomain", "addaddondomain");
apiCall.addArgument("subdomain", domainObject.subdomain);
apiCall.addArgument("newdomain", domainObject.newDomainName);
apiCall.addArgument("ftp_is_optional", "1");
apiCall.addArgument("dir", domainObject.documentRoot);
apiCall.addArgument("create_temporary_domain", domainObject.createTemporaryDomain);
return self.promise(apiCall).then(function(result) {
const newTemporaryDomainName = result.data ? result.data[0].domain : null;
return self.fetchSingleDomainData(domainObject.newDomainName || newTemporaryDomainName).then(function(updatedDomain) {
var addonDomain = angular.extend(angular.copy(updatedDomain), {
type: DOMAIN_TYPE_CONSTANTS.ADDON,
subdomain: updatedDomain.subdomain,
canEdit: PAGE.hasWebServerRole && CAN_EDIT_DOCROOT,
canRemove: true,
canRename: true,
// This accounts for a scenario where is_temporary attribute is not yet set
// on the first visit to manage domain after creating a temporary domain
// until the page gets reloaded
is_temporary: String(updatedDomain.is_temporary) === "1" || String(domainObject.createTemporaryDomain) === "1",
});
self._cacheDomain(angular.extend(angular.copy(updatedDomain), {
domain: updatedDomain.rootDomain,
subdomain: updatedDomain.subdomain,
type: DOMAIN_TYPE_CONSTANTS.SUBDOMAIN,
associatedAddonDomain: addonDomain,
canEdit: PAGE.hasWebServerRole && CAN_EDIT_DOCROOT,
canRemove: true,
is_temporary: String(updatedDomain.is_temporary) === "1" || String(domainObject.createTemporaryDomain) === "1",
}));
if (String(domainObject.createTemporaryDomain) === "1") {
_trackFrontendMixpanel("CP_USR:DOMAINS-TEMP_DOMAIN-CREATED");
}
return self._cacheDomain(addonDomain);
});
});
};
/**
* API Wrapper for adding an alias domain
*
* @method addAliasDomain
*
* @param {Object} domainObject object representing all the aspects of the domains
*
* @return {Promise<Object>} returns the api promise and then the newly added domain
*
*/
Domains.prototype.addAliasDomain = function addAliasDomain(domainObject) {
var self = this;
var apiCall = new API2Request.Class();
apiCall.initialize("Park", "park");
apiCall.addArgument("domain", domainObject.newDomainName);
return self.promise(apiCall).then(function() {
var parkedDomain = angular.copy(self.getMainDomain());
parkedDomain.domain = domainObject.newDomainName;
parkedDomain.type = DOMAIN_TYPE_CONSTANTS.ALIAS;
parkedDomain.canRemove = true;
parkedDomain.canRename = true;
return self._cacheDomain(parkedDomain);
});
};
/**
* Add a domain, automatically selecting APIs based on which domainType is set
*
* @method add
*
* @param {Object} domainObject object representing all the aspects of the domains
*
* @return {Promise<Object>} returns the api promise and then the newly added domain
*
*/
Domains.prototype.add = function _addNewDomain(domainObject) {
var self = this;
var addNewPromise;
if (domainObject.domainType === DOMAIN_TYPE_CONSTANTS.SUBDOMAIN) {
addNewPromise = self.addSubdomain(domainObject);
} else if (domainObject.domainType === DOMAIN_TYPE_CONSTANTS.ADDON ) {
addNewPromise = self.addAddonDomain(domainObject);
} else if (domainObject.domainType === DOMAIN_TYPE_CONSTANTS.ALIAS ) {
addNewPromise = self.addAliasDomain(domainObject);
}
addNewPromise.then(function(result) {
var domainType = _findDomainTypeByValue(domainObject.domainType);
var stat = _findStatById(self.getUsageStats(), domainType.stat);
if (stat) {
stat.usage++;
}
self.updateDomainTypeLimits();
return result;
});
return addNewPromise;
};
// -------- \ CREATE -------------
/**
* Convert a relative document root to a full document root based on the homedir and the PAGE.requirePublicHTMLSubs
*
* @method generateFullDocumentRoot
*
* @param {String} relativeDocumentRoot document root relative to the homedir
*
* @return {String} returns the parsed document root
*
*/
Domains.prototype.generateFullDocumentRoot = function generateFullDocumentRoot(relativeDocumentRoot) {
var self = this;
var requirePublicHTMLSubs = PAGE.requirePublicHTMLSubs.toString() === "1";
var fullDocumentRoot = self.getMainDomain().homedir + "/";
if (requirePublicHTMLSubs) {
fullDocumentRoot += "public_html/";
}
fullDocumentRoot += relativeDocumentRoot ? relativeDocumentRoot.replace(/^\//, "") : "";
return fullDocumentRoot;
};
// -------- READ -------------
/**
* Get the currently stored main domain
*
* @method getMainDomain
*
* @return {Object} returns the current main domain object
*
*/
Domains.prototype.getMainDomain = function _getMainDomain() {
return _mainDomain;
};
/**
* Find a domain object by the domain name
*
* @method findDomainByName
*
* @param {String} domainName domain name (bob.com)
*
* @return {Object} returns the domain object if found
*
*/
Domains.prototype.findDomainByName = function _findDomainByName(domainName) {
return _domainLookupMap[domainName];
};
/**
* API Wrapper to fetch the main domain based on PAGE.mainDomain
*
* @method fetchSingleDomainData
*
* @return {Promise<Object>} returns a promise, then the single domain object
*
*/
Domains.prototype.fetchSingleDomainData = function fetchSingleDomainData(domain) {
var self = this;
var apiCall = new UAPIRequest.Class();
apiCall.initialize("DomainInfo", "single_domain_data");
apiCall.addArgument("domain", domain);
apiCall.addArgument("return_https_redirect_status", 1);
return self.promise(apiCall).then(function(result) {
var typeTranslated = 0;
if (result.data.type === "addon_domain") {
typeTranslated = DOMAIN_TYPE_CONSTANTS.ADDON;
} else if ( result.data.type === "sub_domain" ) {
typeTranslated = DOMAIN_TYPE_CONSTANTS.SUBDOMAIN;
}
return self.formatSingleDomain(result.data, typeTranslated);
});
};
/**
* API Wrapper to fetch the domains and cache them
*
* @method fetchDomains
*
* @return {Promise<Object>} returns a promise, then the main domain object
*
*/
Domains.prototype.fetchDomains = function fetchDomains() {
var self = this;
var apiCall = new UAPIRequest.Class();
apiCall.initialize("DomainInfo", "domains_data");
apiCall.addArgument("return_https_redirect_status", 1);
return self.promise(apiCall).then(function(result) {
var mainDomain = self.formatSingleDomain(result.data.main_domain);
mainDomain.type = DOMAIN_TYPE_CONSTANTS.MAIN;
mainDomain.canRemove = false;
mainDomain.canRename = !!(PAGE.features && PAGE.features.primarydomain_rename);
_mainDomain = mainDomain;
self._cacheDomain(_mainDomain);
// Cache (most of) the rest of the domains to speed this up
_subDomains = [];
var domains = result.data.sub_domains || [];
domains.forEach(function(rawDomain) {
var parsedDomain = self.formatSingleDomain(rawDomain, DOMAIN_TYPE_CONSTANTS.SUBDOMAIN);
this.push(parsedDomain);
self._cacheDomain(parsedDomain);
}, _subDomains);
_addOnDomains = [];
domains = result.data.addon_domains || [];
domains.forEach(function(rawDomain) {
var parsedDomain = self.formatSingleDomain(rawDomain, DOMAIN_TYPE_CONSTANTS.ADDON);
parsedDomain.canRename = true;
this.push(parsedDomain);
self._cacheDomain(parsedDomain);
// Also add in this thing's backing subdomain
var subdomainObj = _.assign( {}, parsedDomain );
subdomainObj.domain = subdomainObj.rootDomain;
subdomainObj.type = DOMAIN_TYPE_CONSTANTS.SUBDOMAIN;
_subDomains.push(subdomainObj);
self._cacheDomain(subdomainObj);
}, _addOnDomains);
_parkDomains = [];
result.data.parked_domains.forEach(function(rawDomain) {
var parsedDomain = self.formatSingleDomain(result.data.main_domain, DOMAIN_TYPE_CONSTANTS.ALIAS);
parsedDomain.domain = rawDomain;
parsedDomain.canRename = true;
this.push(parsedDomain);
self._cacheDomain(parsedDomain);
}, _parkDomains);
return _mainDomain;
});
};
Domains.prototype.formatSingleDomain = function formatSingleDomain(rawDomain, typeOverride) {
var self = this;
var singleDomain = {
domain: rawDomain.domain,
homedir: rawDomain.homedir,
documentRoot: rawDomain.documentroot || rawDomain.dir,
rootDomain: rawDomain.servername,
isHttpsRedirecting: parseInt(rawDomain.is_https_redirecting),
hasValidHTTPSAliases: parseInt(rawDomain.all_aliases_valid),
nonHTTPS: !parseInt(rawDomain.can_https_redirect),
redirectsTo: rawDomain.status === "not redirected" ? null : rawDomain.status,
type: rawDomain.type,
realRootDomain: PAGE.mainDomain,
is_temporary: String(rawDomain.is_temporary) === "1" ? true : false,
};
if (typeOverride) {
singleDomain.type = typeOverride;
singleDomain.homedir = self.getMainDomain().homedir;
var altRootDomain = self.getMainDomain().domain;
// Root domain is going to differ when the domain in this context is a subdomain of an addon | parked domain.
if (typeOverride === DOMAIN_TYPE_CONSTANTS.SUBDOMAIN) {
// The subdomain could be of an addon|parked domain. So it is prudent to consider the last part
// of the domain as the root domain instead of hard coding it to the primary domain.
var lastPartOfDomain = rawDomain.domain.match(/.*\.(.+\..+)$/);
altRootDomain = (lastPartOfDomain) ? lastPartOfDomain[1] : altRootDomain;
}
var altSubDomain = singleDomain.rootDomain ? singleDomain.rootDomain.substr(0, singleDomain.rootDomain.lastIndexOf("." + altRootDomain)) : null;
singleDomain.canRemove = true;
if (typeOverride !== DOMAIN_TYPE_CONSTANTS.ALIAS) {
singleDomain.canEdit = PAGE.hasWebServerRole && CAN_EDIT_DOCROOT;
singleDomain.subdomain = altSubDomain;
}
if (typeOverride === DOMAIN_TYPE_CONSTANTS.SUBDOMAIN) {
singleDomain.rootDomain = altRootDomain;
} else if ( typeOverride === DOMAIN_TYPE_CONSTANTS.ALIAS ) {
singleDomain.rootDomain = PAGE.mainDomain;
}
}
return singleDomain;
};
/**
* API Wrapper to fetch the all domains (main, addon, subdomain, alias) and cache them
*
* @method get
*
* @return {Promise<Object>} returns a promise, then the array of all domain objects
*
*/
var domainsLoadingQ;
Domains.prototype.get = function getDomains() {
var self = this;
if (domainsLoadingQ) {
return domainsLoadingQ;
}
if (_flattenedDomains) {
return $q.resolve(_flattenedDomains);
}
_flattenedDomains = [];
return domainsLoadingQ = self.fetchDomains().then(function() {
self._associateAddonDomains();
return _flattenedDomains;
}).finally(function() {
domainsLoadingQ = null;
});
};
/**
* API Wrapper to get the resource usage statistics
*
* @method getResourceUsageStats
*
* @return {Promise<Array>} returns a promise and then the array of usages statistics
*
*/
Domains.prototype.getResourceUsageStats = function _getResourceUsageStats() {
var self = this;
var apiCall = new UAPIRequest.Class();
apiCall.initialize("ResourceUsage", "get_usages");
return self.promise(apiCall).then(function(result) {
return result.data;
});
};
/**
* Get the currently stored domain types
*
* @method getDomainTypes
*
* @return {Array} array of domain type objects
*
*/
Domains.prototype.getDomainTypes = function _getBaseDomainTypes() {
return _domainTypes;
};
/**
* Get the currently stored usage statistics
*
* @method getUsageStats
*
* @return {Array} returns an array of usage stat objects
*
*/
Domains.prototype.getUsageStats = function _getUsageStats() {
return _usageStats;
};
/**
* Uses the current getUsageStats() and updates the overLimit on the domainTypes
*
* @method updateDomainTypeLimits
*
* @return {Array} returns the updated array of domain type objects
*
*/
Domains.prototype.updateDomainTypeLimits = function _updateDomainTypeLimits() {
var self = this;
var stats = self.getUsageStats();
self.getDomainTypes().forEach(function(domainType) {
var domainTypeStat = _findStatById(stats, domainType.stat);
domainType.overLimit = _checkStatOverLimit(domainTypeStat);
if (!_canCustomizeDocumentRoots() && domainType.requiresCustomDocumentRoot ) {
domainType.overLimit = true;
} else if (!domainType.overLimit && domainType.dependantStat) {
domainType.overLimit = domainType.overLimit || _checkStatOverLimit(_findStatById(stats, domainType.dependantStat));
}
});
return self.getDomainTypes();
};
/**
* Get the domain types and update their overlimit by quering the usage stats APIs
*
* @method getTypes
*
* param jsdocparam maybe?
*
* @return {Promise<Array>} returns a promise and then an array of domain types with the updated overLimit values
*
*/
Domains.prototype.getTypes = function _getDomainTypes() {
var self = this;
if (self.getUsageStats()) {
return $q.resolve(self.getDomainTypes());
}
return self.getResourceUsageStats().then(function(stats) {
_usageStats = stats;
self.updateDomainTypeLimits();
return self.getDomainTypes();
});
};
// -------- \ READ -------------
// -------- UPDATE -------------
/**
* Update the document root for a subdomain
*
* @method updateDocumentRoot
*
* @param {String|Object} domain domain name or domain object
*
* @return {Promise<Object>} returns promise and then the updated domainObject
*
*/
Domains.prototype.updateDocumentRoot = function updateDocumentRoot(domain, documentRoot) {
var self = this;
var domainObject = self._getDomainObject(domain);
["subdomain", "rootDomain"].forEach(function(key) {
if (!domainObject[key]) {
throw new Error(key + " is required but undefined on " + domainObject.domain);
}
});
var rdomain = domainObject.rootDomain;
if (domainObject.type === DOMAIN_TYPE_CONSTANTS.ADDON) {
rdomain = domainObject.realRootDomain;
}
var apiCall = new API2Request.Class();
apiCall.initialize("SubDomain", "changedocroot");
apiCall.addArgument("subdomain", domainObject.subdomain);
apiCall.addArgument("rootdomain", rdomain);
apiCall.addArgument("dir", documentRoot);
return self.promise(apiCall).then(function(result) {
domainObject.documentRoot = documentRoot;
return self.fetchSingleDomainData(domainObject.domain).then(function(updatedDomain) {
var updatedDocumentRoot = updatedDomain.documentRoot;
// find and update existing domain
if (domainObject.type === DOMAIN_TYPE_CONSTANTS.ADDON) {
// This is an addon domain. So there is a subdomain that just had it's document root updated too
var subdomainObject = self._getSubDomainObject(domainObject.subdomain );
if (subdomainObject) {
subdomainObject.documentRoot = updatedDocumentRoot;
}
} else if (domainObject.associatedAddonDomain) {
// This is an addon domain. Check for an associated addon domain
var addonDomainObject = self._getDomainObject(domainObject.associatedAddonDomain);
addonDomainObject.documentRoot = updatedDocumentRoot;
}
domainObject.documentRoot = updatedDocumentRoot;
return domainObject;
});
});
};
// -------- \ UPDATE -------------
// -------- DELETE -------------
/**
* API Wrapper call to remove a subdomain
*
* @method removeSubdomain
*
* @param {String|Object} domain domain name or domain object
*
* @return {Promise} returns the promise that removes the subdomain
*
*/
Domains.prototype.removeSubdomain = function removeSubdomain(domain) {
var self = this;
var domainObject = self._getDomainObject(domain);
// If the domain does not contain its own rootDomain, it
// is an indicator that the subdomain is parked on addon domain
// which means the servername could not be used to extract the
// subdomain. In this case we will use full domain as the removal point
// for the api call (CPANEL-32624)
var rootDomainRE = new RegExp("." + domainObject.rootDomain + "$");
var domainStr;
if (domainObject.domain.match(rootDomainRE)) {
domainStr = domainObject.subdomain + "_" + domainObject.rootDomain;
} else {
domainStr = domainObject.domain;
}
var apiCall = new API2Request.Class();
apiCall.initialize("SubDomain", "delsubdomain");
apiCall.addArgument("domain", domainStr);
return self.promise(apiCall);
};
/**
* API Wrapper call to remove an addon domain
*
* @method removeAddonDomain
*
* @param {String|Object} domain domain name or domain object
*
* @return {Promise} returns the promise that removes the addon domain
*
*/
Domains.prototype.removeAddonDomain = function removeAddonDomain(domain) {
var self = this;
var domainObject = self._getDomainObject(domain);
var apiCall = new API2Request.Class();
apiCall.initialize("AddonDomain", "deladdondomain");
apiCall.addArgument("domain", domainObject.domain);
// The addon domain's subdomain, an underscore (_), and the addon domain's main domain.
apiCall.addArgument("subdomain", domainObject.subdomain + "_" + self.getMainDomain().domain);
return self.promise(apiCall);
};
/**
* API Wrapper call to remove an alias domain
*
* @method removeAliasDomain
*
* @param {String|Object} domain domain name or domain object
*
* @return {Promise} returns the promise that removes the alias domain
*
*/
Domains.prototype.removeAliasDomain = function removeAliasDomain(domain) {
var self = this;
var domainObject = self._getDomainObject(domain);
var apiCall = new API2Request.Class();
apiCall.initialize("Park", "unpark");
apiCall.addArgument("domain", domainObject.domain);
return self.promise(apiCall);
};
/**
* API Wrapper call to remove a redirect for a domain
*
* @method removeRedirect
*
* @param {String|Object} domain domain name or domain object
*
* @return {Promise} returns the promise that removes the redirect from the domain
*
*/
Domains.prototype.removeRedirect = function removeRedirect(domain) {
var self = this;
var domainObject = self._getDomainObject(domain);
var apiCall = new UAPIRequest.Class();
apiCall.initialize("Mime", "delete_redirect");
apiCall.addArgument("domain", domainObject.domain);
apiCall.addArgument("src", domainObject.redirectTo);
apiCall.addArgument("redirect", domainObject.documentRoot);
return self.promise(apiCall).then(function() {
domainObject.redirectTo = "";
});
};
Domains.prototype._removeDomainAdjustStats = function _removeDomainAdjustStats(domain) {
var self = this;
var domainObject = self._getDomainObject(domain);
if (!domainObject) {
return;
}
// Remove the subdomain too, it's automatically deleted by the API
if (domainObject.type === DOMAIN_TYPE_CONSTANTS.ADDON) {
self._removeDomainAdjustStats(domainObject.subdomain + "." + self.getMainDomain().domain);
}
self._uncacheDomain(domainObject);
// Update Stat for Domain Type
var domainTypeObject = _findDomainTypeByValue(domainObject.type);
var stat = _findStatById(self.getUsageStats(), domainTypeObject.stat);
if (stat) {
stat.usage--;
}
self.updateDomainTypeLimits();
};
/**
* Remove a domain, redirects, and adjust statistics for the domain type
*
* @method remove
*
* @param {String|Object} domain domain name or domain object
*
* @return {Promise} returns the promise that will remove the domain and redirects for a domain
*
*/
Domains.prototype.remove = function removeDomain(domain) {
var self = this;
var domainObject = self._getDomainObject(domain);
var errorsEncounterd = false;
var promises = [];
if ( domainObject.type === DOMAIN_TYPE_CONSTANTS.SUBDOMAIN ) {
promises.push(self.removeSubdomain(domainObject));
} else if ( domainObject.type === DOMAIN_TYPE_CONSTANTS.ADDON ) {
promises.push(self.removeAddonDomain(domainObject));
} else if ( domainObject.type === DOMAIN_TYPE_CONSTANTS.ALIAS ) {
if (domainObject.redirectTo) {
promises.push(self.removeRedirect(domainObject));
}
promises.push(self.removeAliasDomain(domainObject));
}
return $q.all(promises).then(function(result) {
self._removeDomainAdjustStats(domainObject);
}, function(result) {
if ( _.isArray(result) ) {
result.forEach(function(resultItem) {
if (resultItem && resultItem.error) {
errorsEncounterd = true;
throw resultItem.error;
}
});
} else if (result && result.error) {
errorsEncounterd = true;
throw result.error;
}
}).finally(function() {
if (!errorsEncounterd) {
self._uncacheDomain(domainObject);
}
});
};
Domains.prototype.getDocumentRootPattern = function() {
var regExp = new RegExp("^[^" + _.escapeRegExp('%?* :|"<>\\') + "]+$");
return regExp;
};
// -------- \ DELETE -------------
Domains.prototype.canRedirectHTTPS = function() {
return PAGE.canRedirectHTTPS === "1";
};
/**
* API Wrapper call to toggle secure redirect for domains
*
* @method toggleHTTPSRedirect
*
* @param {Boolean} state turning the redirect On of Off as a boolean value
*
* @param {String} singleDomain a single domain name to be toggled, optional
*
* @return {Promise} returns the promise that toggles secure redirect for the domains
*
*/
Domains.prototype.toggleHTTPSRedirect = function toggleHTTPSRedirect(state, singleDomain) {
var self = this;
var apiCall = new UAPIRequest.Class();
apiCall.initialize("SSL", "toggle_ssl_redirect_for_domains");
apiCall.addArgument("state", state ? 1 : 0);
if (singleDomain) {
var domArg = singleDomain;
apiCall.addArgument("domains", domArg);
} else {
var domains2Toggle = [];
for (var i = 0; i < _flattenedDomains.length; i++) {
if (_flattenedDomains[i].selected && !_flattenedDomains[i].associatedAddonDomain) {
// Add in non-assoc subs only to prevent passing dupes
if (typeof ( _flattenedDomains[i].associatedAddonDomain) === "undefined") {
domains2Toggle.push( _flattenedDomains[i].domain );
}
}
}
var domainList = domains2Toggle.join(",");
apiCall.addArgument("domains", domainList );
}
return self.promise(apiCall);
};
Domains.prototype.replaceTemporaryDomain = function replaceTemporaryDomain(domainObject) {
var self = this;
var apiCall = new UAPIRequest.Class();
apiCall.initialize("Domain", "convert_temporary_to_registered");
apiCall.addArgument("domain", domainObject.domain);
apiCall.addArgument("registered", domainObject.newDomainName);
apiCall.addArgument("docroot", domainObject.documentRoot);
return self.promise(apiCall).then(function() {
return self.fetchSingleDomainData(domainObject.newDomainName).then(function(updatedDomain) {
// The new domain is an addon (or alias if parked) — give it
// canRename so the page picks the correct UI state without
// forcing a full reload.
updatedDomain.canRename = true;
self._cacheDomain(updatedDomain);
self._cacheDomain(angular.extend(angular.copy(updatedDomain), {
domain: updatedDomain.rootDomain,
type: DOMAIN_TYPE_CONSTANTS.SUBDOMAIN,
associatedAddonDomain: updatedDomain,
}));
self._uncacheDomain(domainObject);
var domainType = _findDomainTypeByValue(updatedDomain.type);
var stat = _findStatById(self.getUsageStats(), domainType.stat);
if (stat) {
stat.usage++;
}
self.updateDomainTypeLimits();
_trackFrontendMixpanel("CP_USR:DOMAINS-TEMP_DOMAIN-CONVERTED");
});
});
};
/**
* Fetch domain suggestions from the DomainRecommendations UAPI
*
* @method fetchDomainRecommendations
*
* @param {String} domain The domain to get recommendations for
* @param {Number} pageSize Maximum number of suggestions to return
* @param {Array} [tlds] Optional list of TLDs (with or without
* leading dot) to restrict suggestions to.
* Sent to the backend as repeated `tld`
* UAPI arguments (`tld`, `tld-1`, `tld-2`,
* ...) per the cPanel multi-value convention.
*
* @return {Promise<Object>} returns a promise with the suggestions data
*
*/
Domains.prototype.fetchDomainRecommendations = function fetchDomainRecommendations(domain, pageSize, tlds) {
var self = this;
var apiCall = new UAPIRequest.Class();
apiCall.initialize("DomainRecommendations", "domain_suggestions");
apiCall.addArgument("search_field", domain);
if (pageSize) {
apiCall.addArgument("page_size", pageSize);
}
if (tlds && tlds.length) {
// Strip the optional leading dot so the upstream store
// receives bare TLD names (e.g. "com" instead of ".com").
var normalized = tlds.map(function(t) {
return (t || "").replace(/^\./, "");
}).filter(function(t) { return t.length; });
if (normalized.length) {
apiCall.addArgument("tld", normalized[0]);
for (var i = 1; i < normalized.length; i++) {
apiCall.addArgument("tld-" + i, normalized[i]);
}
}
}
return self.promise(apiCall).then(function(result) {
return result.data;
});
};
/**
* Fetch domain purchase url from the DomainRecommendations UAPI
*
* @method fetchDomainPurchaseUrl
*
* @param {String} domain The domain to get the purchase URL for
*
* @return {Promise<Object>} returns a promise with the purchase URL data
*
*/
Domains.prototype.fetchDomainPurchaseUrl = function fetchDomainPurchaseUrl(domain, period) {
var self = this;
var apiCall = new UAPIRequest.Class();
apiCall.initialize("DomainRecommendations", "purchase_domain");
apiCall.addArgument("domain", domain);
apiCall.addArgument("period", period);
apiCall.addArgument("skip_backend_track", 1);
return self.promise(apiCall).then(function(result) {
return result.data;
});
};
/**
* Fetch domain recommendations for both the promotional
* banner and the explore modal in a single API call.
*
* Returns banner data (at most 2 suggestions with the
* lowest 1-year price) and explore data (featured top 2
* and remaining suggestions with pricing).
*
* When filterTlds is provided, it is forwarded to the UAPI
* call as repeated `tld` arguments so the upstream store
* constrains results to those TLDs.
*
* @method fetchRecommendations
*
* @param {String} domain The domain to get recommendations for
* @param {Array} [filterTlds] TLDs to constrain suggestions to (e.g. [".com", ".net"])
*
* @return {Promise<Object>} { banner: { recommendations, lowestPrice }, explore: { featured, available } }
*/
Domains.prototype.fetchRecommendations = function fetchRecommendations(domain, filterTlds) {
var BANNER_LIMIT = 2;
var FEATURED_LIMIT = 2;
var RECOMMENDATIONS_PAGE_SIZE = 10;
// Race the call against a timeout timer. AngularJS 1.4 has no
// $q.race, so we settle a single deferred from whichever side
// wins. The underlying APICatcher promise does not expose a
// true HTTP abort, so on timeout we abandon the in-flight
// result rather than cancelling it at the network layer; the
// UI is freed immediately either way. The caller's
// catch/finally then hides the banner and logs the failure.
var deferred = $q.defer();
var timedOut = false;
var timer = $timeout(function() {
timedOut = true;
deferred.reject(new Error("Domain recommendations request timed out after " + RECOMMENDATIONS_TIMEOUT_MS + "ms"));
}, RECOMMENDATIONS_TIMEOUT_MS);
this.fetchDomainRecommendations(domain, RECOMMENDATIONS_PAGE_SIZE, filterTlds)
.then(function(data) {
// The timeout already won the race and rejected the
// deferred; skip the now-pointless result processing.
if (timedOut) {
return;
}
var suggestions = data && data.suggestions ? data.suggestions : {};
var allDomains = Object.keys(suggestions);
// Banner: first 2 domains + lowest annual price
var bannerSelected = allDomains.slice(0, BANNER_LIMIT);
var bannerRecommendations = [];
var lowestPrice = null;
bannerSelected.forEach(function(domainName) {
bannerRecommendations.push({ domain: domainName });
var price = _extractAnnualPrice(suggestions[domainName]["pricing"]);
if (price && (lowestPrice === null || price.value < lowestPrice.value)) {
lowestPrice = price;
}
});
var exploreResults = allDomains.map(function(domainName) {
var price = _extractAnnualPrice(suggestions[domainName]["pricing"]);
return {
domain: domainName,
price: price ? price.display : "",
priceValue: price ? price.value : 0,
isPremium: !!suggestions[domainName]["is_premium"],
};
});
deferred.resolve({
banner: {
recommendations: bannerRecommendations,
lowestPrice: lowestPrice ? lowestPrice.display : "",
},
explore: {
featured: exploreResults.slice(0, FEATURED_LIMIT),
available: exploreResults.slice(FEATURED_LIMIT),
},
});
})
.catch(function(error) {
deferred.reject(error);
})
.finally(function() {
// Whichever side won the race, stop the timer. Settling
// an already-settled deferred is a no-op, so a late
// response after a timeout is harmlessly ignored.
$timeout.cancel(timer);
});
return deferred.promise;
};
/**
* Extract 1-year registration price from a pricing array.
*
* @param {Array} pricing The pricing array from the API
* @return {Object|null} { display: String, value: Number } or null
*/
function _extractAnnualPrice(pricing) {
if (!Array.isArray(pricing)) {
return null;
}
for (var i = 0; i < pricing.length; i++) {
if (pricing[i].period === 1 && pricing[i].register) {
return {
display: pricing[i].register.display_value,
value: parseFloat(pricing[i].register.value),
};
}
}
return null;
}
/**
* Fetch the store configuration (without secrets) from
* the DomainRecommendations UAPI. Used to build purchase
* URLs for the explore modal.
*
* @method fetchStoreConfig
*
* @return {Promise<Object>} The sanitized store config
*/
Domains.prototype.fetchStoreConfig = function fetchStoreConfig() {
var self = this;
var apiCall = new UAPIRequest.Class();
apiCall.initialize("DomainRecommendations", "get_store_config");
return self.promise(apiCall).then(function(result) {
return result.data;
});
};
/**
* Fetch the list of TLDs supported by the store from
* the DomainRecommendations UAPI. Used to validate the
* preferred TLD input in the explore modal.
*
* @method fetchSupportedTlds
*
* @return {Promise<Array<String>>} Array of dot-prefixed TLD strings (e.g. [".com", ".net"])
*/
Domains.prototype.fetchSupportedTlds = function fetchSupportedTlds() {
var self = this;
var apiCall = new UAPIRequest.Class();
apiCall.initialize("DomainRecommendations", "supported_tlds");
return self.promise(apiCall).then(function(result) {
return result.data && Array.isArray(result.data.tlds) ? result.data.tlds : [];
});
};
// Normalize a raw TLD to the canonical "leading dot, lowercase"
// form used everywhere the prioritised TLDs are stored or
// compared. Returns "" for empty/whitespace input.
function _normalizeTld(raw) {
var s = (raw || "").trim().toLowerCase();
if (!s) {
return "";
}
return s.charAt(0) === "." ? s : "." + s;
}
/**
* Load the user's persisted prioritised TLDs from NVData
* (CPANEL-53293). Used to pre-populate the "Prioritize TLDs"
* control across sessions.
*
* @method getPrioritizedTlds
*
* @return {Promise<Array<String>>} Resolves to an array of
* normalized, dot-prefixed TLDs (e.g. [".com", ".net"]).
* Resolves to [] when nothing is stored or the read fails, so
* callers never have to special-case the empty/error state.
*/
Domains.prototype.getPrioritizedTlds = function getPrioritizedTlds() {
return nvDataService.get(PRIORITIZED_TLDS_NVDATA_KEY)
.then(function(pairs) {
var pair = Array.isArray(pairs) ? pairs[0] : null;
var raw = pair && pair.value ? String(pair.value) : "";
return raw.split("|")
.map(_normalizeTld)
.filter(function(tld) {
return tld.length;
});
})
.catch(function(error) {
// A failed read should not break the flow — fall back
// to "no saved preference" so the control still works.
console.error("Failed to load prioritised TLDs:", error); // eslint-disable-line no-console
return [];
});
};
/**
* Persist the user's prioritised TLDs as NVData (CPANEL-53293) so
* they survive across sessions. Overwrites any previously-stored
* value; passing an empty array clears the saved preference.
*
* @method setPrioritizedTlds
*
* @param {Array<String>} [tlds] TLDs to persist (with or without
* a leading dot). Falsy/empty clears the value.
*
* @return {Promise} Resolves once the write settles. A failed
* write is logged and swallowed so a persistence hiccup never
* blocks the search the user just triggered.
*/
Domains.prototype.setPrioritizedTlds = function setPrioritizedTlds(tlds) {
var serialized = (angular.isArray(tlds) ? tlds : [])
.map(_normalizeTld)
.filter(function(tld) {
return tld.length;
})
.join("|");
return nvDataService.set(PRIORITIZED_TLDS_NVDATA_KEY, serialized, { nocache: true })
.then(function(result) {
// A per-key NVData write failure resolves with an
// `error` property rather than rejecting, so it has to
// be surfaced here in addition to the rejection path
// below — otherwise a failed save is silent.
if (result && result.error) {
console.error("Failed to save prioritised TLDs:", result.error); // eslint-disable-line no-console
}
})
.catch(function(error) {
console.error("Failed to save prioritised TLDs:", error); // eslint-disable-line no-console
});
};
Domains.prototype.renameDomain = function renameDomain(domainObject) {
var self = this;
var apiCall = new UAPIRequest.Class();
apiCall.initialize("Domain", "rename_domain");
apiCall.addArgument("domain", domainObject.domain);
apiCall.addArgument("new_domain", domainObject.newDomainName);
return self.promise(apiCall).then(function() {
return self.fetchSingleDomainData(domainObject.newDomainName).then(function(updatedDomain) {
// Preserve canRename across the rename so the page can
// immediately offer another rename without a full reload.
updatedDomain.canRename = true;
self._cacheDomain(updatedDomain);
self._uncacheDomain(domainObject);
});
});
};
/**
* Stash a domain to be added once the List Domains view loads.
* Used by the Manage view's "Explore Domains → Purchase → Add
* Domain" flow to hand the purchased domain to the chooser that
* lives on the List view, across the route change.
*
* @method setPendingAddDomain
* @param {String} domain The just-purchased domain name.
*/
Domains.prototype.setPendingAddDomain = function setPendingAddDomain(domain) {
_pendingAddDomain = domain || null;
};
/**
* Read and clear the pending add-domain handoff. Returns null
* when nothing is queued, so callers can branch directly on the
* result. One-shot: a second call returns null.
*
* @method consumePendingAddDomain
* @return {String|null} The queued domain name, or null.
*/
Domains.prototype.consumePendingAddDomain = function consumePendingAddDomain() {
var domain = _pendingAddDomain;
_pendingAddDomain = null;
return domain;
};
return new Domains();
}]);
}
);
// Copyright 2025 WebPros International, LLC
// All rights reserved.
// copyright@cpanel.net http://cpanel.net
// This code is subject to the cPanel license. Unauthorized copying is prohibited.
/* global define */
/** @namespace cpanel.domains.views.createDomain */
define(
'app/views/createDomain',[
"lodash",
"angular",
"cjt/util/locale",
"cjt/services/fuzzy",
"cjt/modules",
"ngRoute",
"cjt/directives/callout",
"cjt/validator/domain-validators",
"cjt/validator/username-validators",
"cjt/directives/actionButtonDirective",
"app/services/domains",
"cjt/directives/validationContainerDirective",
"cjt/directives/validationItemDirective",
"cjt/directives/toggleSwitchDirective",
],
function(_, angular, LOCALE, Fuzzy) {
"use strict";
var fuzzyService = new Fuzzy();
var MODULE_NAMESPACE = "cpanel.domains.views.createDomain";
var app = angular.module(MODULE_NAMESPACE, [
"cpanel.domains.domains.service",
"ngRoute",
"cjt2.services.alert",
]);
/**
* Create Controller for Domains
*
* @module createDomain
*
* @param {Object} $scope angular scope
*
*/
var CONTROLLER_NAME = "createDomain";
app.controller(
CONTROLLER_NAME,
["$scope", "$log", "$location", "$routeParams", "$timeout", "domains", "alertService", "domainTypes", "DOMAIN_TYPE_CONSTANTS", "PAGE", "ZONE_EDITOR_APP_OBJ",
function($scope, $log, $location, $routeParams, $timeout, $domainsService, $alertService, domainTypes, DOMAIN_TYPE_CONSTANTS, PAGE, ZONE_EDITOR_APP_OBJ) {
var _domainTypesMap = {};
var _featureMap = {};
function init() {
$scope.temporaryDomainsDisabled = !!PAGE.isDisabledTempDomains;
$scope.newDomain.domainCreationMode = "registered";
$scope.mainDomain = $domainsService.getMainDomain();
$scope.mainDomainIsTemporary = $scope.mainDomain.is_temporary;
domainTypes.forEach(function(domainType) {
_domainTypesMap[domainType.value] = domainType;
_featureMap[domainType.value] = PAGE.features[domainType.value];
});
$scope.resetForm();
if ($routeParams["domain"]) {
$scope.newDomain.newDomainName = $routeParams["domain"];
updateDomainType();
generateDocumentRoot();
generateSubdomain($scope.newDomain.newDomainName);
}
document.addEventListener("cp-alert-message", function(event) {
$scope.$apply(function() {
$alertService.add({
type: event.detail.type,
message: event.detail.message,
dismissible: event.detail.dismissible !== undefined ? event.detail.dismissible : true,
replace: event.detail.replace || false,
id: event.detail.id,
autoClose: event.detail.autoClose,
});
});
});
_updateFuzzyService();
if (!PAGE.hasWebServerRole && ZONE_EDITOR_APP_OBJ) {
$scope.creationMessages.push({
type: "info",
message: LOCALE.maketext("Because this server does not use the “[_1]” role, the system creates new domains as separate zones. If you only need a [asis,DNS] entry, you can add the domain as new record on an existing zone in the [output,url,_2,_3,_4] interface.", "WebServer", ZONE_EDITOR_APP_OBJ.url, ZONE_EDITOR_APP_OBJ.itemdesc, { _type: "offsite" }),
});
}
if (PAGE.features.domain_recommendation) {
var mode = $location.search().mode;
if (mode === "temporary" || mode === "registered") {
$scope.newDomain.domainCreationMode = mode;
}
}
}
function _updateFuzzyService() {
$domainsService.get().then(function(domains) {
var flattenedDomains = domains.filter(function(domain) {
if (domain.canBeSuggested) {
return true;
}
return false;
}).map(function(domain) {
return domain.domain;
});
fuzzyService.loadSet(flattenedDomains);
});
if (!PAGE.hasWebServerRole) {
$scope.mustInheritDocumentRoot = true;
}
}
function _showCreationDelayedMessage() {
$scope.creationDelayed = true;
}
function _getDomain(domain) {
return $domainsService.findDomainByName(domain);
}
function _getDomainType(domainType) {
return _domainTypesMap[domainType];
}
function _generateSuggestions(domainParts) {
var suffix = domainParts.slice(domainParts.length - 2).join(".");
// Remove the last part
domainParts.pop();
domainParts.pop();
var subdomainsOnly = !$scope.canCreateDomainType(DOMAIN_TYPE_CONSTANTS.ALIAS) && !$scope.canCreateDomainType(DOMAIN_TYPE_CONSTANTS.ADDON);
var domainsThreshold = !subdomainsOnly ? 4 : 10;
var fuzzyResults = fuzzyService.search(suffix);
var topResults = fuzzyResults.filter(function(fuzzyResult) {
return fuzzyResult.distance < domainsThreshold;
});
if (topResults.length) {
var topMatchDomain = domainParts.join(".") + "." + fuzzyResults[0].match;
$scope.newDomain.domain = $domainsService.getMainDomain().domain;
$scope.clearSuggestedDomains();
if (topMatchDomain !== $scope.newDomain.newDomainName) {
// Looks like a subdomain.
// List the top 5 domains only.
$scope.suggestedDomains = topResults.slice(0, 5).map(function(fuzzyResult) {
var suggestedDomain = domainParts.join(".") + "." + fuzzyResult.match;
return {
domain: suggestedDomain,
closeable: !subdomainsOnly,
use: function() {
useSuggestedDomain(suggestedDomain);
},
cancel: clearSuggestedDomains,
};
});
}
}
}
function onUpdateNewDomainName() {
// Clear these on each update, so previous filled suggestions invalidate
$scope.subdomain = "";
$scope.domain = "";
$scope.documentRoot = "";
$scope.newDomain.isWildcard = false;
if (!$scope.newDomain.newDomainName) {
return;
}
// The backend doesn't seem to accept uppercase letters in domain names so this maintains that standard for the frontend
$scope.newDomain.newDomainName = $scope.newDomain.newDomainName.toLowerCase();
if ($scope.newDomain.newDomainName.substr(0, 1) === "*") {
// looks like a wildcard
$scope.newDomain.isWildcard = true;
}
if (looksLikeSubdomain($scope.newDomain.newDomainName)) {
// Let's try not to make it a park, shall we?
$scope.newDomain.inheritDocumentRoot = false;
}
var domainParts = $scope.newDomain.newDomainName.split(".");
if (domainParts.length >= 3) {
_generateSuggestions(domainParts);
}
updateDomainType();
generateDocumentRoot();
generateSubdomain($scope.newDomain.newDomainName);
}
// Prevent doing silly things like making sub.$MAIN_DOMAIN from defaulting to an addon
function looksLikeSubdomain(domain) {
var parentDomainSplit = domain.split(".");
parentDomainSplit.shift();
var parentDomain = parentDomainSplit.join(".");
if (_getDomain(parentDomain)) {
return 1;
}
return 0;
}
function generateDocumentRoot() {
if (!$scope.newDomain.newDomainName) {
return;
}
if ($scope.newDomain.domainType === DOMAIN_TYPE_CONSTANTS.ALIAS) {
// alias domain uses the main domain
$scope.newDomain.documentRoot = $scope.mainDomain.documentRoot.replace($scope.mainDomain.homedir + "/", "");
if ($scope.requirePublicHTMLSubs) {
// snip off public_html/
$scope.newDomain.documentRoot = $scope.newDomain.documentRoot
.replace(/^public_html/, "")
.replace(/^\//, "");
}
$scope.newDomain.fullDocumentRoot = $scope.mainDomain.documentRoot;
} else {
var newDocRoot = $scope.newDomain.newDomainName.replace("*", "_wildcard_");
$scope.newDomain.documentRoot = newDocRoot;
$scope.newDomain.fullDocumentRoot = $domainsService.generateFullDocumentRoot(newDocRoot);
}
}
function generateSubdomain(from) {
// Instead of one part, use the whole thing
$scope.newDomain.subdomain = from;
}
function getFormFieldClasses(form) {
return form && !form.$pristine && form.$invalid ? "col-xs-12 col-md-6" : "col-xs-12";
}
function resetForm() {
$scope.newDomain.newDomainName = "";
$scope.newDomain.documentRoot = "";
$scope.newDomain.domainCreationMode = "registered";
if ($scope.shareDocrootDefault && !$scope.mainDomainIsTemporary) {
$scope.newDomain.inheritDocumentRoot = $scope.canCreateDomainType(DOMAIN_TYPE_CONSTANTS.ALIAS);
} else {
$scope.newDomain.inheritDocumentRoot = false;
}
updateDomainType();
generateDocumentRoot();
generateSubdomain($scope.newDomain.newDomainName);
}
function createDomain(form, domainObject, createAnotherOnCompletion, callback) {
if (domainObject.domainCreationMode === "temporary") {
domainObject.domainType = DOMAIN_TYPE_CONSTANTS.ADDON;
domainObject.createTemporaryDomain = "1";
// Clear out other fields that could potentially be
// populated by the "Create Domain" section of the form.
domainObject.newDomainName = null;
domainObject.documentRoot = null;
domainObject.subdomain = null;
domainObject.domain = null;
domainObject.fullDocumentRoot = null;
}
$scope.submittingForm = true;
// If this takes too long, let them know why.
var $timer = $timeout(_showCreationDelayedMessage, 1000);
// Copying here to allow editing for creatino of another domain without affecting this one
var submittingDomainObj = angular.copy(domainObject);
if (!PAGE.hasWebServerRole) {
// Override type. All domains are parked (alias) domains when there is no webserver role present
$log.debug("Because there is no webserver role on this system, the domain will be created as an alias domain.");
submittingDomainObj.domainType = DOMAIN_TYPE_CONSTANTS.ALIAS;
}
return $domainsService.add(submittingDomainObj).then(function(domainObject) {
// By this point, we'll know the domain name and document root of a newly
// created temporary domain, so we can populate the object properties shown
// in the UI success message here.
submittingDomainObj.newDomainName = submittingDomainObj.newDomainName || domainObject.domain;
submittingDomainObj.fullDocumentRoot = submittingDomainObj.fullDocumentRoot || domainObject.documentRoot;
$log.debug("submittingDomainObj.fullDocumentRoot", submittingDomainObj.fullDocumentRoot);
var msg;
if (PAGE.hasWebServerRole) {
msg = LOCALE.maketext("You have successfully created the new “[_1]” domain with the document root of “[_2]”.", submittingDomainObj.newDomainName, _.escape(submittingDomainObj.fullDocumentRoot));
} else {
msg = LOCALE.maketext("You have successfully created the new “[_1]” domain.", submittingDomainObj.newDomainName);
}
$alertService.add({
type: "success",
message: msg,
});
if (!createAnotherOnCompletion) {
if (callback) {
return callback(submittingDomainObj.newDomainName);
}
$location.path("/");
} else {
_updateFuzzyService();
$scope.resetForm();
_refocus();
form.$setPristine();
}
}).finally(function() {
$scope.creationDelayed = false;
$timeout.cancel($timer);
$scope.submittingForm = false;
});
}
function _refocus() {
angular.element(document).find("input[autofocus]").focus();
}
function updateDomainType() {
if (!$scope.newDomain.newDomainName) {
return;
}
var domain = $scope.newDomain.newDomainName = $scope.newDomain.newDomainName.toLocaleLowerCase();
$scope.newDomain.domainType = "";
if ($scope.newDomain.inheritDocumentRoot) {
// By default, it's a parked domain if it doesn't need its own document root.
$scope.newDomain.domainType = DOMAIN_TYPE_CONSTANTS.ALIAS;
} else {
var domainParts = domain.split(".");
if (domainParts.length > 2) {
// Possible Subdomain
// Excluding the very first part, do the combination of any
// other parts match an existing domain
var suffix;
for (var i = 1; i < domainParts.length; i++) {
suffix = domainParts.slice(i).join(".");
var matchingDomain = _getDomain(suffix);
if (matchingDomain) {
// Matches a domain, we should do this as a subdomain
// to avoid creation of the additiona subdomain
$scope.newDomain.domainType = DOMAIN_TYPE_CONSTANTS.SUBDOMAIN;
$scope.newDomain.domain = suffix;
$scope.newDomain.subdomain = domainParts.slice(0, i).join(".");
break; // We want to attach to the longest domain
}
}
}
}
if (!$scope.newDomain.domainType) {
// Must be an addon domain bar.com or foo.com
// if it made it this far without being set
$scope.newDomain.domainType = DOMAIN_TYPE_CONSTANTS.ADDON;
$scope.newDomain.domain = $scope.mainDomain.domain;
}
}
function useSuggestedDomain(suggestedDomain) {
$scope.newDomain.newDomainName = suggestedDomain;
updateDomainType();
generateDocumentRoot();
$scope.clearSuggestedDomains();
}
function clearSuggestedDomains() {
$scope.suggestedDomains = [];
}
function onToggleInheritDocumentRoot() {
updateDomainType();
generateDocumentRoot();
}
function canCreateDomainType(domainType) {
// Don't bother checking anything else if the feature isn't enabled
if ( !_featureMap[domainType] ) {
return false;
}
var domainTypeObject = _getDomainType(domainType);
var domainName = $scope.newDomain.newDomainName || "";
if (domainName.substr(0, 2) === "*.") {
// parked and addon domains can't be wildcards
if (domainType === DOMAIN_TYPE_CONSTANTS.ADDON || domainType === DOMAIN_TYPE_CONSTANTS.ALIAS) {
return false;
}
}
return !domainTypeObject.overLimit;
}
function canCreateDomains() {
return $scope.canCreateDomainType(DOMAIN_TYPE_CONSTANTS.ALIAS) || $scope.canCreateDomainType(DOMAIN_TYPE_CONSTANTS.ADDON) || $scope.canCreateDomainType(DOMAIN_TYPE_CONSTANTS.SUBDOMAIN);
}
function inheritDocRootSelectionDisabled() {
return !$scope.canCreateDomainType(DOMAIN_TYPE_CONSTANTS.ALIAS) || (!$scope.canCreateDomainType(DOMAIN_TYPE_CONSTANTS.SUBDOMAIN) && !$scope.canCreateDomainType(DOMAIN_TYPE_CONSTANTS.ADDON));
}
function onDocumentRootUpdated() {
$scope.newDomain.fullDocumentRoot = $domainsService.generateFullDocumentRoot($scope.newDomain.documentRoot);
}
function onDomainTypeChange() {
if ($scope.isTemporaryDomain()) {
$scope.newDomain.newDomainName = "";
}
}
function isTemporaryDomain() {
return $scope.newDomain.domainCreationMode === "temporary";
}
angular.extend($scope, {
creationMessages: [],
DOMAIN_TYPE_CONSTANTS: DOMAIN_TYPE_CONSTANTS,
submittingForm: false,
creationDelayed: false,
upgradeUrl: PAGE.upgradeUrl,
domainsConfig: PAGE.domainsConfig || {
showDocumentRoot: true,
showSubdomain: true,
showSubmitAnother: true,
returnUrl: "#/",
returnText: LOCALE.maketext("Return to Domains"),
},
documentRootPattern: $domainsService.getDocumentRootPattern(),
suggestedDomains: [],
domainTypes: domainTypes,
requirePublicHTMLSubs: PAGE.requirePublicHTMLSubs.toString() === "1",
shareDocrootDefault: PAGE.shareDocrootDefault.toString() === "1",
mainDomain: $domainsService.getMainDomain(),
newDomain: {},
onDomainTypeChange: onDomainTypeChange,
isTemporaryDomain: isTemporaryDomain,
getFormFieldClasses: getFormFieldClasses,
resetForm: resetForm,
createDomain: createDomain,
onUpdateNewDomainName: onUpdateNewDomainName,
useSuggestedDomain: useSuggestedDomain,
clearSuggestedDomains: clearSuggestedDomains,
onToggleInheritDocumentRoot: onToggleInheritDocumentRoot,
onDocumentRootUpdated: onDocumentRootUpdated,
canCreateDomainType: canCreateDomainType,
canCreateDomains: canCreateDomains,
inheritDocRootSelectionDisabled: inheritDocRootSelectionDisabled,
});
init();
},
]
);
return {
namespace: MODULE_NAMESPACE,
controllerName: CONTROLLER_NAME,
};
}
);
// Copyright 2026 WebPros International, LLC
// All rights reserved.
// copyright@cpanel.net http://cpanel.net
// This code is subject to the cPanel license. Unauthorized copying is prohibited.
/* global define */
/**
* @namespace cpanel.domains.directive.tldPriorityInput
*
* Shared "Filter TLDs" input control. Both the create-domain
* "purchase" chooser (views/listDomains) and the domain-recommendations
* modal (directives/domainSearchModal) used to ship near-identical copies
* of this logic; this directive centralizes them so they cannot diverge.
*
* Bindings:
* priorities (=) Array of selected TLD strings (with leading dot).
* Two-way bound so callers can read the latest set.
* (Binding name preserved for backwards compatibility;
* the values are now used as filters by callers.)
* supportedTlds (=) null while loading, [] when unavailable, otherwise
* array of supported TLDs (with leading dot).
* disabled (<?) Optional boolean that disables the add button.
* inputId (@?) Optional id for the text input (so an external
* <label for="..."> can target it).
*/
define(
'app/directives/tldPriorityInputDirective',[
"angular",
"cjt/util/locale",
],
function(angular, LOCALE) {
"use strict";
var MODULE_NAMESPACE = "cpanel.domains.tldPriorityInput";
var TEMPLATE_URL = "directives/tldPriorityInput.ptt";
var module = angular.module(MODULE_NAMESPACE, []);
function _normalizeTld(raw) {
var s = (raw || "").trim().toLowerCase();
if (!s) {
return "";
}
if (s.charAt(0) !== ".") {
s = "." + s;
}
return s;
}
module.directive("tldPriorityInput", [function() {
return {
restrict: "E",
scope: {
priorities: "=",
supportedTlds: "=",
disabled: "=?",
inputId: "@?",
},
templateUrl: TEMPLATE_URL,
link: function(scope) {
if (!angular.isArray(scope.priorities)) {
scope.priorities = [];
}
scope.tldForm = { input: "", error: null };
scope.inputId = scope.inputId || "tldPriorityInput";
scope.errorId = scope.inputId + "Error";
// Localized strings owned by the directive — keeps the
// visual + textual contract identical at every call site.
scope.strings = {
heading: LOCALE.maketext("Filter TLDs"),
description: LOCALE.maketext("A Top-Level Domain (TLD) is the last part of a domain name."),
enterTldLabel: LOCALE.maketext("Enter a TLD"),
addLabel: LOCALE.maketext("Add"),
example: LOCALE.maketext("Ex: .com, .net"),
selectedTldsLabel: LOCALE.maketext("Selected TLDs"),
};
scope.removeTldLabel = function(tld) {
return LOCALE.maketext("Remove “[_1]”", tld);
};
scope.validateTldInput = function() {
var raw = _normalizeTld(scope.tldForm.input);
if (!raw) {
scope.tldForm.error = null;
return;
}
// Skip validation while TLDs are loading or unavailable.
if (!scope.supportedTlds || !scope.supportedTlds.length) {
scope.tldForm.error = null;
return;
}
scope.tldForm.error = scope.supportedTlds.indexOf(raw) === -1
? LOCALE.maketext('“[_1]” is not a supported TLD.', raw)
: null;
};
scope.addTldPriority = function() {
var raw = _normalizeTld(scope.tldForm.input);
if (!raw) {
return;
}
if (scope.supportedTlds && scope.supportedTlds.length &&
scope.supportedTlds.indexOf(raw) === -1) {
scope.tldForm.error = LOCALE.maketext('“[_1]” is not a supported TLD.', raw);
return;
}
scope.tldForm.error = null;
if (!angular.isArray(scope.priorities)) {
scope.priorities = [];
}
if (scope.priorities.indexOf(raw) === -1) {
scope.priorities.push(raw);
}
scope.tldForm.input = "";
};
scope.removeTldPriority = function(tld) {
if (!angular.isArray(scope.priorities)) {
return;
}
var idx = scope.priorities.indexOf(tld);
if (idx !== -1) {
scope.priorities.splice(idx, 1);
}
};
scope.handleTldKeydown = function($event) {
if ($event.keyCode === 13) {
$event.preventDefault();
scope.addTldPriority();
}
};
},
};
}]);
return {
namespace: MODULE_NAMESPACE,
};
}
);
// Copyright 2026 WebPros International, LLC
// All rights reserved.
// copyright@cpanel.net http://cpanel.net
// This code is subject to the cPanel license. Unauthorized copying is prohibited.
/* global define */
/** @namespace cpanel.domains.directive.domainSearchModal */
define(
'app/directives/domainSearchModalDirective',[
"angular",
"lodash",
"cjt/util/locale",
"uiBootstrap",
"app/services/domains",
"app/directives/tldPriorityInputDirective",
"cjt/services/alertService",
],
function(angular, _, LOCALE) {
"use strict";
var MODULE_NAMESPACE = "cpanel.domains.domainSearchModal";
var module = angular.module(MODULE_NAMESPACE, [
"ui.bootstrap",
"cpanel.domains.domains.service",
"cpanel.domains.tldPriorityInput",
"cjt2.services.alert",
]);
var TEMPLATE_URL = "directives/domainSearchModal.ptt";
var WINDOW_CLASS = "domain-search-modal-dialog";
// Modal controller — extracted from the previous inline controller in
// views/manageDomain.js so it can be reused in two places (the manage
// recommendations banner and the create-domain "purchase" chooser).
var ModalController = ["$scope", "$uibModalInstance", "$sce", "$timeout", "$document", "domains", "alertService", "options",
function($modalScope, $uibModalInstance, $sce, $timeout, $document, $domainsService, $alertService, options) {
options = options || {};
var cachedExploreData = options.cachedExploreData || null;
var exploreDataPromise = options.exploreDataPromise || null;
// "create" = opened from the create-domain flow;
// "manage" = opened from the manage-domain banner.
var _source = options.source || "unknown";
// Optional host callback invoked with the just-purchased
// domain when the user chooses to add it to cPanel from the
// post-redirect success panel. Lets the modal hand the domain
// back to its caller so the caller can open its own add-domain
// flow with the name prefilled, mirroring the "Registered
// Domain" workflow. When absent, the success panel offers
// only "Done".
var _onAddDomain = typeof options.onAddDomain === "function"
? options.onAddDomain
: null;
$modalScope.canAddDomain = !!_onAddDomain;
$modalScope.loading = false;
$modalScope.searching = false;
$modalScope.searchQuery = options.initialQuery || "";
$modalScope.showSearchOptions = false;
// Distinguish "caller seeded the filters" (e.g. the
// create-domain chooser, which passes its own
// initialTldFilters — already pre-populated from NVData on
// that page) from "caller left them unset" (e.g. the
// manage-domain recommendations banner). Only in the latter
// case do we load the user's saved prioritisation here, so we
// never clobber a selection the caller explicitly handed us.
var _callerSeededTldFilters =
Object.prototype.hasOwnProperty.call(options, "initialTldFilters");
$modalScope.tldFilters = _callerSeededTldFilters && angular.isArray(options.initialTldFilters)
? options.initialTldFilters.slice()
: [];
// Pre-populate the "Prioritize TLDs" control from the user's
// persisted NVData preference so a prioritisation set in a
// previous session carries over and is applied to the next
// search the user runs (CPANEL-53293).
//
// The load is async, so track it: a search fired before it
// settles must wait (see searchDomains), otherwise it would
// run with an empty set and persist that empty set back,
// clearing the saved preference.
var _savedTldFiltersLoad = null;
var _savedTldFiltersLoaded = _callerSeededTldFilters;
if (!_callerSeededTldFilters) {
_savedTldFiltersLoad = $domainsService.getPrioritizedTlds()
.then(function(savedTlds) {
if (savedTlds && savedTlds.length && !$modalScope.tldFilters.length) {
$modalScope.tldFilters = savedTlds;
}
})
.finally(function() {
_savedTldFiltersLoaded = true;
});
}
$modalScope.searchPerformed = false;
// True only after a search resolves with no featured or
// available results, so the title can switch from
// "We Think You'll Like …" to "No Domains Found".
$modalScope.noResults = false;
$modalScope.featured = cachedExploreData ? cachedExploreData.featured : [];
$modalScope.available = cachedExploreData ? cachedExploreData.available : [];
// The modal can be opened while the banner's recommendations
// request is still in flight. When that happens there is no
// cached explore data yet, so show the loading skeleton until
// the same promise resolves rather than rendering an empty view.
if (!cachedExploreData && exploreDataPromise) {
$modalScope.loading = true;
exploreDataPromise
.then(function(exploreData) {
// If the user already started a manual search while
// the initial request was in flight, keep their
// results instead of overwriting them.
if ($modalScope.searchPerformed) {
return;
}
exploreData = exploreData || {};
$modalScope.featured = exploreData.featured || [];
$modalScope.available = exploreData.available || [];
})
.catch(function() {
// Banner fetch failed; leave the lists empty so the
// user can still search manually.
})
.finally(function() {
$modalScope.loading = false;
});
}
$modalScope.matchedDomain = null;
$modalScope.unavailableDomain = null;
$modalScope.pendingSearchDomain = null;
// null = still loading; [] = loaded but empty / unavailable
$modalScope.supportedTlds = null;
var storeConfig = null;
var _storeConfigReady = $domainsService.fetchStoreConfig()
.then(function(config) {
storeConfig = config;
})
.catch(function() {
storeConfig = {};
});
function _getMode() {
return (storeConfig &&
storeConfig.store_type &&
storeConfig.store_type.toLowerCase() === "whmcs")
? "whmcs"
: "unknown";
}
function _trackEvent(eventName, props) {
if (window.mixpanel && typeof window.mixpanel.track === "function") {
window.mixpanel.track(eventName, props || {});
}
}
$domainsService.fetchSupportedTlds()
.then(function(tlds) {
$modalScope.supportedTlds = tlds;
})
.catch(function() {
$modalScope.supportedTlds = [];
});
$modalScope.highlightTld = function(domain) {
var dotIndex = domain.indexOf(".");
if (dotIndex === -1) {
return $sce.trustAsHtml(_.escape(domain));
}
var name = domain.substring(0, dotIndex);
var tld = domain.substring(dotIndex);
return $sce.trustAsHtml(_.escape(name) + "<strong>" + _.escape(tld) + "</strong>");
};
$modalScope.searchDomains = function() {
if (!$modalScope.searchQuery || $modalScope.searching) {
return;
}
// Defer until the saved-TLD preference has loaded, so the
// first search on the manage-domain banner path (which
// opens the modal without seeded filters) applies and
// persists the saved filters instead of racing ahead with
// an empty set and clearing the stored value (CPANEL-53293).
if (!_savedTldFiltersLoaded && _savedTldFiltersLoad) {
_savedTldFiltersLoad.finally(function() {
$modalScope.searchDomains();
});
return;
}
$modalScope.searching = true;
$modalScope.searchPerformed = true;
var trimmedQuery = $modalScope.searchQuery.trim();
// A manual search supersedes the initial in-flight load, so
// clear its skeleton even if that request has not resolved.
$modalScope.loading = false;
_storeConfigReady.finally(function() {
_trackEvent("Domain-Search-Started", {
source: _source,
query: trimmedQuery,
mode: _getMode(),
});
});
var filterTlds = $modalScope.tldFilters.length
? $modalScope.tldFilters
: null;
// Persist the prioritisation that is actually being
// searched so it survives across sessions (CPANEL-53293).
// Saving on search (rather than on every keystroke) keeps
// the stored value in step with what the user committed to,
// and an empty set clears the saved preference. Fire and
// forget — the service logs and swallows any write error so
// a persistence hiccup never blocks the search.
$domainsService.setPrioritizedTlds($modalScope.tldFilters);
var rawQuery = trimmedQuery.toLowerCase();
var queryHasTld = rawQuery.indexOf(".") !== -1;
$modalScope.pendingSearchDomain = rawQuery;
$domainsService.fetchRecommendations(trimmedQuery, filterTlds)
.then(function(result) {
$modalScope.matchedDomain = null;
$modalScope.unavailableDomain = null;
var featured = result.explore.featured || [];
var available = result.explore.available || [];
if (queryHasTld) {
var findMatch = function(list) {
for (var i = 0; i < list.length; i++) {
if (list[i] && list[i].domain &&
list[i].domain.toLowerCase() === rawQuery) {
return i;
}
}
return -1;
};
var fIdx = findMatch(featured);
if (fIdx !== -1) {
$modalScope.matchedDomain = featured[fIdx];
featured = featured.slice(0, fIdx).concat(featured.slice(fIdx + 1));
} else {
var aIdx = findMatch(available);
if (aIdx !== -1) {
$modalScope.matchedDomain = available[aIdx];
available = available.slice(0, aIdx).concat(available.slice(aIdx + 1));
}
}
}
if ($modalScope.matchedDomain) {
// Match found: success banner replaces featured cards;
// any "featured" recs roll into the "Also available" list.
available = featured.concat(available);
featured = [];
} else if (queryHasTld) {
// User searched a fully-qualified domain that
// isn't available: surface the "We're sorry"
// header and keep the featured suggestions
// as alternatives.
$modalScope.unavailableDomain = rawQuery;
}
$modalScope.featured = featured;
$modalScope.available = available;
})
.catch(function() {
// Clear any prior search's results so a failed
// search collapses to the empty "No Domains Found"
// state (computed in finally) instead of leaving the
// previous success/unavailable banner and lists on
// screen alongside the error alert.
$modalScope.matchedDomain = null;
$modalScope.unavailableDomain = null;
$modalScope.featured = [];
$modalScope.available = [];
$alertService.add({
type: "danger",
message: LOCALE.maketext("The domain search failed. Try again."),
});
})
.finally(function() {
$modalScope.searching = false;
$modalScope.pendingSearchDomain = null;
// Compute here, not in .then, so a failed search
// (e.g. missing API credentials) also flips the
// title to "No Domains Found" instead of leaving
// the stale "We Think You'll Like …" heading.
$modalScope.noResults =
!$modalScope.featured.length &&
!$modalScope.available.length;
});
};
$modalScope.handleSearchKeydown = function($event) {
if ($event.key === "Enter") {
$modalScope.searchDomains();
}
};
$modalScope.toggleSearchOptions = function() {
$modalScope.showSearchOptions = !$modalScope.showSearchOptions;
};
$modalScope.purchasingDomain = null;
$modalScope.purchaseConfirmation = null;
// Toggles the "Redirection Failed" overlay (Figma node
// 86:10861) that sits on top of the confirmation panel when
// the purchase-URL fetch fails.
$modalScope.redirectFailed = false;
// When the browser silently blocks window.open() (popup
// blocker fires because the user-gesture context was lost
// across the async fetchDomainPurchaseUrl boundary), this
// holds the URL so the template can surface a clickable
// fallback link. A direct anchor click IS a fresh user
// gesture and is not blocked.
$modalScope.blockedPurchaseUrl = null;
// Called when the user clicks the fallback "Continue to
// Store" link inside the "Redirecting to Store"
// overlay. The click is a fresh user gesture that opens
// the WHMCS cart in a new tab; once that handoff is in
// flight, swap the overlay to the post-redirect success
// state (CPANEL-53285) so the modal mirrors the direct
// success path — the user gets the same "Redirected to
// Store" panel whether the browser allowed the popup
// or they had to click the fallback link.
//
// Two sequential $timeout ticks are used so the steps
// settle into separate digests:
//
// 1. The first tick clears blockedPurchaseUrl. This
// removes the banner (which contains the anchor)
// via ng-if, but ONLY after the browser's native
// target="_blank" navigation has fired — a
// synchronous mutation would detach the anchor
// mid-click and could suppress the new tab in some
// browsers.
// 2. The second tick calls _showRedirectSuccess(),
// which sets redirectSucceeded = true. That swaps
// the "Redirecting to Store" overlay (its ng-if
// depends on !redirectSucceeded) for the success
// overlay in a fresh digest, and queues the
// heading focus on a third tick. Splitting the
// overlay swap off prevents it from coinciding
// with the banner's ng-if teardown; chaining the
// mutations across two digests is the most
// defensive ordering against AngularJS render-time
// surprises.
$modalScope.dismissBlockedPurchaseUrl = function() {
$timeout(function() {
$modalScope.blockedPurchaseUrl = null;
$timeout(function() {
_showRedirectSuccess();
});
});
};
// Toggles the post-redirect success overlay (CPANEL-53285).
// Set once the store tab has been opened so the modal does
// not look frozen in its pre-redirect state when the user
// returns from checkout.
$modalScope.redirectSucceeded = false;
// Remember which list item opened the panel so we can restore
// focus to the matching button after Angular re-renders the
// main content (the originally-clicked DOM node is destroyed
// by `ng-if="!purchaseConfirmation"`).
var _lastFocusedDomain = null;
// Direct DOM reference to the originating element. Preferred
// over the domain-attribute lookup because it disambiguates
// duplicate `data-purchase-domain` values (e.g. the success
// banner button and a list item for the same domain).
var _lastFocusedElement = null;
// Monotonic token used to ignore stale fetchDomainPurchaseUrl
// responses after the user cancels the confirmation panel.
var _activeRequestToken = 0;
function _findRenderedButton(domain) {
if (!domain) {
return null;
}
var escaped = window.CSS && typeof window.CSS.escape === "function"
? window.CSS.escape(domain)
: /^[A-Za-z0-9.\-]+$/.test(domain) ? domain : null;
if (!escaped) {
return null;
}
var sel = '[data-purchase-domain="' + escaped + '"]';
return $document[0].querySelector(sel);
}
function _findModalHeading() {
// Fallback target if the originating button can't be
// found (e.g. the list re-loaded). Prefers whichever
// heading is currently rendered.
var doc = $document[0];
return doc.querySelector("#domainSearchModalTitle") ||
doc.querySelector("#domainSearchModalNoResultsTitle") ||
doc.querySelector("#domainSearchModalPendingTitle") ||
doc.querySelector("#domainSearchModalUnavailableTitle");
}
var FOCUSABLE_SELECTOR =
"a[href], button:not([disabled]), input:not([disabled]), " +
"select:not([disabled]), textarea:not([disabled]), " +
"[tabindex]:not([tabindex=\"-1\"])";
function _trapFocus($event, container) {
if ($event.key !== "Tab" || !container) {
return;
}
var focusable = Array.prototype.slice.call(
container.querySelectorAll(FOCUSABLE_SELECTOR)
);
if (!focusable.length) {
$event.preventDefault();
return;
}
var first = focusable[0];
var last = focusable[focusable.length - 1];
var active = $document[0].activeElement;
if ($event.shiftKey && active === first) {
last.focus();
$event.preventDefault();
} else if (!$event.shiftKey && active === last) {
first.focus();
$event.preventDefault();
}
}
function _restoreLastFocus() {
var domain = _lastFocusedDomain;
var element = _lastFocusedElement;
_lastFocusedDomain = null;
_lastFocusedElement = null;
$timeout(function() {
var target = null;
// Prefer the exact element that opened the panel,
// but only if it is still in the document (it may
// have been removed by an intervening re-render).
if (element && $document[0].contains(element)) {
target = element;
}
if (!target) {
target = _findRenderedButton(domain) || _findModalHeading();
}
if (target && typeof target.focus === "function") {
target.focus();
}
});
}
// rec must be a domain recommendation object: { domain, price, ... }
// $event is the click event; its currentTarget is used as the
// preferred focus-restoration target when the panel closes.
$modalScope.purchaseDomain = function(rec, $event) {
_lastFocusedDomain = rec && rec.domain ? rec.domain : null;
_lastFocusedElement = $event && $event.currentTarget ? $event.currentTarget : null;
$modalScope.purchaseConfirmation = rec;
// Track purchase intent at the moment the confirmation
// panel opens. Deferred via _storeConfigReady so
// _getMode() reports the correct value even when the user
// clicks before fetchStoreConfig() has settled.
_storeConfigReady.finally(function() {
_trackEvent("Domain-Purchase-Clicked", {
domain: rec && rec.domain ? rec.domain : null,
mode: _getMode(),
source: _source,
});
});
// Move focus to the new heading so screen readers
// announce the panel change. The heading carries
// tabindex="-1" specifically for this purpose.
$timeout(function() {
var heading = $document[0].querySelector("#domainSearchModalConfirmationTitle");
if (heading) {
heading.focus();
}
});
};
$modalScope.cancelPurchaseConfirmation = function() {
// Invalidate any in-flight fetchDomainPurchaseUrl call so
// its resolution cannot reopen the panel or call
// window.open() after the user has cancelled.
_activeRequestToken++;
$modalScope.purchasingDomain = null;
$modalScope.purchaseConfirmation = null;
$modalScope.redirectFailed = false;
$modalScope.redirectSucceeded = false;
$modalScope.blockedPurchaseUrl = null;
_restoreLastFocus();
};
// Stop Escape bubbling so ui-bootstrap's modal-level handler
// does not also dismiss the whole modal. Tab/Shift+Tab are
// cycled within the card to satisfy the WCAG 2.1 focus-trap
// requirement for role="dialog".
$modalScope.handleConfirmationKeydown = function($event) {
if ($event.key === "Escape") {
$modalScope.cancelPurchaseConfirmation();
$event.stopPropagation();
$event.preventDefault();
} else {
_trapFocus($event, $document[0].querySelector(
".domain-search-modal__confirmation"
));
}
};
// Surface the "Redirection Failed" overlay (Figma node
// 86:10861). purchaseConfirmation is left set so the failure
// panel can retry the redirect or the user can dismiss back
// to the confirmation panel with Escape.
function _showRedirectFailure() {
$modalScope.redirectFailed = true;
$timeout(function() {
var heading = $document[0].querySelector("#domainSearchModalFailureTitle");
if (heading) {
heading.focus();
}
});
}
// Swap the confirmation panel for the post-redirect success
// state (CPANEL-53285, option A). purchaseConfirmation is
// left set so the success panel keeps showing the purchased
// domain.
function _showRedirectSuccess() {
$modalScope.redirectSucceeded = true;
$timeout(function() {
var heading = $document[0].querySelector("#domainSearchModalSuccessTitle");
if (heading) {
heading.focus();
}
});
}
$modalScope.confirmPurchase = function() {
if (!$modalScope.purchaseConfirmation || $modalScope.purchasingDomain) {
return;
}
var domain = $modalScope.purchaseConfirmation.domain;
$modalScope.purchasingDomain = domain;
$modalScope.redirectFailed = false;
// Clear any stale popup-blocked banner from a previous
// attempt so a retry does not surface the old URL.
$modalScope.blockedPurchaseUrl = null;
// Capture the token for this request; if the user cancels
// before the promise settles, _activeRequestToken will be
// incremented and we will ignore the response below.
var token = ++_activeRequestToken;
$domainsService.fetchDomainPurchaseUrl(domain, 1)
.then(function(result) {
if (token !== _activeRequestToken) {
return;
}
var purchaseUrl = result && result.purchase_url;
if (purchaseUrl && /^https?:\/\//i.test(purchaseUrl)) {
// Fire the store-visited event BEFORE
// window.open() so it is unambiguously
// associated with the original page's network
// context. The browser context-switches when
// the new tab is created, which can otherwise
// drop the XHR from the originating page in
// browser tooling. Mode is accurate here
// because the fetchDomainPurchaseUrl round-trip
// settles well after fetchStoreConfig.
_trackEvent("Domain-Retail-Store-Visited", {
source: _source,
mode: _getMode(),
domain: domain,
store_url: purchaseUrl,
});
// Don't pass "noopener" in the features
// string: it makes window.open() return null
// even on success in some browsers, which
// would defeat the popup-blocked detection
// below. Sever the opener manually instead
// to keep the no-back-reference guarantee.
var openedWindow = window.open(purchaseUrl, "_blank");
if (openedWindow) {
openedWindow.opener = null;
$modalScope.redirectFailed = false;
// _showRedirectSuccess() leaves
// purchaseConfirmation set so the
// post-redirect success panel
// (CPANEL-53285) keeps showing the
// purchased domain — don't clear it
// here.
_showRedirectSuccess();
} else {
// Pop-up blocker fired: keep the
// "Redirecting to Store" overlay open and
// surface the URL via an inline banner
// rendered inside the overlay, just above
// the Go Back / Continue actions. Move
// focus to the fallback link once the
// banner renders so keyboard and
// screen-reader users land on the
// actionable element.
$modalScope.blockedPurchaseUrl = purchaseUrl;
$timeout(function() {
// This id must stay in sync with the
// fallback link's id in
// domainSearchModal.ptt.
var linkEl = $document[0].getElementById(
"domainSearchPopupBlockedLink"
);
if (linkEl) {
linkEl.focus();
}
});
}
} else {
_showRedirectFailure();
}
})
.catch(function() {
if (token !== _activeRequestToken) {
return;
}
_showRedirectFailure();
})
.finally(function() {
if (token === _activeRequestToken) {
$modalScope.purchasingDomain = null;
}
});
};
// "Continue" action on the "Redirection Failed" overlay —
// dismiss both the failure overlay and the confirmation panel
// and return the user to the search results. We deliberately do
// NOT re-attempt the redirect here: retrying re-fires the same
// failing fetchDomainPurchaseUrl call and traps the user in a
// failure loop (CPANEL-53113). cancelPurchaseConfirmation()
// already invalidates any in-flight request, clears the panel
// state, and restores focus to the originating button.
$modalScope.dismissRedirectFailure = function() {
$modalScope.cancelPurchaseConfirmation();
};
// Escape from the failure overlay returns to the confirmation
// panel (rather than closing the whole modal) and restores
// focus to its heading. Tab/Shift+Tab cycle within the card.
$modalScope.handleFailureKeydown = function($event) {
if ($event.key === "Escape") {
$modalScope.redirectFailed = false;
$event.stopPropagation();
$event.preventDefault();
$timeout(function() {
var heading = $document[0].querySelector("#domainSearchModalConfirmationTitle");
if (heading) {
heading.focus();
}
});
} else {
_trapFocus($event, $document[0].querySelector(
".domain-search-modal__confirmation"
));
}
};
// "Done" on the post-redirect success panel — dismiss both
// the success overlay and the surrounding search modal
// (CPANEL-53285). The domain list is intentionally not
// refreshed: there is no post-purchase automation yet, so a
// reload would not surface the new domain.
$modalScope.dismissRedirectSuccess = function() {
$modalScope.closeModal();
};
// "Add Domain" on the post-redirect success panel — hand
// the just-purchased domain back to the host (via the
// onAddDomain callback) so it can open its add-domain flow
// with the name prefilled, then dismiss this modal. Only
// rendered when a callback was supplied (see canAddDomain).
// The domain comes from
// purchaseConfirmation, which _showRedirectSuccess()
// deliberately leaves set on the success panel.
$modalScope.addPurchasedDomain = function() {
var domain = $modalScope.purchaseConfirmation &&
$modalScope.purchaseConfirmation.domain;
if (!_onAddDomain || !domain) {
return;
}
_trackEvent("Domain-Add-After-Purchase-Clicked", {
source: _source,
mode: _getMode(),
domain: domain,
});
$modalScope.closeModal();
_onAddDomain(domain);
};
// Escape from the success overlay mirrors its ✕ action and
// closes the whole modal. Returning to the search results is
// a deliberate, explicit choice via the panel's "Go Back"
// link (cancelPurchaseConfirmation); ✕, Escape, and backdrop
// are the "I'm done" dismiss gesture and are kept distinct
// from it. Tab/Shift+Tab cycle within the card.
$modalScope.handleSuccessKeydown = function($event) {
if ($event.key === "Escape") {
$modalScope.dismissRedirectSuccess();
$event.stopPropagation();
$event.preventDefault();
} else {
_trapFocus($event, $document[0].querySelector(
".domain-search-modal__confirmation"
));
}
};
$modalScope.closeModal = function() {
$uibModalInstance.dismiss("cancel");
};
if (options.autoSearch && $modalScope.searchQuery) {
// searchDomains() defers its Mixpanel call via
// _storeConfigReady internally, so mode is accurate even
// when the modal opens before fetchStoreConfig settles.
$modalScope.searchDomains();
}
},
];
/**
* Service that opens the reusable Domain Search modal.
*
* @example
* domainSearchModalService.open({
* cachedExploreData: { featured: [...], available: [...] },
* initialQuery: "catclothes",
* initialTldFilters: [".com"],
* autoSearch: true,
* });
*
* @return {Object} The $uibModal instance.
*/
module.factory("domainSearchModalService", ["$uibModal", "$document",
function($uibModal, $document) {
return {
TEMPLATE_URL: TEMPLATE_URL,
WINDOW_CLASS: WINDOW_CLASS,
ModalController: ModalController,
open: function(options) {
var modalInstance = $uibModal.open({
templateUrl: TEMPLATE_URL,
windowClass: WINDOW_CLASS,
controller: ModalController,
resolve: {
options: function() {
return options || {};
},
},
});
modalInstance.rendered.then(function() {
var dialogEl = $document[0].querySelector(
"." + WINDOW_CLASS + " [role='dialog']"
);
if (dialogEl) {
dialogEl.setAttribute(
"aria-labelledby",
"domainSearchModalTitle domainSearchModalNoResultsTitle domainSearchModalPendingTitle domainSearchModalUnavailableTitle domainSearchModalConfirmationTitle domainSearchModalSuccessTitle domainSearchModalFailureTitle"
);
}
});
return modalInstance;
},
};
},
]);
return {
namespace: MODULE_NAMESPACE,
ModalController: ModalController,
};
}
);
// Copyright 2026 WebPros International, LLC
// All rights reserved.
// copyright@cpanel.net http://cpanel.net
// This code is subject to the cPanel license. Unauthorized copying is prohibited.
/* global define */
/** @namespace cpanel.domains.views.manageDomain */
define(
'app/views/manageDomain',[
"angular",
"lodash",
"cjt/util/locale",
"cjt/modules",
"cjt/directives/callout",
"cjt/directives/actionButtonDirective",
"app/services/domains",
"app/directives/domainSearchModalDirective",
"cjt/services/cpanel/nvDataService",
],
function(angular, _, LOCALE) {
"use strict";
var MODULE_NAMESPACE = "cpanel.domains.views.manageDomain";
var app = angular.module(MODULE_NAMESPACE, [
"cpanel.domains.domains.service",
"ngRoute",
"cjt2.services.alert",
]);
/**
* Create Controller for Domains
*
* @module manageDomain
*
* @param {Object} $scope angular scope
*
*/
var controller = app.controller(
"manageDomain",
["$scope", "$location", "$routeParams", "$q", "$timeout", "$sce", "domains", "alertService", "DOMAIN_TYPE_CONSTANTS", "PAGE", "nvDataService", "domainSearchModalService",
function($scope, $location, $routeParams, $q, $timeout, $sce, $domainsService, $alertService, DOMAIN_TYPE_CONSTANTS, PAGE, nvDataService, domainSearchModalService) {
function init() {
if (!$scope.currentDomain) {
$alertService.add({
"message": LOCALE.maketext("You did not specify a domain to manage."),
"type": "danger",
});
$location.path("/").search("");
}
$scope.showAdvancedDetailFields = false;
$scope.showSubdomainInDetails = $scope.currentDomain.type === DOMAIN_TYPE_CONSTANTS.ADDON;
if (DOMAIN_TYPE_CONSTANTS.SUBDOMAIN === $scope.currentDomain.type) {
// Current type is a subdomain, if it's associated with an addon domain
// we'd have to delete that domain instead.
$domainsService.get().then(function(domains) {
domains.forEach(function(domain) {
if (domain.subdomain === $scope.currentDomain.subdomain && domain.type === DOMAIN_TYPE_CONSTANTS.ADDON) {
$scope.associatedDomains.push(domain);
}
});
});
}
$scope.canUpdateDocumentRoot = $scope.currentDomain.type !== DOMAIN_TYPE_CONSTANTS.ALIAS;
$scope.workingDomain = _generateWorkingDomain();
}
function toggleReplaceDomainSection() {
$scope.replaceDomainLinkClicked = !$scope.replaceDomainLinkClicked;
}
function _generateWorkingDomain() {
var workingDomain = angular.copy($scope.currentDomain);
workingDomain.fullDocumentRoot = workingDomain.documentRoot;
workingDomain.renameDomainConfirmed = false;
// ensure documentRoot is consistent requirePublicHTMLSubs
var documentRoot = workingDomain.documentRoot;
var leadTrim = workingDomain.homedir;
if (documentRoot) {
// snip off the homedir
var regexp = new RegExp("^" + _.escapeRegExp(leadTrim) + "(/)?");
documentRoot = documentRoot.replace(regexp, "");
if ($scope.requirePublicHTMLSubs) {
// snip off public_html/
documentRoot = documentRoot
.replace(/^public_html/, "")
.replace(/^\//, "");
}
workingDomain.documentRoot = documentRoot;
}
return workingDomain;
}
function getFormFieldClasses(form) {
return form && !form.$pristine && form.$invalid ? "col-xs-12 col-md-6" : "col-xs-12";
}
function update(form, domainObject) {
var alertID = "updating_" + domainObject.domain;
var fullDocumentRoot = $domainsService.generateFullDocumentRoot(domainObject.documentRoot);
if (!domainObject.rootDomain) {
// This domain is missing its definition file, we should immediately error out
$alertService.add({
type: "danger",
id: alertID,
replace: true,
message: LOCALE.maketext("The domain userdata file for the “[_1]” domain appears to be missing.", domainObject.domain),
});
return;
}
function _updateSuccess() {
$alertService.add({
type: "success",
id: alertID,
replace: true,
message: LOCALE.maketext("You have successfully updated the document root to “[_1]” for the “[_2]” domain.", _.escape(fullDocumentRoot), domainObject.domain),
});
$scope.workingDomain = _generateWorkingDomain();
}
function _updateFailure() {
$alertService.removeById(alertID);
}
var promises = [];
if (!form.newDocumentRoot.$pristine) {
promises.push($domainsService.updateDocumentRoot(domainObject.domain, fullDocumentRoot).then(
_updateSuccess,
_updateFailure
));
}
if (promises.length) {
return $q.all(promises);
}
}
function replace(domainObject) {
$scope.temporaryDomainReplacementPending = true;
const fullDocumentRoot = $domainsService.generateFullDocumentRoot(domainObject.documentRoot);
const submittingDomainObject = {
documentRoot: domainObject.documentRoot,
domain: domainObject.domain,
newDomainName: domainObject.newDomainName,
};
return $domainsService.replaceTemporaryDomain(submittingDomainObject)
.then(function() {
$alertService.add({
type: "success",
message: LOCALE.maketext("The domain “[_1]” has been converted to “[_2]”. Its document root is now “[_3]”.", submittingDomainObject.domain, submittingDomainObject.newDomainName, _.escape(fullDocumentRoot)),
replace: false,
});
// Refresh currentDomain/workingDomain from the
// service cache so flags like canRename and
// is_temporary reflect the post-replace state.
// Without this, the user would have to fully
// reload the page before the Rename button
// appears for the now-registered domain.
var refreshed = $domainsService.findDomainByName(submittingDomainObject.newDomainName);
if (refreshed) {
$scope.currentDomain = refreshed;
$scope.workingDomain = _generateWorkingDomain();
}
$scope.replaceDomainLinkClicked = false;
$location.search("domain", submittingDomainObject.newDomainName);
$scope.temporaryDomainReplacementPending = false;
});
}
function _showDeletionDelayedMessage() {
$scope.deletionDelayed = true;
}
function removeDomain() {
if (!$scope.currentDomain.rootDomain) {
// This domain is missing it's definition file, we should immediately error out
$alertService.add({
type: "danger",
replace: true,
message: LOCALE.maketext("The domain userdata file for the “[_1]” domain appears to be missing.", $scope.currentDomain.domain),
});
return;
}
var $timer = $timeout(_showDeletionDelayedMessage, 1000);
$scope.domainRemovePending = true;
return $domainsService.remove($scope.currentDomain.domain).then(function() {
$alertService.add({
message: LOCALE.maketext("The system removed the “[_1]” domain and any associated redirections.", $scope.currentDomain.domain),
type: "success",
});
// Invalidate the domain cache so the next Manage
// page always loads fresh flags (canRemove, canRename)
// rather than stale data left over from mutations.
$domainsService.invalidate();
$location.path("/").search("");
}).finally(function() {
$scope.deletionDelayed = false;
$scope.domainRemovePending = false;
$timeout.cancel($timer);
});
}
function startRemovalConfirmation() {
$scope.confirmingRemoval = true;
}
function cancelRemoval() {
$scope.confirmingRemoval = false;
}
function toggleAdvancedDetailFields() {
$scope.showAdvancedDetailFields = !$scope.showAdvancedDetailFields;
}
function deleteDependentDomainsError(domain, associatedDomains) {
return LOCALE.maketext("The system created the “[_1]” subdomain when it created the “[_2]” domain. To delete this subdomain, you must first delete the following [numerate,_3,domain,domains]:", domain, associatedDomains[0].domain, associatedDomains.length);
}
function onUpdateNewDomainName() {
if (!$scope.workingDomain.newDomainName) {
return;
}
$scope.workingDomain.documentRoot = $scope.workingDomain.newDomainName;
$scope.workingDomain.fullDocumentRoot = $domainsService.generateFullDocumentRoot($scope.workingDomain.newDomainName);
$scope.workingDomain.subdomain = $scope.workingDomain.newDomainName;
}
function currentDomainIsTemporaryMainDomain() {
const currentDomainIsMainDomain = $scope.workingDomain.type === DOMAIN_TYPE_CONSTANTS.MAIN;
const mainDomainIsTemporary = $scope.mainDomain.is_temporary === true || String($scope.mainDomain.is_temporary) === "1";
return mainDomainIsTemporary && currentDomainIsMainDomain;
}
function toggleRenameDomainSection() {
$scope.renameDomainLinkClicked = !$scope.renameDomainLinkClicked;
if (!$scope.renameDomainLinkClicked) {
// Reset rename form state when collapsing the section
$scope.workingDomain.newDomainName = "";
$scope.workingDomain.renameDomainConfirmed = false;
// Restore focus to the trigger button so keyboard
// users do not lose their place in the page.
$timeout(function() {
var trigger = document.getElementById("rename_domain_link");
if (trigger) {
trigger.focus();
}
});
} else {
// Move focus into the new-domain input for keyboard
// users; rely on $timeout to wait for ng-if to
// render the input.
$timeout(function() {
var input = document.getElementById("renameDomainName");
if (input) {
input.focus();
}
});
}
}
function renameDomain(domainObject) {
var newName = domainObject.newDomainName;
if (!newName) {
return;
}
if (newName === domainObject.domain) {
$alertService.add({
type: "danger",
message: LOCALE.maketext("The new domain must differ from the current domain."),
replace: true,
});
return;
}
$scope.domainRenamePending = true;
var submittingDomainObject = {
domain: domainObject.domain,
newDomainName: newName,
};
return $domainsService.renameDomain(submittingDomainObject)
.then(function() {
var message;
if (domainObject.is_temporary) {
message = LOCALE.maketext("The temporary domain “[_1]” has been replaced with “[_2]”.", submittingDomainObject.domain, submittingDomainObject.newDomainName);
} else {
message = LOCALE.maketext("The domain “[_1]” has been renamed to “[_2]”.", submittingDomainObject.domain, submittingDomainObject.newDomainName);
}
$alertService.add({
type: "success",
message: message,
replace: false,
});
// Update in-place — reflect new name in both working and current domain objects
$scope.workingDomain.domain = submittingDomainObject.newDomainName;
$scope.workingDomain.is_temporary = false;
$scope.currentDomain.domain = submittingDomainObject.newDomainName;
$scope.currentDomain.is_temporary = false;
$scope.workingDomain.newDomainName = "";
$scope.workingDomain.renameDomainConfirmed = false;
$scope.renameDomainLinkClicked = false;
$scope.domainRenamePending = false;
// Re-bind currentDomain to the refreshed cache
// entry so derived flags (canRename, canEdit,
// documentRoot, homedir) reflect the post-rename
// state without forcing a full page reload.
var refreshed = $domainsService.findDomainByName(submittingDomainObject.newDomainName);
if (refreshed) {
$scope.currentDomain = refreshed;
$scope.workingDomain = _generateWorkingDomain();
$scope.workingDomain.newDomainName = "";
}
$location.search("domain", submittingDomainObject.newDomainName);
})
.catch(function(error) {
$scope.domainRenamePending = false;
$scope.workingDomain.renameDomainConfirmed = false;
throw error;
});
}
angular.extend($scope, {
associatedDomains: [],
deletionDelayed: false,
temporaryDomainReplacementPending: false,
domainRenamePending: false,
domainRemovePending: false,
renameDomainLinkClicked: false,
currentDomain: $domainsService.findDomainByName($routeParams["domain"]),
requirePublicHTMLSubs: PAGE.requirePublicHTMLSubs.toString() === "1",
webserverRoleAvailable: PAGE.hasWebServerRole,
mainDomain: $domainsService.getMainDomain(),
getFormFieldClasses: getFormFieldClasses,
documentRootPattern: $domainsService.getDocumentRootPattern(),
toggleAdvancedDetailFields: toggleAdvancedDetailFields,
update: update,
replace: replace,
renameDomain: renameDomain,
confirmingRemoval: false,
removeDomain: removeDomain,
startRemovalConfirmation: startRemovalConfirmation,
cancelRemoval: cancelRemoval,
deleteDependentDomainsError: deleteDependentDomainsError,
replaceDomainLinkClicked: false,
toggleReplaceDomainSection: toggleReplaceDomainSection,
toggleRenameDomainSection: toggleRenameDomainSection,
onUpdateNewDomainName: onUpdateNewDomainName,
currentDomainIsTemporaryMainDomain: currentDomainIsTemporaryMainDomain,
});
$scope.domainRecommendationsEnabled = !!PAGE.features.domain_recommendation;
$scope.domainRecommendations = [];
$scope.domainRecommendationPrice = "";
$scope.domainRecsLoading = false;
var cachedExploreData = null;
var recommendationsPromise = null;
$scope.domainRecsBannerDismissed = !!PAGE.domainRecsBannerDismissed;
if ($scope.domainRecommendationsEnabled && !$scope.domainRecsBannerDismissed && !$scope.currentDomain.is_temporary) {
var domainName = $domainsService.findDomainByName($routeParams["domain"]);
if (domainName && domainName.domain) {
$scope.domainRecsLoading = true;
recommendationsPromise = $domainsService.fetchRecommendations(domainName.domain)
.then(function(result) {
$scope.domainRecommendations = result.banner.recommendations;
if (result.banner.lowestPrice) {
$scope.domainRecommendationPrice = result.banner.lowestPrice + " / " + LOCALE.maketext("year");
}
cachedExploreData = result.explore;
return cachedExploreData;
})
.catch(function(error) {
// Log so a genuine fetch/processing failure
// (including a client-side timeout) stays
// diagnosable rather than looking identical
// to an empty result. The banner hides
// itself when no recommendations load;
// resolve to null so a modal opened
// mid-flight stops loading too.
console.error("Failed to load domain recommendations:", error);
return null;
})
.finally(function() {
$scope.domainRecsLoading = false;
});
}
}
$scope.dismissDomainRecommendations = function() {
$scope.domainRecsBannerDismissed = true;
nvDataService.set("domain_recs_banner_dismissed", "1", { nocache: true })
.catch(function(error) {
console.error("Failed to save banner dismissal:", error);
});
};
$scope.openExploreDomains = function() {
domainSearchModalService.open({
cachedExploreData: cachedExploreData,
source: "manage-domain-upsell-banner",
exploreDataPromise: recommendationsPromise,
// After a store purchase, send the user to the
// domain list and open its create-domain chooser
// on the "Registered Domain" step with the
// purchased name prefilled — mirroring the list
// page's own purchase → Add Domain flow. The
// chooser lives on the list
// view, so the domain is handed over through the
// domains service (not a query param, which would
// reload the route and discard the chooser), then
// we navigate to the list with no search params.
onAddDomain: function(domain) {
$domainsService.setPendingAddDomain(domain);
$location.path("/").search("");
},
});
};
init();
},
]
);
return {
namespace: MODULE_NAMESPACE,
};
}
);
/*
# domains/directives/tableShowingDirecitve.js Copyright(c) 2020 cPanel, L.L.C.
# All rights reserved.
# copyright@cpanel.net http://cpanel.net
# This code is subject to the cPanel license. Unauthorized copying is prohibited
*/
/* global define: false */
/** @namespace cpanel.domains.directive.tableShowing */
define(
'app/directives/tableShowingDirective',[
"angular",
"cjt/util/locale",
"cjt/core"
],
function(angular, LOCALE, CJT) {
"use strict";
var module = angular.module("cpanel.domains.tableShowing.directive", []);
module.directive("tableShowing", function tableShowing() {
/**
* Directive to render the "Showing 1 - 4 of 10"
*
* @module table-showing
*
* @param {Number} start first number in range ([1]-4)
* @param {Number} limit second number in range (1-[4])
* @param {Number} total total number of items (10)
*
* @example
* <table-showing start="1" limit="4" total="10"></table-showing>
*
*/
var TEMPLATE_PATH = "directives/tableShowingDirective.phtml";
var RELATIVE_PATH = "domains/" + TEMPLATE_PATH;
return {
templateUrl: CJT.config.debug ? CJT.buildFullPath(RELATIVE_PATH) : TEMPLATE_PATH,
restrict: "EA",
scope: {
start: "=",
limit: "=",
total: "="
},
transclude: true,
controller: ["$scope", function($scope) {
/**
* Get the rendered string from LOCALE
*
* @method getShowingText
*
* @return {String} localized string
*
*/
$scope.getShowingText = function getShowingText() {
return LOCALE.maketext("Displaying [numf,_1] through [numf,_2] out of [quant,_3,item,items]", $scope.start, $scope.limit, $scope.total);
};
}]
};
});
}
);
/*
# domains/directives/itemLister.js Copyright(c) 2020 cPanel, L.L.C.
# All rights reserved.
# copyright@cpanel.net http://cpanel.net
# This code is subject to the cPanel license. Unauthorized copying is prohibited
*/
/* global define: false */
/** @namespace cpanel.domains.directive.itemLister */
define(
'app/directives/itemLister',[
"angular",
"cjt/util/locale",
"cjt/core",
"ngRoute",
"ngSanitize",
"cjt/modules",
"app/directives/tableShowingDirective",
"cjt/services/cpanel/componentSettingSaverService",
"app/services/domains",
"cjt/directives/toggleSortDirective",
"cjt/directives/searchDirective",
"cjt/directives/pageSizeDirective",
"cjt/filters/startFromFilter",
"cjt/decorators/paginationDecorator"
],
function(angular, LOCALE, CJT) {
"use strict";
var module = angular.module("cpanel.domains.itemLister.directive", [
"cpanel.domains.tableShowing.directive",
"ngRoute",
"ngSanitize",
"cjt2.filters.startFrom"
]);
module.value("PAGE", PAGE);
module.directive("itemLister", ["$window", "$log", "componentSettingSaverService", "PAGE", function itemLister($window, $log, $CSSS, PAGE) {
/**
* Item Lister combines the typical table functions, pageSize,
* showing, paginator, search, and allows you to plug in multiple
* views.
*
* @module item-lister
* @restrict EA
*
* @param {String} id disseminated to other objects
* @param {Array} items Items that will be paginated, array of objs
* @param {Array} configuration-options Items that will be in the configuration cog
* @param {Array} header-items represents the columns of the table
*
* @example
* <item-lister
* id="MyItemLister"
* items="[a,b,c,d,e]"
* configuration-options="configurationOptions"
* header-items="[{field:"blah",label:"Blah",sortable:false}]">
* <my-item-lister-view></my-item-lister-view>
* </item-lister>
*
*/
var COMPONENT_NAME = "domainsItemLister";
var TEMPLATE_PATH = "directives/itemLister.ptt";
var RELATIVE_PATH = "domains/" + TEMPLATE_PATH;
return {
templateUrl: CJT.config.debug ? CJT.buildFullPath(RELATIVE_PATH) : TEMPLATE_PATH,
restrict: "EA",
scope: {
parentID: "@id",
items: "=",
headerItems: "=",
configurationOptions: "="
},
transclude: true,
replace: true,
link: function(scope, element, attrs, transclude) {
var controlsBlock;
var contentBlock;
function _attachControls(elem) {
controlsBlock.append(elem);
}
function _attachOthers(elem) {
elem.setAttribute("id", scope.parentID + "_transcludePoint");
elem.setAttribute("ng-if", "filteredItems.length");
contentBlock.replaceWith(elem);
}
function _attachTransclude(elem) {
if (angular.element(elem).hasClass("lister-controls")) {
_attachControls(elem);
} else {
_attachOthers(elem);
}
}
function _findTranscludes() {
// *cackles maniacally*
// *does a multi-transclude anyways*
controlsBlock = element.find("#" + scope.parentID + "_transcludedControls");
contentBlock = element.find("#" + scope.parentID + "_transcludePoint");
var transcludedBlock = element.find("div.transcluded");
var transcludedItems = transcludedBlock.children();
angular.forEach(transcludedItems, _attachTransclude);
transcludedBlock.remove();
}
/* There is a dumb race condition here */
/* So we have to delay to get the content transcluded */
setTimeout(_findTranscludes, 2);
},
controller: ["$routeParams", "$scope", "$filter", "ITEM_LISTER_CONSTANTS", "domains", "alertService", function itemListerController($routeParams, $scope, $filter, ITEM_LISTER_CONSTANTS, $domainServices, $alertService) {
$scope.redirectSelection = 1;
$scope.viewCallbacks = [];
$scope.webserverRoleAvailable = PAGE.hasWebServerRole;
var filters = {
filter: $filter("filter"),
orderBy: $filter("orderBy"),
startFrom: $filter("startFrom"),
limitTo: $filter("limitTo")
};
function _filter(filteredItems) {
// filter list based on search text
if ($scope.filterValue !== "") {
return filters.filter(filteredItems, $scope.filterValue, false);
}
return filteredItems;
}
function _sort(filteredItems) {
// sort the filtered list
if ($scope.sort.sortDirection !== "" && $scope.sort.sortBy !== "") {
// Normally we would sort by the 'domains' field by virtue it was first. It's not anymore, so correct that.
if ($scope.sort.sortBy === "batchSelect") {
$scope.sort.sortBy = "domain";
}
return filters.orderBy(filteredItems, $scope.sort.sortBy, $scope.sort.sortDirection !== "asc");
}
return filteredItems;
}
function _paginate(filteredItems) {
// filter list based on page size and pagination
if ($scope.totalItems > _.min($scope.pageSizes)) {
var start = ($scope.currentPage - 1) * $scope.pageSize;
var limit = $scope.pageSize;
filteredItems = filters.startFrom(filteredItems, start);
filteredItems = filters.limitTo(filteredItems, limit);
$scope.showPager = true;
// table statistics
$scope.start = start + 1;
$scope.limit = start + filteredItems.length;
} else {
// hide pager and pagination
$scope.showPager = false;
if (filteredItems.length === 0) {
$scope.start = 0;
} else {
// table statistics
$scope.start = 1;
}
$scope.limit = filteredItems.length;
}
return filteredItems;
}
function _updatedListerState(lastInteractedItem) {
if ($scope.loadingInitialState) {
return;
}
var storedSettings = {
totalItems: $scope.totalItems,
currentPage: $scope.currentPage,
pageSize: $scope.pageSize,
start: $scope.start,
limit: $scope.limit,
lastInteractedItem: lastInteractedItem,
filterValue: $scope.filterValue,
sort: {
sortDirection: $scope.sort.sortDirection,
sortBy: $scope.sort.sortBy
}
};
$CSSS.set(COMPONENT_NAME, storedSettings);
}
function _itemInteracted(event, parameters) {
if (parameters.interactionID) {
_updatedListerState(parameters.interactionID);
}
}
function _itemSelected(event, parameters) {
// Go over all domains to see if all are selected
var allSelected = true,
currentDomainList = $domainServices.getCurrentDomains();
for (var i = 0; i < currentDomainList.length; i++) {
if (!currentDomainList[i].selected) {
allSelected = false;
break;
}
}
// Update Select All checkbox
$scope.selectAll = allSelected;
}
/**
* Register a callback to call on the update of the lister
*
* @method registerViewCallback
*
* @param {Function} callback function to callback to
*
*/
this.registerViewCallback = function registerViewCallback(callback) {
$scope.viewCallbacks.push(callback);
callback($scope.filteredItems);
};
/**
* Get the header items
*
* @method getHeaderItems
*
* @return {Array} returns array of objects containing labels
*
*/
this.getHeaderItems = function getHeaderItems() {
return $scope.headerItems;
};
/**
* Deregister a callback (useful for view changes)
*
* @method deregisterViewCallback
*
* @param {Function} callback callback to deregister
*
*/
this.deregisterViewCallback = function deregisterViewCallback(callback) {
for (var i = $scope.viewCallbacks.length - 1; i >= 0; i--) {
if ($scope.viewCallbacks[i] === callback) {
$scope.viewCallbacks.splice(i, 1);
}
}
};
/**
* Function called to rebuild the view from internal components
*
* @method fetch
*
*/
$scope.fetch = function fetch() {
var filteredItems = [];
filteredItems = _filter($scope.items);
// update the total items after search
$scope.totalItems = filteredItems.length;
filteredItems = _sort(filteredItems);
filteredItems = _paginate(filteredItems);
$scope.filteredItems = filteredItems;
_updatedListerState();
angular.forEach($scope.viewCallbacks, function updateCallback(viewCallback) {
viewCallback($scope.filteredItems);
});
$scope.$emit(ITEM_LISTER_CONSTANTS.ITEM_LISTER_UPDATED_EVENT, { meta: { filterValue: $scope.filterValue } });
return filteredItems;
};
/**
* Return the focus of the page to the search at the top and scroll to it
*
* @method focusSearch
*
*/
$scope.focusSearch = function focusSearch() {
angular.element(document).find("#" + $scope.parentID + "_search_input").focus();
$window.scrollTop = 0;
};
$scope.configurationClicked = function(configEvent) {
$scope.$emit(configEvent);
};
$scope.$on(ITEM_LISTER_CONSTANTS.TABLE_ITEM_BUTTON_EVENT, _itemInteracted);
$scope.$on(ITEM_LISTER_CONSTANTS.ITEM_SELECT_EVENT, _itemSelected);
angular.extend($scope, {
maxPages: 5,
totalItems: $scope.items.length,
filteredItems: [],
currentPage: 1,
pageSize: 20,
pageSizes: [20, 50, 100, 500],
start: 0,
limit: 20,
filterValue: "",
sort: {
sortDirection: "asc",
sortBy: $scope.headerItems.length ? $scope.headerItems[0].field : ""
}
}, {
filterValue: $routeParams["q"]
});
function _savedStateLoaded(initialState) {
angular.extend($scope, initialState, {
filterValue: $routeParams["q"]
});
}
var registerSuccess = $CSSS.register(COMPONENT_NAME);
if ( registerSuccess ) {
$scope.loadingInitialState = true;
registerSuccess.then(_savedStateLoaded, $log.error).finally(function() {
$scope.loadingInitialState = false;
$scope.fetch();
});
}
this.showConfigColumn = $scope.showConfigColumn = $scope.configurationOptions && $scope.configurationOptions.length;
$scope.$on("$destroy", function() {
$CSSS.unregister(COMPONENT_NAME);
});
$scope.fetch();
$scope.canRedirectHTTPS = $domainServices.canRedirectHTTPS();
$scope.$watch("items", $scope.fetch);
/**
* Toggles the selection state of all domains in the form.
*
* @method toggleSelectAll
*
*/
$scope.toggleSelectAll = function() {
var domains = $domainServices.getCurrentDomains();
for (var i = 0; i < domains.length; i++) {
if (!$scope.canRedirectHTTPS ) {
if (domains[i].isHttpsRedirecting) {
domains[i].selected = $scope.selectAll;
}
} else {
if (!domains[i].nonHTTPS || domains[i].isHttpsRedirecting) {
domains[i].selected = $scope.selectAll;
}
}
}
};
/**
* Checks to see if any domains are currently selected
*
* @method hasSelected
*
* @returns {boolean} TRUE if one or more options are selected
*
*/
$scope.hasSelected = function() {
var domains = $domainServices.getCurrentDomains();
for (var i = 0; i < domains.length; i++) {
if (domains[i].selected) {
return true;
}
}
return false;
};
$scope.applyMultiSecureRedirects = function(state) {
var domains = $domainServices.getCurrentDomains();
var successMessage, failureMessage;
if (state) { // true apparently means enabling
successMessage = LOCALE.maketext("Force [asis,HTTPS] Redirect is enabled for the selected domains.");
failureMessage = LOCALE.maketext("The system failed to enable Force [asis,HTTPS] Redirect.");
} else {
successMessage = LOCALE.maketext("Force [asis,HTTPS] Redirect is disabled for the selected domains.");
failureMessage = LOCALE.maketext("The system failed to disable Force [asis,HTTPS] Redirect.");
}
if (!$scope.hasSelected()) {
return;
}
$domainServices.toggleHTTPSRedirect(state)
.then(function(data) {
if (data.status) {
// Deselect each selected domains and properly toggle the HTTPS Redirect option
for (var i = 0; i < domains.length; i++) {
if (domains[i].selected) {
domains[i].selected = false;
domains[i].isHttpsRedirecting = state;
// Change state of the link to the domain to properly reflect https status
var theLink = document.getElementById(domains[i].domain + "_domain_link");
if (typeof (theLink) !== "undefined") {
var protocol = domains[i].isHttpsRedirecting ? "https" : "http";
theLink.href = protocol + "://" + domains[i].domain;
}
}
}
// Empty the domain list from Domain service
$scope.selectAll = false;
$scope.toggleSelectAll();
$alertService.add({
message: successMessage,
type: "success",
autoClose: 10000
});
} else {
$alertService.add({
message: failureMessage,
type: "danger"
});
}
});
};
}]
};
}]);
}
);
/*
# domains/directives/docrootDirective.js. Copyright(c) 2026 cPanel, L.L.C.
# All rights reserved.
# copyright@cpanel.net http://cpanel.net
# This code is subject to the cPanel license. Unauthorized copying is prohibited
*/
/* global define: false */
/** @namespace cpanel.domains.directive.docroot */
define(
'app/directives/docrootDirective',[
"angular",
"lodash",
"cjt/core",
],
function(angular, _, CJT) {
"use strict";
var module = angular.module("cpanel.domains.docroot.directive", []);
module.value("PAGE", PAGE);
module.directive("docroot", function itemListerItem() {
/**
* Generates a docroot link automatically shortening the home dir to
* to an icon and addint title text
*
* @module docroot
* @restrict E
*
* @param {String} docroot full path of the docroot
* @param {String} homedir path of the homedir (will be first part of docroot)
*
* @example
* <docroot homedir="/home/baldr" docroot="/home/baldr/a/docroot" />
*
*/
var TEMPLATE_PATH = "directives/docrootDirective.phtml";
var RELATIVE_PATH = "domains/" + TEMPLATE_PATH;
return {
templateUrl: CJT.config.debug ? CJT.buildFullPath(RELATIVE_PATH) : TEMPLATE_PATH,
restrict: "E",
scope: {
parentID: "@id",
rawDocroot: "@docroot",
homedir: "@",
},
controller: ["$scope", "PAGE", function($scope, PAGE) {
/**
* Converts a full document root into a shortened one and updates $scope.docroot
*
* @method updateDocroot
*
* @param {String} newFullDocroot full document root, including the homedir to parse
*
* @return {String} returns the parsed document root
*
*/
function updateDocroot(newFullDocroot) {
$scope.fullDocroot = encodeURIComponent(newFullDocroot);
var regexp = new RegExp("^" + _.escapeRegExp($scope.homedir) + "/?");
$scope.docroot = newFullDocroot.replace(regexp, "");
$scope.docroot = $scope.docroot === "/" ? "" : $scope.docroot;
return $scope.docroot;
}
// Filemananger only works in cPanel
var appIscPanel = PAGE.APP_NAME === "cpanel";
// Expects PAGE.fileManagerAppObj to be an object with at least a url and possibly a target
$scope.fileManager = false;
if (appIscPanel && PAGE.fileManagerAppObj) {
$scope.fileManager = {
url: "../" + PAGE.fileManagerAppObj.url,
target: PAGE.fileManagerAppObj.target || "_blank",
};
}
$scope.$watch("rawDocroot", updateDocroot);
updateDocroot($scope.rawDocroot);
}],
};
});
}
);
// Copyright 2025 WebPros International, LLC
// All rights reserved.
// copyright@cpanel.net http://cpanel.net
// This code is subject to the cPanel license. Unauthorized copying is prohibited.
/* global define: false */
/** @namespace cpanel.domains.directives.domainListerView */
define(
'app/directives/domainListerViewDirective',[
"lodash",
"angular",
"cjt/core",
"cjt/util/locale",
"app/directives/docrootDirective",
"app/services/domains",
],
function(_, angular, CJT, LOCALE) {
"use strict";
var module = angular.module("cpanel.domains.domainListerView.directive", [ "cpanel.domains.docroot.directive" ]);
module.value("PAGE", PAGE);
module.directive("domainListerView", function itemListerItem() {
/**
* Domain Lister View is a view that pairs with the item lister to
* display domains and docroots as well as a manage link. It must
* be nested within an item lister
*
* @module domain-lister-view
* @restrict EA
*
* @example
* <item-lister>
* <domain-lister-view></domain-lister-view>
* </item-lister>
*
*/
var TEMPLATE_PATH = "directives/domainListerViewDirective.ptt";
var RELATIVE_PATH = "domains/" + TEMPLATE_PATH;
return {
templateUrl: CJT.config.debug ? CJT.buildFullPath(RELATIVE_PATH) : TEMPLATE_PATH,
restrict: "EA",
replace: true,
require: "^itemLister",
link: function($scope, $element, $attrs, $ctrl) {
$scope.domains = [];
$scope.showConfigColumn = $ctrl.showConfigColumn;
$scope.headerItems = $ctrl.getHeaderItems();
$scope.updateView = function updateView(viewData) {
$scope.domains = viewData;
};
$scope.scope = $scope;
$ctrl.registerViewCallback($scope.updateView.bind($scope));
$scope.$on("$destroy", function() {
$ctrl.deregisterViewCallback($scope.updateView);
});
},
controller: ["$scope", "ITEM_LISTER_CONSTANTS", "DOMAIN_TYPE_CONSTANTS", "PAGE", "domains", "alertService", function($scope, ITEM_LISTER_CONSTANTS, DOMAIN_TYPE_CONSTANTS, PAGE, $domainServices, $alertService) {
$scope.isRTL = PAGE.isRTL;
$scope.DOMAIN_TYPE_CONSTANTS = DOMAIN_TYPE_CONSTANTS;
$scope.EMAIL_ACCOUNTS_APP_EXISTS = PAGE.EMAIL_ACCOUNTS_APP_EXISTS;
$scope.webserverRoleAvailable = PAGE.hasWebServerRole;
$scope.canRedirectHTTPS = $domainServices.canRedirectHTTPS();
$scope.getDomains = function getDomains() {
// Escape domains
for (var i = 0; i < $scope.domains.length; i++) {
$scope.domains[i].domain = _.escape($scope.domains[i].domain);
$scope.domains[i].homedir = _.escape($scope.domains[i].homedir);
}
return $scope.domains;
};
/**
* dispatches a TABLE_ITEM_BUTTON_EVENT event
*
* @method actionButtonClicked
*
* @param {String} type type of action taken
* @param {String} domain the domain on which the action occurred
*
* @return {Boolean} returns the result of the $scope.$emit function
*
*/
$scope.actionButtonClicked = function actionButtonClicked(type, domain) {
$scope.$emit(ITEM_LISTER_CONSTANTS.TABLE_ITEM_BUTTON_EVENT, { actionType: type, item: domain, interactionID: domain.domain });
};
$scope.itemSelected = function itemSelected(domain) {
$scope.$emit(ITEM_LISTER_CONSTANTS.ITEM_SELECT_EVENT, domain);
};
$scope.HTTPSRedirectWarning = LOCALE.maketext("You cannot activate [asis,HTTPS] Redirect because [asis,AutoSSL] is not currently active for this domain or the [asis,SSL] certificate is not valid.");
$scope.AliasRowWarning = LOCALE.maketext("Addon and parked domains inherit their [asis,HTTPS] redirect status from their associated subdomain.");
$scope.AliasWarning = LOCALE.maketext("Some aliases for this domain may not have a working SSL certificate configured.");
$scope.setSingleDomainHTTPSRedirect = function(domain) {
domain.isHttpsRedirecting = !domain.isHttpsRedirecting;
var successMessage, failureMessage;
if (domain.isHttpsRedirecting) {
successMessage = LOCALE.maketext("Force [asis,HTTPS] Redirect is enabled for the “[_1]” domain.", domain.domain);
failureMessage = LOCALE.maketext("The system failed to enable Force [asis,HTTPS] Redirect.");
} else {
successMessage = LOCALE.maketext("Force [asis,HTTPS] Redirect is disabled for the “[_1]” domain.", domain.domain);
failureMessage = LOCALE.maketext("The system failed to disable Force [asis,HTTPS] Redirect.");
}
$domainServices.toggleHTTPSRedirect(domain.isHttpsRedirecting, domain.domain)
.then(function(data) {
if (data.status) {
// Change state of the link to the domain to properly reflect https status
var theLink = document.getElementById(domain.domain + "_domain_link");
if (typeof (theLink) !== "undefined") {
var protocol = domain.isHttpsRedirecting ? "https" : "http";
theLink.href = protocol + "://" + domain.domain;
}
$alertService.add({
message: successMessage,
type: "success",
autoClose: 10000,
});
} else {
$alertService.add({
message: failureMessage,
type: "danger",
});
}
});
};
$scope.onCreateEmailClick = function($event, domain) {
if (domain.is_temporary) {
$event.preventDefault();
}
};
}],
};
});
}
);
/*
/*
# base/frontend/jupiter/domains/validators/subdomain.js Copyright(c) 2020 cPanel, L.L.C.
# All rights reserved.
# copyright@cpanel.net http://cpanel.net
# This code is subject to the cPanel license. Unauthorized copying is prohibited
*/
/* global define: false */
/** @namespace cpanel.domains.validators.subdomain */
define(
'app/validators/subdomain',[
"angular",
"cjt/util/locale",
"cjt/validator/validator-utils",
"cjt/io/api2-request",
"cjt/io/api2",
"cjt/modules",
"cjt/services/APIService",
"cjt/validator/validateDirectiveFactory",
"app/services/domains",
],
function(angular, LOCALE, validationUtils, API2Request) {
"use strict";
var _pattern = null;
var _reservedSubdomains = null;
function _handleError(error) {
console.error(error); // eslint-disable-line no-console
}
// For Mocking
var factoryMethods = {
_pattern: function() {
return _pattern;
},
_reservedSubdomains: function() {
return _reservedSubdomains;
},
_processReservedSubdomains: function(result) {
_reservedSubdomains = null;
if (result && result.data) {
_reservedSubdomains = [];
_reservedSubdomains = result.data.map(function(subdomain) {
return subdomain;
});
}
},
_processSubdomainRegex: function(result) {
_pattern = null;
if (result && result.data) {
var regexString = result.data.pop();
_pattern = new RegExp(regexString);
}
},
};
/**
* Validator to check that the domain is a not a reserved subdomain and follows the valid format
*
* @module validSubdomain
*
* @example
* <input valid-subdomain ng-model="myModel" />
*
*/
var subdomainValidator = {
/**
* Is the domain valid according to the back end regex
*
* @method validSubdomain
*
* @param {String} domainPart value to check against the validator
*
* @return {Boolean} returns a boolean value determined by the validity of the view
*
*/
validSubdomain: function(domainPart) {
var result = validationUtils.initializeValidationResult();
var pattern = factoryMethods._pattern();
if (domainPart && ( !pattern || !pattern.test(domainPart) ) ) {
result.isValid = false;
result.add("validSubdomain", LOCALE.maketext("You must enter a valid subdomain."));
}
return result;
},
/**
* Is the domain invalid because it's a reserved subdomain part
*
* @method notReservedSubdomain
*
* @param {String} domainPart value to check against the validator
*
* @return {Boolean} returns a boolean value determined by the validity of the view
*
*/
notReservedSubdomain: function(domainPart) {
var result = validationUtils.initializeValidationResult();
var reservedSubs = factoryMethods._reservedSubdomains();
if (domainPart && ( !reservedSubs || reservedSubs.indexOf(domainPart) !== -1 ) ) {
result.isValid = false;
result.add("notReservedSubdomain", LOCALE.maketext("The server reserves this subdomain for system use only. Enter a different subdomain."));
}
return result;
},
};
var validatorModule = angular.module("cjt2.validate");
validatorModule.run(["validatorFactory", "APIService",
function(validatorFactory, APIService) {
var regexAPICall = new API2Request.Class();
regexAPICall.initialize("SubDomain", "validregex");
APIService.promise(regexAPICall).then(factoryMethods._processSubdomainRegex, _handleError);
var reservedAPICall = new API2Request.Class();
reservedAPICall.initialize("SubDomain", "getreservedsubdomains");
APIService.promise(reservedAPICall).then(factoryMethods._processReservedSubdomains, _handleError);
validatorFactory.generate(subdomainValidator);
},
]);
return {
methods: subdomainValidator,
factoryMethods: factoryMethods,
name: "valid-subdomain",
description: "Validation to subdomain is not reserved and matches the proper format.",
version: 1.0,
};
}
);
/*
/*
# base/frontend/jupiter/domains/validators/domainIsUnique.js Copyright(c) 2020 cPanel, L.L.C.
# All rights reserved.
# copyright@cpanel.net http://cpanel.net
# This code is subject to the cPanel license. Unauthorized copying is prohibited
*/
/* global define: false */
/** @namespace cpanel.domains.validators.domainIsUnique */
define(
'app/validators/domainIsUnique',[
"angular",
"cjt/util/locale",
"cjt/validator/validator-utils",
"cjt/validator/validateDirectiveFactory",
"app/services/domains",
],
function(angular, LOCALE, validationUtils) {
"use strict";
var _domains;
var factoryMethods = {
/** For mocking */
_processLoadedDomains: function(domains) {
_domains = null;
if (domains) {
_domains = {};
domains.forEach(function(domain) {
_domains[domain.domain] = domain;
});
}
return _domains;
},
_getDomains: function() {
return _domains;
},
};
/**
* Validator to check that the domain is unique compared to the domains.get() domains
*
* @module domainIsUniqueValidator
*
* @example
* <input domain-is-unique ng-model="myModel" />
*
*/
var domainIsUniqueValidator = {
/**
* Check if the domain is unique
*
* @method domainIsUnique
*
* @param {String} domain value to check against the validator
*
* @return {Boolean} returns a boolean value determined by the validity of the view
*
*/
domainIsUnique: function(domain) {
var result = validationUtils.initializeValidationResult();
var _domains = factoryMethods._getDomains();
if (!_domains || (domain && _domains[domain])) {
result.isValid = false;
result.add("domainIsUnique", LOCALE.maketext("This domain already exists on this account."), "domainIsUnique");
}
return result;
},
};
var validatorModule = angular.module("cjt2.validate");
validatorModule.run(["validatorFactory", "$q", "domains",
function(validatorFactory, $q, $domainsService) {
var validators = {
domainIsUnique: function(value) {
return $domainsService.get().then(function(domains) {
factoryMethods._processLoadedDomains(domains);
var result = domainIsUniqueValidator.domainIsUnique(value);
return $q.resolve(result);
});
},
};
validators.domainIsUnique.async = true;
validatorFactory.generate(validators, $q);
},
]);
return {
methods: domainIsUniqueValidator,
factoryMethods: factoryMethods,
name: "domain-is-unique",
description: "Validation to ensure domain is unique for this account.",
version: 1.0,
};
}
);
(function(root) {
define("jquery-chosen", ["jquery"], function() {
return (function() {
/*!
Chosen, a Select Box Enhancer for jQuery and Prototype
by Patrick Filler for Harvest, http://getharvest.com
Version 1.5.1
Full source at https://github.com/harvesthq/chosen
Copyright (c) 2011-2016 Harvest http://getharvest.com
MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md
This file is generated by `grunt build`, do not edit it by hand.
*/
(function() {
var $, AbstractChosen, Chosen, SelectParser, _ref,
__hasProp = {}.hasOwnProperty,
__extends = function(child, parent) { for (var key in parent) { if (__hasProp.call(parent, key)) child[key] = parent[key]; } function ctor() { this.constructor = child; } ctor.prototype = parent.prototype; child.prototype = new ctor(); child.__super__ = parent.prototype; return child; };
SelectParser = (function() {
function SelectParser() {
this.options_index = 0;
this.parsed = [];
}
SelectParser.prototype.add_node = function(child) {
if (child.nodeName.toUpperCase() === "OPTGROUP") {
return this.add_group(child);
} else {
return this.add_option(child);
}
};
SelectParser.prototype.add_group = function(group) {
var group_position, option, _i, _len, _ref, _results;
group_position = this.parsed.length;
this.parsed.push({
array_index: group_position,
group: true,
label: this.escapeExpression(group.label),
title: group.title ? group.title : void 0,
children: 0,
disabled: group.disabled,
classes: group.className
});
_ref = group.childNodes;
_results = [];
for (_i = 0, _len = _ref.length; _i < _len; _i++) {
option = _ref[_i];
_results.push(this.add_option(option, group_position, group.disabled));
}
return _results;
};
SelectParser.prototype.add_option = function(option, group_position, group_disabled) {
if (option.nodeName.toUpperCase() === "OPTION") {
if (option.text !== "") {
if (group_position != null) {
this.parsed[group_position].children += 1;
}
this.parsed.push({
array_index: this.parsed.length,
options_index: this.options_index,
value: option.value,
text: option.text,
html: option.innerHTML,
title: option.title ? option.title : void 0,
selected: option.selected,
disabled: group_disabled === true ? group_disabled : option.disabled,
group_array_index: group_position,
group_label: group_position != null ? this.parsed[group_position].label : null,
classes: option.className,
style: option.style.cssText
});
} else {
this.parsed.push({
array_index: this.parsed.length,
options_index: this.options_index,
empty: true
});
}
return this.options_index += 1;
}
};
SelectParser.prototype.escapeExpression = function(text) {
var map, unsafe_chars;
if ((text == null) || text === false) {
return "";
}
if (!/[\&\<\>\"\'\`]/.test(text)) {
return text;
}
map = {
"<": "<",
">": ">",
'"': """,
"'": "'",
"`": "`"
};
unsafe_chars = /&(?!\w+;)|[\<\>\"\'\`]/g;
return text.replace(unsafe_chars, function(chr) {
return map[chr] || "&";
});
};
return SelectParser;
})();
SelectParser.select_to_array = function(select) {
var child, parser, _i, _len, _ref;
parser = new SelectParser();
_ref = select.childNodes;
for (_i = 0, _len = _ref.length; _i < _len; _i++) {
child = _ref[_i];
parser.add_node(child);
}
return parser.parsed;
};
AbstractChosen = (function() {
function AbstractChosen(form_field, options) {
this.form_field = form_field;
this.options = options != null ? options : {};
if (!AbstractChosen.browser_is_supported()) {
return;
}
this.is_multiple = this.form_field.multiple;
this.set_default_text();
this.set_default_values();
this.setup();
this.set_up_html();
this.register_observers();
this.on_ready();
}
AbstractChosen.prototype.set_default_values = function() {
var _this = this;
this.click_test_action = function(evt) {
return _this.test_active_click(evt);
};
this.activate_action = function(evt) {
return _this.activate_field(evt);
};
this.active_field = false;
this.mouse_on_container = false;
this.results_showing = false;
this.result_highlighted = null;
this.allow_single_deselect = (this.options.allow_single_deselect != null) && (this.form_field.options[0] != null) && this.form_field.options[0].text === "" ? this.options.allow_single_deselect : false;
this.disable_search_threshold = this.options.disable_search_threshold || 0;
this.disable_search = this.options.disable_search || false;
this.enable_split_word_search = this.options.enable_split_word_search != null ? this.options.enable_split_word_search : true;
this.group_search = this.options.group_search != null ? this.options.group_search : true;
this.search_contains = this.options.search_contains || false;
this.single_backstroke_delete = this.options.single_backstroke_delete != null ? this.options.single_backstroke_delete : true;
this.max_selected_options = this.options.max_selected_options || Infinity;
this.inherit_select_classes = this.options.inherit_select_classes || false;
this.display_selected_options = this.options.display_selected_options != null ? this.options.display_selected_options : true;
this.display_disabled_options = this.options.display_disabled_options != null ? this.options.display_disabled_options : true;
this.include_group_label_in_selected = this.options.include_group_label_in_selected || false;
return this.max_shown_results = this.options.max_shown_results || Number.POSITIVE_INFINITY;
};
AbstractChosen.prototype.set_default_text = function() {
if (this.form_field.getAttribute("data-placeholder")) {
this.default_text = this.form_field.getAttribute("data-placeholder");
} else if (this.is_multiple) {
this.default_text = this.options.placeholder_text_multiple || this.options.placeholder_text || AbstractChosen.default_multiple_text;
} else {
this.default_text = this.options.placeholder_text_single || this.options.placeholder_text || AbstractChosen.default_single_text;
}
return this.results_none_found = this.form_field.getAttribute("data-no_results_text") || this.options.no_results_text || AbstractChosen.default_no_result_text;
};
AbstractChosen.prototype.choice_label = function(item) {
if (this.include_group_label_in_selected && (item.group_label != null)) {
return "<b class='group-name'>" + item.group_label + "</b>" + item.html;
} else {
return item.html;
}
};
AbstractChosen.prototype.mouse_enter = function() {
return this.mouse_on_container = true;
};
AbstractChosen.prototype.mouse_leave = function() {
return this.mouse_on_container = false;
};
AbstractChosen.prototype.input_focus = function(evt) {
var _this = this;
if (this.is_multiple) {
if (!this.active_field) {
return setTimeout((function() {
return _this.container_mousedown();
}), 50);
}
} else {
if (!this.active_field) {
return this.activate_field();
}
}
};
AbstractChosen.prototype.input_blur = function(evt) {
var _this = this;
if (!this.mouse_on_container) {
this.active_field = false;
return setTimeout((function() {
return _this.blur_test();
}), 100);
}
};
AbstractChosen.prototype.results_option_build = function(options) {
var content, data, data_content, shown_results, _i, _len, _ref;
content = '';
shown_results = 0;
_ref = this.results_data;
for (_i = 0, _len = _ref.length; _i < _len; _i++) {
data = _ref[_i];
data_content = '';
if (data.group) {
data_content = this.result_add_group(data);
} else {
data_content = this.result_add_option(data);
}
if (data_content !== '') {
shown_results++;
content += data_content;
}
if (options != null ? options.first : void 0) {
if (data.selected && this.is_multiple) {
this.choice_build(data);
} else if (data.selected && !this.is_multiple) {
this.single_set_selected_text(this.choice_label(data));
}
}
if (shown_results >= this.max_shown_results) {
break;
}
}
return content;
};
AbstractChosen.prototype.result_add_option = function(option) {
var classes, option_el;
if (!option.search_match) {
return '';
}
if (!this.include_option_in_results(option)) {
return '';
}
classes = [];
if (!option.disabled && !(option.selected && this.is_multiple)) {
classes.push("active-result");
}
if (option.disabled && !(option.selected && this.is_multiple)) {
classes.push("disabled-result");
}
if (option.selected) {
classes.push("result-selected");
}
if (option.group_array_index != null) {
classes.push("group-option");
}
if (option.classes !== "") {
classes.push(option.classes);
}
option_el = document.createElement("li");
option_el.className = classes.join(" ");
option_el.style.cssText = option.style;
option_el.setAttribute("data-option-array-index", option.array_index);
option_el.innerHTML = option.search_text;
if (option.title) {
option_el.title = option.title;
}
return this.outerHTML(option_el);
};
AbstractChosen.prototype.result_add_group = function(group) {
var classes, group_el;
if (!(group.search_match || group.group_match)) {
return '';
}
if (!(group.active_options > 0)) {
return '';
}
classes = [];
classes.push("group-result");
if (group.classes) {
classes.push(group.classes);
}
group_el = document.createElement("li");
group_el.className = classes.join(" ");
group_el.innerHTML = group.search_text;
if (group.title) {
group_el.title = group.title;
}
return this.outerHTML(group_el);
};
AbstractChosen.prototype.results_update_field = function() {
this.set_default_text();
if (!this.is_multiple) {
this.results_reset_cleanup();
}
this.result_clear_highlight();
this.results_build();
if (this.results_showing) {
return this.winnow_results();
}
};
AbstractChosen.prototype.reset_single_select_options = function() {
var result, _i, _len, _ref, _results;
_ref = this.results_data;
_results = [];
for (_i = 0, _len = _ref.length; _i < _len; _i++) {
result = _ref[_i];
if (result.selected) {
_results.push(result.selected = false);
} else {
_results.push(void 0);
}
}
return _results;
};
AbstractChosen.prototype.results_toggle = function() {
if (this.results_showing) {
return this.results_hide();
} else {
return this.results_show();
}
};
AbstractChosen.prototype.results_search = function(evt) {
if (this.results_showing) {
return this.winnow_results();
} else {
return this.results_show();
}
};
AbstractChosen.prototype.winnow_results = function() {
var escapedSearchText, option, regex, results, results_group, searchText, startpos, text, zregex, _i, _len, _ref;
this.no_results_clear();
results = 0;
searchText = this.get_search_text();
escapedSearchText = searchText.replace(/[-[\]{}()*+?.,\\^$|#\s]/g, "\\$&");
zregex = new RegExp(escapedSearchText, 'i');
regex = this.get_search_regex(escapedSearchText);
_ref = this.results_data;
for (_i = 0, _len = _ref.length; _i < _len; _i++) {
option = _ref[_i];
option.search_match = false;
results_group = null;
if (this.include_option_in_results(option)) {
if (option.group) {
option.group_match = false;
option.active_options = 0;
}
if ((option.group_array_index != null) && this.results_data[option.group_array_index]) {
results_group = this.results_data[option.group_array_index];
if (results_group.active_options === 0 && results_group.search_match) {
results += 1;
}
results_group.active_options += 1;
}
option.search_text = option.group ? option.label : option.html;
if (!(option.group && !this.group_search)) {
option.search_match = this.search_string_match(option.search_text, regex);
if (option.search_match && !option.group) {
results += 1;
}
if (option.search_match) {
if (searchText.length) {
startpos = option.search_text.search(zregex);
text = option.search_text.substr(0, startpos + searchText.length) + '</em>' + option.search_text.substr(startpos + searchText.length);
option.search_text = text.substr(0, startpos) + '<em>' + text.substr(startpos);
}
if (results_group != null) {
results_group.group_match = true;
}
} else if ((option.group_array_index != null) && this.results_data[option.group_array_index].search_match) {
option.search_match = true;
}
}
}
}
this.result_clear_highlight();
if (results < 1 && searchText.length) {
this.update_results_content("");
return this.no_results(searchText);
} else {
this.update_results_content(this.results_option_build());
return this.winnow_results_set_highlight();
}
};
AbstractChosen.prototype.get_search_regex = function(escaped_search_string) {
var regex_anchor;
regex_anchor = this.search_contains ? "" : "^";
return new RegExp(regex_anchor + escaped_search_string, 'i');
};
AbstractChosen.prototype.search_string_match = function(search_string, regex) {
var part, parts, _i, _len;
if (regex.test(search_string)) {
return true;
} else if (this.enable_split_word_search && (search_string.indexOf(" ") >= 0 || search_string.indexOf("[") === 0)) {
parts = search_string.replace(/\[|\]/g, "").split(" ");
if (parts.length) {
for (_i = 0, _len = parts.length; _i < _len; _i++) {
part = parts[_i];
if (regex.test(part)) {
return true;
}
}
}
}
};
AbstractChosen.prototype.choices_count = function() {
var option, _i, _len, _ref;
if (this.selected_option_count != null) {
return this.selected_option_count;
}
this.selected_option_count = 0;
_ref = this.form_field.options;
for (_i = 0, _len = _ref.length; _i < _len; _i++) {
option = _ref[_i];
if (option.selected) {
this.selected_option_count += 1;
}
}
return this.selected_option_count;
};
AbstractChosen.prototype.choices_click = function(evt) {
evt.preventDefault();
if (!(this.results_showing || this.is_disabled)) {
return this.results_show();
}
};
AbstractChosen.prototype.keyup_checker = function(evt) {
var stroke, _ref;
stroke = (_ref = evt.which) != null ? _ref : evt.keyCode;
this.search_field_scale();
switch (stroke) {
case 8:
if (this.is_multiple && this.backstroke_length < 1 && this.choices_count() > 0) {
return this.keydown_backstroke();
} else if (!this.pending_backstroke) {
this.result_clear_highlight();
return this.results_search();
}
break;
case 13:
evt.preventDefault();
if (this.results_showing) {
return this.result_select(evt);
}
break;
case 27:
if (this.results_showing) {
this.results_hide();
}
return true;
case 9:
case 38:
case 40:
case 16:
case 91:
case 17:
case 18:
break;
default:
return this.results_search();
}
};
AbstractChosen.prototype.clipboard_event_checker = function(evt) {
var _this = this;
return setTimeout((function() {
return _this.results_search();
}), 50);
};
AbstractChosen.prototype.container_width = function() {
if (this.options.width != null) {
return this.options.width;
} else {
return "" + this.form_field.offsetWidth + "px";
}
};
AbstractChosen.prototype.include_option_in_results = function(option) {
if (this.is_multiple && (!this.display_selected_options && option.selected)) {
return false;
}
if (!this.display_disabled_options && option.disabled) {
return false;
}
if (option.empty) {
return false;
}
return true;
};
AbstractChosen.prototype.search_results_touchstart = function(evt) {
this.touch_started = true;
return this.search_results_mouseover(evt);
};
AbstractChosen.prototype.search_results_touchmove = function(evt) {
this.touch_started = false;
return this.search_results_mouseout(evt);
};
AbstractChosen.prototype.search_results_touchend = function(evt) {
if (this.touch_started) {
return this.search_results_mouseup(evt);
}
};
AbstractChosen.prototype.outerHTML = function(element) {
var tmp;
if (element.outerHTML) {
return element.outerHTML;
}
tmp = document.createElement("div");
tmp.appendChild(element);
return tmp.innerHTML;
};
AbstractChosen.browser_is_supported = function() {
if (/iP(od|hone)/i.test(window.navigator.userAgent)) {
return false;
}
if (/Android/i.test(window.navigator.userAgent)) {
if (/Mobile/i.test(window.navigator.userAgent)) {
return false;
}
}
if (/IEMobile/i.test(window.navigator.userAgent)) {
return false;
}
if (/Windows Phone/i.test(window.navigator.userAgent)) {
return false;
}
if (/BlackBerry/i.test(window.navigator.userAgent)) {
return false;
}
if (/BB10/i.test(window.navigator.userAgent)) {
return false;
}
if (window.navigator.appName === "Microsoft Internet Explorer") {
return document.documentMode >= 8;
}
return true;
};
AbstractChosen.default_multiple_text = "Select Some Options";
AbstractChosen.default_single_text = "Select an Option";
AbstractChosen.default_no_result_text = "No results match";
return AbstractChosen;
})();
$ = jQuery;
$.fn.extend({
chosen: function(options) {
if (!AbstractChosen.browser_is_supported()) {
return this;
}
return this.each(function(input_field) {
var $this, chosen;
$this = $(this);
chosen = $this.data('chosen');
if (options === 'destroy') {
if (chosen instanceof Chosen) {
chosen.destroy();
}
return;
}
if (!(chosen instanceof Chosen)) {
$this.data('chosen', new Chosen(this, options));
}
});
}
});
Chosen = (function(_super) {
__extends(Chosen, _super);
function Chosen() {
_ref = Chosen.__super__.constructor.apply(this, arguments);
return _ref;
}
Chosen.prototype.setup = function() {
this.form_field_jq = $(this.form_field);
this.current_selectedIndex = this.form_field.selectedIndex;
return this.is_rtl = this.form_field_jq.hasClass("chosen-rtl");
};
Chosen.prototype.set_up_html = function() {
var container_classes, container_props;
container_classes = ["chosen-container"];
container_classes.push("chosen-container-" + (this.is_multiple ? "multi" : "single"));
if (this.inherit_select_classes && this.form_field.className) {
container_classes.push(this.form_field.className);
}
if (this.is_rtl) {
container_classes.push("chosen-rtl");
}
container_props = {
'class': container_classes.join(' '),
'style': "width: " + (this.container_width()) + ";",
'title': this.form_field.title
};
if (this.form_field.id.length) {
container_props.id = this.form_field.id.replace(/[^\w]/g, '_') + "_chosen";
}
this.container = $("<div />", container_props);
if (this.is_multiple) {
this.container.html('<ul class="chosen-choices"><li class="search-field"><input type="text" value="' + this.default_text + '" class="default" autocomplete="off" style="width:25px;" /></li></ul><div class="chosen-drop"><ul class="chosen-results"></ul></div>');
} else {
this.container.html('<a class="chosen-single chosen-default"><span>' + this.default_text + '</span><div><b></b></div></a><div class="chosen-drop"><div class="chosen-search"><input type="text" autocomplete="off" /></div><ul class="chosen-results"></ul></div>');
}
this.form_field_jq.hide().after(this.container);
this.dropdown = this.container.find('div.chosen-drop').first();
this.search_field = this.container.find('input').first();
this.search_results = this.container.find('ul.chosen-results').first();
this.search_field_scale();
this.search_no_results = this.container.find('li.no-results').first();
if (this.is_multiple) {
this.search_choices = this.container.find('ul.chosen-choices').first();
this.search_container = this.container.find('li.search-field').first();
} else {
this.search_container = this.container.find('div.chosen-search').first();
this.selected_item = this.container.find('.chosen-single').first();
}
this.results_build();
this.set_tab_index();
return this.set_label_behavior();
};
Chosen.prototype.on_ready = function() {
return this.form_field_jq.trigger("chosen:ready", {
chosen: this
});
};
Chosen.prototype.register_observers = function() {
var _this = this;
this.container.bind('touchstart.chosen', function(evt) {
_this.container_mousedown(evt);
return evt.preventDefault();
});
this.container.bind('touchend.chosen', function(evt) {
_this.container_mouseup(evt);
return evt.preventDefault();
});
this.container.bind('mousedown.chosen', function(evt) {
_this.container_mousedown(evt);
});
this.container.bind('mouseup.chosen', function(evt) {
_this.container_mouseup(evt);
});
this.container.bind('mouseenter.chosen', function(evt) {
_this.mouse_enter(evt);
});
this.container.bind('mouseleave.chosen', function(evt) {
_this.mouse_leave(evt);
});
this.search_results.bind('mouseup.chosen', function(evt) {
_this.search_results_mouseup(evt);
});
this.search_results.bind('mouseover.chosen', function(evt) {
_this.search_results_mouseover(evt);
});
this.search_results.bind('mouseout.chosen', function(evt) {
_this.search_results_mouseout(evt);
});
this.search_results.bind('mousewheel.chosen DOMMouseScroll.chosen', function(evt) {
_this.search_results_mousewheel(evt);
});
this.search_results.bind('touchstart.chosen', function(evt) {
_this.search_results_touchstart(evt);
});
this.search_results.bind('touchmove.chosen', function(evt) {
_this.search_results_touchmove(evt);
});
this.search_results.bind('touchend.chosen', function(evt) {
_this.search_results_touchend(evt);
});
this.form_field_jq.bind("chosen:updated.chosen", function(evt) {
_this.results_update_field(evt);
});
this.form_field_jq.bind("chosen:activate.chosen", function(evt) {
_this.activate_field(evt);
});
this.form_field_jq.bind("chosen:open.chosen", function(evt) {
_this.container_mousedown(evt);
});
this.form_field_jq.bind("chosen:close.chosen", function(evt) {
_this.input_blur(evt);
});
this.search_field.bind('blur.chosen', function(evt) {
_this.input_blur(evt);
});
this.search_field.bind('keyup.chosen', function(evt) {
_this.keyup_checker(evt);
});
this.search_field.bind('keydown.chosen', function(evt) {
_this.keydown_checker(evt);
});
this.search_field.bind('focus.chosen', function(evt) {
_this.input_focus(evt);
});
this.search_field.bind('cut.chosen', function(evt) {
_this.clipboard_event_checker(evt);
});
this.search_field.bind('paste.chosen', function(evt) {
_this.clipboard_event_checker(evt);
});
if (this.is_multiple) {
return this.search_choices.bind('click.chosen', function(evt) {
_this.choices_click(evt);
});
} else {
return this.container.bind('click.chosen', function(evt) {
evt.preventDefault();
});
}
};
Chosen.prototype.destroy = function() {
$(this.container[0].ownerDocument).unbind("click.chosen", this.click_test_action);
if (this.search_field[0].tabIndex) {
this.form_field_jq[0].tabIndex = this.search_field[0].tabIndex;
}
this.container.remove();
this.form_field_jq.removeData('chosen');
return this.form_field_jq.show();
};
Chosen.prototype.search_field_disabled = function() {
this.is_disabled = this.form_field_jq[0].disabled;
if (this.is_disabled) {
this.container.addClass('chosen-disabled');
this.search_field[0].disabled = true;
if (!this.is_multiple) {
this.selected_item.unbind("focus.chosen", this.activate_action);
}
return this.close_field();
} else {
this.container.removeClass('chosen-disabled');
this.search_field[0].disabled = false;
if (!this.is_multiple) {
return this.selected_item.bind("focus.chosen", this.activate_action);
}
}
};
Chosen.prototype.container_mousedown = function(evt) {
if (!this.is_disabled) {
if (evt && evt.type === "mousedown" && !this.results_showing) {
evt.preventDefault();
}
if (!((evt != null) && ($(evt.target)).hasClass("search-choice-close"))) {
if (!this.active_field) {
if (this.is_multiple) {
this.search_field.val("");
}
$(this.container[0].ownerDocument).bind('click.chosen', this.click_test_action);
this.results_show();
} else if (!this.is_multiple && evt && (($(evt.target)[0] === this.selected_item[0]) || $(evt.target).parents("a.chosen-single").length)) {
evt.preventDefault();
this.results_toggle();
}
return this.activate_field();
}
}
};
Chosen.prototype.container_mouseup = function(evt) {
if (evt.target.nodeName === "ABBR" && !this.is_disabled) {
return this.results_reset(evt);
}
};
Chosen.prototype.search_results_mousewheel = function(evt) {
var delta;
if (evt.originalEvent) {
delta = evt.originalEvent.deltaY || -evt.originalEvent.wheelDelta || evt.originalEvent.detail;
}
if (delta != null) {
evt.preventDefault();
if (evt.type === 'DOMMouseScroll') {
delta = delta * 40;
}
return this.search_results.scrollTop(delta + this.search_results.scrollTop());
}
};
Chosen.prototype.blur_test = function(evt) {
if (!this.active_field && this.container.hasClass("chosen-container-active")) {
return this.close_field();
}
};
Chosen.prototype.close_field = function() {
$(this.container[0].ownerDocument).unbind("click.chosen", this.click_test_action);
this.active_field = false;
this.results_hide();
this.container.removeClass("chosen-container-active");
this.clear_backstroke();
this.show_search_field_default();
return this.search_field_scale();
};
Chosen.prototype.activate_field = function() {
this.container.addClass("chosen-container-active");
this.active_field = true;
this.search_field.val(this.search_field.val());
return this.search_field.focus();
};
Chosen.prototype.test_active_click = function(evt) {
var active_container;
active_container = $(evt.target).closest('.chosen-container');
if (active_container.length && this.container[0] === active_container[0]) {
return this.active_field = true;
} else {
return this.close_field();
}
};
Chosen.prototype.results_build = function() {
this.parsing = true;
this.selected_option_count = null;
this.results_data = SelectParser.select_to_array(this.form_field);
if (this.is_multiple) {
this.search_choices.find("li.search-choice").remove();
} else if (!this.is_multiple) {
this.single_set_selected_text();
if (this.disable_search || this.form_field.options.length <= this.disable_search_threshold) {
this.search_field[0].readOnly = true;
this.container.addClass("chosen-container-single-nosearch");
} else {
this.search_field[0].readOnly = false;
this.container.removeClass("chosen-container-single-nosearch");
}
}
this.update_results_content(this.results_option_build({
first: true
}));
this.search_field_disabled();
this.show_search_field_default();
this.search_field_scale();
return this.parsing = false;
};
Chosen.prototype.result_do_highlight = function(el) {
var high_bottom, high_top, maxHeight, visible_bottom, visible_top;
if (el.length) {
this.result_clear_highlight();
this.result_highlight = el;
this.result_highlight.addClass("highlighted");
maxHeight = parseInt(this.search_results.css("maxHeight"), 10);
visible_top = this.search_results.scrollTop();
visible_bottom = maxHeight + visible_top;
high_top = this.result_highlight.position().top + this.search_results.scrollTop();
high_bottom = high_top + this.result_highlight.outerHeight();
if (high_bottom >= visible_bottom) {
return this.search_results.scrollTop((high_bottom - maxHeight) > 0 ? high_bottom - maxHeight : 0);
} else if (high_top < visible_top) {
return this.search_results.scrollTop(high_top);
}
}
};
Chosen.prototype.result_clear_highlight = function() {
if (this.result_highlight) {
this.result_highlight.removeClass("highlighted");
}
return this.result_highlight = null;
};
Chosen.prototype.results_show = function() {
if (this.is_multiple && this.max_selected_options <= this.choices_count()) {
this.form_field_jq.trigger("chosen:maxselected", {
chosen: this
});
return false;
}
this.container.addClass("chosen-with-drop");
this.results_showing = true;
this.search_field.focus();
this.search_field.val(this.search_field.val());
this.winnow_results();
return this.form_field_jq.trigger("chosen:showing_dropdown", {
chosen: this
});
};
Chosen.prototype.update_results_content = function(content) {
return this.search_results.html(content);
};
Chosen.prototype.results_hide = function() {
if (this.results_showing) {
this.result_clear_highlight();
this.container.removeClass("chosen-with-drop");
this.form_field_jq.trigger("chosen:hiding_dropdown", {
chosen: this
});
}
return this.results_showing = false;
};
Chosen.prototype.set_tab_index = function(el) {
var ti;
if (this.form_field.tabIndex) {
ti = this.form_field.tabIndex;
this.form_field.tabIndex = -1;
return this.search_field[0].tabIndex = ti;
}
};
Chosen.prototype.set_label_behavior = function() {
var _this = this;
this.form_field_label = this.form_field_jq.parents("label");
if (!this.form_field_label.length && this.form_field.id.length) {
this.form_field_label = $("label[for='" + this.form_field.id + "']");
}
if (this.form_field_label.length > 0) {
return this.form_field_label.bind('click.chosen', function(evt) {
if (_this.is_multiple) {
return _this.container_mousedown(evt);
} else {
return _this.activate_field();
}
});
}
};
Chosen.prototype.show_search_field_default = function() {
if (this.is_multiple && this.choices_count() < 1 && !this.active_field) {
this.search_field.val(this.default_text);
return this.search_field.addClass("default");
} else {
this.search_field.val("");
return this.search_field.removeClass("default");
}
};
Chosen.prototype.search_results_mouseup = function(evt) {
var target;
target = $(evt.target).hasClass("active-result") ? $(evt.target) : $(evt.target).parents(".active-result").first();
if (target.length) {
this.result_highlight = target;
this.result_select(evt);
return this.search_field.focus();
}
};
Chosen.prototype.search_results_mouseover = function(evt) {
var target;
target = $(evt.target).hasClass("active-result") ? $(evt.target) : $(evt.target).parents(".active-result").first();
if (target) {
return this.result_do_highlight(target);
}
};
Chosen.prototype.search_results_mouseout = function(evt) {
if ($(evt.target).hasClass("active-result" || $(evt.target).parents('.active-result').first())) {
return this.result_clear_highlight();
}
};
Chosen.prototype.choice_build = function(item) {
var choice, close_link,
_this = this;
choice = $('<li />', {
"class": "search-choice"
}).html("<span>" + (this.choice_label(item)) + "</span>");
if (item.disabled) {
choice.addClass('search-choice-disabled');
} else {
close_link = $('<a />', {
"class": 'search-choice-close',
'data-option-array-index': item.array_index
});
close_link.bind('click.chosen', function(evt) {
return _this.choice_destroy_link_click(evt);
});
choice.append(close_link);
}
return this.search_container.before(choice);
};
Chosen.prototype.choice_destroy_link_click = function(evt) {
evt.preventDefault();
evt.stopPropagation();
if (!this.is_disabled) {
return this.choice_destroy($(evt.target));
}
};
Chosen.prototype.choice_destroy = function(link) {
if (this.result_deselect(link[0].getAttribute("data-option-array-index"))) {
this.show_search_field_default();
if (this.is_multiple && this.choices_count() > 0 && this.search_field.val().length < 1) {
this.results_hide();
}
link.parents('li').first().remove();
return this.search_field_scale();
}
};
Chosen.prototype.results_reset = function() {
this.reset_single_select_options();
this.form_field.options[0].selected = true;
this.single_set_selected_text();
this.show_search_field_default();
this.results_reset_cleanup();
this.form_field_jq.trigger("change");
if (this.active_field) {
return this.results_hide();
}
};
Chosen.prototype.results_reset_cleanup = function() {
this.current_selectedIndex = this.form_field.selectedIndex;
return this.selected_item.find("abbr").remove();
};
Chosen.prototype.result_select = function(evt) {
var high, item;
if (this.result_highlight) {
high = this.result_highlight;
this.result_clear_highlight();
if (this.is_multiple && this.max_selected_options <= this.choices_count()) {
this.form_field_jq.trigger("chosen:maxselected", {
chosen: this
});
return false;
}
if (this.is_multiple) {
high.removeClass("active-result");
} else {
this.reset_single_select_options();
}
high.addClass("result-selected");
item = this.results_data[high[0].getAttribute("data-option-array-index")];
item.selected = true;
this.form_field.options[item.options_index].selected = true;
this.selected_option_count = null;
if (this.is_multiple) {
this.choice_build(item);
} else {
this.single_set_selected_text(this.choice_label(item));
}
if (!((evt.metaKey || evt.ctrlKey) && this.is_multiple)) {
this.results_hide();
}
this.show_search_field_default();
if (this.is_multiple || this.form_field.selectedIndex !== this.current_selectedIndex) {
this.form_field_jq.trigger("change", {
'selected': this.form_field.options[item.options_index].value
});
}
this.current_selectedIndex = this.form_field.selectedIndex;
evt.preventDefault();
return this.search_field_scale();
}
};
Chosen.prototype.single_set_selected_text = function(text) {
if (text == null) {
text = this.default_text;
}
if (text === this.default_text) {
this.selected_item.addClass("chosen-default");
} else {
this.single_deselect_control_build();
this.selected_item.removeClass("chosen-default");
}
return this.selected_item.find("span").html(text);
};
Chosen.prototype.result_deselect = function(pos) {
var result_data;
result_data = this.results_data[pos];
if (!this.form_field.options[result_data.options_index].disabled) {
result_data.selected = false;
this.form_field.options[result_data.options_index].selected = false;
this.selected_option_count = null;
this.result_clear_highlight();
if (this.results_showing) {
this.winnow_results();
}
this.form_field_jq.trigger("change", {
deselected: this.form_field.options[result_data.options_index].value
});
this.search_field_scale();
return true;
} else {
return false;
}
};
Chosen.prototype.single_deselect_control_build = function() {
if (!this.allow_single_deselect) {
return;
}
if (!this.selected_item.find("abbr").length) {
this.selected_item.find("span").first().after("<abbr class=\"search-choice-close\"></abbr>");
}
return this.selected_item.addClass("chosen-single-with-deselect");
};
Chosen.prototype.get_search_text = function() {
return $('<div/>').text($.trim(this.search_field.val())).html();
};
Chosen.prototype.winnow_results_set_highlight = function() {
var do_high, selected_results;
selected_results = !this.is_multiple ? this.search_results.find(".result-selected.active-result") : [];
do_high = selected_results.length ? selected_results.first() : this.search_results.find(".active-result").first();
if (do_high != null) {
return this.result_do_highlight(do_high);
}
};
Chosen.prototype.no_results = function(terms) {
var no_results_html;
no_results_html = $('<li class="no-results">' + this.results_none_found + ' "<span></span>"</li>');
no_results_html.find("span").first().html(terms);
this.search_results.append(no_results_html);
return this.form_field_jq.trigger("chosen:no_results", {
chosen: this
});
};
Chosen.prototype.no_results_clear = function() {
return this.search_results.find(".no-results").remove();
};
Chosen.prototype.keydown_arrow = function() {
var next_sib;
if (this.results_showing && this.result_highlight) {
next_sib = this.result_highlight.nextAll("li.active-result").first();
if (next_sib) {
return this.result_do_highlight(next_sib);
}
} else {
return this.results_show();
}
};
Chosen.prototype.keyup_arrow = function() {
var prev_sibs;
if (!this.results_showing && !this.is_multiple) {
return this.results_show();
} else if (this.result_highlight) {
prev_sibs = this.result_highlight.prevAll("li.active-result");
if (prev_sibs.length) {
return this.result_do_highlight(prev_sibs.first());
} else {
if (this.choices_count() > 0) {
this.results_hide();
}
return this.result_clear_highlight();
}
}
};
Chosen.prototype.keydown_backstroke = function() {
var next_available_destroy;
if (this.pending_backstroke) {
this.choice_destroy(this.pending_backstroke.find("a").first());
return this.clear_backstroke();
} else {
next_available_destroy = this.search_container.siblings("li.search-choice").last();
if (next_available_destroy.length && !next_available_destroy.hasClass("search-choice-disabled")) {
this.pending_backstroke = next_available_destroy;
if (this.single_backstroke_delete) {
return this.keydown_backstroke();
} else {
return this.pending_backstroke.addClass("search-choice-focus");
}
}
}
};
Chosen.prototype.clear_backstroke = function() {
if (this.pending_backstroke) {
this.pending_backstroke.removeClass("search-choice-focus");
}
return this.pending_backstroke = null;
};
Chosen.prototype.keydown_checker = function(evt) {
var stroke, _ref1;
stroke = (_ref1 = evt.which) != null ? _ref1 : evt.keyCode;
this.search_field_scale();
if (stroke !== 8 && this.pending_backstroke) {
this.clear_backstroke();
}
switch (stroke) {
case 8:
this.backstroke_length = this.search_field.val().length;
break;
case 9:
if (this.results_showing && !this.is_multiple) {
this.result_select(evt);
}
this.mouse_on_container = false;
break;
case 13:
if (this.results_showing) {
evt.preventDefault();
}
break;
case 32:
if (this.disable_search) {
evt.preventDefault();
}
break;
case 38:
evt.preventDefault();
this.keyup_arrow();
break;
case 40:
evt.preventDefault();
this.keydown_arrow();
break;
}
};
Chosen.prototype.search_field_scale = function() {
var div, f_width, h, style, style_block, styles, w, _i, _len;
if (this.is_multiple) {
h = 0;
w = 0;
style_block = "position:absolute; left: -1000px; top: -1000px; display:none;";
styles = ['font-size', 'font-style', 'font-weight', 'font-family', 'line-height', 'text-transform', 'letter-spacing'];
for (_i = 0, _len = styles.length; _i < _len; _i++) {
style = styles[_i];
style_block += style + ":" + this.search_field.css(style) + ";";
}
div = $('<div />', {
'style': style_block
});
div.text(this.search_field.val());
$('body').append(div);
w = div.width() + 25;
div.remove();
f_width = this.container.outerWidth();
if (w > f_width - 10) {
w = f_width - 10;
}
return this.search_field.css({
'width': w + 'px'
});
}
};
return Chosen;
})(AbstractChosen);
}).call(this);
}).apply(root, arguments);
});
}(this));
(function(root) {
define("angular-chosen", ["angular","jquery-chosen"], function() {
return (function() {
/**
* angular-chosen-localytics - Angular Chosen directive is an AngularJS Directive that brings the Chosen jQuery in a Angular way
* @version v1.3.0
* @link http://github.com/leocaseiro/angular-chosen
* @license MIT
*/
(function() {
var indexOf = [].indexOf || function(item) { for (var i = 0, l = this.length; i < l; i++) { if (i in this && this[i] === item) return i; } return -1; };
angular.module('localytics.directives', []);
angular.module('localytics.directives').directive('chosen', [
'$timeout', function($timeout) {
var CHOSEN_OPTION_WHITELIST, NG_OPTIONS_REGEXP, isEmpty, snakeCase;
NG_OPTIONS_REGEXP = /^\s*([\s\S]+?)(?:\s+as\s+([\s\S]+?))?(?:\s+group\s+by\s+([\s\S]+?))?\s+for\s+(?:([\$\w][\$\w]*)|(?:\(\s*([\$\w][\$\w]*)\s*,\s*([\$\w][\$\w]*)\s*\)))\s+in\s+([\s\S]+?)(?:\s+track\s+by\s+([\s\S]+?))?$/;
CHOSEN_OPTION_WHITELIST = ['persistentCreateOption', 'createOptionText', 'createOption', 'skipNoResults', 'noResultsText', 'allowSingleDeselect', 'disableSearchThreshold', 'disableSearch', 'enableSplitWordSearch', 'inheritSelectClasses', 'maxSelectedOptions', 'placeholderTextMultiple', 'placeholderTextSingle', 'searchContains', 'singleBackstrokeDelete', 'displayDisabledOptions', 'displaySelectedOptions', 'width', 'includeGroupLabelInSelected', 'maxShownResults'];
snakeCase = function(input) {
return input.replace(/[A-Z]/g, function($1) {
return "_" + ($1.toLowerCase());
});
};
isEmpty = function(value) {
var key;
if (angular.isArray(value)) {
return value.length === 0;
} else if (angular.isObject(value)) {
for (key in value) {
if (value.hasOwnProperty(key)) {
return false;
}
}
}
return true;
};
return {
restrict: 'A',
require: '?ngModel',
priority: 1,
link: function(scope, element, attr, ngModel) {
var chosen, empty, initOrUpdate, match, options, origRender, startLoading, stopLoading, updateMessage, valuesExpr, viewWatch;
scope.disabledValuesHistory = scope.disabledValuesHistory ? scope.disabledValuesHistory : [];
element = $(element);
element.addClass('localytics-chosen');
options = scope.$eval(attr.chosen) || {};
angular.forEach(attr, function(value, key) {
if (indexOf.call(CHOSEN_OPTION_WHITELIST, key) >= 0) {
return attr.$observe(key, function(value) {
options[snakeCase(key)] = String(element.attr(attr.$attr[key])).slice(0, 2) === '{{' ? value : scope.$eval(value);
return updateMessage();
});
}
});
startLoading = function() {
return element.addClass('loading').attr('disabled', true).trigger('chosen:updated');
};
stopLoading = function() {
element.removeClass('loading');
if (angular.isDefined(attr.disabled)) {
element.attr('disabled', attr.disabled);
} else {
element.attr('disabled', false);
}
return element.trigger('chosen:updated');
};
chosen = null;
empty = false;
initOrUpdate = function() {
var defaultText;
if (chosen) {
return element.trigger('chosen:updated');
} else {
$timeout(function() {
chosen = element.chosen(options).data('chosen');
});
if (angular.isObject(chosen)) {
return defaultText = chosen.default_text;
}
}
};
updateMessage = function() {
if (empty) {
element.attr('data-placeholder', chosen.results_none_found).attr('disabled', true);
} else {
element.removeAttr('data-placeholder');
}
return element.trigger('chosen:updated');
};
if (ngModel) {
origRender = ngModel.$render;
ngModel.$render = function() {
origRender();
return initOrUpdate();
};
element.on('chosen:hiding_dropdown', function() {
return scope.$apply(function() {
return ngModel.$setTouched();
});
});
if (attr.multiple) {
viewWatch = function() {
return ngModel.$viewValue;
};
scope.$watch(viewWatch, ngModel.$render, true);
}
} else {
initOrUpdate();
}
attr.$observe('disabled', function() {
return element.trigger('chosen:updated');
});
if (attr.ngOptions && ngModel) {
match = attr.ngOptions.match(NG_OPTIONS_REGEXP);
valuesExpr = match[7];
scope.$watchCollection(valuesExpr, function(newVal, oldVal) {
var timer;
return timer = $timeout(function() {
if (angular.isUndefined(newVal)) {
return startLoading();
} else {
empty = isEmpty(newVal);
stopLoading();
return updateMessage();
}
});
});
return scope.$on('$destroy', function(event) {
if (typeof timer !== "undefined" && timer !== null) {
return $timeout.cancel(timer);
}
});
}
}
};
}
]);
}).call(this);
}).apply(root, arguments);
});
}(this));
// Copyright 2025 WebPros International, LLC
// All rights reserved.
// copyright@cpanel.net http://cpanel.net
// This code is subject to the cPanel license. Unauthorized copying is prohibited.
/* global require, define, PAGE */
/** @namespace cpanel.domains */
define(
'app/index',[
"angular",
"cjt/core",
"app/views/ROUTES",
"app/views/createDomain",
"app/views/manageDomain",
"cjt/modules",
"ngRoute",
"ngAnimate",
"cjt/services/alertService",
"app/services/domains",
"app/directives/itemLister",
"app/directives/domainListerViewDirective",
"app/directives/domainSearchModalDirective",
"app/directives/tldPriorityInputDirective",
"app/validators/subdomain",
"app/validators/domainIsUnique",
"cjt/directives/callout",
"cjt/directives/loadingPanel",
"angular-chosen",
],
function(angular, CJT, ROUTES, CreateDomain, ManageDomain) {
"use strict";
return function() {
// First create the application
angular.module("cpanel.domains", [
"ngRoute",
"ngAnimate",
"cjt2.cpanel",
"cpanel.domains.domains.service",
"cpanel.domains.itemLister.directive",
"cpanel.domains.domainListerView.directive",
"cpanel.domains.domainSearchModal",
"cpanel.domains.tldPriorityInput",
CreateDomain.namespace,
ManageDomain.namespace,
"cjt2.directives.loadingPanel",
"cjt2.services.alert",
"localytics.directives",
]);
var requires = [
"cjt/bootstrap",
"cjt/directives/breadcrumbs",
"app/views/main",
];
ROUTES.forEach(function(route) {
requires.push("app/views/" + route.controller);
});
// Then load the application dependencies
var app = require(requires, function(BOOTSTRAP) {
var app = angular.module("cpanel.domains");
app.value("PAGE", PAGE);
app.value("ZONE_EDITOR_APP_OBJ", PAGE.zoneEditorAppObj);
app.value("ITEM_LISTER_CONSTANTS", {
TABLE_ITEM_BUTTON_EVENT: "TableItemActionButtonEmitted",
ITEM_LISTER_UPDATED_EVENT: "ItemListerUpdatedEvent",
});
app.config([
"$routeProvider",
"$animateProvider",
function($routeProvider, $animateProvider) {
$animateProvider.classNameFilter(/^((?!no-animate).)*$/);
ROUTES.forEach(function(route) {
$routeProvider.when(route.route, {
controller: route.controller,
templateUrl: route.templateUrl,
breadcrumb: route.breadcrumb,
resolve: route.resolve,
});
});
$routeProvider.otherwise({
"redirectTo": "/",
});
},
]);
BOOTSTRAP("#content", "cpanel.domains");
});
return app;
};
}
);
Back to Directory