Developing for UCP 14+

.grid-stack-item[data-rawname=conferencespro] {

/**
 * Get Simple Widget List
 * @method getSimpleWidgetList
 * @return array               Array of information
 */
function getSimpleWidgetList() {
    return array(
        "rawname" => "findmefollow",
        "display" => _("Find Me / Follow Me"),
        "icon" => "fa fa-binoculars",
        "list" => array(
            "1000" => array(
                "display" => "Dev4",
            )
        )
    );
}

/**
 * Get Widget List
 * @method getWidgetList
 * @return array               Array of information
 */
function getWidgetList() {
    return array(
        "rawname" => "findmefollow",
        "display" => _("Find Me / Follow Me"),
        "icon" => "fa fa-binoculars",
        "list" => array(
            "1000" => array(
                "display" => "Dev4",
                "hasSettings" => true,
                "defaultsize" => array("height" => 2, "width" => 3)
            )
        )
    );
}

/**
 * Get Simple Widget Display
 * @method getWidgetDisplay
 * @param  string           $id The widget id. This is the key of the 'list' array in getSimpleWidgetList
 * @param  string           $uuid The UUID of the widget
 * @return array               Array of information
 */
public function getSimpleWidgetDisplay($id,$uuid) {
    $displayvars = array();
    return array(
        'title' => _("Follow Me"),
        'html' => $this->load_view(__DIR__.'/views/widget.php',$displayvars)
    );
}

/**
 * Get Widget Display
 * @method getWidgetDisplay
 * @param  string           $id The widget id. This is the key of the 'list' array in getWidgetList
 * @param  string           $uuid The UUID of the widget
 * @return array               Array of information
 */
public function getWidgetDisplay($id, $uuid) {
    $displayvars = array();
    return array(
        'title' => _("Follow Me"),
        'html' => $this->load_view(__DIR__.'/views/widget.php',$displayvars)
    );
}

/**
 * Get Widget Settings Display
 * @method getWidgetDisplay
 * @param  string           $id The widget id. This is the key of the 'list' array in getWidgetList
 * @param  string           $uuid The UUID of the widget
 * @return array               Array of information
 */
public function getWidgetSettingsDisplay($id, $uuid) {
    $displayvars = array();
    return array(
        'title' => _("Follow Me"),
        'html' => $this->load_view(__DIR__.'/views/widget.php',$displayvars)
    );
}

/**
 * Get Simple Widget Settings Display
 * @method getSimpleWidgetDisplay
 * @param  string           $id The widget id. This is the key of the 'list' array in getWidgetList
 * @param  string           $uuid The UUID of the widget
 * @return array               Array of information
 */
public function getSimpleWidgetSettingsDisplay($id, $uuid) {
    $displayvars = array();
    return array(
        'title' => _("Follow Me"),
        'html' => $this->load_view(__DIR__.'/views/widget.php',$displayvars)
    );
}

/**
 * Display a Tab in the user settings modal
 * @method getUserSettingsDisplay
 * @return array               Array of information
 */
function getUserSettingsDisplay() {
    return array(
        array(
            "rawname" => "zulu",
            "name" => _("Zulu"),
            "html" => $this->load_view(__DIR__.'/views/zulu.php',$vars)
        )
    );
}

/**
 * Poll for information
 * @method poll
 * @param array     $data     Data from Javascript prepoll function (if any)
 * @return mixed              Data you'd like to send back to the javascript for this module
 */
function poll($data) {
    return array("data" => "goes here");
}

Code:
/**
 * Get Chat History
 * @method getChatHistory
 * @param string      $from       The 'from' set by UCP.addChat javascript function
 * @param string      $to         The 'to' set by UCP.addChat javascript function
 * @param boolean     $newWindow  Is this a new window? (true or false)
 * @return array                  Array of information
 */
function getChatHistory($from, $to, $newWindow) {
    $final = array();
    $final['messages'][] = array(
        'id' => 'msgid',
        'from' => 'from',
        'message' => $body,
        'date' => '1517696178',
        'direction' => 'in'
    );
    reutrn array('messages' => $final, 'lastMessage' => $final['messages'][0]);
}

var FindmefollowC = UCPMC.extend({
    init: function(){
         
    },
    displayWidget: function(widget_id,dashboard_id) {

/**
 * Add Simple Widget
 * @method addSimpleWidget
 * @param  {string}      widget_id    The widget ID on the dashboard
 */
addSimpleWidget: function(widget_id) {

$(".custom-widget[data-widget_id='"+widget_id+"']")

/**
 * Display Widget
 * @method displayWidget
 * @param  {string}      widget_id    The widget ID on the dashboard
 * @param  {string}      dashboard_id The dashboard ID
 */
displayWidget: function(widget_id,dashboard_id) {

$(".grid-stack-item[data-id='"+widget_id+"']")

/**
 * Display Side Bar Widget
 * @method displaySimpleWidget
 * @param  {string}            widget_id The widget id in the sidebar
 */
displaySimpleWidget: function(widget_id) {

$(".widget-extra-menu[data-id="+widget_id+"]")

/**
 * Display Widget Settings
 * @method displayWidgetSettings
 * @param  {string}      widget_id    The widget ID on the dashboard
 * @param  {string}      dashboard_id The dashboard ID
 */
displayWidgetSettings: function(widget_id, dashboard_id) {

$("#widget_settings .widget-settings-content")

/**
 * Display Simple Widget Settings
 * @method displaySimpleWidgetSettings
 * @param  {string}      widget_id    The widget ID on the sidebar
 */
displaySimpleWidgetSettings: function(widget_id) {

$("#widget_settings .widget-settings-content")

/**
 * When the dashboard is displayed and has finished loading
 * @method showDashboard
 * @param  {string}            dashboard_id The dashboard id
 */
showDashboard: function(dashboard_id) {

/**
 * Resize Widget
 * @method resize
 * @param  {string}      widget_id    The widget ID on the dashboard
 * @param  {string}      dashboard_id The dashboard ID
 */
resize: function(widget_id,dashboard_id) {

$(".grid-stack-item[data-id='"+widget_id+"']")

/**
 * Window State
 * @method windowState
 * @param  {string}      state    The window state. Can be "hidden" or "visible"
 */
windowState: function(state) {

/**
 * Pre Poll (Before the poll)
 * @method prepoll
 * @return  {mixed}      Data to send back to the PHP poll function for this module
 */
prepoll: function() {

/**
 * Poll
 * @method prepoll
 * @param  {mixed}      data    Data returned from the PHP poll function for this module
 */
poll: function(data) {

$(document).on("post-body.simplewidget", function(event, widget_id) {
});

$(".widget-extra-menu[data-id="+widget_id+"]")

$(document).on("post-body.widgets", function(event, dashboard_id) {
});

$(document).on("post-body.widgets", function(event, widget_id, dashboard_id) {
});

$(".grid-stack-item[data-id='"+widget_id+"']")

$(document).on("post-body.widget-removed", function(event, widget, dashboard_id) {
});

$(document).on("post-body.widgetsettings", function(event, widget_id, dashboard_id) {
});

$(".grid-stack-item[data-id='"+widget_id+"']")

$(document).on("post-body.simplewidgetsettings", function(event, widget_id) {
});

$(".widget-extra-menu[data-id='"+widget_id+"']")

$(document).on("logIn", function(event) {
});

$(document).on("logOut", function(event) {
});

/**
 * @param {object} event     Jquery event object
 * @param {string} windowId  The chat window ID
 * @param {string} module    The chat window rawmodule name
 * @param {object} object    The chat window jquery object
 */
$(document).on("chatWindowAdded", function(event, windowId, module, object) {
});

/**
 * @param {object} event     Jquery event object
 * @param {string} windowId  The chat window ID
 */
$(document).on("chatWindowRemoved", function(event, windowId) {
 
});

$this->user

<table data-toggle="table">

<input type="checkbox" name="dndenable" data-toggle="toggle" data-on="<?php echo _("Enabled")?>" data-off="<?php echo _("Disabled")?>">

<select data-toggle="select" data-size="auto">

<select data-toggle="multiselect">

/**
 * Show Alert Modal Box
 * @method showAlert
 * @param  {string}  message       The HTML to show
 * @param  {string}  type          The alert info type
 * @param  {function}  callback_func Callback function when the alert is shown
 */
UCP.showAlert
function (message, type, callback_func)

UCP.showAlert('This is a danger Alert!','danger',function() {
    console.log("Alert is shown!");
});

/**
 * Show Confirmation Modal Box
 * @method showConfirm
 * @param  {string}    html          The HTML to show
 * @param  {string}    type          The alert info type
 * @param  {function}    callback_func Callback function when the user presses accept
 */
UCP.showConfirm
function (html, type, callback_func) {

UCP.showConfirm('This is an info confirm','info',function() {
    console.log("User hit Accept");
});

/**
 * Show a global dialog box
 * @method showDialog
 * @param  {string}   title    The HTML title of the modal
 * @param  {string}   content  The HTML content of the modal
 * @param  {string}   footer   The HTML footer of the modal
 * @param  {Function} callback Callback function when the modal is displayed
 */
UCP.showDialog
function (title, content, footer, callback) {

UCP.showDialog("My Title","My Content","<button class='btn btn-primary'>My Button</button>",function() {
    console.log("Modal box is shown!");
});

>UCP.humanDiff(1483573115)
"9 minutes ago"

>UCP.dateTimeFormatter(1483573115)
"Wed, Jan 4, 2017 3:38 PM"

>UCP.timeFormatter(1483573115)
"3:38 PM"

>UCP.dateFormatter(1483573115)
"1/4/2017"

UCP.durationFormatter(45)
"45 seconds"

>timezone
"America/Los_Angeles"
>language
"en_US"
>dateformat
"l"
>timeformat
"LT"
>datetimeformat
"llll"

Needs Documentation

Needs Documentation

Needs Documentation

/**
 * Check if method exists in a module
 * @method validMethod
 * @param  {string}   title    The HTML title of the modal
 * @param  {string}   content  The HTML content of the modal
 * @return {boolean}  True if method exists
 */
UCP.validMethod
function (module, method) {

/**
 * Adds a chat window
 * @method addChat
 * @param  {module}   module         The module rawname that added the chat window (Ex Xmpp or Sms)
 * @param  {string}   id             The chat window ID, This should be unique!
 * @param  {string}   icon           Class name to be used for the chat window icon (usually in the form of 'fa fa-icon' from font awesome, can be custom css reference)
 * @param  {string}   from           Who the message is from
 * @param  {string}   to             Who the message is to
 * @param  {string}   title          Title of the chat window
 * @param  {string}   msgid          The message id (This should be unique inside of this window!)
 * @param  {string}   message        The body of the message
 * @param  {function} callback       Function that is called back once the window has loaded (no parameters)
 * @param  {boolean}  html           True Treat 'message' as HTML, if false then HTML will be stripped from the message
 * @param  {enum}     direction      The direction of the message, should be 'in' or 'out'
 */
UCP.addChat
addChat: function(module, id, icon, from, to, title, msgid, message, callback, html, direction) {

UCP.addChat('Rawmodule', 'windowid', 'fa fa-bus', 'from', 'to', 'title', 'msgid-1', 'This is an out message<b>bolded!</b>', function() {
    console.log("Chat Window has loaded!")
}, true, 'out')

/**
 * Adds a chat message to an already existing chat window (see UCP.addChat)
 * @method addChat
 * @param  {string}   id         The chat window ID, This should be unique!
 * @param  {string}   message    The body of the message
 * @param  {string}   msgid      The message id (This should be unique inside of this window!)
 * @param  {boolean}  newmsg     Colorize the chat window's title box to show there are new messages
 * @param  {boolean}  htmlv      True Treat 'message' as HTML, if false then HTML will be stripped from the message
 * @param  {enum}     direction  The direction of the message, should be 'in' or 'out'
 */
UCP.addChatMessage
function(id, msgid, message, newmsg, htmlV, direction) {

UCP.addChatMessage('windowid', 'msgid-2', 'This is an in message <b>bolded!</b>', true, true, 'in')

/**
 * Removes a chat window
 * @method removeChat
 * @param  {string}   id         The chat window ID, This should be unique!
 */
UCP.removeChat
function(id) {