contentview_Maker.js 13.9 KB
Newer Older
1

2 3 4 5
/// ===============================================================================================
/// Maker group [start]
/// ===============================================================================================

6 7 8 9 10
//名前空間用のオブジェクトを用意する
var CONTENTVIEW_MAKER = {};

CONTENTVIEW_MAKER.ShowMaker = function(targetId){
	CONTENTVIEW_MAKER.maker_targetDiv = targetId;
11
    I18N.i18nReplaceText();
12 13
    $('#dlgMaker').show();
    $('#dlgMaker').draggable();
14
    CONTENTVIEW_MAKER.Maker_handleColorPickerEvent();
15 16 17
    $('#dlgMaker').center();
};

18
CONTENTVIEW_MAKER.touchStart_BtnOk_Maker = function(e){
Vo Duc Thang committed
19
    e.preventDefault();
20
    CONTENTVIEW_MAKER.Maker_dspOK_click();
21 22
};

23
CONTENTVIEW_MAKER.touchStart_BtnCancel_Maker = function(e){
Vo Duc Thang committed
24
    e.preventDefault();
25
    CONTENTVIEW_MAKER.Maker_dspCancel_click();
26 27
};

28
CONTENTVIEW_MAKER.Maker_handleColorPickerEvent = function (){    
Vo Duc Thang committed
29
    
Masaru Abe committed
30
    if(CONTENTVIEW_GENERAL.avwUserEnvObj.isIos() || CONTENTVIEW_GENERAL.avwUserEnvObj.isAndroid()){
Vo Duc Thang committed
31 32 33 34
        $('#dlgMaker .colorpicker').unbind('mouseenter');
        $('#dlgMaker .colorpicker').unbind('mouseleave');
        $('#makerColorwrapper').unbind('mouseleave');
        
35 36
        document.getElementById('Maker_btnOk').addEventListener('touchstart',CONTENTVIEW_MAKER.touchStart_BtnOk_Maker,false);
        document.getElementById('Maker_btnCancel').addEventListener('touchstart',CONTENTVIEW_MAKER.touchStart_BtnCancel_Maker,false); 
Vo Duc Thang committed
37 38 39 40 41 42
    }
    else{
        $('#dlgMaker .colorpicker').unbind('mouseenter');
        $('#dlgMaker .colorpicker').unbind('mouseleave');
        $('#makerColorwrapper').unbind('mouseleave');
        
43 44 45
        $('#dlgMaker .colorpicker').bind('mouseenter', CONTENTVIEW_MAKER.Maker_colorPickerMouseEnterFunction);
        $('#dlgMaker .colorpicker').bind('mouseleave', CONTENTVIEW_MAKER.Maker_colorPickerMouseLeaveFunction);
        $('#makerColorwrapper').bind('mouseleave', CONTENTVIEW_MAKER.Maker_colorWrapperMouseLeaveFunction);
Vo Duc Thang committed
46 47
    }
    
48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70
    //$('#Maker_btnOk').live('click', CONTENTVIEW_MAKER.Maker_dspOK_click);
    $("#Maker_btnOk").on({
    	'click touchend': function(ev){
    		CONTENTVIEW_MAKER.Maker_dspOK_click(ev);
    		return false;
    	},
    	'touchstart touchmove': function(){
    		//これを入れないと次にダイアログを開くと表示位置が大きくズレる
    		return false;
    	}
    });
    
    //$('#Maker_btnCancel').live('click', CONTENTVIEW_MAKER.Maker_dspCancel_click);
    $("#Maker_btnCancel").on({
    	'click touchend': function(ev){
    		CONTENTVIEW_MAKER.Maker_dspCancel_click(ev);
    		return false;
    	},
    	'touchstart touchmove': function(){
    		//これを入れないと次にダイアログを開くと表示位置が大きくズレる
    		return false;
    	}
    });
71

72
    CONTENTVIEW_MAKER.Maker_SetDefaultValue();
73

74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120
    //$('#marker-small-text').live('click', CONTENTVIEW_MAKER.markerSmallTextClick);
    $("#marker-small-text").on({
    	'click touchend': function(ev){
    		CONTENTVIEW_MAKER.markerSmallTextClick(ev);
    		return false;
    	},
    	'touchstart touchmove': function(){
    		//これを入れないと次にダイアログを開くと表示位置が大きくズレる
    		return false;
    	}
    });
    
    //$('#marker-medium-text').live('click', CONTENTVIEW_MAKER.markerMediumTextClick);
    $("#marker-medium-text").on({
    	'click touchend': function(ev){
    		CONTENTVIEW_MAKER.markerMediumTextClick(ev);
    		return false;
    	},
    	'touchstart touchmove': function(){
    		//これを入れないと次にダイアログを開くと表示位置が大きくズレる
    		return false;
    	}
    });
    
    //$('#marker-large-text').live('click', CONTENTVIEW_MAKER.markerLargeTextClick);
    $("#marker-large-text").on({
    	'click touchend': function(ev){
    		CONTENTVIEW_MAKER.markerLargeTextClick(ev);
    		return false;
    	},
    	'touchstart touchmove': function(){
    		//これを入れないと次にダイアログを開くと表示位置が大きくズレる
    		return false;
    	}
    });
    
    //$('#marker-oversize-text').live('click', CONTENTVIEW_MAKER.markerOversizeTextClick);
    $("#marker-oversize-text").on({
    	'click touchend': function(ev){
    		CONTENTVIEW_MAKER.markerOversizeTextClick(ev);
    		return false;
    	},
    	'touchstart touchmove': function(){
    		//これを入れないと次にダイアログを開くと表示位置が大きくズレる
    		return false;
    	}
    });
Vo Duc Thang committed
121
    
122
    $('#dlgMaker .colorpicker').die();
123
    $('#dlgMaker .colorpicker').live('click', CONTENTVIEW_MAKER.Maker_colorPickerClickFunction);
124 125 126 127 128 129 130 131 132 133 134
    //$("#dlgMaker .colorpicker").on({
    //	'click touchend': function(ev){
    //		CONTENTVIEW_MAKER.Maker_colorPickerClickFunction(ev);
    //		return false;
    //	},
    //	'touchstart touchmove': function(){
    //		//これを入れないと次にダイアログを開くと表示位置が大きくズレる
    //		return false;
    //	}
    //});
    
135 136
};

