The West - Item Set Manager

Manage your sets like a boss!

ของเมื่อวันที่ 26-03-2015 ดู เวอร์ชันล่าสุด

คุณจะต้องติดตั้งส่วนขยาย เช่น Tampermonkey, Greasemonkey หรือ Violentmonkey เพื่อติดตั้งสคริปต์นี้

คุณจะต้องติดตั้งส่วนขยาย เช่น Tampermonkey หรือ Violentmonkey เพื่อติดตั้งสคริปต์นี้

คุณจะต้องติดตั้งส่วนขยาย เช่น Tampermonkey หรือ Violentmonkey เพื่อติดตั้งสคริปต์นี้

You will need to install an extension such as Tampermonkey or Userscripts to install this script.

You will need to install an extension such as Tampermonkey to install this script.

You will need to install a user script manager extension to install this script.

(I already have a user script manager, let me install it!)

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

You will need to install a user style manager extension to install this style.

You will need to install a user style manager extension to install this style.

You will need to install a user style manager extension to install this style.

(I already have a user style manager, let me install it!)

// ==UserScript==
// @namespace		https://greasyfork.org/users/8637
// @name        	The West - Item Set Manager
// @author      	neversleep1911
// @description		Manage your sets like a boss!
// @include     	http://*.the-west.*/game.php*
// @include     	https://*.the-west.*/game.php*
// @grant       	none
// @version     	1.0.2
// @copyright		Copyright (c) 2015 neversleep1911
// @license			MIT (http://opensource.org/licenses/MIT)
// ==/UserScript==

