User:Mopsgamer/global.js

/*DivEditor by Mopsgamer*/ /*Version 1.5*/

$(function {    if (window.wgUserLanguage == "ru") { Editor = { AddInside: "#Editor", FontSize: 14, ButtonTextOpen: "Открыть", ButtonTextChange: "Сменить редактор", ButtonTextClose: "Закрыть", ButtonTextClear: "Очистить", ButtonTextCopy: "Копировать", ButtonTextSetCSS: "Применить", TextFontSize: "Размер текста", TextAreaTitle: "Код", ViewAreaTitle: "Вид"} } else { Editor = { AddInside: "#Editor", FontSize: 14, ButtonTextOpen: "Open", ButtonTextChange: "Change editor", ButtonTextClose: "Close", ButtonTextClear: "Clear", ButtonTextCopy: "Copy", ButtonTextSetCSS: "Apply", TextFontSize: "Font size", TextAreaTitle: "Code", ViewAreaTitle: "View"} } Area = "EditorTextArea"; AreaTitle = Editor.TextAreaTitle; $(Editor.AddInside).html('').css("border", "1px solid #90afcc").css("transition", "0.5s").css("background", "#b4dbff") $(Editor.AddInside).append('  '); $('#EditorAreas').append(' '); $('#EditorAreas').append('  '); $('#EditorAreas').append(' '); $('#EditorRightArea').append('  + - Копировать '); $('#EditorRightArea').append(' Очистить Применить  '); $('#EditorHeader').append('Открыть Закрыть '); $('#ViewSettings').append('СтилиТекст: <input type="text" prop="text"></li>Ширина: <input type="text" prop="width"></li>Высота: <input type="text" prop="height"></li>Отступ снаружи: <input type="text" prop="margin"></li>Отступ внутри: <input type="text" prop="padding"></li>Фон: <input type="text" prop="background"></li>Позиция: absolute  fixed  inherit  initial <option val="relative" selected>relative  revert  static  sticky  unset  </li>РамкиШирина: <input type="text" prop="border-width"></li>Стиль: <select prop="border-style"> dashed  dotted  double  groove  hidden  inherit  initial  inset  none  outset  revert  ridge <option val="solid" selected>solid  unset  </li>Цвет: <input type="text" prop="border-color"></li>Скругление: <input type="text" prop="border-radius"></li></ul></li>Тень: <input type="text" prop="box-shadow"></li>Тень текста: <input type="text" prop="box-shadow"></li>Прозрачность: <input type="text" prop="opacity"></li>Трансформация: <input type="text" prop="transform"></li><li>Переполнение:  auto  hidden  inherit  initial  overlay  revert  scroll  unset <option val="visible" selected>visible  </li><li style="list-style-type: none;text-align: center;font-weight: bold;border-bottom: 1px solid #94a6b8;margin-bottom: 5px;">Атрибуты</li><li>Классы: <input type="text" prop="class"></li><li>ID: <input type="text" prop="id"></li>');

$('#ChangeEditor').text(Editor.ButtonTextOpen); $('#Close').text(Editor.ButtonTextClose); $('#Clear').text(Editor.ButtonTextClear); $('#Copy').text(Editor.ButtonTextCopy); $('#SetCSS').text(Editor.ButtonTextSetCSS); $('#TextFontSize').text(Editor.TextFontSize + ":"); $('#FontSize').text(Editor.FontSize); $('#EditorAreaTitle').text(AreaTitle); $('#EditorRightAreaText').hide; $('#EditorAreaTitle').hide; $('#EditorAreas').hide; $('#Close').hide;

$('#EditorRightArea button').css("width", "auto"); $('#ViewSettings li').css("list-style-type", "none"); $('#ViewSettings input').css("width", "110px"); $('#ViewSettings select').css("width", "118px"); $('#ViewSettings input, #ViewSettings select').css("float", "right") $('#EditorTextArea').css("font-size", Editor.FontSize.toString+"px");

$('head').append(' .refpopups-configure-page,.avatars{z-index:0 !important} ') $('.wds-community-header').css("z-index", "3");

var $setcss = function(prop) { $('#EditorViewArea>div') .css(prop, $('#ViewSettings input[prop=' + prop + ']').val); } var $setattr = function(attrib) { $('#EditorViewArea>div') .attr(attrib, $('#ViewSettings input[prop=' + attrib + ']').val); } var $setplhl = function(attrib) { $('#ViewSettings input[prop=' + attrib + ']') .attr("placeholder", attrib); }

$setplhl("width"); $setplhl("height"); $setplhl("margin"); $setplhl("padding"); $setplhl("background"); $setplhl("position"); $setplhl("border-width"); $setplhl("border-style"); $setplhl("border-color"); $setplhl("border-radius"); $setplhl("box-shadow"); $setplhl("text-shadow"); $setplhl("opacity"); $setplhl("transform"); $setplhl("overflow"); $setplhl("class"); $setplhl("id");

$("#SetCSS").click(function{   $('#EditorViewArea>div').text($('#ViewSettings input[prop="text"]').val);    $setcss("width");    $setcss("height");    $setcss("margin");    $setcss("padding");    $setcss("background");    $setcss("position");    $setcss("border-width");    $setcss("border-style");    $setcss("border-color");    $setcss("border-radius");    $setcss("box-shadow");    $setcss("text-shadow");    $setcss("opacity");    $setcss("transform");    $setcss("overflow");    $setattr("class");    $setattr("id"); })

$('#Clear').click(function{ $('#EditorViewArea>div').attr("style", ""); $('[prop="width"]').val(""); $('[prop="height"]').val(""); $('[prop="margin"]').val(""); $('[prop="padding"]').val(""); $('[prop="background"]').val(""); $('[prop="border-width"]').val(""); $('[prop="border-color"]').val(""); $('[prop="border-radius"]').val(""); $('[prop="box-shadow"]').val(""); $('[prop="box-shadow"]').val(""); $('[prop="opacity"]').val(""); $('[prop="transform"]').val(""); }) $('#FontSizeIncrease').click(function{ if (Editor.FontSize < 30) {++Editor.FontSize; $('#EditorTextArea').css("font-size", Editor.FontSize+"px"); $('#FontSize').text(Editor.FontSize);} })

$('#FontSizeDecrease').click(function{ if (Editor.FontSize > 1) {--Editor.FontSize; $('#EditorTextArea').css("font-size", Editor.FontSize+"px"); $('#FontSize').text(Editor.FontSize);} })

$('#Close').click(function{ $('#ChangeEditor').text(Editor.ButtonTextOpen); $(Editor.AddInside).css("height", "unset"); $('#EditorAreas').hide; $('#EditorAreaTitle').hide; $('#Close').hide; $('#Copy').hide; $('#SetCSS').hide; $(Editor.AddInside).css("height", "unset").css("position", "relative").css("width", "unset").css("left", "0").css("top", "0"); }) Area = "EditorTextArea"; AreaTitle = Editor.ViewAreaTitle; $('#EditorViewArea').show; $('#EditorTextArea').hide; $('#ChangeEditor').click(function{ $(Editor.AddInside).css("height", "600px").css("position", "fixed").css("width", "90%").css("top", "15%").css("left", "5%"); $('#Close').show; $('#EditorAreas').show; $('#EditorAreaTitle').show;

if( $('#ChangeEditor').text == Editor.ButtonTextChange ){ switch (Area) { case "EditorViewArea": Area = "EditorTextArea"; AreaTitle = Editor.ViewAreaTitle; $('#EditorTextArea').hide; $('#EditorViewArea').show; $('#EditorRightAreaView').show; $('#EditorRightAreaText').hide; $('#EditorTextArea').text($('#EditorViewArea').val); break; case "EditorTextArea": Area = "EditorViewArea"; AreaTitle = Editor.TextAreaTitle; $('#EditorTextArea').show; $('#EditorViewArea').hide; $('#EditorRightAreaView').hide; $('#EditorRightAreaText').show; $('#EditorTextArea').text($('#EditorViewArea').html); }} $('#EditorAreaTitle').text(AreaTitle); $('#ChangeEditor').text(Editor.ButtonTextChange); }); });