137
CONTENTVIEW_MAKER.markerSmallTextClick = function(){
Vo Duc Thang committed
138 139 140 141
    $('#maker-size-small').attr('checked','checked');
    $('#maker-size-medium').removeAttr('checked');
    $('#maker-size-large').removeAttr('checked');
    $('#maker-size-oversize').removeAttr('checked');
142
    CONTENTVIEW_MAKER.Maker_rdo1_click();
143 144
};

145
CONTENTVIEW_MAKER.markerMediumTextClick = function(){
Vo Duc Thang committed
146 147 148 149
    $('#maker-size-small').removeAttr('checked');
    $('#maker-size-medium').attr('checked','checked');
    $('#maker-size-large').removeAttr('checked');
    $('#maker-size-oversize').removeAttr('checked');
150
    CONTENTVIEW_MAKER.Maker_rdo2_click();
151 152
};

153
CONTENTVIEW_MAKER.markerLargeTextClick = function(){
Vo Duc Thang committed
154 155 156 157
    $('#maker-size-small').removeAttr('checked');
    $('#maker-size-medium').removeAttr('checked');
    $('#maker-size-large').attr('checked','checked');
    $('#maker-size-oversize').removeAttr('checked');
158
    CONTENTVIEW_MAKER.Maker_rdo3_click();
159 160
};

161
CONTENTVIEW_MAKER.markerOversizeTextClick = function(){
Vo Duc Thang committed
162 163 164 165
    $('#maker-size-small').removeAttr('checked');
    $('#maker-size-medium').removeAttr('checked');
    $('#maker-size-large').removeAttr('checked');
    $('#maker-size-oversize').attr('checked','checked');
166
    CONTENTVIEW_MAKER.Maker_rdo4_click();
167 168 169
};

