простое приложение crc
Это простой редактор для создания карточек участников ответственности класса. Я создал его для изучения Angular 4.0, потому что для меня это лучший способ изучить что-то новое. Я не хотел использовать полноценный CSS-фреймворк, такой как Bootstrap, в котором много готовых компонентов, поэтому я извлек и настроил некоторые стили из Bulma.io.
Некоторые возможности редактора:
- Модели сохраняются локально через веб-хранилище HTML5, сервер не требуется.
- Определите различные типы карточек: сущность, граница, контроллер.
- Экспорт/импорт файлов JSON.
- Сочетания клавиш для основных операций.
- Приложение автоматически создает карты CRC для сотрудников.
- День карт.
Небольшое руководство пользователя:
- Чтобы отредактировать существующую карточку, щелкните один раз в заголовке карточки.
- Чтобы перетащить карточку, нажмите и удерживайте область тела карточки. Сочетания клавиш:
- «CTRL-m»: создать новую модель.
- «CTRL-d»: удалить текущую модель из локального веб-хранилища.
- «CTRL-s»: сохранить текущую модель в локальном хранилище.
- «CTRL-o»: открыть модель из локального хранилища.
- «CTRL-u»: загрузить внешний файл JSON в локальное хранилище.
- «CTRL-j»: загружает текущую модель в виде файла JSON. Escape закрывает диалог.
Все еще не идеально, но на данном этапе можно использовать. Приложение (пока) не реагирует.
Некоторые функции, которые я хотел бы добавить:
- Экспорт в PDF с помощью jsPdf
- Экспорт SVG.
- Возможно, функция автоматической раскладки.
Реализовать эти функции не должно быть слишком сложно, на самом деле эти функции находятся всего в паре строк кода. База кода небольшая, поэтому, если вы хотите внести свой вклад в эти функции, я могу помочь.
Вот ссылка на размещенную версию на github
