api addUi userbox_button

[ItsOnlyBinary]

not sure if the css for this is going to need looking over by allan

Test plugin here: https://gist.github.com/ItsOnlyBinary/cb0b1d788b752485d093d1d20c92215b

closes #897

[AllanOcelot]

This adds an easy way to add plugin buttons to the userBox I take it?

[prawnsalad]

This line can simply be .kiwi-userbox-action:hover,

[AllanOcelot]

This has been made less specific now

[prawnsalad]

This could do with passing some props to the plugin like we do here https://github.com/kiwiirc/kiwiirc/blob/master/src/components/ControlInput.vue#L97

Passing {el: plugin.el, props: { user: user, userbox: self }} where self is a computed property returning this

[ItsOnlyBinary]

this doesnt appear to work with using data
typeof this.$el.dataset.user === "string" in my test plugin

[ItsOnlyBinary]

As a solution i propose we use:

props: {
    kiwiParent: self,
}

this should help prevent any conflicts and also keep it consistent throughout the api.
this would mean for UserBox.vue the user object could be accessed as follows:

this.$el.kiwiParent.user

[prawnsalad]

Actually that makes sense, but I would use a .kiwi property to keep them separate and easier for plugins to see what they have.

props: {
    kiwi: { user: this, etc: etc }
}

[ItsOnlyBinary]

Note ive changed ControlInput.vue to match the others which will be a breaking change for anyone using the old props

[ItsOnlyBinary]

rebased

[ItsOnlyBinary]

rebased