<!DOCTYPE html>
<html>
<head>
    <title>BEM Simple Project Stub</title>
    <link rel="stylesheet" href="desktop.bundles/common/_common.css" />
    <link rel="stylesheet" href="desktop.bundles/index/_index.css" />
    <script src="/desktop.bundles/libs/_libs.js"></script>
</head>
<body class="app app__dom i-bem" data-bem='{"app__dom": {}}'>
    <div class="content">
        <h1>BEM Simple Project Stub</h1>
        <div class="abstract-widget i-bem" data-bem='{"abstract-widget": {}}'>
            <div class="spinner" data-bem='{"spinner": {}}'>
                <div class="spinner__item spinner__item_position_1"></div>
                <div class="spinner__item spinner__item_position_2"></div>
                <div class="spinner__item spinner__item_position_3"></div>
            </div>
        </div>
        <div class="abstract-view i-bem" data-bem='{"abstract-view": {}}'>
            <div class="spinner" data-bem='{"spinner": {}}'>
                <div class="spinner__item spinner__item_position_1"></div>
                <div class="spinner__item spinner__item_position_2"></div>
                <div class="spinner__item spinner__item_position_3"></div>
            </div>
        </div>
    </div>
    <script src="/desktop.bundles/common/_common.js"></script>
    <script src="/desktop.bundles/index/_index.js"></script>
    <script>
        modules.require(['app', 'AbstractCollection'], function (app, AbstractCollection) {
            var abstractCollection = new AbstractCollection([
                {'name': 'Вентиляция', 'type': 'ventilation', 'order': 0},
                {'name': 'Ремонтно-отделочные работы', 'type': 'fix', 'order': 1},
                {'name': 'Сантехника', 'type': 'sanitary-engineering', 'order': 2},
                {'name': 'Сборка мебели', 'type': 'furniture', 'order': 3},
                {'name': 'Электромонтаж', 'type': 'electro', 'order': 4}
            ]);

            app.setData('abstractCollection', abstractCollection);
        });
    </script>
</body>
</html>