ща, походи, дай поиграюсь

признаю, бы не прав

действительно редьюс только

@yarossl А есть у нее синхронный диспетчер команд?

У меня только один вопрос - зачем?

Юзал кто koa-compress?

именно compress?

не koa-compose?

У меня только один вопрос - зачем?

Ну смотри. У меня есть большой метод и он выполняет много последовательных действий. И еще есть другой - поменьше, но тоже, своего рода пайп. Так вот часть действий у них повторяются. Я хочу вынести то, что повторяется в отдельные классы (не функции, а именно классы, чтоб через new работали). Эти классы и будут командами и основное действие будет прописано в handle методе такого класса

Мне нужен диспетчер этого

тебе последовательно их выполнить надо?

await handle1(); await handle2(); тогда

ну сами методы надо писать конечно с учетом того чтоб они вернули промис)

Ребят, соре за оффтоп. С помощью NodeJs обрабатывал эксель файлики? Если да, то подкиньте нормальный модуль

https://www.npmjs.com/package/node-xlsx пробовал?

Интересно, может он картинку вставить в XLS?

Я глянул быстренько и он не может красить ячейки в нужные мне цвета :с

Во, вот годнота, походу https://www.npmjs.com/package/xlsx-populate

годнота - это положительная коннотация? @IgoreshaGeser

кто знаком с vuetifyjs?

Конечно)

годнота - это положительная коннотация? @IgoreshaGeser

кто знаком с vuetifyjs?

@Fl0pZz

@Fl0pZz

упс - вопрос снят. пардон )

Конечно)

Ну надо же. Я всегда был уверен, что это, когда толпа гандонов собирается...

упс - вопрос снят. пардон )

а я хорош

а я хорош

v-btn-toggle does not have a disabled prop - ответ на мой вопрос )

как-то нелогично тогда? верно?

как-то нелогично тогда? верно?

Изю пиши

v-radio, v-checkbox - имеют v-btn-toggle - по сути тотже v-radio - не имеют

v-radio, v-checkbox - имеют v-btn-toggle - по сути тотже v-radio - не имеют

сделай issue на их гитхабе

впрочем и так понятно почему: https://github.com/vuetifyjs/vuetify/blob/dev/src/components/buttons/ButtonToggle.vue

по сорсам видно, что это левый чувак сделалвыглядит как затычка, можно прееписать и отправить pr

а нет, они же и делали, правда охреневаю с их истории коммитов

они же в 0.13 наоборот темы добавляют

карочи, такое надо переписывать

карочи, такое надо переписывать

Да чет они доверия не вызывают. Прям чуйка у меня.

iview

https://www.iviewui.com/

https://www.iviewui.com/

За дизайн +++

Жрет только много

http://volna-media.com/

Я делал похожее

Да чет они доверия не вызывают. Прям чуйка у меня.

У них уже даже планы на 0.15 есть

Так что все впереди

И это очень хорошо

iview не умеет ренедрить кастомные элементы в cell таблички ) или я что-то делаю не так. + пока не вышло заставить <Modal><my-component #print></<Modal> при @media print #print: visible подсасывать класс my-component

Всем Привет!

дочитал доку по Vue перестал безпокоится и полюбил фронтенд ))))

1

Если ты обычно делаешь git merge, то первый вариант, если вместо него ты используешь git rebase - то третий вариант, ну а если бы ты делал git rebase -i то может выбрал бы второй пункт

Лучше всегда 1

Если ты обычно делаешь git merge, то первый вариант, если вместо него ты используешь git rebase - то третий вариант, ну а если бы ты делал git rebase -i то может выбрал бы второй пункт

Лучше бы ты молчал ))))

Но +++

Я вообще эту менюху не открывал )))

Что дает флажок -i в гите, никогда его не использывал

по iview пример где не сработает: https://www.webpackbin.com/bins/-Kp9zXGt07aYk-D8sWId а если обьявить компонент глобально то все ок.

по iview пример где не сработает: https://www.webpackbin.com/bins/-Kp9zXGt07aYk-D8sWId а если обьявить компонент глобально то все ок.

не юзай там большие буквы в названиях компонентов

Также там не работают однотеговые

Вообще - это, безусловно плюс для новичков, что теперь компоненты можно писать большими. Лично я против этого и никогда так не пишу! Это не нативная функция HTML и может рано или поздно вызвать баги - как вот щас в песочнице.

ERROR: S client not available

есть поправленная?

<my-component-name> всегда ставлю внутри name: 'MyComponentName' а файл называется MyComponentName.vue

Для меня это - правило!

есть поправленная?

Кто?

Я думал ты проверил и у тебя работает. Суть такая - запихать в ячейку свой компонент. Копмоненты iview там работают. А свои - только объявленные через Vue.component()

нормально оформленный пример https://www.webpackbin.com/bins/-Kp9zXGt07aYk-D8sWId

Я думал ты проверил и у тебя работает. Суть такая - запихать в ячейку свой компонент. Копмоненты iview там работают. А свои - только объявленные через Vue.component()

Ты не обижайся но заработает у меня за 50$ )))))

)

ламповый чатик, говорили они )))

Линтер вруби

ламповый чатик, говорили они )))

Но я даже туда сходил по ссылке )))

дочитал доку по Vue перестал безпокоится и полюбил фронтенд ))))

+

)

return h('Button', 'sdsd')

+

Мож вам печатное издание сделать?

Да вы так просто деньги заносите, зачем деревья переводить

?

return h('Button', 'sdsd')

если не сложно, то можно подробнее что значит этот комментарий? Button - это компонент самого iview они там у них все с большой буквы.

