on ajoute une zone etendue a gauche de l'ecran, autour de la colonne de... (0e936a06) · Validations · g0uZ / bigup

bigup_pipelines.php

+5 −1

Numéro de ligne d'origine	Numéro de ligne de diff	Ligne de diff
		@@ -273,9 +273,13 @@ function bigup_medias_formulaire_fond($flux) {
		break;

		case 'editer_logo':
		$options = ['input_class' => 'bigup_logo', 'previsualiser' => true];
		if (intval($flux['args']['args'][1]) or $flux['args']['args'][0] !== 'site') {
		$options['drop-zone-extended'] = '#navigation';
		}
		$formulaire->preparer_input(
		['logo_on', 'logo_off'],
		['input_class' => 'bigup_logo', 'previsualiser' => true]
		$options
		);
		$formulaire->inserer_js('bigup.logos.js');
		break;

javascript/bigup.js

+24 −1

Numéro de ligne d'origine	Numéro de ligne de diff	Ligne de diff
		@@ -388,6 +388,8 @@ Bigup.prototype = {
		* Créer la zone de dépot des fichiers
		*/
		creer_zone_depot: function() {
		$.bigup_verifier_depots_etendus();

		// Trouver une zone où déposer les fichiers dans le HTML existant
		var $zone_depot = this.form.find(".dropfile_" + this.class_name);

		@@ -397,15 +399,20 @@ Bigup.prototype = {
		this.input.after(template);
		$zone_depot = this.form.find(".dropfile_" + this.class_name);
		}

		// gerer une eventuelle zonne etendue
		var $depot_etendu = $zone_depot;
		var depot_etendu = this.input.attr('data-drop-zone-extended');
		var depot_etendu = this.input.data('drop-zone-extended');
		if (typeof depot_etendu !== "undefined") {
		$depot_etendu = jQuery(depot_etendu)
		.not('.bigup-extended-drop-zone')
		.addClass('bigup-extended-drop-zone')
		.data('dropfile-class', ".dropfile_" + this.class_name)
		.data('bigup', this)
		.add($zone_depot);
		}

		var $c=this.class_name;
		$depot_etendu.on('dragenter dragover', function(){
		$(this).addClass('drag-over');
		$zone_depot.addClass('drag-target');
		@@ -791,3 +798,19 @@ $.bigup_enlever_fichier = function(me) {
		};


		$.bigup_verifier_depots_etendus = function() {
		// desactiver toutes les data-drop-zone-extended qui ne sont plus liees a un input present dans le html
		jQuery('.bigup-extended-drop-zone').each(function (){
		var c = jQuery(this).data('dropfile-class');
		if (!c \|\| !jQuery(c).length) {
		var me = jQuery(this);
		var bigup = me.data('bigup');
		bigup.flow.unAssignDrop(me);
		me
		.removeClass('bigup-extended-drop-zone')
		.off('dragenter dragover')
		.off('dragleave drop')
		.data('dropfile-class','');
		}
		});
		}
		No newline at end of file

javascript/bigup.loader.js

+3 −2

Numéro de ligne d'origine	Numéro de ligne de diff	Ligne de diff
		jQuery(function($){
		var formulaires_avec_bigup = function() {
		// trouver les input qui envoient des fichiers
		$(".formulaire_spip form input[type=file].bigup").bigup();
		$.bigup_verifier_depots_etendus();
		// trouver les input qui envoient des fichiers, mais une fois l'upload en cours fini
		setTimeout(function(){$(".formulaire_spip form input[type=file].bigup").bigup();},10)
		}
		formulaires_avec_bigup();
		onAjaxLoad(formulaires_avec_bigup);

prive/style_prive_plugin_bigup.html

+24 −6

Numéro de ligne d'origine	Numéro de ligne de diff	Ligne de diff
		@@ -56,6 +56,30 @@
		border:5px #333 dashed;
		opacity: 0.5;
		}

		#navigation.bigup-extended-drop-zone {
		position: relative;
		z-index: 5;
		}
		#navigation.bigup-extended-drop-zone::before {
		content:'';
		display: block;
		position: absolute;
		top:-10px;
		bottom:-10px;
		left: -50vw;
		right: -10px;
		background: #fff;
		opacity: 0.01;
		border-radius: 40px;
		}

		.bigup-extended-drop-zone.drag-over::before {
		background: #ddd !important;
		border:5px #333 dashed !important;
		opacity: 0.5 !important;
		}

		.drag-target {
		position: relative;
		z-index: 2000;
		@@ -71,9 +95,3 @@
		bottom: -2px;
		border:5px dashed ##ENV{couleur_foncee,3874b0};
		}

		.bigup-extended-drop-zone #navigation,
		.bigup-extended-drop-zone #contenu {
		position: relative;
		z-index: 2;
		}
		No newline at end of file