bem-calendar

По просьбе в нашем Телеграмм-чатике опубликовали мини-библиотечку bem-calendar с календарем на основе bem-components.

Выглядит он вот так: desktop_en

Пользуйтесь на здоровье!

7 years ago

Слил bower-ом в project-stub, добавил уровни:

'libs/bem-calendar/common.blocks',
'libs/bem-calendar/desktop.blocks',

Поставил, то чего нет в стабе:

"enb-bh": "^1.2.0",
"enb-magic-factory": "^0.5.0",
"enb-magic-platform": "^0.7.0",
"enb-modules": "^0.4.0",
"enb-stylus": "^2.4.0",
"eslint": "^3.15.0",
"eslint-config-pedant": "^0.8.0",
"eslint-plugin-bem-xjst": "^2.1.0",

Но не собирается:

<!DOCTYPE html>
<html class="ua_js_no">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Datepicker</title>
    <script>
        (function(e, c) {
            e[c] = e[c].replace(/(ua_js_)no/g, "$1yes");
        })(document.documentElement, "className");
        (function(d, n) {
            d.documentElement.className += " ua_svg_" + (d[n] && d[n]("http://www.w3.org/2000/svg", "svg").createSVGRect ? "yes" : "no");
        })(document, "createElementNS");
    </script>
    <link rel="stylesheet" href="calendar.min.css">
    <!--[if IE]><link rel="stylesheet" href="calendar.ie.min.css"><![endif]-->
    <!--[if IE 8]><link rel="stylesheet" href="calendar.ie8.min.css"><![endif]-->
    <!--[if IE 9]><link rel="stylesheet" href="calendar.ie9.min.css"><![endif]-->
</head>

<body class="page page_theme_islands">
    <div style="padding: 100px"><span class="input input_theme_islands input_size_m input_has-calendar i-bem" data-bem='{"input":{}}'><span class="input__box"><input class="input__control"><div class="input__calendar"></div><div class="calendar calendar_theme_islands popup popup_has-calendar popup_target_anchor popup_theme_islands i-bem" data-bem='{"calendar":{"weekdays":["пн","вт","ср","чт","пт","сб","вс"],"months":["Январь","Февраль","Март","Апрель","Май","Июнь","Июль","Август","Сентябрь","Октябрь","Ноябрь","Декабрь"]}}'></div></span></span>
    </div>
    <script src="calendar.min.js"></script>
</body>

</html>

Так, понимаю с make.js надо еще подшаманить? Stylus и еще что-то нужно добавить?

7 years ago

tadatuta

скорее всего дело в отсутствии шаблонов на клиенте. в планах поменять подход к генерации разметки, но на данный момент это скорее баг в библиотеке, так что добавил прямо в репозиторий с календарем: https://github.com/bem/bem-calendar/pull/24

7 years ago

rtemision

Подозревал, что в идеале ничего, кроме уровней, добавлять не нужно, спасибо! :)

7 years ago

rtemision

@tadatuta Есть вопрос по кастомизации, создал я на уровне проекта все необходимое для кастомной темы ocean, но в итог мне все равно частично приходит islands:

class="calendar calendar_theme_islands popup popup_has-calendar popup_target_anchor popup_theme_ocean i-bem calendar_js_inited popup_js_inited popup_direction_bottom-left popup_visible"

Баг или я в танке?

Глянуть можно тут

7 years ago

tadatuta

Баг, завел задачу https://github.com/bem/bem-calendar/issues/26

Чтобы оставлять комментарии, необходимо авторизоваться.