Button с большой

Отцы! Ай нид хелп! Как мне тестировать пропсы? Вот набросал такое и последний тест не проходит: /* eslint-disable */ import Vue from 'vue' import CoolModal from 'components/ui/CoolModal' const vm = new Vue({ template: `<div> <CoolModal :disabled="disabled" v-if="show" @ok="isOK = true" @cancel="isCancel = true"> <h3 slot="header">Header text</h3> <div> Body text </div> <p slot="footer">Footer text</p> </CoolModal> </div>`, data () { return { show: false, disabled: false, isOK: false, isCancel: false, nameOkButton: 'OK' } }, components: { CoolModal } }).$mount() const $element = selector => vm.$el.querySelector(selector) vm.show = true /* @test {CoolModal test} */ describe('CoolModal', () => { /* @test {CoolModal header} */ it('Header text is correct', () => { expect($element('.modal-header').textContent.trim()).toBe('Header text') }) /* @test {CoolModal body} */ it('Body text is correct', () => { expect($element('.modal-body').textContent.trim()).toBe('Body text') }) /* @test {CoolModal footer} */ it('Footer message is correct', () => { expect($element('.modal-footer').textContent.trim()).toBe('Footer text') }) /* @test {CoolModal OK button click} */ it('OK button click is work', () => { const oldIsOK = vm.isOK $element('.modal-button--ok').click() expect(vm.isOK).not.toBe(oldIsOK) expect(vm.isOK).toBe(true) }) /* @test {CoolModal Cancel button click} */ it('Cancel button click is work', () => { const oldIsCancel = vm.isCancel $element('.modal-button--cancel').click() expect(vm.isCancel).not.toBe(oldIsCancel) expect(vm.isCancel).toBe(true) }) /* @test {CoolModal nameOkButton prop} */ it('nameOkButton prop change is correct', () => { const oldText = $element('.modal-button--ok').textContent.trim() vm.nameOkButton = 'OK Text' expect($element('.modal-button--ok').textContent.trim()).toBe('OK Text') }) })

Что дает флажок -i в гите, никогда его не использывал

Интерактивный rebase, где можно сказать что делать с каждым коммитом

Отцы! Ай нид хелп! Как мне тестировать пропсы? Вот набросал такое и последний тест не проходит: /* eslint-disable */ import Vue from 'vue' import CoolModal from 'components/ui/CoolModal' const vm = new Vue({ template: `<div> <CoolModal :disabled="disabled" v-if="show" @ok="isOK = true" @cancel="isCancel = true"> <h3 slot="header">Header text</h3> <div> Body text </div> <p slot="footer">Footer text</p> </CoolModal> </div>`, data () { return { show: false, disabled: false, isOK: false, isCancel: false, nameOkButton: 'OK' } }, components: { CoolModal } }).$mount() const $element = selector => vm.$el.querySelector(selector) vm.show = true /* @test {CoolModal test} */ describe('CoolModal', () => { /* @test {CoolModal header} */ it('Header text is correct', () => { expect($element('.modal-header').textContent.trim()).toBe('Header text') }) /* @test {CoolModal body} */ it('Body text is correct', () => { expect($element('.modal-body').textContent.trim()).toBe('Body text') }) /* @test {CoolModal footer} */ it('Footer message is correct', () => { expect($element('.modal-footer').textContent.trim()).toBe('Footer text') }) /* @test {CoolModal OK button click} */ it('OK button click is work', () => { const oldIsOK = vm.isOK $element('.modal-button--ok').click() expect(vm.isOK).not.toBe(oldIsOK) expect(vm.isOK).toBe(true) }) /* @test {CoolModal Cancel button click} */ it('Cancel button click is work', () => { const oldIsCancel = vm.isCancel $element('.modal-button--cancel').click() expect(vm.isCancel).not.toBe(oldIsCancel) expect(vm.isCancel).toBe(true) }) /* @test {CoolModal nameOkButton prop} */ it('nameOkButton prop change is correct', () => { const oldText = $element('.modal-button--ok').textContent.trim() vm.nameOkButton = 'OK Text' expect($element('.modal-button--ok').textContent.trim()).toBe('OK Text') }) })

Песочница для этого есть

Продолжение в интернете

Продолжение в интернете

Как всегда

@Piterden С большой. Он работает, потому что это компонент самого iview как и Table.

)

@Piterden С большой. Он работает, потому что это компонент самого iview как и Table.

Ок

Песочница для этого есть

А есть песочница для однофайловых компонентов?

@BigTRex в компонент пробрасываете пропсы, а внутри компонента propsы не принимаете, а data объявляете

Внутри принимаю. Компонент отлично работает в приложении, но тестов нет. Вот решился написать и залип.

Вот так сократил import Vue from 'vue' import CoolModal from 'components/ui/CoolModal' const vm = new Vue({ template: `<div> <CoolModal :disabled="disabled" :nameOkButton="nameOkButton" v-if="show" @ok="isOK = true" @cancel="isCancel = true"> <h3 slot="header">Header text</h3> <div>Body text</div> <p slot="footer">Footer text</p> </CoolModal> </div>`, data () { return { show: false, disabled: false, isOK: false, isCancel: false, nameOkButton: 'OK' } }, components: { CoolModal } }).$mount() const $element = selector => vm.$el.querySelector(selector) vm.show = true describe('CoolModal', () => { it('nameOkButton prop change is correct', () => { const oldText = $element('.modal-button--ok').textContent.trim() vm.nameOkButton = 'OK Text' expect($element('.modal-button--ok').textContent.trim()).toBe('OK Text') }) })