Remove the firstRun dialog.
This commit is contained in:
Nicolas Stepien
parent
68459914c1
commit
f40d40a7d6
@ -62,7 +62,7 @@
|
|||||||
*/
|
*/
|
||||||
|
|
||||||
(function() {
|
(function() {
|
||||||
var $, $$, DAY, Favicon, HOUR, MINUTE, Main, NAMESPACE, QR, SECOND, Time, anonymize, conf, config, d, expandComment, expandThread, filter, firstRun, flatten, g, getTitle, imgExpand, imgGif, imgHover, key, keybinds, log, nav, options, quoteBacklink, quoteInline, quoteOP, quotePreview, redirect, replyHiding, reportButton, revealSpoilers, sauce, strikethroughQuotes, threadHiding, threadStats, threading, titlePost, ui, unread, updater, val, watcher;
|
var $, $$, DAY, Favicon, HOUR, MINUTE, Main, NAMESPACE, QR, SECOND, Time, anonymize, conf, config, d, expandComment, expandThread, filter, flatten, g, getTitle, imgExpand, imgGif, imgHover, key, keybinds, log, nav, options, quoteBacklink, quoteInline, quoteOP, quotePreview, redirect, replyHiding, reportButton, revealSpoilers, sauce, strikethroughQuotes, threadHiding, threadStats, threading, titlePost, ui, unread, updater, val, watcher;
|
||||||
var __slice = Array.prototype.slice;
|
var __slice = Array.prototype.slice;
|
||||||
|
|
||||||
config = {
|
config = {
|
||||||
@ -2848,32 +2848,6 @@
|
|||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
firstRun = {
|
|
||||||
init: function() {
|
|
||||||
var dialog, style;
|
|
||||||
style = $.addStyle(" #navtopr, #navbotr { position: relative; } #navtopr::before { content: ''; height: 50px; width: 100px; background: red; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -webkit-transform-origin: 100% 200%; -moz-transform-origin: 100% 200%; -o-transform-origin: 100% 200%; position: absolute; top: 100%; right: 100%; z-index: 999; } #navtopr::after { content: ''; border-top: 100px solid red; border-left: 100px solid transparent; position: absolute; top: 100%; right: 100%; z-index: 999; } #navbotr::before { content: ''; height: 50px; width: 100px; background: red; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform-origin: 100% -100%; -moz-transform-origin: 100% -100%; -o-transform-origin: 100% -100%; position: absolute; bottom: 100%; right: 100%; z-index: 999; } #navbotr::after { content: ''; border-bottom: 100px solid red; border-left: 100px solid transparent; position: absolute; bottom: 100%; right: 100%; z-index: 999; } ");
|
|
||||||
style.className = 'firstrun';
|
|
||||||
dialog = $.el('div', {
|
|
||||||
id: 'overlay',
|
|
||||||
className: 'firstrun',
|
|
||||||
innerHTML: '\
|
|
||||||
<div id=options class="reply dialog">\
|
|
||||||
<p>Click the <strong>4chan X</strong> buttons for options; they are at the top and bottom of the page.</p>\
|
|
||||||
<p>Updater options are in the updater dialog in replies at the bottom-right corner of the window.</p>\
|
|
||||||
<p>If you don\'t see the buttons, try disabling your userstyles.</p>\
|
|
||||||
</div>'
|
|
||||||
});
|
|
||||||
$.add(d.body, dialog);
|
|
||||||
return $.on(window, 'click', firstRun.close);
|
|
||||||
},
|
|
||||||
close: function() {
|
|
||||||
$.set('firstrun', true);
|
|
||||||
$.rm($('style.firstrun', d.head));
|
|
||||||
$.rm($('#overlay'));
|
|
||||||
return $.off(window, 'click', firstRun.close);
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
Main = {
|
Main = {
|
||||||
init: function() {
|
init: function() {
|
||||||
var cutoff, hiddenThreads, id, lastChecked, now, pathname, temp, timestamp, _ref;
|
var cutoff, hiddenThreads, id, lastChecked, now, pathname, temp, timestamp, _ref;
|
||||||
@ -2970,8 +2944,7 @@
|
|||||||
}
|
}
|
||||||
});
|
});
|
||||||
$.on($('form[name=delform]'), 'DOMNodeInserted', Main.node);
|
$.on($('form[name=delform]'), 'DOMNodeInserted', Main.node);
|
||||||
options.init();
|
return options.init();
|
||||||
if (!$.get('firstrun')) return firstRun.init();
|
|
||||||
},
|
},
|
||||||
message: function(e) {
|
message: function(e) {
|
||||||
var data, origin;
|
var data, origin;
|
||||||
|
|||||||
@ -2159,84 +2159,6 @@ imgExpand =
|
|||||||
resize: ->
|
resize: ->
|
||||||
imgExpand.style.innerHTML = ".fitheight img + img {max-height:#{d.body.clientHeight}px;}"
|
imgExpand.style.innerHTML = ".fitheight img + img {max-height:#{d.body.clientHeight}px;}"
|
||||||
|
|
||||||
firstRun =
|
|
||||||
init: ->
|
|
||||||
style = $.addStyle "
|
|
||||||
#navtopr, #navbotr {
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
#navtopr::before {
|
|
||||||
content: '';
|
|
||||||
height: 50px;
|
|
||||||
width: 100px;
|
|
||||||
background: red;
|
|
||||||
-webkit-transform: rotate(-45deg);
|
|
||||||
-moz-transform: rotate(-45deg);
|
|
||||||
-o-transform: rotate(-45deg);
|
|
||||||
-webkit-transform-origin: 100% 200%;
|
|
||||||
-moz-transform-origin: 100% 200%;
|
|
||||||
-o-transform-origin: 100% 200%;
|
|
||||||
position: absolute;
|
|
||||||
top: 100%;
|
|
||||||
right: 100%;
|
|
||||||
z-index: 999;
|
|
||||||
}
|
|
||||||
#navtopr::after {
|
|
||||||
content: '';
|
|
||||||
border-top: 100px solid red;
|
|
||||||
border-left: 100px solid transparent;
|
|
||||||
position: absolute;
|
|
||||||
top: 100%;
|
|
||||||
right: 100%;
|
|
||||||
z-index: 999;
|
|
||||||
}
|
|
||||||
#navbotr::before {
|
|
||||||
content: '';
|
|
||||||
height: 50px;
|
|
||||||
width: 100px;
|
|
||||||
background: red;
|
|
||||||
-webkit-transform: rotate(45deg);
|
|
||||||
-moz-transform: rotate(45deg);
|
|
||||||
-o-transform: rotate(45deg);
|
|
||||||
-webkit-transform-origin: 100% -100%;
|
|
||||||
-moz-transform-origin: 100% -100%;
|
|
||||||
-o-transform-origin: 100% -100%;
|
|
||||||
position: absolute;
|
|
||||||
bottom: 100%;
|
|
||||||
right: 100%;
|
|
||||||
z-index: 999;
|
|
||||||
}
|
|
||||||
#navbotr::after {
|
|
||||||
content: '';
|
|
||||||
border-bottom: 100px solid red;
|
|
||||||
border-left: 100px solid transparent;
|
|
||||||
position: absolute;
|
|
||||||
bottom: 100%;
|
|
||||||
right: 100%;
|
|
||||||
z-index: 999;
|
|
||||||
}
|
|
||||||
"
|
|
||||||
style.className = 'firstrun'
|
|
||||||
|
|
||||||
dialog = $.el 'div',
|
|
||||||
id: 'overlay'
|
|
||||||
className: 'firstrun'
|
|
||||||
innerHTML: '
|
|
||||||
<div id=options class="reply dialog">
|
|
||||||
<p>Click the <strong>4chan X</strong> buttons for options; they are at the top and bottom of the page.</p>
|
|
||||||
<p>Updater options are in the updater dialog in replies at the bottom-right corner of the window.</p>
|
|
||||||
<p>If you don\'t see the buttons, try disabling your userstyles.</p>
|
|
||||||
</div>'
|
|
||||||
$.add d.body, dialog
|
|
||||||
|
|
||||||
$.on window, 'click', firstRun.close
|
|
||||||
|
|
||||||
close: ->
|
|
||||||
$.set 'firstrun', true
|
|
||||||
$.rm $ 'style.firstrun', d.head
|
|
||||||
$.rm $ '#overlay'
|
|
||||||
$.off window, 'click', firstRun.close
|
|
||||||
|
|
||||||
Main =
|
Main =
|
||||||
init: ->
|
init: ->
|
||||||
if location.hostname is 'sys.4chan.org'
|
if location.hostname is 'sys.4chan.org'
|
||||||
@ -2393,9 +2315,6 @@ Main =
|
|||||||
$.on $('form[name=delform]'), 'DOMNodeInserted', Main.node
|
$.on $('form[name=delform]'), 'DOMNodeInserted', Main.node
|
||||||
options.init()
|
options.init()
|
||||||
|
|
||||||
unless $.get 'firstrun'
|
|
||||||
firstRun.init()
|
|
||||||
|
|
||||||
message: (e) ->
|
message: (e) ->
|
||||||
{origin, data} = e
|
{origin, data} = e
|
||||||
if origin is 'http://sys.4chan.org'
|
if origin is 'http://sys.4chan.org'
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user