README

WIP : 此模块可用，但仍需更多关爱 :)

** 0.2.x 版本适用于 ZF2；0.3.x 及更高版本适用于 ZF3/Laminas **

必须截图

安装

composer require dgac/mattermostmodule

配置

• 在您的应用程序模块中添加模块

• 使用 mattermostmessenger.local.php.dist 添加您的配置

使用

• 将 CSS 文件添加到您的视图中。

  • Bootstrap 3
  • Font Awesome 5

示例

echo $this->headLink()
              ->appendStylesheet($this->basePath() . '/<path to your bootstrap>/bootstrap.min.css')
              ->appendStylesheet($this->basePath() . '/assets/css/font-awesome.all.min.css')
              ->appendStylesheet($this->basePath() . '/assets/css/mattermostchat.css');

• 添加 JavaScript 依赖（见 bower.json）

  • JQuery
  • JQuery-UI
  • Bootstrap 3
  • Moment.js : https://moment.js.cn/
  • List.js : http://listjs.com/
  • Marked : https://github.com/chjj/marked
  • JS Cookie : https://github.com/js-cookie/js-cookie

示例

echo $this->headScript()
    ->appendFile($this->basePath() . '/<path to your jquery>/jquery.min.js')
    ->appendFile($this->basePath() . '/<path to your jquery-ui>/jquery-ui.min.js')
    ->appendFile($this->basePath() . '/<path to your bootstrap>/bootstrap.min.js')
    ->appendFile($this->basePath() . '/<path to your momentjs>/moment.min.js')
    ->appendFile($this->basePath() . '/<path to your list.js>/list.min.js')
    ->appendFile($this->basePath() . '/<path to your marked.js>/marked.min.js')
    ->appendFile($this->basePath() . '/<path to your js-cookie>/js-cookie.js')
    ->appendFile($this->basePath() . '/assets/js/mattermostchat.js');

• 使用视图助手

<div class="chat-container">
    <?php echo $this->mattermost();?>
</div>

• 最后配置 Jquery UI 小部件

$('.chat-container').mattermost({
            baseUrl: '<?php echo $this->basePath(); ?>',
            userName: '<?php echo $this->mattermost['login'];?>',
            teamName: '<?php echo $this->mattermost['team_id'];?>',
            channelId: '<?php echo $this->mattermost['defaultchannelid'];?>',
            token: '<?php echo $this->mattermost['token'];?>',
            serverUrl: '<?php echo $this->mattermost['server_url'];?>'
        });