(function(func) {
    var script;
    script = document.createElement("script");
    script.setAttribute("type", "text/javascript");
    script.textContent = "(" + func.toString() + ")();";
    document.body.appendChild(script);
    document.body.removeChild(script);
})(function() {
    var Gui, I18n, ItemSetManager, ItemSetWindow, Recent;
    I18n = function() {
        var DEFAULT_LANGUAGE, STRINGS, language;
        function I18n() {}
        DEFAULT_LANGUAGE = "en_US";
        STRINGS = {
            en_US: {
                item_set_window: {
                    title: "Items"
                },
                messages: {
                    bag_is_not_loaded: "Bag is not loaded!"
                }
            },
            ru_RU: {
                item_set_window: {
                    title: "Предметы"
                },
                messages: {
                    bag_is_not_loaded: "Инвентарь не загружен!"
                }
            }
        };
        language = DEFAULT_LANGUAGE;
        I18n.language = function() {
            return language;
        };
        I18n.setLanguage = function(lang) {
            return language = STRINGS[lang] ? lang : DEFAULT_LANGUAGE;
        };
        I18n.tr = function(id) {
            var prop, properties, string, _i, _len;
            string = STRINGS[language];
            properties = id.split(".");
            for (_i = 0, _len = properties.length; _i < _len; _i++) {
                prop = properties[_i];
                if ((string = string[prop]) === void 0) {
                    break;
                }
            }
            return string || id;
        };
        return I18n;
    }();
    Gui = function() {
        function Gui() {}
        Gui.createMenuButton = function(options) {
            var button;
            if (options == null) {
                options = {};
            }
            button = $("<div class='menulink' title='" + options.title + "' />");
            if (options.image) {
                button.css("background-image", "url(" + options.image + ")");
            }
            button.hover(function() {
                $(this).css("background-position", "-25px 0px");
                return true;
            }, function() {
                $(this).css("background-position", "0px 0px");
                return true;
            }).on("click", options.onclick);
            $("div#ui_menubar").append($('<div class="ui_menucontainer" />').append(button).append('<div class="menucontainer_bottom" />'));
            return button;
        };
        Gui.createSelectbox = function(options) {
            var menu;
            if (options == null) {
                options = {};
            }
            menu = new west.gui.Selectbox();
            if (options.header) {
                menu.setHeader(options.header);
            }
            menu.setWidth(options.width || 175);
            if (options.height) {
                menu.setHeight(options.height);
            }
            if (options.onclick) {
                menu.addListener(options.onclick);
            }
            menu.elContent.css("overflow-y", "scroll");
            return menu;
        };
        return Gui;
    }();
    Recent = function() {
        function Recent() {}
        Recent.LSK_RECENT = "7d04d85e-cbc4-4d6f-acdc-7ccadcb24534";
        Recent.MAX_SIZE = 10;
        Recent.load = function() {
            return this.list = (localStorage.getItem(this.LSK_RECENT) || "").split(",");
        };
        Recent.push = function(value) {
            var i;
            i = this.list.indexOf(value);
            if (i !== -1) {
                this.list.splice(i, 1);
            }
            if (this.list.push(value) > this.MAX_SIZE) {
                this.list.shift();
            }
            localStorage.setItem(this.LSK_RECENT, this.list.join(","));
            return this.list.length;
        };
        return Recent;
    }();
    ItemSetManager = function() {
        ItemSetManager.prototype.ID = "tw_item_set_manager";
        ItemSetManager.prototype.NAME = "Item Set Manager";
        ItemSetManager.prototype.MENU_BUTTON_IMAGE = "data:image/png;base64,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";
        function ItemSetManager() {
            var self;
            self = this;
            TheWestApi.register(this.ID, this.NAME, "2.2", "2.2", "neversleep1911", "https://greasyfork.org/scripts/8596").setGui("Copyrights, changelog and other details see <a href='https://greasyfork.org/scripts/8596' target='_blank'>here</a>.");
            I18n.setLanguage(Game.locale);
            Recent.load();
            Gui.createMenuButton({
                title: this.NAME,
                image: this.MENU_BUTTON_IMAGE,
                onclick: function(e) {
                    self.onMenuButtonClick(e);
                    e.preventDefault();
                    return false;
                }
            });
            this.menu = Gui.createSelectbox({
                height: 500,
                onclick: function(value) {
                    self.onMenuItemClick(value);
                    return true;
                }
            });
            this.buildMenu();
        }
        ItemSetManager.prototype.onMenuButtonClick = function(e) {
            var offset;
            offset = $(e.target).offset();
            offset.left -= $(e.target).width();
            this.menu.show();
            this.menu.setPosition(offset.left, offset.top);
            return this;
        };
        ItemSetManager.prototype.onMenuItemClick = function(setId) {
            var css, invWasClosed, invWnd, self, set, wearWndDiv;
            self = this;
            set = west.storage.ItemSetManager.get(setId);
            if (Bag.loaded) {
                invWasClosed = wman.getById(Inventory.uid) ? false : true;
                if (wman.getById(Wear.uid)) {
                    if (wman.isMinimized(Wear.uid)) {
                        wman.reopen(Wear.uid);
                    }
                } else {
                    Wear.open();
                }
                if (invWasClosed) {
                    invWnd = wman.getById(Inventory.uid);
                    if (invWnd) {
                        invWnd.fireEvent(TWE("WINDOW_CLOSE"), invWnd);
                    }
                }
                if (ItemSetWindow.wnd) {
                    if (wman.isMinimized(ItemSetWindow.uid)) {
                        wman.reopen(ItemSetWindow.uid);
                    }
                    ItemSetWindow.wnd.bringToTop();
                } else {
                    wearWndDiv = $(wman.getById(Wear.uid).getMainDiv());
                    css = wearWndDiv.offset();
                    css.left += wearWndDiv.width();
                    css.width = 304;
                    css.height = wearWndDiv.height();
                    ItemSetWindow.open({
                        css: css
                    });
                }
                ItemSetWindow.setItemSet(set);
                setTimeout(function() {
                    Recent.push(setId);
                    self.buildMenu();
                }, 200);
            } else {
                new UserMessage(I18n.tr("messages.bag_is_not_loaded"), UserMessage.TYPE_ERROR).show();
            }
            return this;
        };
        ItemSetManager.prototype.buildMenu = function() {
            var i, img, item, menuItem, set, setId, sets, text, _i, _j, _k, _len, _len1, _len2, _ref;
            sets = west.storage.ItemSetManager.getAll().slice(0).reverse();
            if (Recent.list.length > 0) {
                _ref = Recent.list;
                for (_i = 0, _len = _ref.length; _i < _len; _i++) {
                    setId = _ref[_i];
                    for (i = _j = 0, _len1 = sets.length; _j < _len1; i = ++_j) {
                        set = sets[i];
                        if (setId === set.key) {
                            sets.splice(i, 1);
                            sets.unshift(set);
                            break;
                        }
                    }
                }
            }
            this.menu.removeAll();
            for (_k = 0, _len2 = sets.length; _k < _len2; _k++) {
                set = sets[_k];
                item = ItemManager.get(set.items[0]);
                img = $("<img />");
                img.attr("src", item.image);
                img.css({
                    position: "absolute",
                    width: 18,
                    height: 18,
                    left: 4
                });
                text = $("<span>" + set.name + "</span>");
                text.css("padding-left", 16);
                menuItem = $("<div />");
                menuItem.css({
                    overflow: "hidden",
                    "text-overflow": "ellipsis",
                    "white-space": "nowrap"
                });
                menuItem.append(img);
                menuItem.append(text);
                this.menu.addItem(set.key, menuItem, set.name);
            }
            return this;
        };
        return ItemSetManager;
    }();
    ItemSetWindow = function() {
        function ItemSetWindow() {}
        ItemSetWindow.uid = "item-set-window";
        ItemSetWindow.open = function(options) {
            if (options == null) {
                options = {};
            }
            if (!this.wnd) {
                this.wnd = wman.open(this.uid, null, "noreload");
                this.wnd.setTitle(I18n.tr("item_set_window.title"));
                this.wnd.addEventListener("WINDOW_DESTROY", function() {
                    ItemSetWindow.unlistenWearChagned();
                    delete ItemSetWindow.wnd;
                });
                if (options.css) {
                    $(this.wnd.getMainDiv()).css(options.css);
                }
                this.listenWearChagned();
            }
            return this;
        };
        ItemSetWindow.setItemSet = function(set) {
            var bagItem, invItem, invItemDiv, item, itemCount, itemId, timer, _i, _len, _ref;
            if (!ItemSetWindow.wnd) {
                return false;
            }
            this.set = set;
            timer = 0;
            ItemSetWindow.wnd.setMiniTitle(set.name);
            $(ItemSetWindow.wnd.getContentPane()).empty();
            _ref = set.items;
            for (_i = 0, _len = _ref.length; _i < _len; _i++) {
                itemId = _ref[_i];
                item = ItemManager.get(itemId);
                invItem = new tw2widget.InventoryItem(item);
                invItemDiv = $(invItem.getMainDiv());
                bagItem = Bag.getItemByItemId(itemId);
                itemCount = bagItem ? bagItem.getCount() : 0;
                invItemDiv.css({
                    border: "1px solid transparent",
                    "border-radius": 4
                });
                if (Wear.carries(itemId)) {
                    ++itemCount;
                    invItemDiv.css("border-color", "black");
                } else {
                    if (bagItem) {
                        (function(bagItem, invItemDiv) {
                            invItemDiv.on("click", function(e) {
                                if (!e.shiftKey) {
                                    if (timer) {
                                        clearTimeout(timer);
                                    }
                                    invItemDiv.off("click");
                                    invItemDiv.css("opacity", .5);
                                    ItemSetWindow.unlistenWearChagned();
                                    Wear.carry(bagItem);
                                    timer = setTimeout(function() {
                                        ItemSetWindow.setItemSet(set);
                                        ItemSetWindow.listenWearChagned();
                                        timer = 0;
                                    }, 1e3);
                                }
                                return true;
                            });
                        })(bagItem, invItemDiv);
                    } else {
                        invItemDiv.css("opacity", .5);
                    }
                }
                invItem.setCount(itemCount);
                ItemSetWindow.wnd.appendToContentPane(invItem.getMainDiv());
            }
            return this;
        };
        ItemSetWindow.listenWearChagned = function() {
            if (!this.listening) {
                EventHandler.listen("wear_changed", this.wearChangedHandler, this);
                this.listening = true;
            }
            return this.listening;
        };
        ItemSetWindow.unlistenWearChagned = function() {
            if (this.listening) {
                EventHandler.unlisten("wear_changed", this.wearChangedHandler, this);
                this.listening = false;
            }
            return this.listening;
        };
        ItemSetWindow.wearChangedHandler = function() {
            if (ItemSetWindow.set) {
                ItemSetWindow.setItemSet(ItemSetWindow.set);
            }
        };
        return ItemSetWindow;
    }();
    $(document).ready(function() {
        EventHandler.listen("itemmanager_loaded", function() {
            new ItemSetManager();
            return EventHandler.ONE_TIME_EVENT;
        });
        return true;
    });
});