// Choose type of eraser, and draw to canvas
170
CONTENTVIEW_MAKER.Maker_chooseType = function(typeValue, color) {
Vo Duc Thang committed
171
    var fillColor;
172
    CONTENTVIEW_MAKER.maker_Size = typeValue;
Vo Duc Thang committed
173 174 175 176 177 178 179 180
    var canvas = document.getElementById('Maker_cvPreviewmaker');
    
    if(color == null || color == 'undefined'){
        fillColor = "f8ff00";
    }
    else{
        fillColor = '#'+ color;
    }
181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196
    
    if (canvas.getContext) {
        
        // use getContext to use the canvas for drawing
        var ctx = canvas.getContext('2d');

        // Draw shapes
        ctx.clearRect(0, 0, canvas.width, canvas.height);
        
        ctx.fillStyle = fillColor;
        ctx.strokeStyle = fillColor;
        ctx.fillRect((eval(canvas.width)/2) - (eval(typeValue)/2), (eval(canvas.height)/2) - (eval(typeValue)/2), typeValue, typeValue);
    }
};

// Set default value for maker.
197
CONTENTVIEW_MAKER.Maker_SetDefaultValue = function() {
198 199 200
    var typeValue = undefined;
    var makerColor = ClientData.maker_color();
    typeValue = ClientData.maker_size();
201
    CONTENTVIEW_MAKER.maker_Size = typeValue;
202 203
    
    if(makerColor != null || makerColor != undefined){
204
    	CONTENTVIEW_MAKER.maker_chooseColor = makerColor;
205 206
    }
    else{
207
    	CONTENTVIEW_MAKER.maker_chooseColor = 'f8ff00';
Vo Duc Thang committed
208
        makerColor = 'f8ff00';
209 210 211 212 213 214 215 216 217 218 219 220 221 222 223 224 225 226 227
    }
    
    if (typeValue == 5) {
        $("#maker-size-small").attr('checked', 'checked');
        $("#maker-size-small").focus();
    }
    else if (typeValue == 12.5) {
        $("#maker-size-medium").attr('checked', 'checked');
        $("#maker-size-medium").focus();
    }
    else if (typeValue == 25) {
        $("#maker-size-large").attr('checked', 'checked');
        $("#maker-size-large").focus();
    }
    else if (typeValue == 50) {
        $("#maker-size-oversize").attr('checked', 'checked');
        $("#maker-size-oversize").focus();
    }
    else {
228
    	CONTENTVIEW_MAKER.maker_Size = 10;
229 230 231 232
        $("#maker-size-small").attr('checked', 'checked');
        $("#maker-size-small").focus();
    }
     
Vo Duc Thang committed
233 234 235 236 237
    //START FIXCSS
    //$('#dlgMaker .colorpicker[colorId="'+makerColor+'"]').css('border','1px solid #e6e6e6');
    $('#dlgMaker .colorpicker[colorId="'+makerColor+'"]').addClass('picker-choose-on');
    $('#dlgMaker .colorpicker[colorId="'+makerColor+'"]').removeClass('picker-choose-off');
    //END FIXCSS
238
    CONTENTVIEW_MAKER.Maker_chooseType(CONTENTVIEW_MAKER.maker_Size, makerColor);
239 240
};

241
CONTENTVIEW_MAKER.Maker_colorPickerMouseLeaveFunction = function() {
Vo Duc Thang committed
242 243 244
    //START FIXCSS
    $(this).addClass('picker-choose-off');
    $(this).removeClass('picker-choose-on');
245 246
    $('#dlgMaker .colorpicker[colorId="'+CONTENTVIEW_GENERAL.makerColor+'"]').addClass('picker-choose-on');
    $('#dlgMaker .colorpicker[colorId="'+CONTENTVIEW_GENERAL.makerColor+'"]').removeClass('picker-choose-off');
Vo Duc Thang committed
247
    //END FIXCSS
248 249
};

