Ei muokkausyhteenvetoa |
Ei muokkausyhteenvetoa |
||
| (9 välissä olevaa versiota samalta käyttäjältä ei näytetä) | |||
| Rivi 1: | Rivi 1: | ||
<includeonly><script type="text/javascript"> | <includeonly><script type="text/javascript"> | ||
if ( !window.formenabler ) { | if ( !window.formenabler ) { | ||
| Rivi 19: | Rivi 17: | ||
function <!--{$id|default:FormEnabler|escape:'html'}-->_funcX() { | function <!--{$id|default:FormEnabler|escape:'html'}-->_funcX() { | ||
var focalpoint = ( <!--{$focalpoint|default:1|escape:'html'}--> == 1 ); | |||
var minwidth = ( <!--{$minwidth|default:1500|escape:'html'}--> ); | |||
var minheight = ( <!--{$minheight|default:500|escape:'html'}--> ); | |||
console.log( minwidth ); | |||
console.log( minheight ); | |||
jQuery( document ).on( 'change', '.jwImageSelect_focalpointX', function() { | jQuery( document ).on( 'change', '.jwImageSelect_focalpointX', function() { | ||
| Rivi 90: | Rivi 95: | ||
var images = jQuery( '<div class="card-columns jwImageSelect_images"></div>' ); | var images = jQuery( '<div class="card-columns jwImageSelect_images"></div>' ); | ||
var more = jQuery( '<div class="row"><div class="col d-flex justify-content-center"><button type="button" class="btn btn-link jwImageSelectShowMore">+ Näytä lisää kuvia</button></div></div>' ); | var more = jQuery( '<div class="row"><div class="col d-flex justify-content-center"><button type="button" class="btn btn-link jwImageSelectShowMore">+ Näytä lisää kuvia</button></div></div>' ); | ||
var info = jQuery( '<p class="JwImageSelect_info">Valitse kuva hiirellä klikkaamalla. Saat näkyviin valitsemaasi vesialueeseen tai paikkaan liitettyjä kuvia, jotka on tallennettu Järvi-meriwikiin vähintään | var info = jQuery( '<p class="JwImageSelect_info">Valitse kuva hiirellä klikkaamalla. Saat näkyviin valitsemaasi vesialueeseen tai paikkaan liitettyjä kuvia, jotka on tallennettu Järvi-meriwikiin vähintään ' + minwidth + ' pikseliä leveinä ja ' + minheight + ' pikseliä korkeina.</p>' ); | ||
select.after( info ); | select.after( info ); | ||
info.after( images ); | info.after( images ); | ||
| Rivi 123: | Rivi 128: | ||
addImages( images, 0, 4 ); | addImages( images, 0, 4 ); | ||
} else { | } else { | ||
jQuery( '.JwImageSelect_info' ).html( 'Valitsemallasi vesialueella tai paikalla on valokuvia, mutta yksikään niistä ei ole tarpeeksi iso kansikuvaksi. Vähimmäisvaatimus on | jQuery( '.JwImageSelect_info' ).html( 'Valitsemallasi vesialueella tai paikalla on valokuvia, mutta yksikään niistä ei ole tarpeeksi iso kansikuvaksi. Vähimmäisvaatimus on ' + minwidth + ' pikseliä leveysuunnassa ja ' + minheight + ' pikseliä pystysuunnassa.' ); | ||
more.hide(); | more.hide(); | ||
} | } | ||
| Rivi 135: | Rivi 140: | ||
jQuery.ajax({ | jQuery.ajax({ | ||
type: 'POST', | |||
url: 'https://www.jarviwiki.fi/w/api.php', | |||
data: searchImg, | |||
dataType: 'jsonp', | |||
image: value, | image: value, | ||
success: function( reqImg ) { | |||
apicounter++; | apicounter++; | ||
if ( typeof reqImg.query != 'undefined' ) { | |||
for ( var i in reqImg.query.pages ) { | |||
if ( typeof reqImg.query.pages[i].imageinfo != 'undefined' ) { | |||
if ( reqImg.query.pages[i].imageinfo[0].width >= | if ( reqImg.query.pages[i].imageinfo[0].width >= minwidth && reqImg.query.pages[i].imageinfo[0].height >= minheight ) { | ||
if ( this.image == current ) { | |||
imgout = '<div class="card selected" data-select-id="' + select.prop( 'id' ) + '" data-value="' + this.image + '">'; | |||
imgout = '<div class="card selected" data-select-id="' + select.prop( 'id' ) + | if ( focalpoint ) { imgout += '<div class="focalpoint" style="left: ' + focalX + '%; top: ' + focalY + '%;"></div>'; } | ||
imgout += '<img class="card-img-top" style="width: 100%;" src="' + reqImg.query.pages[i].imageinfo[0].url + '"></div>'; | |||
} else { | } else { | ||
imgout = '<div class="card" data-select-id="' + select.prop( 'id' ) + '" data-value="' + this.image + '">'; | |||
if ( focalpoint ) { imgout += '<div class="focalpoint" style="left: ' + focalX + '%; top: ' + focalY + '%;"></div>'; } | |||
imgout += '<img class="card-img-top" style="width: 100%;" src="' + reqImg.query.pages[i].imageinfo[0].url + '"></div>'; | |||
} | } | ||
imageA.push( this.image ); | imageA.push( this.image ); | ||
imageO[ this.image ] = imgout; | imageO[ this.image ] = imgout; | ||
} | } | ||
} | |||
break; | |||
} | |||
} | } | ||
if ( apicounter >= values.length) { imagesReady(); } | if ( apicounter >= values.length) { imagesReady(); } | ||
}, | |||
error: function(err) { | |||
apicounter++; | apicounter++; | ||
console.log(err); | |||
if ( apicounter >= values.length) { imagesReady(); } | if ( apicounter >= values.length) { | ||
imagesReady(); | |||
} | |||
} | |||
}); | |||
} | } | ||
| Rivi 310: | Rivi 316: | ||
} else { | } else { | ||
if ( el.next().hasClass( 'showCenterPos' ) ) { | if ( el.next().hasClass( 'showCenterPos' ) ) { | ||
el.wrap('<div style="position: relative; display: inline-block; border: 5px solid var(--syke-red);"></div>'); | el.wrap('<div class="img-upload-wrapper" style="position: relative; display: inline-block; border: 5px solid var(--syke-red);"></div>'); | ||
el.before( '<div class="focalpoint" style="left: 50%; top: 50%;"></div>' ); | el.before( '<div class="focalpoint" style="left: 50%; top: 50%;"></div>' ); | ||
} | } | ||
| Rivi 317: | Rivi 323: | ||
}); | }); | ||
} else { | } else { | ||
jQuery( '.img-upload-wrapper' ).remove(); | |||
jQuery( '.choose-img-container' ).show(); | jQuery( '.choose-img-container' ).show(); | ||
} | } | ||
Järvi-meriwiki on Suomen ympäristökeskuksen (Syke) ylläpitämä kaikille avoin wikipalvelu Suomen järvistä, rannikon merialueista ja muista vesistöistä. Syke on saanut rahoitusta palvelun kehittämiseen Maa- ja vesitekniikan tuki ry:ltä sekä EU:n Life-rahastosta.
Sisältö on käytettävissä lisenssillä Creative Commons Nimeä, ellei toisin ole mainittu.
