https://medytox.com/weven_asset/js/bm/com/tooloption/ToolOpTextSize.js

1/**
2 * Created by kjhmac on 2017-01-15.
3 */
4
5
6var ToolOpTextSize = function(){
7
8    this.element = bm.html(
9        '<div class="option_con">'
10        +'    <div class="option list_option">'
11        +'        <ul class="list_con">'
12        +'            <li>'
13        +'                <div class="list_contetns" style="font-size: 21px;" data-wv-toolop-value="60px">60px</div>'
14        +'            </li>'
15        +'            <li>'
16        +'                <div class="list_contetns" style="font-size: 20px;" data-wv-toolop-value="50px">50px</div>'
17        +'            </li>'
18        +'            <li>'
19        +'                <div class="list_contetns" style="font-size: 19px;" data-wv-toolop-value="40px">40px</div>'
20        +'            </li>'
21        +'            <li>'
22        +'                <div class="list_contetns" style="font-size: 18px;" data-wv-toolop-value="30px">30px</div>'
23        +'            </li>'
24        +'            <li>'
25        +'                <div class="list_contetns" style="font-size: 17px;" data-wv-toolop-value="24px">24px</div>'
26        +'            </li>'
27        +'            <li>'
28        +'                <div class="list_contetns" style="font-size: 16px;" data-wv-toolop-value="20px">20px</div>'
29        +'            </li>'
30        +'            <li>'
31        +'                <div class="list_contetns" style="font-size: 15px;" data-wv-toolop-value="18px">18px</div>'
32        +'            </li>'
33        +'            <li>'
34        +'                <div class="list_contetns" style="font-size: 14px;" data-wv-toolop-value="16px">16px</div>'
35        +'            </li>'
36        +'            <li>'
37        +'                <div class="list_contetns" style="font-size: 13px;" data-wv-toolop-value="14px">14px</div>'
38        +'            </li>'
39        +'            <li>'
40        +'                <div class="list_contetns" style="font-size: 12px;" data-wv-toolop-value="12px">12px</div>'
41        +'            </li>'
42        +'            <li>'
43        +'                <div class="list_contetns" style="font-size: 11px;" data-wv-toolop-value="11px">11px</div>'
44        +'            </li>'
45        +'            <li>'
46        +'                <div class="list_contetns" style="font-size: 10px;" data-wv-toolop-value="10px">10px</div>'
47        +'            </li>'
48        +'        </ul>'
49        +'    </div>'
50        +'</div>'
51    );
52}
53
54bm.extend( ToolOpBase , ToolOpTextSize );
55
56
57ToolOpTextSize.prototype.registListener = function(){
58
59    var _this = this;
60
61    $(this.element).find('.list_contetns').on('click', function(){
62        var val = $(this).attr("data-wv-toolop-value");
63        _this.selectedValue = val;
64        if( _this.callback ){
65            _this.callback( "ToolOpTextSize", val );
66        }
67    })
68}
69
70
71ToolOpTextSize.prototype.removeListener = function(){
72    $(this.element).find('.list_contetns').off();
73}