Templates: UI enhancements

[AkhileshNegi]

Describe the solution you'd like Gupshup enterprise provide a similar format to apply for templates from UI, there are a few areas we can use a similar approach as an enhancement

Details

1. Adding option to add variable when entering message text instead of manually entering {{variable_no}} add option to add a variable which will add {{variable_no}} in the text based on the variables already present. e.g. if one variable is already defined the clicking button second time will add {{2}} in the text

2. For sample text, add variable values which will be replaced in the original body and create sample text automatically

3. In case of media template the sample section will have option to add sample media file as well

[abhi1203]

@mdshamoon i'm thinking of the update this way: https://www.figma.com/file/SEWpT6NLTjwH2W6PrRdFvq/Glific%2FApp?node-id=49%3A45259&t=WD2TByQ8fd01tvUl-4

Let me know if you have any suggestions or questions.

Also, are thre some inputs files here that can be removed like Element name? i've seen some interface where it was not required

[mdshamoon]

We should probably do this after draft-js migration. Otherwise we need to change this implementation as well in migration.

[mahajantejas]

similar issues -https://github.com/glific/glific-frontend/issues/2740

[mahajantejas]

Closing this issue, because we need updated designs for the "applying template" page. the designs to communicate easier way (similar to how it is done in gupshup) to apply for new templates.