Mibew Messenger Community

General => Support => Topic started by: hsukenny on March 16, 2016, 02:31:23 AM

Title: modify mibew 2.0 customer window function
Post by: hsukenny on March 16, 2016, 02:31:23 AM

HI
I want to modify customer chat begin window,
I try to modify /mibew/style/chat/default/templates_src/client_side/survey/layout.handlebars
But My customer chat begin window not any change.
If I want to change customer chat template.
How to do it?
Thanks,

Kenny
:'(

Title: Re: modify mibew 2.0 customer window function
Post by: faf on March 16, 2016, 03:05:06 PM

You need to rebuild a style if you change it (though, I'd suggest to create a new style, that way it will me much easier to update Mibew Messenger installation in the future).

Take a look at this thread: https://mibew.org/forums/index.php/topic,191966.msg199029.html

Title: Re: modify mibew 2.0 customer window function
Post by: hsukenny on March 18, 2016, 05:33:15 AM

Hi:
How to rebuild a style ?
I see administrator tools no any tools can rebuild.
So Can you tell me. How to do?
Thanks,

Title: Re: modify mibew 2.0 customer window function
Post by: hsukenny on March 18, 2016, 10:47:32 AM

Hi:
I see "https://mibew.org/forums/index.php/topic,191966.msg199029.html". Then I modify My mibew chat page file.
But Still no any change.
You tell me need rebuild style.
How to do it?
Thanks,

Kenny Hsu

Title: Re: modify mibew 2.0 customer window function
Post by: faf on March 18, 2016, 04:16:01 PM

You didn't read the topic properly.

Quote:

Quote

As you could see, this style needs to be built before using. Build process for default style consists of two steps:

• Handlebars.js templates compilation (see https://github.com/Mibew/mibew/blob/master/src/gulpfile.js#L179)
• Custom scripts minification (see https://github.com/Mibew/mibew/blob/master/src/gulpfile.js#L196)

Title: Re: modify mibew 2.0 customer window function
Post by: hsukenny on March 21, 2016, 09:58:08 AM

Hi faf:
I try to rebuild use gulp.
--------------------------------------------
[root@HongCMS node_modules]# gulp rebuild
[17:45:58] Using gulpfile /var/www/html/mibew/node_modules/gulpfile.js
[17:45:58] Starting 'rebuild'...
[17:45:58] Starting 'clean'...
--------------------------------------------
It look like right.No Any error.
But I check my new style. It still no any change.
I modify "/var/www/html/mibew/styles/chats/new style name/templates_src/client_side/chat/layout.handlebars" this file.
--------------------------------------------
{{! Chat window top. Includes logo and some info about company}}
{{> _logo}}

{{! Chat header}}
<div id="chat-header">
    <div class="background-center"><div class="background-left"><div class="background-right">
        {{! Chat controls region}}
        <div id="controls-region"></div>
    </div></div></div>
</div>

{{! Chat region}}
<div id="chat">
    <div class="background-left"><div class="background-right"><div class="background-shady-center"><div class="background-shady-left"><div class="background-shady-right">
        {{#unless user.isAgent}}
        <div id="avatar-region"></div>
        {{/unless}}
        {{! Chat messages region}}
        <div id="messages-region"></div>
        {{! Chat status region}}
        <div id="status-region"></div>
    </div></div></div></div></div>
</div>

{{! Message form region}}
<div id="message-form-region"></div>

{{! Footer links}}
<div id="footer">{{l10n "Powered by:"}} <a id="poweredby-link" href="http://mibew.org" title="Mibew Community" target="_blank">mibew.org</a></div>
<div><a href="javascript:Mibew.Utils.closeChatPopup();" title="{{l10n "Close"}}">關閉Windows</a></div>
--------------------------------------------
I Add last line.
Can you tell me what can i do?
Thank you very much.

Title: Re: modify mibew 2.0 customer window function
Post by: hsukenny on March 21, 2016, 11:58:46 AM

Hi faf:
Question 2.
I will to resize mibew client chat window.
I modify "/mibew/style/chats/default/config.yml
and  change button code.
But client chat window size still no any change.
Thanks,