diff options
Diffstat (limited to 'js/rules-popup.js')
| -rw-r--r-- | js/rules-popup.js | 42 |
1 files changed, 42 insertions, 0 deletions
diff --git a/js/rules-popup.js b/js/rules-popup.js new file mode 100644 index 00000000..515c5b71 --- /dev/null +++ b/js/rules-popup.js @@ -0,0 +1,42 @@ +/* + * rules-popup.js + * https://github.com/mkwia/lainchan/js/rules-popup.js + * + * Forces user to accept rules from /templates/rules.html on first welcome + * + * 2016 mkwia <github.com/mkwia> + * + * Usage: + * $config['additional_javascript'][] = 'js/jquery.min.js'; + * $config['additional_javascript'][] = 'js/rules-popup.js'; + * + */ + +if (typeof localStorage.rulesAccepted === "undefined") { + + // generate a 7-character long random string + captcha = Math.random().toString(36).substring(2, 9) + + $("<div id='rules-popup'>") + .prependTo("body"); + + $("#rules-popup") + .append("<div class='rules-popup-top'>lainchan rule agreement</div>") + .append("<div class='rules-popup-content-wrapper'></div>") + .append("<div class='rules-popup-bottom'></div>"); + + $(".rules-popup-content-wrapper") + .append("<div id='rules-popup-content'></div>"); + $("#rules-popup-content") + .load("/templates/rules.html"); + + $(".rules-popup-bottom") + .append("<div class='rules-popup-bottom-instructions'>If you accept the rules, retype the captcha and press ACCEPT.</div>") + .append("<div class='rules-popup-captcha-wrapper'></div>"); + $(".rules-popup-captcha-wrapper") + .append("<div class='rules-popup-captcha'>" + captcha + "</div>") + .append("<form class='rules-popup-form' onsubmit=\"if ($('#captcha').val() == '" + captcha + "') { localStorage.rulesAccepted = 1; $('#rules-popup').remove(); } return false;\"></form>"); + $(".rules-popup-form") + .append("<input class='rules-popup-form-input' type='text' id='captcha' />") + .append("<input type='submit' value='ACCEPT' />"); +}
\ No newline at end of file |