declare.js + Style

'use strict';
exports.commands = {
    declare: function (target, room, user) {
        if (!target) return this.parse('/help declare');
        if (!this.can('declare', null, room)) return false;
        if (!this.canTalk()) return;
        if (target.length > 2000) return this.errorReply("Declares should not exceed 2000 characters.");

        for (let u in room.users) {
            if (Users(u).connected) Users(u).sendTo(room, `|notify|${room.title} announcement!|${target}`);
        }
        this.add(Chat.html = (
        `|raw|<div class="declare" style="background-color: transparent ; height: auto; margin: auto; padding: 5px;">` +
        `<div class="declare-header" style="border: 1px solid gray; background: green; padding: 5px; text-align: center; font-size: 11pt; font-family: trebuchet ms,Helvetica,sans-serif; color: white;">` +
        `<strong>Declaración de </strong> <span class="username">${user}</span></div>` +
        `<div class="declare-body" style="background: #fff; padding: 10px; margin: auto; border-right: 1px solid gray; border-bottom: 1px solid gray; border-left: 1px solid gray; border-top: none; padding-top: .8em; padding-right: .3em; line-height: 1.5;">${target}</div>` +
        `</div>`));
        this.modlog('DECLARE', null, target);
    },
    declarehelp: [`/declare [message] - Anonymously announces a message. Requires: # * & ~`],

    htmldeclare: function (target, room, user) {
        if (!target) return this.parse('/help htmldeclare');
        if (!this.can('gdeclare', null, room)) return false;
        if (!this.canTalk()) return;
        target = this.canHTML(target);
        if (!target) return;

        for (let u in room.users) {
            if (Users(u).connected) Users(u).sendTo(room, `|notify|${room.title} announcement!|${Chat.stripHTML(target)}`);
        }
        this.add(
        `|raw|<div class="declare" style="background-color: transparent ; height: auto; margin: auto; padding: 5px;">` +
        `<div class="declare-header" style="border: 1px solid gray; background: #4D8286; padding: 5px; text-align: center; font-size: 11pt; font-family: trebuchet ms,Helvetica,sans-serif; color: white;">` +
        `<strong>Declaración de </strong> <span class="username">${user}</span></div>` +
        `<div class="declare-body" style="background: white; padding: 10px; margin: auto; border-right: 1px solid gray; border-bottom: 1px solid gray; border-left: 1px solid gray; border-top: none; padding-top: .8em; padding-right: .3em; line-height: 1.5;">${target}</div>` +
        `</div>`);
        this.modlog(`HTMLDECLARE`, null, target);
    },
    htmldeclarehelp: [`/htmldeclare [message] - Anonymously announces a message using safe HTML. Requires: ~`],

    gdeclare: 'globaldeclare',
    globaldeclare: function (target, room, user) {
        if (!target) return this.parse('/help globaldeclare');
        if (!this.can('gdeclare')) return false;
        target = this.canHTML(target);
        if (!target) return;

        Rooms.rooms.forEach((curRoom, id) => {
            if (id !== 'global') curRoom.addRaw(
        `<div class="declare" style="background-color: transparent ; height: auto; margin: auto; padding: 5px;">` +
        `<div class="declare-header" style="border: 1px solid gray; background: #4D8286; padding: 5px; text-align: center; font-size: 11pt; font-family: trebuchet ms,Helvetica,sans-serif; color: white;">` +
        `<strong>Declaración global de </strong> <span class="username">${user}</span></div>` +
        `<div class="declare-body" style="background: white; padding: 10px; margin: auto; border-right: 1px solid gray; border-bottom: 1px solid gray; border-left: 1px solid gray; border-top: none; padding-top: .8em; padding-right: .3em; line-height: 1.5;">${target}</div>` +
        `</div>`).update();
        });
        this.modlog(`GLOBALDECLARE`, null, target);
    },
    globaldeclarehelp: [`/globaldeclare [message] - Anonymously announces a message to every room on the server. Requires: ~`],

    cdeclare: 'chatdeclare',
    chatdeclare: function (target, room, user) {
        if (!target) return this.parse('/help chatdeclare');
        if (!this.can('gdeclare')) return false;
        target = this.canHTML(target);
        if (!target) return;

        Rooms.rooms.forEach((curRoom, id) => {
            if (id !== 'global' && curRoom.type !== 'battle') curRoom.addRaw(`<div style="padding: 5px; margin: auto; height: auto;"><div class="declare-body" style="text-align: center; font-weight: bold; background: white; padding: 10px; margin: auto; border: 1px solid gray; padding-right: .3em; line-height: 1.5;">${target}</div></div>`).update();
        });
        Users.users.forEach(u => {
            if (u.connected) u.send(`|pm|~|${u.group}${u.name}|/raw <div style="margin: auto; height: auto;"><div class="declare-body" style="text-align: center; font-weight: bold; background: white; padding: 5px; margin: auto; border: 1px solid gray; padding-right: .3em; line-height: 1.5;">${target}</div></div>`);
        });
        this.modlog(`CHATDECLARE`, null, target);
    },
    chatdeclarehelp: [`/cdeclare [message] - Anonymously announces a message to all chatrooms on the server. Requires: ~`],
};