250
CONTENTVIEW_MAKER.Maker_colorPickerMouseEnterFunction = function() {
Vo Duc Thang committed
251 252 253 254 255 256
    //START FIXCSS
    //$(this).css('border','1px solid #e6e6e6');
    $(this).removeClass('picker-choose-off');
    $(this).addClass('picker-choose-on');
    //END FIXCSS
    var color = $(this).attr('colorId');
257
    CONTENTVIEW_MAKER.Maker_chooseType(CONTENTVIEW_MAKER.maker_Size, color);
258 259
};

260
CONTENTVIEW_MAKER.Maker_colorPickerClickFunction = function() {
Vo Duc Thang committed
261
    //START FIXCSS
262
    //$('#dlgMaker .colorpicker[colorId="' + CONTENTVIEW_MAKER.maker_chooseColor + '"]').css('border', '1px solid white');
Vo Duc Thang committed
263
    //$(this).css('border','1px solid #e6e6e6');
264 265
    $('#dlgMaker .colorpicker[colorId="' + CONTENTVIEW_MAKER.maker_chooseColor + '"]').addClass('picker-choose-off');
    $('#dlgMaker .colorpicker[colorId="' + CONTENTVIEW_MAKER.maker_chooseColor + '"]').removeClass('picker-choose-on');
Vo Duc Thang committed
266 267 268
    $(this).addClass('picker-choose-on');
    $(this).removeClass('picker-choose-off');
    //END FIXCSS
269 270
    CONTENTVIEW_MAKER.maker_chooseColor = $(this).attr('colorId');
    CONTENTVIEW_MAKER.Maker_chooseType(CONTENTVIEW_MAKER.maker_Size, CONTENTVIEW_MAKER.maker_chooseColor);
271 272
};

273 274
CONTENTVIEW_MAKER.Maker_rdo1_click = function() {
	CONTENTVIEW_MAKER.Maker_chooseType(5, CONTENTVIEW_MAKER.maker_chooseColor);  
275
};
276 277
CONTENTVIEW_MAKER.Maker_rdo2_click = function() {
	CONTENTVIEW_MAKER.Maker_chooseType(12.5, CONTENTVIEW_MAKER.maker_chooseColor);
278
};
279 280
CONTENTVIEW_MAKER.Maker_rdo3_click = function() {
	CONTENTVIEW_MAKER.Maker_chooseType(25, CONTENTVIEW_MAKER.maker_chooseColor);
281
};
282 283
CONTENTVIEW_MAKER.Maker_rdo4_click = function() {
	CONTENTVIEW_MAKER.Maker_chooseType(50, CONTENTVIEW_MAKER.maker_chooseColor);
284 285 286
};

