URLs are now rewritten when an icon is clicked

This commit is contained in:
Andrew Gioia 2017-05-02 17:13:35 -04:00
parent 424fa05b06
commit 4bd4344b71

View File

@ -78,8 +78,8 @@
<div class="icon" id="7ed" name="Seventh Edition" data-name="Seventh Edition" data-class="7ed" data-unicode="e608" data-added="v0.1.0"> <div class="icon" id="7ed" name="Seventh Edition" data-name="Seventh Edition" data-class="7ed" data-unicode="e608" data-added="v0.1.0">
<span class="name"><i class="ss ss-7ed"></i> Seventh Edition <em>(7ed)</em></span> <span class="name"><i class="ss ss-7ed"></i> Seventh Edition <em>(7ed)</em></span>
</div> </div>
<div class="icon" id="8ed" name="Eigth Edition" data-name="Eigth Edition" data-class="8ed" data-unicode="e609" data-added="v0.1.0"> <div class="icon" id="8ed" name="Eighth Edition" data-name="Eighth Edition" data-class="8ed" data-unicode="e609" data-added="v0.1.0">
<span class="name"><i class="ss ss-8ed"></i> Eigth Edition <em>(8ed)</em></span> <span class="name"><i class="ss ss-8ed"></i> Eighth Edition <em>(8ed)</em></span>
</div> </div>
<div class="icon" id="9ed" name="Ninth Edition" data-name="Ninth Edition" data-class="9ed" data-unicode="e60a" data-added="v0.1.0"> <div class="icon" id="9ed" name="Ninth Edition" data-name="Ninth Edition" data-class="9ed" data-unicode="e60a" data-added="v0.1.0">
<span class="name"><i class="ss ss-9ed"></i> Ninth Edition <em>(9ed)</em></span> <span class="name"><i class="ss ss-9ed"></i> Ninth Edition <em>(9ed)</em></span>
@ -766,6 +766,10 @@
// show the modal // show the modal
$( '#overlay' ).show(); $( '#overlay' ).show();
$( '#modal' ).show(); $( '#modal' ).show();
// update the url query string
var newurl = window.location.origin + window.location.pathname + '?icon='+icon;
window.history.pushState( {path:newurl}, '', newurl );
} }
// toggle rarity controls // toggle rarity controls
@ -785,6 +789,7 @@
// close modal button // close modal button
$( '#closeModal' ).on( 'click', function( e ) { $( '#closeModal' ).on( 'click', function( e ) {
$( '#overlay' ).hide(); $( '#overlay' ).hide();
$( '#toggleGradient' ).prop( 'checked', false );
$( '#modal' ).hide(); $( '#modal' ).hide();
}); });