Action implemented for translations download

Initialized isLoading

setting isLoading to False finally

moving logic to controller file

removed redundant variable assignments

Button isLoading added in template code

Added translations isloading

app/controllers/admin/content/translations.js

@@ -0,0 +1,20 @@
+import Controller from '@ember/controller';
+
+export default Controller.extend({
+  isLoading: false,
+
+  actions: {
+    translationsDownload() {
+      this.set('isLoading', true);
+      this.get('loader')
+        .load('/admin/content/translations/all')
+        .catch(e => {
+          console.warn(e);
+          this.get('notify').error(this.get('l10n').t('Unexpected error occurred.'));
+        })
+        .finally(() => {
+          this.set('isLoading', false);
+        });
+    }
+  }
+});

app/routes/admin/content/translations.js

@@ -9,7 +9,7 @@ export default Route.extend({
     return [
       {
         code      : 'en',
-        sourceUrl : this.get('loader').load('/admin/content/translations/all')
+        sourceUrl : '#'
       }
     ];
   }

app/templates/admin/content/translations.hbs

@@ -16,7 +16,7 @@
               {{get l10n.availableLocales language.code}}
             </div>
             <div class="column eight wide">
-              <a href="{{language.sourceUrl}}">{{t 'Download'}}</a>
+              <button class="ui primary {{if isLoading 'loading'}} button" href="{{language.sourceUrl}}" {{action 'translationsDownload'}}>{{t 'Download' }}</button>
             </div>
           </div>
         {{/each}}