// Event of button OK
287
CONTENTVIEW_MAKER.Maker_dspOK_click = function() {
288 289 290 291 292 293 294 295 296 297 298 299 300 301 302 303 304

    // Set selected value to local storage
    var typeValue = undefined;

    if ($("#maker-size-small").attr('checked') == 'checked') {
        typeValue = 5;
    }
    else if ($("#maker-size-medium").attr('checked') == 'checked') {
        typeValue = 12.5;
    }
    else if ($("#maker-size-large").attr('checked') == 'checked') {
        typeValue = 25;
    }
    else if ($("#maker-size-oversize").attr('checked') == 'checked') {
        typeValue = 50;
    }

305 306
    if(ClientData.maker_color() != CONTENTVIEW_MAKER.maker_chooseColor){
    	CONTENTVIEW_GENERAL.imgMarkerTemp = CONTENTVIEW_GENERAL.canvas_marker.toDataURL("image/png;");
Vo Duc Thang committed
307 308 309
    
        var img = new Image();
        img.onload = function () {
310
        	CONTENTVIEW_GENERAL.context_draw.drawImage(img, 0, 0, CONTENTVIEW_GENERAL.canvas_draw.width, CONTENTVIEW_GENERAL.canvas_draw.height);
Vo Duc Thang committed
311
        };
312
        img.src = CONTENTVIEW_GENERAL.imgMarkerTemp;    
Vo Duc Thang committed
313
        
314
        CONTENTVIEW_GENERAL.context_marker.clearRect(0, 0, CONTENTVIEW_GENERAL.canvas_marker.width, CONTENTVIEW_GENERAL.canvas_marker.height);
Vo Duc Thang committed
315 316 317
        
        ClientData.maker_color();
    }
318 319
    // Set value to local
    ClientData.maker_size(typeValue);
320 321 322
    ClientData.maker_color(CONTENTVIEW_MAKER.maker_chooseColor);    
    CONTENTVIEW_MAKER.maker_Size = typeValue;
    CONTENTVIEW_GENERAL.makerColor = CONTENTVIEW_MAKER.maker_chooseColor;
323
    
324
    CONTENTVIEW_MAKER.maker_targetDiv.hide();
Vo Duc Thang committed
325 326
    
    /*enable button */
327
    CONTENTVIEW_MARKING.enableButtonMarking();
Vo Duc Thang committed
328
    ClientData.IsAddingMarking(true);
329 330 331
    CONTENTVIEW_GENERAL.isAddingMarking = ClientData.IsAddingMarking();
    CONTENTVIEW_GENERAL.makerSize = ClientData.maker_size();
    CONTENTVIEW_GENERAL.makerColor = ClientData.maker_color();
Vo Duc Thang committed
332 333 334 335 336
    
    /* unlock dialog overlay */
    $("#overlay").hide();
    $('#dlgMarking_imgMakerOption').removeClass();
    $('#dlgMarking_imgMakerOption').addClass('maker_option_hover');
337 338 339
};

// Event of button cancel
340
CONTENTVIEW_MAKER.Maker_dspCancel_click = function() {
341

342
	CONTENTVIEW_MAKER.maker_targetDiv.hide();
Vo Duc Thang committed
343
    /*enable button */
344
	CONTENTVIEW_MARKING.enableButtonMarking();
Vo Duc Thang committed
345
    ClientData.IsAddingMarking(true);
346
    CONTENTVIEW_GENERAL.isAddingMarking = ClientData.IsAddingMarking();
Vo Duc Thang committed
347 348 349 350 351 352
    
    /* unlock dialog overlay */
    $("#overlay").hide();
    
    $('#dlgMarking_imgMakerOption').removeClass();
    $('#dlgMarking_imgMakerOption').addClass('maker_option_hover');
353 354
};

355 356
CONTENTVIEW_MAKER.Maker_colorWrapperMouseLeaveFunction = function() {
	CONTENTVIEW_MAKER.Maker_chooseType(CONTENTVIEW_MAKER.maker_Size, CONTENTVIEW_MAKER.maker_chooseColor);
Vo Duc Thang committed
357
    //START FIXCSS
358 359 360
    //$('#dlgMaker .colorpicker[colorId="' + CONTENTVIEW_MAKER.maker_chooseColor + '"]').css('border', '1px solid #e6e6e6');
    $('#dlgMaker .colorpicker[colorId="' + CONTENTVIEW_MAKER.maker_chooseColor + '"]').addClass('picker-choose-on');
    $('#dlgMaker .colorpicker[colorId="' + CONTENTVIEW_MAKER.maker_chooseColor + '"]').removeClass('picker-choose-off');
Vo Duc Thang committed
361
    //END FIXCSS
362 363
};

364 365 366 367 368 369 370 371 372 373
$(function () {
	//CONTENTVIEW_MAKER.ready();
});

CONTENTVIEW_MAKER.ready = function(){
	CONTENTVIEW_MAKER.maker_Size = undefined;
	CONTENTVIEW_MAKER.maker_targetDiv = undefined;
	CONTENTVIEW_MAKER.maker_chooseColor = undefined;
};

374 375
/// ===============================================================================================
/// Maker group [ end ]
376
/// ===============================================================================================