Resume Builder 1.0.0 | functionality Implementation

.gitignore

@@ -0,0 +1,8 @@
+CMS-webAPI.v12.suo
+CMS-Author/node_modules/
+CMS-Author/web/node_modules/
+CMS-Author/web/target/
+CMS-Author/web/target/
+packages/
+CMS-webAPI/bin/
+CMS-webAPI/obj/

CMS-Author/web/app/index.js

@@ -38,6 +38,7 @@ angular.module('raiweb', [
 	require('./js/pubcontent/pubcontent').name,
 	require('./js/account/account').name,
 	require('./js/search/search').name,
-	require('./js/resourcebrowser/resourcebrowser').name
+	require('./js/resourcebrowser/resourcebrowser').name,
+	require('./js/rbuilder/rbuilder').name
 ]);
 

CMS-Author/web/app/js/core/core.js

@@ -246,6 +246,16 @@
             controller: 'searchController',
             isAnonymous: true,
             title: 'Search Articles'
+        })
+        .state({
+            name: 'rbuilder',
+            url: '/build-your-resume',
+            templateProvider: ['$templateCache', function($templateCache) {
+                return $templateCache.get('rbuilder/landing.html');
+            }],
+            controller: 'rbuilderController',
+            isAnonymous: true,
+            title: 'Build Your Resume'
         });
 
         // Enables html5Mode Urls

CMS-Author/web/app/js/rBuilder/controllers/rbuilderController.js

@@ -0,0 +1,21 @@
+'use strict';
+/*
+*   rbuilderController
+*   Description
+*   rbuilderController.
+*/
+
+(function() {
+    var rbuilderController = function($rootScope, $scope, rbuilderService, ResumeFormat) {
+        rbuilderService.getResumeFormat().then(function(response) {
+        	$scope.currentResumeFormat = new ResumeFormat(response && response.data);
+        });
+
+        $scope.$on('$stateChangeSuccess', function(event, toState, toParams/*, fromState , fromParams*/) {
+
+        });
+    };
+
+    rbuilderController.$inject = ['$rootScope', '$scope', 'rbuilderService', 'ResumeFormat'];
+    module.exports = rbuilderController;
+})();

CMS-Author/web/app/js/rBuilder/directives/dropZone.js

@@ -0,0 +1,95 @@
+'use strict';
+(function() {
+	var dropZone = function($timeout) {
+		var widthSizes = {};
+
+		// function getButton(el) {
+		// 	var $el = $(el);
+		// 	if ($el.hasClass('btn')) return $el;
+		// 	return $el.closest('.btn');
+		// }
+
+		function getWidthSizes() {
+			widthSizes = {};
+			var wSizes = [];
+			for (var i = 1; i <= 12; i++) {
+				widthSizes[i + 'x'] = 'col-sm-' + i;
+				wSizes.push(i + 'x');
+			}
+			return wSizes;
+		}
+
+		function setAlignCenter(element, wSize) {
+			var $element = $(element);
+			wSize = wSize || '12x';
+			var size = wSize.substr(0, wSize.length -1);
+			if (size < 11) {
+				$element.removeClass(function (index, className) {
+				    return (className.match (/(^|\s)col-sm-push-\S+/g) || []).join(' ');
+				});
+				$element.addClass('col-sm-push-' + (Math.floor((12 - size)/2)));
+				return true;
+			} 
+			return false;
+		}
+
+		return {
+			restrict: 'E',
+			replace: true,
+			scope: {
+				zone: '=',
+				onChange: '='
+			},
+			templateUrl: 'rbuilder/drop-zone.html',
+			link: function($scope, element) {
+				$scope.widthSizes = getWidthSizes();
+
+				$scope.onToolbarAlignClick = function(event, align) {					
+					$scope.zone.align = align;
+				};
+
+				$scope.onWidthSizeClick = function(event, widthSize) {
+					$scope.zone.width = widthSize;
+				};
+
+				$scope.$watch('zone.align', function(align) {
+					refreshAlign(element, align);
+				});
+
+				$scope.$watch('zone.width', function(widthSize) {
+					widthSize = widthSize || '12x';
+					var className = widthSizes[widthSize];
+					var $element =$(element);
+
+					$element.removeClass(function (index, className) {
+					    return (className.match (/(^|\s)col-sm-\S+/g) || []).join(' ');
+					});
+					$element.addClass(className);
+					refreshAlign(element, $scope.zone.align);
+				});
+
+				function refreshAlign(element, align) {
+					var $element =$(element);
+
+					if (!align || align === 'left') {
+						if ($element.hasClass('pull-right')) $element.removeClass('pull-right');
+						$element.removeClass(function (index, className) {
+						    return (className.match (/(^|\s)col-sm-push-\S+/g) || []).join(' ');
+						});
+					} else if (align === 'center') {
+						if ($element.hasClass('pull-right')) $element.removeClass('pull-right');
+						if (!setAlignCenter(element, $scope.zone.width)) $scope.zone.align = '';
+					} else if (align === 'right') {						
+						$element.removeClass(function (index, className) {
+						    return (className.match (/(^|\s)col-sm-push-\S+/g) || []).join(' ');
+						});
+						$element.addClass('pull-right');
+					}
+				}
+			}
+		};
+	};
+
+	dropZone.$inject = ['$timeout'];
+	module.exports = dropZone;
+})();

