[GH-108]: Developed the UI for Admin setting console #15

Kshitij-Katiyar · 2023-09-01T07:02:25Z

Summary

Developed the front-end to configure the plugin directly from MM admin setting console

Issue Link

Screenshot

* setup webapp to the plugin * Added else statement to cmd switch case in manifest/main.go * [MI-3173]:Fixed the webapp registering * [MI-3173]:Pushed node_modules * [MI-3173]: Removed node_modules * [MI-3173]: Removed node_modules * Removed yarn from webapp * Removed RHS from the plugin and other minor changes * [MI-3173]: Fixed pluginId variable name in manifest_test.tsx * [MI-3173]: Removed error handling files from webapp/util for now * [MI-3173]: resolved unused imports in utils * [MI-3173]: Removed extra blank line from utils/index.ts * [MI-3173]: Removed some extra unnecessary files * Removed unnecessary files * [MI-3173]: Removed extra dependencies * [MI-3199]: Developed a table to display the existing config of plugin (#5) * Developed table to display existing configs of plugin * Updated .gitignore to exclude node_modules * Fixed .gitignore to exclude node_modules * Developed a table to display existing config * Developed a table to show existing plugin config * setup redux store and add reducer to show/hide attachment message modal * Added modal to show attachment message of config * Removed node modules * [MI-3199]: Removed node modules * [MI-3199]: Removed extra todo comments * [MI-3199]: Resolved missing imports in existingConfigTable * [MI-3199]: removed extra folders * [MI-3199]: Added eod to styles.css * [MI-3199]: Fixed review comments by abhishek * [MI-3230]: Developed a modal which opens on click of view button in config table (#6) * [MI-3230]: Developed a modal which opens on click of view button in config table * Added form in modal to accept the action details * [MI-3230]: Added view Action modal * [MI-3230]: FIxed indentation in existingConfigTable * [MI-3230: Fixed indentation in existingConfigTable * [MI-3230]: fixed indentation in existingConfigTable * [MI-3230]: Fixed indentation in existingConfigTable * [MI-3230]: Removed unwanted files from webapp * [MI-3230]: Fixed indentation * [MI-3230]: Removed extra padding from existingConfigTable * [MI-3230]: Improved the name of variables * [MI-3230]: Added eod, use type instead of interface * [MI-3230]: Used fat arrow function instead of normal function * [MI-3230]: Improved name of variable in editActionModal * [MI-3230]: Fixed some review changes by Abhishek * [MI-3230]: Added div to </> in existingConfigTable * [MI-3230]: Added curly braces to css file * [MI-3241] : Added delete config modal to the webapp (#7) * [MI-3241]: Added delete config modal * [MI-3241]: fixed indent in table * [MI-3241]: Fixed indent in existingConfigtable * [MI-3241]: Removed extra files from webapp * [MI-3241]: Resolved import not found * [MI-3241]: removed extra empty lines * [MI-3241]: Added corejs as dependency * [MI-3241]: removed duplicate react-dom dependency * [MI-3242]: Improved variable name in modal * [MI-3241]: add eod to modal files * [MI-3241]: removed extra div wrappers * [MI-3241]: Used fat arrow function instead of normal function * [MI-3241]: Fixed a syntax error in existingConfigTable * [MI-3241]: Fixed CI in existingConfigTable * [MI-3241]: Added curly brace to css file * [MI-3255]: Added svg icon and Tooltip (#8) * [MI-3255]: Added svg icon as button and added tooltip * [MI-3254]: Added add/edit config modal and add config button * [MI-3254]: Added add config button in existing config table * [MI-3254]: Added config and action edit modal * [MI-3254]: Fixed css of config modal and existing config table * [MI-3254]: Added services and utils file for plugin * [MI-3254]: added service and util files * [MI-3255]: Fixed some indentation * [MI-3255]: Removed some extra lines * [MI-3254]: Removed extra files from webapp * [MI-3255]: removed extra files from webapp * [MI-3255]: Fixed indentation * [MI-3255]: Fixed indentation * [MI-3255]: Removed extra lines and updated variable names * [MI-3255]: added null to config variable * [MI-3255]: Improved variable name in DeleteModal * [MI-3255]: Improved base URL fetching * [MI-3255]: Improved variable name to increase understandability * [MI-3274]: Integrated config table, view action modal & delete config modal (#10) * [MI-3275]: Fixed indentation and other lint errors * [MI-3274]: Integrated config table, view action & delete config modal * [MI-3274]: Used camelcase in type * [MI-3274]: Resolved the import order issue * [MI-3274]: Resolved import order * [MI-3274]: Used types instead of interface * [MI-3274]: Fixed indentation for CI * [MI-3274]: Fixed lint CI * [MI-3274]: Fixed conflict resolution error * [MI-3274]: Fixed error in plugin.json * [MI-3275]: Integrated config modal (#11) * [MI-3275]: Integrated config modal * [MI-3275]: destructured props in modal * [MI-3275]: Fixed message in delete modal * [MI-3275]: Fixed import order in modal * [MI-3275]: Resolved missing closing tag errors * [MI-3275]: Fixed indent for CI * [MI-3275]: Fixed indentation errors in CI * [MI-3275]: Removed evtra variables * [MI-3317]: Added validations to forms and enhancements (#12) * [MI-3317]: Added validations to forms * [MI-3317]: added EOD to style.css * [MI-3316]: Fixed some css * [MI-3317]: Fixed grammar of validation messages * [MI-3317]: Fixed grammar of validation message in action modal * [MI-3317]: added classname to each modal * [MI-3316]: added css to make modals stationary * [MI-3316]: Removed some extra files * [MI-3317]: removed some extra files * [MI-3317]: reduced the icon size of svg icons * [MI-3317]: Fixed grammar in actionModal message * [MI-3317]: removed an extra comment * [MI-3317]: Improved grammar of statements in config modal * [MI-3317]: Fixed grammar of message * [MI-3317]: Fixed import order * [MI-3317]: Fixed redundant if conditions and removed extra empty lines * [MI-3317]: Used fat-arrow function instead of normal function * [MI-3317]: Removed camelcase from css * [MI-3317]: Resolved conflicts and fixed CI * [MI-3317]: Fixed indentation errors * [MI-3317]: Improved the name of variables * [MI-3317]: Removed else and used return with if * [MI-3317]: Fixed the variable name in table * [MI-3317]: Fixed CSS according to abhishek's review * [MI-3355]: Added dropdown to choose teams and channels (#14) * [MI-3355]: Removed extra types * [MI-3355]: Improved message of view action modal * [MI-3355]: removed extra packages * [MI-3355]: Added eod to files * [MI-3355]: Fixed adding action functionality * [MI-3355]: Fixed the jump in UI during validation warnings * [MI-3355]: fixed maximum nested callback in useEffect * [MI-3355]: Fixed validation warnings in Add action modal * [MI-3355]: Added ellipses to the tables * [MI-3355]: updated API to fetch data in batches * [MI-3355]: Removed comment and fixed empty lines * [MI-3355]: Fixed css of modal visibility * [MI-3355]: Added svg icons to different file * [MI-3355]: Improvised the folder structure * [MI-3355]: Improved the variable name in existingConfigTable * [MI-3355]: Fixed error in adding new action to config with index zero * [MI-3355]: Fixed import issue of .d.ts files * [MI-3355]: Used fat-arrow function instead of normal functions * [MI-3355]: Installed types and packages for js-cookie * [MI-3355]: Setup reduxstore * [MI-3355]: Disabled dropdown during loading state * [MI-3355]: Improved getBaseUrl method * [MI-3355]: Improved the API call * [MI-3355]: Added constants and used baseUrl from redux state * [MI-3355]: Fixed jump in UI in edit action modal * [MI-3355]: Joined array of string with comma for messages & disabled dropdown incase of API failure * [MI-3355]: Added type of onChange function * [MI-3355]: Removed extra variables * [MI-3355]: Improved the validation conditions * [MI-3355]: Fixed css according to reviews by abhishek * [MI-3355]: Improved visibility of action successfull message * [MI-3355]: Used scss instead of css * [MI-3355]: Fixed the CSS of channel-added-to content * [MI-3355]: Added semicolons to types in common.d.ts * Update webapp/src/components/modals/actionModal.tsx Co-authored-by: Abhishek Verma <72438220+avas27JTG@users.noreply.github.com> * Update webapp/src/components/tables/existingConfigTable.tsx Co-authored-by: Abhishek Verma <72438220+avas27JTG@users.noreply.github.com> * Update webapp/src/components/svgIcons/svg.tsx Co-authored-by: Abhishek Verma <72438220+avas27JTG@users.noreply.github.com> * [MI-3355]: Used px instead of % in css * [MI-3355]: Fixed some minor css * [MI-3355]: Removed extra spaces from existingConfigTable --------- Co-authored-by: Abhishek Verma <72438220+avas27JTG@users.noreply.github.com> --------- Co-authored-by: Abhishek Verma <72438220+avas27JTG@users.noreply.github.com> --------- Co-authored-by: Abhishek Verma <72438220+avas27JTG@users.noreply.github.com> --------- Co-authored-by: Abhishek Verma <72438220+avas27JTG@users.noreply.github.com> --------- Co-authored-by: Abhishek Verma <72438220+avas27JTG@users.noreply.github.com> --------- Co-authored-by: Abhishek Verma <72438220+avas27JTG@users.noreply.github.com> --------- Co-authored-by: Abhishek Verma <72438220+avas27JTG@users.noreply.github.com> --------- Co-authored-by: Abhishek Verma <72438220+avas27JTG@users.noreply.github.com> --------- Co-authored-by: Abhishek Verma <72438220+avas27JTG@users.noreply.github.com>

webapp/src/components/modals/actionModal.tsx

raghavaggarwal2308 · 2023-09-05T10:31:51Z

Makefile

 webapp/.npminstall:
 ifneq ($(HAS_WEBAPP),)
-	cd webapp && $(NPM) install
+	cd webapp && $(NPM) install --legacy-peer-deps


remove this

webapp/src/components/modals/configModal.tsx

webapp/src/components/modals/deleteModal.tsx

webapp/src/components/modals/styles.scss

webapp/src/components/tables/existingConfigTable.tsx

webapp/src/components/modals/configModal.tsx

webapp/src/components/modals/deleteModal.tsx

webapp/src/components/modals/styles.scss

webapp/src/components/tables/styles.scss

plugin.json

avas27JTG · 2023-09-13T14:00:34Z

webapp/babel.config.js

+                chrome: 66,
+                firefox: 60,
+                edge: 42,
+                safari: 12,


have we tested the UI flow on these browsers?

tested on chrome and Firefox. Should we test it on edge and Safari also?

Yes because its explicitly mentioned to support these browsers so it would be good to do a test.
You can use LamdaTest with BS email ID to test on Safari and Edge.

As discussed with you, BS email doesn't have a subscription to LambaTest now. I conveyed the message to Kshitij, and he will inform this to Mick

Make sure to follow up on this.

webapp/package.json

webapp/src/api/api_wrapper.ts

webapp/src/components/modals/styles.scss

webapp/src/components/svgIcons/svg.tsx

webapp/src/components/tables/existingConfigTable.tsx

Changed the name of svg icons Added padding to different css removing unused dependancy

Co-authored-by: Abhishek Verma <72438220+avas27JTG@users.noreply.github.com>

AayushChaudhary0001 · 2024-01-08T08:53:25Z

Tested this PR and faced an error while testing on local, please re-check:-

Kindly re-check the error as it is a blocker for testing.

…comebot into MM-108

- Fixed issue: UI breaking because of invalid assignment to config. - Removed the unnecessary check for delay field.

…d new config

plugin.json

webapp/src/components/modals/actionModal.tsx

…ew constant and fix formatting

Kshitij-Katiyar requested a review from raghavaggarwal2308 September 1, 2023 07:02

Kshitij-Katiyar changed the title ~~[MM-108]:~~ [MM-108]: Developed the Fronted for Admin setting console Sep 1, 2023

raghavaggarwal2308 requested changes Sep 5, 2023

View reviewed changes

Kshitij-Katiyar added 2 commits September 6, 2023 13:05

[MM-108]: Fixed some reviews by raghav

b269b3f

[MM-108]: Removed extra commetns

369219f

raghavaggarwal2308 requested changes Sep 7, 2023

View reviewed changes

Kshitij-Katiyar changed the title ~~[MM-108]: Developed the Fronted for Admin setting console~~ [MM-108]: Developed the UI for Admin setting console Sep 13, 2023

avas27JTG reviewed Sep 13, 2023

View reviewed changes

[MM-108]

ee44476

Changed the name of svg icons Added padding to different css removing unused dependancy

raghavaggarwal2308 approved these changes Sep 19, 2023

View reviewed changes

Update plugin.json

fd1e5f4

Co-authored-by: Abhishek Verma <72438220+avas27JTG@users.noreply.github.com>

avas27JTG approved these changes Sep 28, 2023

View reviewed changes

Kshitij-Katiyar changed the title ~~[MM-108]: Developed the UI for Admin setting console~~ [GH-108]: Developed the UI for Admin setting console Sep 29, 2023

[MM-108]: Removed extra comment and legacy-peer-deps

595cfc7

mickmister mentioned this pull request Jan 5, 2024

Implement plugin settings in admin console mattermost-community/mattermost-plugin-welcomebot#108

Open

raghavaggarwal2308 requested a review from AayushChaudhary0001 January 8, 2024 07:51

Merge branch 'master' of github.com:Brightscout/mattermost-plugin-wel…

835f874

…comebot into MM-108

mickmister mentioned this pull request Jan 10, 2024

Add configuration via system console mattermost-community/mattermost-plugin-welcomebot#92

Closed

raghavaggarwal2308 and others added 2 commits January 15, 2024 18:20

[MM-132] Fix issue reported by QA and code refactoring

b542197

- Fixed issue: UI breaking because of invalid assignment to config. - Removed the unnecessary check for delay field.

[MM-108] Add validations, update styling, fix issue of not able to ad…

17d5d1c

…d new config

ayusht2810 requested review from raghavaggarwal2308 and avas27JTG January 24, 2024 13:27

raghavaggarwal2308 requested changes Feb 1, 2024

View reviewed changes

[MM-108] Review fixes: Fix classname, use existing constant, create n…

7f5774e

…ew constant and fix formatting

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

[GH-108]: Developed the UI for Admin setting console #15

[GH-108]: Developed the UI for Admin setting console #15

Kshitij-Katiyar commented Sep 1, 2023 •

edited by ayusht2810

Loading

raghavaggarwal2308 Sep 5, 2023

avas27JTG Sep 13, 2023

Kshitij-Katiyar Sep 14, 2023

avas27JTG Sep 19, 2023

Kshitij-Katiyar Sep 27, 2023

avas27JTG Sep 28, 2023

AayushChaudhary0001 commented Jan 8, 2024

[GH-108]: Developed the UI for Admin setting console #15

Are you sure you want to change the base?

[GH-108]: Developed the UI for Admin setting console #15

Conversation

Kshitij-Katiyar commented Sep 1, 2023 • edited by ayusht2810 Loading

Summary

Issue Link

Screenshot

raghavaggarwal2308 Sep 5, 2023

Choose a reason for hiding this comment

avas27JTG Sep 13, 2023

Choose a reason for hiding this comment

Kshitij-Katiyar Sep 14, 2023

Choose a reason for hiding this comment

avas27JTG Sep 19, 2023

Choose a reason for hiding this comment

Kshitij-Katiyar Sep 27, 2023

Choose a reason for hiding this comment

avas27JTG Sep 28, 2023

Choose a reason for hiding this comment

AayushChaudhary0001 commented Jan 8, 2024

Kshitij-Katiyar commented Sep 1, 2023 •

edited by ayusht2810

Loading