Blame view
app/scripts/controllers/main.js
3.9 KB
|
c87bc1f33
|
1 2 |
define(['app'], function (app) {
'use strict';
|
|
3ca9f7356
|
3 |
app.controller('MainCtrl', function ($rootScope, $scope, $timeout, $illustration, $t_shirt, $routeParams) {
|
|
4d7dab16f
|
4 |
//Define and init var |
|
682a3b12d
|
5 |
$rootScope.API_URL = 'http://domain.com'; |
|
c9d8b2fe3
|
6 |
$scope.designFrameView = 'views/tshirt-design.html?ver='+VERSION; |
|
1d6ddfa62
|
7 |
$scope.designPartIllustration = 'views/design_part/illustration.html?ver='+VERSION; |
|
19a541686
|
8 9 10 |
$scope.designPartImage = 'views/design_part/image.html?ver='+VERSION; $scope.designPartText = 'views/design_part/text.html?ver='+VERSION; $scope.designPartDefault = 'views/design_part/default.html?ver='+VERSION; |
|
3ca9f7356
|
11 |
var currentTShirtKey = 0; |
|
0136530e3
|
12 |
var placeTShirtKey = ''; |
|
4d7dab16f
|
13 |
var tShirtColorFirstKey = 0; |
|
236cbc7b4
|
14 |
$scope.hideReviewDesign = false; |
|
4d7dab16f
|
15 16 17 18 19 20 21 22 |
$scope.tShirtChoiceBackFrontKey = 'front';
$scope.tShirtColorKey = tShirtColorFirstKey;
/**
* Get param route
* @type {any}
* @private
*/
|
|
3ca9f7356
|
23 24 25 |
var _routeParams = $routeParams; if(typeof _routeParams.tShirt != 'undefined') currentTShirtKey = _routeParams.tShirt - 1; |
|
4d7dab16f
|
26 |
if(typeof _routeParams.place != 'undefined') |
|
0136530e3
|
27 |
placeTShirtKey = _routeParams.place; |
|
3ca9f7356
|
28 |
|
|
4d7dab16f
|
29 30 31 32 33 |
/** * Get all info TShirt * @param: id * @return: object */ |
|
7e14f1786
|
34 |
$rootScope.placeTshirt = $t_shirt.getTShirtPlace(currentTShirtKey, placeTShirtKey); |
|
3ca9f7356
|
35 |
$scope.tShirtColor = $t_shirt.getTShirtColor(currentTShirtKey); |
|
422e7837d
|
36 37 38 39 40 |
$rootScope.tShirtColorCode = $scope.tShirtColor[tShirtColorFirstKey].code; $scope.tShirtColorName = $scope.tShirtColor[tShirtColorFirstKey].name; $scope.tShirtImgFront = $scope.tShirtColor[tShirtColorFirstKey].img.front; $scope.tShirtImgBack = $scope.tShirtColor[tShirtColorFirstKey].img.back; $scope.tShirtImg = $scope.tShirtImgFront; |
|
4d7dab16f
|
41 42 43 |
/** * Set preview size and position */ |
|
360081503
|
44 |
function setSizePreViewDesign() {
|
|
360081503
|
45 |
var _widthTShirtImage = $('.tshirt-image').width();
|
|
7e14f1786
|
46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 |
if(typeof $rootScope.placeTshirt.place == 'undefined')
return;
var place = $rootScope.placeTshirt.place;
switch (place) {
case 't_shirt_p_1' :
var widthPreview = _widthTShirtImage/2.5;
var heihtPreview = _widthTShirtImage/2.5;
break;
case 't_shirt_p_2' :
var widthPreview = _widthTShirtImage/2.5;
var heihtPreview = _widthTShirtImage/4.5;
break;
default:
break;
}
$('#preview-design').css({width: widthPreview, height: heihtPreview});
|
|
360081503
|
63 64 |
} setSizePreViewDesign(); |
|
360081503
|
65 66 67 |
$(window).resize(function () {
setSizePreViewDesign();
});
|
|
4d7dab16f
|
68 69 70 71 |
/** * Choice color t-shirt * @param key */ |
|
422e7837d
|
72 73 |
$scope.choiceTShirtColor = function(key) {
$scope.tShirtColorKey = key;
|
|
4d7dab16f
|
74 75 76 77 78 |
var tShirtColor = $scope.tShirtColor[key]; $rootScope.tShirtColorCode = tShirtColor.code; $scope.tShirtColorName = tShirtColor.name; $scope.tShirtImgFront = tShirtColor.img.front; $scope.tShirtImgBack = tShirtColor.img.back; |
|
422e7837d
|
79 80 81 82 83 84 |
if($scope.tShirtChoiceBackFrontKey == 'front') {
$scope.tShirtImg = $scope.tShirtImgFront;
} else {
$scope.tShirtImg = $scope.tShirtImgBack;
}
};
|
|
4d7dab16f
|
85 86 87 88 |
/** * Choice back or front t-shirt * @param choice */ |
|
422e7837d
|
89 90 91 92 93 94 95 96 |
$scope.choiceTShirtBackFront = function(choice) {
if(choice == 'front') {
$scope.tShirtImg = $scope.tShirtImgFront;
} else {
$scope.tShirtImg = $scope.tShirtImgBack;
}
$scope.tShirtChoiceBackFrontKey = choice;
};
|
|
c8bfdfd96
|
97 98 99 100 101 102 103 104 105 |
//safeApply
$rootScope.safeApply = function(fn) {
var phase = this.$root.$$phase;
if(phase == '$apply' || phase == '$digest') {
if(fn && (typeof(fn) === 'function')) {
fn();
}
} else {
this.$apply(fn);
|
|
6f105dbd5
|
106 |
} |
|
422e7837d
|
107 |
}; |
|
4d7dab16f
|
108 109 110 |
/** * Open modal design */ |
|
87c93a029
|
111 |
$scope.modalTShirtDesign = function() {
|
|
5fe93ca88
|
112 113 114 115 116 117 |
$('#tshirt-design').modal(
{
backdrop: 'static',
keyboard: false
}
);
|
|
2f4c31749
|
118 |
|
|
5fe93ca88
|
119 |
}; |
|
4d7dab16f
|
120 121 122 |
/** * Close modal design */ |
|
5fe93ca88
|
123 124 |
$scope.modalClose = function(){
$('#tshirt-design').modal('hide');
|
|
422e7837d
|
125 |
}; |
|
236cbc7b4
|
126 127 128 129 130 131 132 133 134 |
/**
*Show/Hide review design
*/
$scope.hideShowReviewDesign = function () {
if($scope.hideReviewDesign == true)
$scope.hideReviewDesign = false;
else
$scope.hideReviewDesign = true;
}
|
|
7e14f1786
|
135 |
|
|
c87bc1f33
|
136 137 |
}); }); |