CMS-Author/web/app/js/rBuilder/directives/languages.js

@@ -0,0 +1,16 @@
+'use strict';
+(function() {
+	var languages = function($timeout) {
+		return {
+			restrict: 'AE',
+			replace: true,
+			templateUrl: 'rbuilder/languages.html',
+			link: function($scope, element) {
+				console.log('In lang');
+			}
+		};
+	};
+
+	languages.$inject = ['$timeout'];
+	module.exports = languages;
+})();

CMS-Author/web/app/js/rBuilder/directives/resumeFormat.js

@@ -0,0 +1,20 @@
+'use strict';
+(function() {
+	var resumeFormat = function($timeout) {
+		return {
+			restrict: 'E',
+			replace: true,
+			scope: {
+				format: '=',
+				onChange: '='
+			},
+			templateUrl: 'rbuilder/resume-format.html',
+			link: function($scope, element) {
+
+			}
+		};
+	};
+
+	resumeFormat.$inject = ['$timeout'];
+	module.exports = resumeFormat;
+})();

CMS-Author/web/app/js/rBuilder/directives/resumeSection.js

@@ -0,0 +1,26 @@
+'use strict';
+(function() {
+	var resumeSection = function($timeout, $compile) {
+		return {
+			restrict: 'E',
+			replace: true,
+			scope: {
+				section: '=',
+				onChange: '='
+			},
+			templateUrl: 'rbuilder/resume-section.html',
+			link: function($scope, element) {
+				$scope.$watch('section', function(section) {
+					if (section && section.sectionId) {
+						var $contentContainer = $(element).find('>.panel-body');
+						var content = '<'+ section.sectionId + '></' + section.sectionId + '>';
+						$contentContainer.append($compile(content)($scope));
+					}
+				});
+			}
+		};
+	};
+
+	resumeSection.$inject = ['$timeout', '$compile'];
+	module.exports = resumeSection;
+})();

CMS-Author/web/app/js/rBuilder/directives/skills.js

@@ -0,0 +1,15 @@
+'use strict';
+(function() {
+	var skills = function($timeout) {
+		return {
+			restrict: 'AE',
+			templateUrl: 'rbuilder/skills.html',
+			link: function($scope, element) {
+				console.log("in Skills");
+			}
+		};
+	};
+
+	skills.$inject = ['$timeout'];
+	module.exports = skills;
+})();

CMS-Author/web/app/js/rBuilder/domain/DropZone.js

