rooty/fab-manager
1
0
Fork 0
mirror of https://github.com/LaCasemate/fab-manager.git synced 2025-01-06 21:46:17 +01:00
Code Issues Releases Activity
1d2b814d6f
fab-manager/app/frontend/src/javascript/components
History
Sylvain 1d2b814d6f (ui) react component to change user's group
2022-05-11 14:37:39 +02:00
..
angular linted TSX files 2021-07-01 12:34:10 +02:00
authentication-provider (bug) allow to set custom scope in openID connect configuration when using discovery 2022-05-09 16:28:18 +02:00
base Add disabled style on text editor 2022-05-10 15:22:01 +02:00
form Add disabled style on text editor 2022-05-10 15:22:01 +02:00
group (ui) react component to change user's group 2022-05-11 14:37:39 +02:00
machines (ui) avatar input 2022-05-04 14:12:48 +02:00
payment (style) eslint all code 2022-05-04 11:34:55 +02:00
payment-schedule (ui) use user-profile-form in profile completion screen 2022-05-09 12:11:37 +02:00
plan-categories (ui) profile data: website, job, cad softwares, interests 2022-05-04 14:12:48 +02:00
plans (ui) use user-profile-form in profile completion screen 2022-05-09 12:11:37 +02:00
prepaid-packs (bug) members are unable to buy prepaid-packs by wallet 2022-01-18 17:03:16 +01:00
pricing Display hours for extended prices duration 2022-01-11 17:54:38 +01:00
profile-completion (ui) refactored profile-completion screen to use more accurate messages 2022-05-09 14:58:26 +02:00
settings Ability to configure data sources for preventing booking on overlapping slots 2021-10-22 14:50:02 +02:00
socials (ui) refactored profile-completion screen to use more accurate messages 2022-05-09 14:58:26 +02:00
subscriptions (ui) allow form inputs to be disabled, possibly with a callback 2022-05-04 14:59:55 +02:00
user (ui) use user-profile-form in admin/members/new 2022-05-10 11:18:33 +02:00
document-filters.tsx (typing) use TDateISO for typing dates 2022-05-04 14:05:36 +02:00
event-themes.tsx check event event_theme_ids if exist 2021-09-09 18:25:26 +02:00
README.md (ui) display authorization callback url directly in interface 2022-05-04 12:28:29 +02:00
select-gateway-modal.tsx linted TSX files 2021-07-01 12:34:10 +02:00
wallet-info.tsx linted TSX files 2021-07-01 12:34:10 +02:00

README.md

components

This directory is holding the components built with React.

During the migration phase, these components may be included in the legacy angularJS app using react2angular.

These components must be written using the following conventions:

  • The component name must be in CamelCase.
  • The component must be exported as a named export (no export default).
  • A component FooBar must have a className="foo-bar" attribute on its top-level element.
  • The stylesheet associated with the component must be located in app/frontend/src/stylesheets/modules/same-directory-structure/foo-bar.scss.
  • All methods in the component must be commented with a comment block.
  • Other constants and variables must be commented with an inline block.
  • Depending on if we want to use the <Suspense> wrapper or not, we can export the component directly or wrap it in a <Loader> wrapper.
  • When a component is used in angularJS, the wrapper is required. The component must be named like const Foo (no export if not used in React) and must have a const FooWrapper at the end of its file, which wraps the component in a <Loader>.
  • Translations must be grouped per component. For example, the FooBar component must have its translations in the config/locales/app.$SCOPE.en.yml file, under the foo_bar key.