Philip Apanasenko philipusis
philipusis
/ gist:cdd9ed4caeb7891db8ba1c9f668bc0bc
Created
July 26, 2016 12:10
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| modules.define('userpick', ['i-bem__dom'], function(provide, BEMDOM) { | |
| provide(BEMDOM.decl(this.name, | |
| { | |
| onSetMod: { | |
| 'js': { | |
| 'inited': function() { | |
| this.bindTo('click', function(e) { | |
| e.preventDefault(); | |
| console.log('click'); | |
| }); |
philipusis
/ gist:1e6318cc9e15d0bf1ec8122657be7e15
Created
July 26, 2016 19:42
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| block('userControlsGrouping').elem('groupingShowHideButton')( | |
| tag()('i'), | |
| elemMod('direction', 'down')( | |
| cls()('fa fa-angle-down') | |
| ), | |
| elemMod('direction', 'up')( | |
| cls()('fa fa-angle-up') | |
| ) |
philipusis
/ gist:a2b7b4735b2d53d9c20739c2f6287752
Created
July 26, 2016 20:28
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| GroupElements: function() { | |
| var elem = this.findElem('linksContainer'); | |
| this.setMod(elem, 'visibility', 'visible'); | |
| elem = this.findElem('groupingShowHideButton'); | |
| elem.domElem.toggleClass('fa fa-arrow-down', 'fa fa-arrow-up'); | |
| } |
philipusis
/ gist:b6b49e2498b8956d2f3e1b701bb736a6
Created
July 29, 2016 15:51
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| { | |
| block: 'linksGroup', | |
| mods: { position: 'right' }, | |
| mix: { block: 'clearfix' }, | |
| content: [ | |
| { | |
| block: 'link', | |
| url: '', | |
| pseudo: true, | |
| mods: { action: 'showHideSettings' }, |
philipusis
/ gist:6948008e9f3242f8ecefe17140b6e6d7
Created
July 30, 2016 17:17
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| modules.define('link', ['i-bem__dom'], function(provide, BEMDOM) { | |
| provide(BEMDOM.decl(this.name, {})) | |
| }) | |
| modules.define('link', ['i-bem__dom'], function(provide, ABlock) { | |
| provide(ABlock.decl( | |
| { modName: 'showHideSettings', modVal: true }, | |
| { | |
| onSetMod: { | |
| 'js': { |
philipusis
/ gist:a78115cf9420bd49b483a4438c50384e
Created
August 8, 2016 12:27
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| { | |
| block: 'header-menu', | |
| mods: {position: 'left'}, | |
| items: [ | |
| { | |
| url: 'https://maps.yandex.ru', | |
| text: 'Москва', | |
| icon: 'geo' | |
| } | |
| ] |
philipusis
/ gist:649e8d80931a84e0f57dfae74b9101c1
Last active
August 8, 2016 12:47
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| block('header-menu')( | |
| content()(function() { | |
| return this.ctx.items.map(function(item) { | |
| return { | |
| elem: 'menu-item', | |
| url: item.url, | |
| pseudo: !item.url, | |
| mix: [{ block: 'link' }], | |
| js: true, | |
| attrs: { |
philipusis
/ gist:a69f221e64cd1b708ff4b5e000ee41a5
Last active
August 8, 2016 12:50
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div class="header-menu__menu-item link" data-bem="{"header-menu__menu-item":{}}"> | |
| <i class="header-menu__menu-item-icon fa fa-globe"></i> | |
| <span class="header-menu__menu-item-text">Москва</span> | |
| </div> |
philipusis
/ gist:9765343c6da17db2c20b4bc280ed5695
Created
August 8, 2016 13:38
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| block('header-menu')( | |
| content()(function() { | |
| return this.ctx.items.map(function(item) { | |
| return { | |
| elem: 'menu-item', | |
| attrs: { href: item.url }, | |
| content: item.icon ? | |
| [ | |
| { | |
| elem: 'menu-item-icon', |
philipusis
/ gist:98ef774c2c2001e85cb04a6fffbf178f
Created
August 8, 2016 13:51
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| block('header-menu')( | |
| content()(function() { | |
| return this.ctx.items.map(function(item) { | |
| return { | |
| block: 'link', | |
| mix: [{block: 'header-menu', elem: 'menu-item'}], | |
| url: item.url, | |
| content: item.icon ? | |
| [ | |
| { |
OlderNewer