@@ -0,0 +1,33 @@
+'use strict';
+/*
+*	DropZone
+*	Description
+*	DropZone is DropZone Container
+*/
+
+(function() {
+	var DropZone = function() {
+		function DropZone(raw) {
+			if (raw instanceof Object) {
+				for(var key in raw) {
+					this[key] = raw[key];
+				}
+			} else {
+				this.dropZoneId = 0;
+				this.allowed = [];
+				this.sections=[];
+				this.align = '';
+				this.width = '';
+				this.forceBreak = false;
+			}
+		}
+
+		DropZone.prototype = {
+
+		};
+		return DropZone;
+	};
+
+	DropZone.$inject = [];
+	module.exports = DropZone;
+})();

CMS-Author/web/app/js/rBuilder/domain/ResumeFormat.js

@@ -0,0 +1,30 @@
+'use strict';
+/*
+*	ResumeFormat
+*	Description
+*	ResumeFormat is ResumeFormat Container
+*/
+
+(function() {
+	var ResumeFormat = function() {
+		function ResumeFormat(raw) {
+			if (raw instanceof Object) {
+				for(var key in raw) {
+					this[key] = raw[key];
+				}
+			} else {
+				this.resumeFormatId = 0;
+				this.title = '';
+				this.dropZones = [];
+			}
+		}
+
+		ResumeFormat.prototype = {
+
+		};
+		return ResumeFormat;
+	};
+
+	ResumeFormat.$inject = [];
+	module.exports = ResumeFormat;
+})();

CMS-Author/web/app/js/rBuilder/domain/ResumeSection.js

@@ -0,0 +1,30 @@
+'use strict';
+/*
+*	ResumeSection
+*	Description
+*	ResumeSection is ResumeSection Container
+*/
+
+(function() {
+	var ResumeSection = function() {
+		function ResumeSection(raw) {
+			if (raw instanceof Object) {
+				for(var key in raw) {
+					this[key] = raw[key];
+				}
+			} else {
+				this.sectionId = 0;
+				this.title = '';
+				this.content = undefined;
+			}
+		}
+
+		ResumeSection.prototype = {
+
+		};
+		return ResumeSection;
+	};
+
+	ResumeSection.$inject = [];
+	module.exports = ResumeSection;
+})();

CMS-Author/web/app/js/rBuilder/rbuilder.js

@@ -0,0 +1,37 @@
+'use strict';
+(function() {
+	/**
+	*  	rbuilder Module
+	* 	Description
+	*	This module is the rBuilder 
+	*/
+
+	angular.module('rbuilder', []);
+	/*
+	*	Description
+	*	All rbuilder module's
+	*	Services
+	*	Controllers
+	*	Directives
+	*	filters
+	*	Providers etc.
+	*	should be required here and defined in rbuilder module
+	*/
+
+	angular.module('rbuilder')
+	.service('rbuilderService', require('./services/rbuilderService'))
+
+	.factory('ResumeSection', require('./domain/ResumeSection'))
+	.factory('DropZone', require('./domain/DropZone'))
+	.factory('ResumeFormat', require('./domain/ResumeFormat'))
+
+	.controller('rbuilderController', require('./controllers/rbuilderController'))
+
+	.directive('dropZone', require('./directives/dropZone'))
+	.directive('resumeSection', require('./directives/resumeSection'))
+	.directive('resumeFormat', require('./directives/resumeFormat'))
+	.directive('skills', require('./directives/skills'))
+	.directive('languages', require('./directives/languages'));
+
+	module.exports = angular.module('rbuilder');
+})();

CMS-Author/web/app/js/rBuilder/services/rbuilderService.js

@@ -0,0 +1,22 @@
+'use strict';
+/*
+* @ngdoc service
+* @name rbuilder.service:rbuilderService
+* @description
+*	rbuilderService makes calls to APIs for Resume Sections data.
+*/
+
+(function() {
+	var rbuilderService = function($http) {	
+
+		function getResumeFormat() {
+			return $http.get('data/my-elegant-template.json');
+		}
+
+		return {
+			getResumeFormat: getResumeFormat
+		};
+	};
+	rbuilderService.$inject = ['$http'];
+	module.exports = rbuilderService;
+})();