Contact number property editor (functionality as from DRC)

Appstract.UmbracoContactNumber.sln

+
+Microsoft Visual Studio Solution File, Format Version 12.00
+# Visual Studio Version 16
+VisualStudioVersion = 16.0.29806.167
+MinimumVisualStudioVersion = 10.0.40219.1
+Project("{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}") = "Appstract.UmbracoContactNumber", "Appstract.UmbracoContactNumber\Appstract.UmbracoContactNumber.csproj", "{13039FC7-1946-45AB-9C10-25662BFB7C70}"
+EndProject
+Global
+	GlobalSection(SolutionConfigurationPlatforms) = preSolution
+		Debug|Any CPU = Debug|Any CPU
+		Release|Any CPU = Release|Any CPU
+	EndGlobalSection
+	GlobalSection(ProjectConfigurationPlatforms) = postSolution
+		{13039FC7-1946-45AB-9C10-25662BFB7C70}.Debug|Any CPU.ActiveCfg = Debug|Any CPU
+		{13039FC7-1946-45AB-9C10-25662BFB7C70}.Debug|Any CPU.Build.0 = Debug|Any CPU
+		{13039FC7-1946-45AB-9C10-25662BFB7C70}.Release|Any CPU.ActiveCfg = Release|Any CPU
+		{13039FC7-1946-45AB-9C10-25662BFB7C70}.Release|Any CPU.Build.0 = Release|Any CPU
+	EndGlobalSection
+	GlobalSection(SolutionProperties) = preSolution
+		HideSolutionNode = FALSE
+	EndGlobalSection
+	GlobalSection(ExtensibilityGlobals) = postSolution
+		SolutionGuid = {AAB9912E-18B9-4854-9A0B-FB2C0D9931D1}
+	EndGlobalSection
+EndGlobal

Appstract.UmbracoContactNumber/App_Plugins/Appstract.UmbracoContactNumber/index.html

+<div ng-controller="ContactNumberController">
+	<label ng-if="!inEditState">{{("+" + model.value.CountryCodeAndPhoneCode.split(model.separator)[1] + " " + model.value.ContactNumber)}}</label>
+	<div ng-if="inEditState">
+		<select ng-model="model.value.CountryCodeAndPhoneCode" ng-options="item.ID as item.CountryName +' (+' + item.ID.split(model.separator)[1] +')' for item in model.list | orderBy:'CountryName'"></select>
+		<input type="text" name="input" numbers-only ng-model="model.value.ContactNumber">
+		<img ng-if="model.value.CountryCodeAndPhoneCode && model.value.ContactNumber && model.db[model.value.CountryCodeAndPhoneCode.split(model.separator)[0]].ValidLengths.indexOf(model.value.ContactNumber.split(' ').join('').length) !== -1" src="/App_Plugins/Appstract.UmbracoContactNumber/input_check.svg" class="input-field-validation-success" />
+	</div>
+	<span ng-if="!inEditState" class="country-picker-edit-label" ng-click="onEdit()">{{translations.ContactNumber_Edit}}</span>
+	<span ng-if="!inEditState" class="country-picker-edit-label reset" ng-click="onEdit(true)">{{translations.ContactNumber_Delete}}</span>
+</div>

Appstract.UmbracoContactNumber/App_Plugins/Appstract.UmbracoContactNumber/index.js

