Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/webistomin/yandex-test

:man::speech_balloon::woman: Задание ШРИ 2018. Яндекс.Переговорки
https://github.com/webistomin/yandex-test

markup timeline timetable vue yandex-test

Last synced: 16 days ago
JSON representation

:man::speech_balloon::woman: Задание ШРИ 2018. Яндекс.Переговорки

Awesome Lists containing this project

README

        

> Одностраничное приложение для создания переговорок

https://yandex-rooms.firebaseapp.com

[![Build status][travis-image]][travis-url] [![dependencies Status](https://david-dm.org/webistomin/yandex-test/status.svg)](https://david-dm.org/webistomin/yandex-test) [![Dependency status][dependency-image]][dependency-url]

При открытии приложения отображается таблица переговорок. Предполагается, что офис начинает работать с 7 часов, и закрывается в 23:59. Каждый блок таблицы равен одному часу. При клике на свободный блок, открывается форма создания нового события. Дата события, комната и этаж подставляются автоматически, остается лишь правильно заполнить оставшиеся поля.

После создания, появляется попап, который дублирует информацию о событии. Блок с событием окрашивается в серый цвет. При клике на него появляется попап с описанием и кнопка редактирования. Нажав на нее открывается окно редактирования, также появляется возможность удаления события.

## Установка



Команда
Результат




npm install
Установить зависимости


npm run dev
Запустить сборку, сервер и слежение за файлами


npm run build
Собрать проект для продакшена


npm start ЗАДАЧА
Запустить задачу с названием ЗАДАЧА (список задач в package.json)

Предполагается, что все команды вы выполняете в bash (для OSX и Linux это самый обычный встроенный терминал, для Windows это, к примеру, Git Bash). В Windows установку пакетов (npm i) нужно выполять в терминале, запущенном от имени администратора.

## Техническое задание
Открыть репозиторий

## Используемые технологии



Технология
Описание




Vue.js
Основной фреймворк для разработки интерфейса приложения


Vuex
Центральное хранилище данных для всех компонентов приложения


moment.js
Библиотека для работа с датами и временем

Также использовались сторонние компоненты для выбора участников и даты в календаре.

## Поддержка браузерами

| [IE / Edge](http://godban.github.io/browsers-support-badges/)IE / Edge | [Firefox](http://godban.github.io/browsers-support-badges/)Firefox | [Chrome](http://godban.github.io/browsers-support-badges/)Chrome | [Safari](http://godban.github.io/browsers-support-badges/)Safari| [Opera](http://godban.github.io/browsers-support-badges/)Opera | [Yandex](http://godban.github.io/browsers-support-badges/)Yandex |
| --------- | --------- | --------- | --------- |--------- | --------- |
| IE11, Edge|Последние 2 версии|Последние 2 версии| 9+ |Последние 2 версии| Последние 2 версии |

## Таски на будущее
- [ ] Покрыть тестами
- [ ] Добавить сохранение переговорок в localStorage или любое другое хранилище
- [ ] Разработать алгоритм выдачи свободных переговорок

[travis-image]: https://travis-ci.org/webistomin/yandex-test.svg?branch=master
[travis-url]: https://travis-ci.org/webistomin/yandex-test
[dependency-image]: https://david-dm.org/webistomin/yandex-test/dev-status.svg
[dependency-url]: https://david-dm.org/webistomin/yandex-test