Subversion Repositories eFlore/Applications.cel

Rev

Rev 3433 | Rev 3435 | Go to most recent revision | Show entire file | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

Rev 3433 Rev 3434
Line 82... Line 82...
82
	}
82
	}
83
};
83
};
Line 84... Line 84...
84
 
84
 
85
WidgetsSaisiesCommun.prototype.initEvtsFichier = function() {
85
WidgetsSaisiesCommun.prototype.initEvtsFichier = function() {
-
 
86
	const lthis = this;
Line 86... Line -...
86
	const lthis = this;
-
 
87
 
-
 
88
	// Sur téléchargement image
87
	var elem = document.createElement('input');
89
	$( '#fichier' ).on( 'change', function ( event ) {
-
 
90
		lthis.arreter ( event );
-
 
91
 
-
 
92
		var options        = {
-
 
93
			success: lthis.afficherMiniature.bind( lthis ), // post-submit callback
-
 
94
			dataType: 'xml', // 'xml', 'script', or 'json' (expected server response type)
-
 
95
			resetForm: true // reset the form after successful submit
-
 
96
		};
-
 
97
		var imgCheminTmp    = $( '#fichier' ).val(),
-
 
98
			parts           = imgCheminTmp.split( '\\' ),
-
 
99
			nomImage        = parts[ parts.length - 1 ],
-
 
Line -... Line 88...
-
 
88
 
-
 
89
		elem.type = 'file';
-
 
90
 
-
 
91
	if ( !elem.disabled ) {
-
 
92
		// Sur téléchargement image
-
 
93
		$( '#fichier' ).on( 'change', function ( event ) {
-
 
94
			lthis.arreter ( event );
-
 
95
 
-
 
96
			var options        = {
-
 
97
				beforeSend : function ( jqXHR, settings ) {
-
 
98
					$( '#miniatures' ).on( 'click', '.effacer-miniature', function() {
-
 
99
						jqXHR.abort(jqXHR);
-
 
100
					});
-
 
101
				},
-
 
102
				success: lthis.afficherMiniature.bind( lthis ), // post-submit callback
-
 
103
				dataType: 'xml', // 'xml', 'script', or 'json' (expected server response type)
-
 
104
				resetForm: true // reset the form after successful submit
-
 
105
			};
-
 
106
			var imgCheminTmp    = $( '#fichier' ).val(),
-
 
107
				parts           = imgCheminTmp.split( '\\' ),
Line -... Line 108...
-
 
108
				nomImage        = parts[ parts.length - 1 ],
100
			formatImgOk     = lthis.verifierFormat( nomImage ),
109
				formatImgOk     = lthis.verifierFormat( nomImage ),
101
			imgNonDupliquee = lthis.verifierDuplication( nomImage );
110
				imgNonDupliquee = lthis.verifierDuplication( nomImage );
102
 
111
 
103
 
112
 
104
		if( formatImgOk && imgNonDupliquee ) {
113
			if( formatImgOk && imgNonDupliquee ) {
105
			$( '#form-upload' ).ajaxSubmit( options );
114
				$( '#form-upload' ).ajaxSubmit( options );
106
			$( '#miniatures' ).append(
115
				$( '#miniatures' ).append(
107
				'<div class="miniature mr-3 miniature-chargement" data-image="' + nomImage + '">'+
116
					'<div class="miniature mr-3 miniature-chargement" data-image="' + nomImage + '">'+
108
					'<img class="miniature-img chargement-img" alt="chargement" src="' + lthis.chargementImageIconeUrl + '" style="min-height:100%;"/>'+
117
						'<img class="miniature-img chargement-img" alt="chargement" src="' + lthis.chargementImageIconeUrl + '" style="min-height:100%;"/>'+
109
					'<a class="effacer-miniature">Supprimer</a>'+
118
						'<a class="effacer-miniature">Supprimer</a>'+
110
				'</div>'
119
					'</div>'
111
			);
120
				);
112
			$( '#ajouter-obs' ).addClass( 'hidden' );
121
				$( '#ajouter-obs' ).addClass( 'hidden' );
113
			$( '#message-chargement' ).removeClass( 'hidden' );
122
				$( '#message-chargement' ).removeClass( 'hidden' );
-
 
123
			} else {
-
 
124
				$( '#form-upload' )[0].reset();
-
 
125
				if ( !formatImgOk ) {
-
 
126
					lthis.activerModale( lthis.msgTraduction( 'format-non-supporte' ) + ' : ' + $( '#fichier' ).attr( 'accept' ) );
114
		} else {
127
				}
-
 
128
				if ( !imgNonDupliquee ) {
-
 
129
					lthis.activerModale( lthis.msgTraduction( 'image-deja-chargee' ) );
-
 
130
				}
115
			$( '#form-upload' )[0].reset();
131
			}
116
			if ( !formatImgOk ) {
132
			return false;
-
 
133
		});
-
 
134
		$( 'body' ).on( 'click', '.effacer-miniature', function() {
117
				lthis.activerModale( lthis.msgTraduction( 'format-non-supporte' ) + ' : ' + $( '#fichier' ).attr( 'accept' ) );
135
			$( this ).parent().remove();
118
			}
136
			if ( !lthis.valOk( $('.miniature-chargement' ) ) ) {
119
			if ( !imgNonDupliquee ) {
137
				$( '#ajouter-obs' ).removeClass( 'hidden' );
120
				lthis.activerModale( lthis.msgTraduction( 'image-deja-chargee' ) );
138
				$( '#message-chargement' ).addClass( 'hidden' );
121
			}
139
			}
122
		}
140
		});
123
		return false;
141
	} else {
124
	});
142
		$( '#form-upload' )
125
	$( 'body' ).on( 'click', '.effacer-miniature', function() {
143
			.addClass( 'hidden' )
126
		$( this ).parent().remove();
144
			.after(
127
		if ( !lthis.valOk( $('.miniature-chargement' ) ) ) {
145
				'<div class="alert alert-info" role="alert">'+
-
 
146
					this.msgTraduction( 'upload-non-suppote' )+
128
			$( '#ajouter-obs' ).removeClass( 'hidden' );
147
				'</div>'
Line 129... Line 148...
129
			$( '#message-chargement' ).addClass( 'hidden' );
148
			);
130
		}
149
	}
Line 1496... Line 1515...
1496
							$( '#bloc-controle-liste-obs,#bloc-gauche' ).addClass( 'hidden' );
1515
							$( '#bloc-controle-liste-obs,#bloc-gauche' ).addClass( 'hidden' );
1497
						}
1516
						}
1498
						$( '#chargement' ).addClass( 'hidden' );
1517
						$( '#chargement' ).addClass( 'hidden' );
1499
						$( '#dialogue-obs-transaction-ok .alert-txt' ).append( $( '#tpl-transmission-ok' ).clone().html() );
1518
						$( '#dialogue-obs-transaction-ok .alert-txt' ).append( $( '#tpl-transmission-ok' ).clone().html() );
1500
						$( '#dialogue-obs-transaction-ok' ).removeClass( 'hidden' );
1519
						$( '#dialogue-obs-transaction-ok' ).removeClass( 'hidden' );
1501
						if ( !lthis.isASL ) {
-
 
1502
							lthis.initialiserObs.bind( lthis );
-
 
1503
						}
-
 
1504
					}, 1500 );
1520
					}, 1500 );
1505
				}
1521
				}
1506
			}
1522
			}
1507
		}
1523
		}
1508
	});
1524
	});