+angular.module("umbraco").controller("ContactNumberController", function ($scope, $routeParams, localizationService) {
+	$scope.model.separator = "#";
+	$scope.model.db = {
+		"pr": { CountryPhoneCodeList: ["1 787", "1 939"], ValidLengths: [7] },
+		"dk": { CountryPhoneCodeList: ["45"], ValidLengths: [8] },
+		"de": { CountryPhoneCodeList: ["49"], ValidLengths: [11] },
+		"nl": { CountryPhoneCodeList: ["31"], ValidLengths: [9] },
+		"be": { CountryPhoneCodeList: ["32"], ValidLengths: [8] },
+		"gb": { CountryPhoneCodeList: ["44"], ValidLengths: [10] },
+		"no": { CountryPhoneCodeList: ["47"], ValidLengths: [8] },
+		"az": { CountryPhoneCodeList: ["994"], ValidLengths: [9] },
+		"qa": { CountryPhoneCodeList: ["974"], ValidLengths: [8] },
+		"ae": { CountryPhoneCodeList: ["971"], ValidLengths: [8] },
+		"ca": { CountryPhoneCodeList: ["1"], ValidLengths: [10] },
+		"ng": { CountryPhoneCodeList: ["234"], ValidLengths: [8] },
+		"tt": { CountryPhoneCodeList: ["1 868"], ValidLengths: [7] },
+		"us": { CountryPhoneCodeList: ["1"], ValidLengths: [10] },
+		"th": { CountryPhoneCodeList: ["66"], ValidLengths: [6] },
+		"mx": { CountryPhoneCodeList: ["52"], ValidLengths: [10] },
+		"br": { CountryPhoneCodeList: ["55"], ValidLengths: [10] },
+		"sg": { CountryPhoneCodeList: ["65"], ValidLengths: [8] },
+		"my": { CountryPhoneCodeList: ["60"], ValidLengths: [9] },
+		"in": { CountryPhoneCodeList: ["91"], ValidLengths: [10] },
+		"af": { CountryPhoneCodeList: ["93"], ValidLengths: [] },
+		"al": { CountryPhoneCodeList: ["355"], ValidLengths: [] },
+		"dz": { CountryPhoneCodeList: ["213"], ValidLengths: [] },
+		"as": { CountryPhoneCodeList: ["1 684"], ValidLengths: [] },
+		"ad": { CountryPhoneCodeList: ["376"], ValidLengths: [] },
+		"ao": { CountryPhoneCodeList: ["244"], ValidLengths: [] },
+		"ai": { CountryPhoneCodeList: ["1 264"], ValidLengths: [] },
+		"aq": { CountryPhoneCodeList: ["672"], ValidLengths: [] },
+		"ag": { CountryPhoneCodeList: ["1 268"], ValidLengths: [] },
+		"ar": { CountryPhoneCodeList: ["54"], ValidLengths: [] },
+		"am": { CountryPhoneCodeList: ["374"], ValidLengths: [] },
+		"aw": { CountryPhoneCodeList: ["297"], ValidLengths: [] },
+		"au": { CountryPhoneCodeList: ["61"], ValidLengths: [] },
+		"at": { CountryPhoneCodeList: ["43"], ValidLengths: [] },
+		"bs": { CountryPhoneCodeList: ["1 242"], ValidLengths: [] },
+		"bh": { CountryPhoneCodeList: ["973"], ValidLengths: [] },
+		"bd": { CountryPhoneCodeList: ["880"], ValidLengths: [] },
+		"bb": { CountryPhoneCodeList: ["1 246"], ValidLengths: [] },
+		"by": { CountryPhoneCodeList: ["375"], ValidLengths: [] },
+		"bz": { CountryPhoneCodeList: ["501"], ValidLengths: [] },
+		"bj": { CountryPhoneCodeList: ["229"], ValidLengths: [] },
+		"bm": { CountryPhoneCodeList: ["1 441"], ValidLengths: [] },
+		"bt": { CountryPhoneCodeList: ["975"], ValidLengths: [] },
+		"bo": { CountryPhoneCodeList: ["591"], ValidLengths: [] },
+		"ba": { CountryPhoneCodeList: ["387"], ValidLengths: [] },
+		"bw": { CountryPhoneCodeList: ["267"], ValidLengths: [] },
+		"io": { CountryPhoneCodeList: ["246"], ValidLengths: [] },
+		"vg": { CountryPhoneCodeList: ["1 284"], ValidLengths: [] },
+		"bn": { CountryPhoneCodeList: ["673"], ValidLengths: [] },
+		"bg": { CountryPhoneCodeList: ["359"], ValidLengths: [] },
+		"bf": { CountryPhoneCodeList: ["226"], ValidLengths: [] },
+		"bi": { CountryPhoneCodeList: ["257"], ValidLengths: [] },
+		"kh": { CountryPhoneCodeList: ["855"], ValidLengths: [] },
+		"cm": { CountryPhoneCodeList: ["237"], ValidLengths: [] },
+		"cv": { CountryPhoneCodeList: ["238"], ValidLengths: [] },
+		"ky": { CountryPhoneCodeList: ["1 345"], ValidLengths: [] },
+		"cf": { CountryPhoneCodeList: ["236"], ValidLengths: [] },
+		"td": { CountryPhoneCodeList: ["235"], ValidLengths: [] },
+		"cl": { CountryPhoneCodeList: ["56"], ValidLengths: [] },
+		"cn": { CountryPhoneCodeList: ["86"], ValidLengths: [] },
+		"cx": { CountryPhoneCodeList: ["61"], ValidLengths: [] },
+		"cc": { CountryPhoneCodeList: ["61"], ValidLengths: [] },
+		"co": { CountryPhoneCodeList: ["57"], ValidLengths: [] },
+		"km": { CountryPhoneCodeList: ["269"], ValidLengths: [] },
+		"ck": { CountryPhoneCodeList: ["682"], ValidLengths: [] },
+		"cr": { CountryPhoneCodeList: ["506"], ValidLengths: [] },
+		"hr": { CountryPhoneCodeList: ["385"], ValidLengths: [] },
+		"cu": { CountryPhoneCodeList: ["53"], ValidLengths: [] },
+		"cw": { CountryPhoneCodeList: ["599"], ValidLengths: [] },
+		"cy": { CountryPhoneCodeList: ["357"], ValidLengths: [] },
+		"cz": { CountryPhoneCodeList: ["420"], ValidLengths: [] },
+		"cd": { CountryPhoneCodeList: ["243"], ValidLengths: [] },
+		"dj": { CountryPhoneCodeList: ["253"], ValidLengths: [] },
+		"dm": { CountryPhoneCodeList: ["1 767"], ValidLengths: [] },
+		"tl": { CountryPhoneCodeList: ["670"], ValidLengths: [] },
+		"ec": { CountryPhoneCodeList: ["593"], ValidLengths: [] },
+		"eg": { CountryPhoneCodeList: ["20"], ValidLengths: [] },
+		"sv": { CountryPhoneCodeList: ["503"], ValidLengths: [] },
+		"gq": { CountryPhoneCodeList: ["240"], ValidLengths: [] },
+		"er": { CountryPhoneCodeList: ["291"], ValidLengths: [] },
+		"ee": { CountryPhoneCodeList: ["372"], ValidLengths: [] },
+		"et": { CountryPhoneCodeList: ["251"], ValidLengths: [] },
+		"fk": { CountryPhoneCodeList: ["500"], ValidLengths: [] },
+		"fo": { CountryPhoneCodeList: ["298"], ValidLengths: [] },
+		"fj": { CountryPhoneCodeList: ["679"], ValidLengths: [] },
+		"fi": { CountryPhoneCodeList: ["358"], ValidLengths: [] },
+		"fr": { CountryPhoneCodeList: ["33"], ValidLengths: [] },
+		"pf": { CountryPhoneCodeList: ["689"], ValidLengths: [] },
+		"ga": { CountryPhoneCodeList: ["241"], ValidLengths: [] },
+		"gm": { CountryPhoneCodeList: ["220"], ValidLengths: [] },
+		"ge": { CountryPhoneCodeList: ["995"], ValidLengths: [] },
+		"gh": { CountryPhoneCodeList: ["233"], ValidLengths: [] },
+		"gi": { CountryPhoneCodeList: ["350"], ValidLengths: [] },
+		"gr": { CountryPhoneCodeList: ["30"], ValidLengths: [] },
+		"gl": { CountryPhoneCodeList: ["299"], ValidLengths: [] },
+		"gd": { CountryPhoneCodeList: ["1 473"], ValidLengths: [] },
+		"gu": { CountryPhoneCodeList: ["1 671"], ValidLengths: [] },
+		"gt": { CountryPhoneCodeList: ["502"], ValidLengths: [] },
+		"gg": { CountryPhoneCodeList: ["44 1481"], ValidLengths: [] },
+		"gn": { CountryPhoneCodeList: ["224"], ValidLengths: [] },
+		"gw": { CountryPhoneCodeList: ["245"], ValidLengths: [] },
+		"gy": { CountryPhoneCodeList: ["592"], ValidLengths: [] },
+		"ht": { CountryPhoneCodeList: ["509"], ValidLengths: [] },
+		"hn": { CountryPhoneCodeList: ["504"], ValidLengths: [] },
+		"hk": { CountryPhoneCodeList: ["852"], ValidLengths: [] },
+		"hu": { CountryPhoneCodeList: ["36"], ValidLengths: [] },
+		"is": { CountryPhoneCodeList: ["354"], ValidLengths: [] },
+		"id": { CountryPhoneCodeList: ["62"], ValidLengths: [] },
+		"ir": { CountryPhoneCodeList: ["98"], ValidLengths: [] },
+		"iq": { CountryPhoneCodeList: ["964"], ValidLengths: [] },
+		"ie": { CountryPhoneCodeList: ["353"], ValidLengths: [] },
+		"im": { CountryPhoneCodeList: ["44 1624"], ValidLengths: [] },
+		"il": { CountryPhoneCodeList: ["972"], ValidLengths: [] },
+		"it": { CountryPhoneCodeList: ["39"], ValidLengths: [] },
+		"ci": { CountryPhoneCodeList: ["225"], ValidLengths: [] },
+		"jm": { CountryPhoneCodeList: ["1 876"], ValidLengths: [] },
+		"jp": { CountryPhoneCodeList: ["81"], ValidLengths: [] },
+		"je": { CountryPhoneCodeList: ["44 1534"], ValidLengths: [] },
+		"jo": { CountryPhoneCodeList: ["962"], ValidLengths: [] },
+		"kz": { CountryPhoneCodeList: ["7"], ValidLengths: [] },
+		"ke": { CountryPhoneCodeList: ["254"], ValidLengths: [] },
+		"ki": { CountryPhoneCodeList: ["686"], ValidLengths: [] },
+		"xk": { CountryPhoneCodeList: ["383"], ValidLengths: [] },
+		"kw": { CountryPhoneCodeList: ["965"], ValidLengths: [] },
+		"kg": { CountryPhoneCodeList: ["996"], ValidLengths: [] },
+		"la": { CountryPhoneCodeList: ["856"], ValidLengths: [] },
+		"lv": { CountryPhoneCodeList: ["371"], ValidLengths: [] },
+		"lb": { CountryPhoneCodeList: ["961"], ValidLengths: [] },
+		"ls": { CountryPhoneCodeList: ["266"], ValidLengths: [] },
+		"lr": { CountryPhoneCodeList: ["231"], ValidLengths: [] },
+		"ly": { CountryPhoneCodeList: ["218"], ValidLengths: [] },
+		"li": { CountryPhoneCodeList: ["423"], ValidLengths: [] },
+		"lt": { CountryPhoneCodeList: ["370"], ValidLengths: [] },
+		"lu": { CountryPhoneCodeList: ["352"], ValidLengths: [] },
+		"mo": { CountryPhoneCodeList: ["853"], ValidLengths: [] },
+		"mk": { CountryPhoneCodeList: ["389"], ValidLengths: [] },
+		"mg": { CountryPhoneCodeList: ["261"], ValidLengths: [] },
+		"mw": { CountryPhoneCodeList: ["265"], ValidLengths: [] },
+		"mv": { CountryPhoneCodeList: ["960"], ValidLengths: [] },
+		"ml": { CountryPhoneCodeList: ["223"], ValidLengths: [] },
+		"mt": { CountryPhoneCodeList: ["356"], ValidLengths: [] },
+		"mh": { CountryPhoneCodeList: ["692"], ValidLengths: [] },
+		"mr": { CountryPhoneCodeList: ["222"], ValidLengths: [] },
+		"mu": { CountryPhoneCodeList: ["230"], ValidLengths: [] },
+		"yt": { CountryPhoneCodeList: ["262"], ValidLengths: [] },
+		"fm": { CountryPhoneCodeList: ["691"], ValidLengths: [] },
+		"md": { CountryPhoneCodeList: ["373"], ValidLengths: [] },
+		"mc": { CountryPhoneCodeList: ["377"], ValidLengths: [] },
+		"mn": { CountryPhoneCodeList: ["976"], ValidLengths: [] },
+		"me": { CountryPhoneCodeList: ["382"], ValidLengths: [] },
+		"ms": { CountryPhoneCodeList: ["1 664"], ValidLengths: [] },
+		"ma": { CountryPhoneCodeList: ["212"], ValidLengths: [] },
+		"mz": { CountryPhoneCodeList: ["258"], ValidLengths: [] },
+		"mm": { CountryPhoneCodeList: ["95"], ValidLengths: [] },
+		"na": { CountryPhoneCodeList: ["264"], ValidLengths: [] },
+		"nr": { CountryPhoneCodeList: ["674"], ValidLengths: [] },
+		"np": { CountryPhoneCodeList: ["977"], ValidLengths: [] },
+		"an": { CountryPhoneCodeList: ["599"], ValidLengths: [] },
+		"nc": { CountryPhoneCodeList: ["687"], ValidLengths: [] },
+		"nz": { CountryPhoneCodeList: ["64"], ValidLengths: [] },
+		"ni": { CountryPhoneCodeList: ["505"], ValidLengths: [] },
+		"ne": { CountryPhoneCodeList: ["227"], ValidLengths: [] },
+		"nu": { CountryPhoneCodeList: ["683"], ValidLengths: [] },
+		"kp": { CountryPhoneCodeList: ["850"], ValidLengths: [] },
+		"mp": { CountryPhoneCodeList: ["1 670"], ValidLengths: [] },
+		"om": { CountryPhoneCodeList: ["968"], ValidLengths: [] },
+		"pk": { CountryPhoneCodeList: ["92"], ValidLengths: [] },
+		"pw": { CountryPhoneCodeList: ["680"], ValidLengths: [] },
+		"ps": { CountryPhoneCodeList: ["970"], ValidLengths: [] },
+		"pa": { CountryPhoneCodeList: ["507"], ValidLengths: [] },
+		"pg": { CountryPhoneCodeList: ["675"], ValidLengths: [] },
+		"py": { CountryPhoneCodeList: ["595"], ValidLengths: [] },
+		"pe": { CountryPhoneCodeList: ["51"], ValidLengths: [] },
+		"ph": { CountryPhoneCodeList: ["63"], ValidLengths: [] },
+		"pn": { CountryPhoneCodeList: ["64"], ValidLengths: [] },
+		"pl": { CountryPhoneCodeList: ["48"], ValidLengths: [] },
+		"pt": { CountryPhoneCodeList: ["351"], ValidLengths: [] },
+		"cg": { CountryPhoneCodeList: ["242"], ValidLengths: [] },
+		"re": { CountryPhoneCodeList: ["262"], ValidLengths: [] },
+		"ro": { CountryPhoneCodeList: ["40"], ValidLengths: [] },
+		"ru": { CountryPhoneCodeList: ["7"], ValidLengths: [] },
+		"rw": { CountryPhoneCodeList: ["250"], ValidLengths: [] },
+		"bl": { CountryPhoneCodeList: ["590"], ValidLengths: [] },
+		"sh": { CountryPhoneCodeList: ["290"], ValidLengths: [] },
+		"kn": { CountryPhoneCodeList: ["1 869"], ValidLengths: [] },
+		"lc": { CountryPhoneCodeList: ["1 758"], ValidLengths: [] },
+		"mf": { CountryPhoneCodeList: ["590"], ValidLengths: [] },
+		"pm": { CountryPhoneCodeList: ["508"], ValidLengths: [] },
+		"vc": { CountryPhoneCodeList: ["1 784"], ValidLengths: [] },
+		"ws": { CountryPhoneCodeList: ["685"], ValidLengths: [] },
+		"sm": { CountryPhoneCodeList: ["378"], ValidLengths: [] },
+		"st": { CountryPhoneCodeList: ["239"], ValidLengths: [] },
+		"sa": { CountryPhoneCodeList: ["966"], ValidLengths: [] },
+		"sn": { CountryPhoneCodeList: ["221"], ValidLengths: [] },
+		"rs": { CountryPhoneCodeList: ["381"], ValidLengths: [] },
+		"sc": { CountryPhoneCodeList: ["248"], ValidLengths: [] },
+		"sl": { CountryPhoneCodeList: ["232"], ValidLengths: [] },
+		"sx": { CountryPhoneCodeList: ["1 721"], ValidLengths: [] },
+		"sk": { CountryPhoneCodeList: ["421"], ValidLengths: [] },
+		"si": { CountryPhoneCodeList: ["386"], ValidLengths: [] },
+		"sb": { CountryPhoneCodeList: ["677"], ValidLengths: [] },
+		"so": { CountryPhoneCodeList: ["252"], ValidLengths: [] },
+		"za": { CountryPhoneCodeList: ["27"], ValidLengths: [] },
+		"kr": { CountryPhoneCodeList: ["82"], ValidLengths: [] },
+		"ss": { CountryPhoneCodeList: ["211"], ValidLengths: [] },
+		"es": { CountryPhoneCodeList: ["34"], ValidLengths: [] },
+		"lk": { CountryPhoneCodeList: ["94"], ValidLengths: [] },
+		"sd": { CountryPhoneCodeList: ["249"], ValidLengths: [] },
+		"sr": { CountryPhoneCodeList: ["597"], ValidLengths: [] },
+		"sj": { CountryPhoneCodeList: ["47"], ValidLengths: [] },
+		"sz": { CountryPhoneCodeList: ["268"], ValidLengths: [] },
+		"se": { CountryPhoneCodeList: ["46"], ValidLengths: [] },
+		"ch": { CountryPhoneCodeList: ["41"], ValidLengths: [] },
+		"sy": { CountryPhoneCodeList: ["963"], ValidLengths: [] },
+		"tw": { CountryPhoneCodeList: ["886"], ValidLengths: [] },
+		"tj": { CountryPhoneCodeList: ["992"], ValidLengths: [] },
+		"tz": { CountryPhoneCodeList: ["255"], ValidLengths: [] },
+		"tg": { CountryPhoneCodeList: ["228"], ValidLengths: [] },
+		"tk": { CountryPhoneCodeList: ["690"], ValidLengths: [] },
+		"to": { CountryPhoneCodeList: ["676"], ValidLengths: [] },
+		"tn": { CountryPhoneCodeList: ["216"], ValidLengths: [] },
+		"tr": { CountryPhoneCodeList: ["90"], ValidLengths: [] },
+		"tm": { CountryPhoneCodeList: ["993"], ValidLengths: [] },
+		"tc": { CountryPhoneCodeList: ["1 649"], ValidLengths: [] },
+		"tv": { CountryPhoneCodeList: ["688"], ValidLengths: [] },
+		"vi": { CountryPhoneCodeList: ["1 340"], ValidLengths: [] },
+		"ug": { CountryPhoneCodeList: ["256"], ValidLengths: [] },
+		"ua": { CountryPhoneCodeList: ["380"], ValidLengths: [] },
+		"uy": { CountryPhoneCodeList: ["598"], ValidLengths: [] },
+		"uz": { CountryPhoneCodeList: ["998"], ValidLengths: [] },
+		"vu": { CountryPhoneCodeList: ["678"], ValidLengths: [] },
+		"va": { CountryPhoneCodeList: ["379"], ValidLengths: [] },
+		"ve": { CountryPhoneCodeList: ["58"], ValidLengths: [] },
+		"vn": { CountryPhoneCodeList: ["84"], ValidLengths: [] },
+		"wf": { CountryPhoneCodeList: ["681"], ValidLengths: [] },
+		"eh": { CountryPhoneCodeList: ["212"], ValidLengths: [] },
+		"ye": { CountryPhoneCodeList: ["967"], ValidLengths: [] },
+		"zm": { CountryPhoneCodeList: ["260"], ValidLengths: [] },
+		"zw": { CountryPhoneCodeList: ["263"], ValidLengths: [] },
+		"do": { CountryPhoneCodeList: ["1 809", "1 829", "1 849"], ValidLengths: [] }
+	};
+
+	if (!$scope.model.value.CountryCodeAndPhoneCode || !$scope.model.value.ContactNumber) {
+		$scope.model.value = {
+			CountryCodeAndPhoneCode: $scope.model.value.CountryCodeAndPhoneCode || $scope.model.separator,
+			ContactNumber: typeof $scope.model.value === 'object' ? "" : ($scope.model.value ||  "")
+		 };
+	} 
+	
+	$scope.inEditState = !!$routeParams.create || !$scope.model.value.CountryCodeAndPhoneCode || !$scope.model.value.ContactNumber;
+	var dictionaryPrefix = "ContactNumber";
+	var localizeList = [dictionaryPrefix + "_Edit", dictionaryPrefix + "_Delete"];
+	$scope.translations = {};
+
+	$scope.onEdit = function (reset) {
+		if (reset)
+		{
+			$scope.model.value = {
+				CountryCodeAndPhoneCode: "",
+				ContactNumber: ""
+			};
+		}
+		$scope.inEditState = true;
+	}
+
+	for (var key in $scope.model.db) {
+		if (!$scope.model.db.hasOwnProperty(key)) continue;
+		localizeList.push(dictionaryPrefix + "_" + key);
+	}
+	$scope.model.list = [];
+
+	localizationService.localizeMany(localizeList).then(function (data) {
+		for (var i = 0; i < localizeList.length; ++i) {
+			$scope.translations[localizeList[i]] = data[i];
+		}
+		for (var key in $scope.model.db) {
+			if (!$scope.model.db.hasOwnProperty(key)) continue;
+			$scope.model.db[key].CountryPhoneCodeList.forEach(function(countryPhoneCode, index) {
+				var listItem = { ID: key + $scope.model.separator + countryPhoneCode, CountryName: $scope.translations["ContactNumber_" + key], ValidLengths: $scope.model.db[key].ValidLengths };
+				$scope.model.list.push(listItem);
+			});
+			
+		}
+		
+	});	
+
+	$scope.$on("formSubmitting", function (ev, args) {
+		if (args.action === "save" || args.action === "publish") {
+			$scope.inEditState = (!$scope.model.value.CountryCodeAndPhoneCode || !$scope.model.value.ContactNumber);
+		}
+	});
+});
+
+
+angular.module("umbraco.directives").directive('numbersOnly', function () {
+	return {
+		require: 'ngModel',
+		link: function (scope, element, attr, ngModelCtrl) {
+			function fromUser(text) {
+				if (text) {
+					var transformedInput = text.replace(/[^0-9 ]/g, '');
+					if (transformedInput !== text) {
+						ngModelCtrl.$setViewValue(transformedInput);
+						ngModelCtrl.$render();
+					}
+					return transformedInput;
+				}
+				return undefined;
+			}
+			ngModelCtrl.$parsers.push(fromUser);
+		}
+	};
+});
\ No newline at end of file

