Migrate directives/controllers to Angular components

This issue aims to migrate directives/controllers written in AngularJS to modern Angular components.

We would request you to pick up any directive of your choice from core/templates/pages or core/templates/components. After you’ve picked up a directive, please mention the directive name that you want to take up. We will assign that particular directive to you and keep a track so that there is no duplication of work that goes along. After you’re assigned, please go ahead and read this wiki page:https://github.com/oppia/oppia/wiki/Angular-Migration#implementation-details-to-migrate-directives, it has all the steps mentioned clearly that will help you to migrate the directives/controllers.

Also, make sure all the services that your directive is using are migrated to Angular.

Please feel free to reach out to @nithusha21 and @darksun27 in case you have any issues.

Some useful videos

How to find usages of your PR: https://vimeo.com/442416282 How to check your PR : https://vimeo.com/440915367 (This is an example on how to check topic landing page)

Unclaimed directives:

• answer-submit-action.component.ts [difficult without separate work–talk to @srijanreddy98]
• questions-list-select-skill-modal.controller @brianyou0
• exploration-player-suggestion-modal.controller
• exploration-player-page.component.ts
• confirm-discard-changes-modal.template
• confirm-leave-modal.template @ishar19
• editor-reloading-modal.controller
• exploration-metadata-modal.controller
• exploration-publish-modal.template
• exploration-save-modal.controller @JeeveshGarg
• help-modal.controller @patrycjapraczyk
• lost-changes-modal.controller
• post-publish-modal.controller @heyimShivam
• save-validation-fail-modal.controller
• save-version-mismatch-modal.controller
• state-diff-modal.controller @soumyo123-prog
• welcome-modal.controller @ZhanLiangUF

Claimed directives:

• admin-config-tab.directive.ts @benberk
• information-card-modal.controller @benberk
• side-navigation-bar.directive.ts - @cemcshane
• review-test-page.directive.ts - @darksun27
• collection-navbar.directive.ts - @hngerebara
• exploration-title-editor.component.ts - @suryasiriki4
• question-difficulty-selector.directive.ts - @Bhanu-mbvg
• delete-account-page.component.ts @ritvikkhanijo
• topic-selector.directive.ts @sayantan1413
• classroom-page.component.ts @tanishq67
• response-header.directive.ts @karma200020
• skill-selector.directive.ts @jcqli
• upload-activity-modal.controller.ts @mridul-netizen
• continue-button.directive.ts @div-yam
• select-skill-modal.controller.ts @krishita30j

Note: For a guide on how to access Oppia’s webpages, see this.

[ashutoshc8101]

@mahendra1290 Please go ahead.

[ashutoshc8101]

Can y’all assign me to welcome-modal.controller?

Done, Good luck!