Mercurial > zeropaste
diff app/assets/javascripts/init.tabs.js @ 114:b72f99d7b8cf
Dynamic url based on options selected.
Yes, I'm having too much fun.
author | Edho Arief <edho@myconan.net> |
---|---|
date | Mon, 12 Nov 2012 13:31:18 +0700 |
parents | 2b1041e8c35e |
children | 546381cf83c2 |
line wrap: on
line diff
--- a/app/assets/javascripts/init.tabs.js Mon Nov 12 13:08:22 2012 +0700 +++ b/app/assets/javascripts/init.tabs.js Mon Nov 12 13:31:18 2012 +0700 @@ -7,26 +7,43 @@ $('#markdown div').html(marked(raw)); + update_state = function() { + var paste = $('#paste'), + mode = paste.data('mode'), + width = paste.data('width'), + qstring = '?' + mode + '.' + width; + if ((mode == 'plain') && (width == 'full')) { + qstring = '?'; + } + history.replaceState(null, '', qstring); + }; + paste_resize = function(size) { var paste = $('#paste'), title = $('#tab-resize a.btn'); title.html(title.html().replace(/(full|\d+px)/, size)); if (size == 'full') { paste.css('width', ''); - paste.data('width', '0'); + paste.data('width', size); } else { paste.css('width', size); paste.data('width', size); } + update_state(); } + $('#paste-tabs > li > a').click(function() { + $('#paste').data('mode', $(this).prop('href').split('#')[1]); + update_state(); + }); $('#tab-resize ul a').click(function() { paste_resize($(this).data('size')); }); mode = window.location.search.substr(1).split('.'); - if (mode[0] == 'highlight') { $('#paste-tabs li:eq(1) a').tab('show'); } - else if (mode[0] == 'markdown') { $('#paste-tabs li:eq(2) a').tab('show'); } + if (mode[0] == 'highlight') { $('#paste-tabs li:eq(1) a').click(); } + else if (mode[0] == 'markdown') { $('#paste-tabs li:eq(2) a').click(); } if (mode[1] && mode[1].match(/^\d+px$/)) { paste_resize(mode[1]); } + } });