Appstract.UmbracoContactNumber/App_Plugins/Appstract.UmbracoContactNumber/input_check.svg

+<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25">
+  <g id="Group_11637" data-name="Group 11637" transform="translate(-965 -1193)">
+    <path id="Path_8091" data-name="Path 8091" d="M4,0H21a4,4,0,0,1,4,4V21a4,4,0,0,1-4,4H4a4,4,0,0,1-4-4V4A4,4,0,0,1,4,0Z" transform="translate(965 1193)" fill="#26c281"/>
+    <g id="checkmark_copy_2" data-name="checkmark copy 2" transform="translate(970.533 1200.92)">
+      <g id="Group_11157" data-name="Group 11157" transform="translate(0)">
+        <path id="Path_8087" data-name="Path 8087" d="M13.073,54.078a.708.708,0,0,0-.989.065l-7.461,8.4L1.211,58.955a.709.709,0,0,0-.99-.031.683.683,0,0,0-.032.976L4.13,64.04a.708.708,0,0,0,.512.217h.012a.7.7,0,0,0,.516-.235l7.97-8.97A.683.683,0,0,0,13.073,54.078Z" transform="translate(0.001 -53.907)" fill="#fff"/>
+      </g>
+    </g>
+  </g>
+</svg>

Appstract.UmbracoContactNumber/App_Plugins/Appstract.UmbracoContactNumber/lang/en-US.xml

+<?xml version="1.0" encoding="utf-8" standalone="yes"?>
+<language alias="en_us" intName="English (US)" localName="English (US)" lcid="" culture="en-US">
+	<creator>
+		<name>Appstract</name>
+		<link>http://appstract.dk</link>
+	</creator>
+	<area alias="ContactNumber">
+		<key alias="Delete">Delete</key>
+		<key alias="Edit">Edit</key>
+		<key alias="af">Afghanistan</key>
+		<key alias="al">Albania</key>
+		<key alias="dz">Algeria</key>
+		<key alias="as">American Samoa</key>
+		<key alias="ad">Andorra</key>
+		<key alias="ao">Angola</key>
+		<key alias="ai">Anguilla</key>
+		<key alias="aq">Antarctica</key>
+		<key alias="ag">Antigua and Barbuda</key>
+		<key alias="ar">Argentina</key>
+		<key alias="am">Armenia</key>
+		<key alias="aw">Aruba</key>
+		<key alias="au">Australia</key>
+		<key alias="at">Austria</key>
+		<key alias="az">Azerbaijan</key>
+		<key alias="bs">Bahamas</key>
+		<key alias="bh">Bahrain</key>
+		<key alias="bd">Bangladesh</key>
+		<key alias="bb">Barbados</key>
+		<key alias="by">Belarus</key>
+		<key alias="be">Belgium</key>
+		<key alias="bz">Belize</key>
+		<key alias="bj">Benin</key>
+		<key alias="bm">Bermuda</key>
+		<key alias="bt">Bhutan</key>
+		<key alias="bo">Bolivia</key>
+		<key alias="ba">Bosnia and Herzegovina</key>
+		<key alias="bw">Botswana</key>
+		<key alias="br">Brazil</key>
+		<key alias="io">British Indian Ocean Territory</key>
+		<key alias="vg">British Virgin Islands</key>
+		<key alias="bn">Brunei</key>
+		<key alias="bg">Bulgaria</key>
+		<key alias="bf">Burkina Faso</key>
+		<key alias="bi">Burundi</key>
+		<key alias="kh">Cambodia</key>
+		<key alias="cm">Cameroon</key>
+		<key alias="ca">Canada</key>
+		<key alias="cv">Cape Verde</key>
+		<key alias="ky">Cayman Islands</key>
+		<key alias="cf">Central African Republic</key>
+		<key alias="td">Chad</key>
+		<key alias="cl">Chile</key>
+		<key alias="cn">China</key>
+		<key alias="cx">Christmas Island</key>
+		<key alias="cc">Cocos Islands</key>
+		<key alias="co">Colombia</key>
+		<key alias="km">Comoros</key>
+		<key alias="ck">Cook Islands</key>
+		<key alias="cr">Costa Rica</key>
+		<key alias="hr">Croatia</key>
+		<key alias="cu">Cuba</key>
+		<key alias="cw">Curacao</key>
+		<key alias="cy">Cyprus</key>
+		<key alias="cz">Czech Republic</key>
+		<key alias="cd">Democratic Republic of the Congo</key>
+		<key alias="dk">Denmark</key>
+		<key alias="dj">Djibouti</key>
+		<key alias="dm">Dominica</key>
+		<key alias="tl">East Timor</key>
+		<key alias="ec">Ecuador</key>
+		<key alias="eg">Egypt</key>
+		<key alias="sv">El Salvador</key>
+		<key alias="gq">Equatorial Guinea</key>
+		<key alias="er">Eritrea</key>
+		<key alias="ee">Estonia</key>
+		<key alias="et">Ethiopia</key>
+		<key alias="fk">Falkland Islands</key>
+		<key alias="fo">Faroe Islands</key>
+		<key alias="fj">Fiji</key>
+		<key alias="fi">Finland</key>
+		<key alias="fr">France</key>
+		<key alias="pf">French Polynesia</key>
+		<key alias="ga">Gabon</key>
+		<key alias="gm">Gambia</key>
+		<key alias="ge">Georgia</key>
+		<key alias="de">Germany</key>
+		<key alias="gh">Ghana</key>
+		<key alias="gi">Gibraltar</key>
+		<key alias="gr">Greece</key>
+		<key alias="gl">Greenland</key>
+		<key alias="gd">Grenada</key>
+		<key alias="gu">Guam</key>
+		<key alias="gt">Guatemala</key>
+		<key alias="gg">Guernsey</key>
+		<key alias="gn">Guinea</key>
+		<key alias="gw">Guinea-Bissau</key>
+		<key alias="gy">Guyana</key>
+		<key alias="ht">Haiti</key>
+		<key alias="hn">Honduras</key>
+		<key alias="hk">Hong Kong</key>
+		<key alias="hu">Hungary</key>
+		<key alias="is">Iceland</key>
+		<key alias="in">India</key>
+		<key alias="id">Indonesia</key>
+		<key alias="ir">Iran</key>
+		<key alias="iq">Iraq</key>
+		<key alias="ie">Ireland</key>
+		<key alias="im">Isle of Man</key>
+		<key alias="il">Israel</key>
+		<key alias="it">Italy</key>
+		<key alias="ci">Ivory Coast</key>
+		<key alias="jm">Jamaica</key>
+		<key alias="jp">Japan</key>
+		<key alias="je">Jersey</key>
+		<key alias="jo">Jordan</key>
+		<key alias="kz">Kazakhstan</key>
+		<key alias="ke">Kenya</key>
+		<key alias="ki">Kiribati</key>
+		<key alias="xk">Kosovo</key>
+		<key alias="kw">Kuwait</key>
+		<key alias="kg">Kyrgyzstan</key>
+		<key alias="la">Laos</key>
+		<key alias="lv">Latvia</key>
+		<key alias="lb">Lebanon</key>
+		<key alias="ls">Lesotho</key>
+		<key alias="lr">Liberia</key>
+		<key alias="ly">Libya</key>
+		<key alias="li">Liechtenstein</key>
+		<key alias="lt">Lithuania</key>
+		<key alias="lu">Luxembourg</key>
+		<key alias="mo">Macau</key>
+		<key alias="mk">Macedonia</key>
+		<key alias="mg">Madagascar</key>
+		<key alias="mw">Malawi</key>
+		<key alias="my">Malaysia</key>
+		<key alias="mv">Maldives</key>
+		<key alias="ml">Mali</key>
+		<key alias="mt">Malta</key>
+		<key alias="mh">Marshall Islands</key>
+		<key alias="mr">Mauritania</key>
+		<key alias="mu">Mauritius</key>
+		<key alias="yt">Mayotte</key>
+		<key alias="mx">Mexico</key>
+		<key alias="fm">Micronesia</key>
+		<key alias="md">Moldova</key>
+		<key alias="mc">Monaco</key>
+		<key alias="mn">Mongolia</key>
+		<key alias="me">Montenegro</key>
+		<key alias="ms">Montserrat</key>
+		<key alias="ma">Morocco</key>
+		<key alias="mz">Mozambique</key>
+		<key alias="mm">Myanmar</key>
+		<key alias="na">Namibia</key>
+		<key alias="nr">Nauru</key>
+		<key alias="np">Nepal</key>
+		<key alias="nl">Netherlands</key>