Support for Google Translate. All empty translations can be processed through Google Translate.

Author: Paul Olthof

composer.json

@@ -24,7 +24,7 @@
   },
   "extra": {
     "branch-alias": {
-      "dev-master": "0.3.x-dev"
+      "dev-master": "0.4.x-dev"
     }
   }
 }

resources/lang/en/manager.php

@@ -4,4 +4,5 @@
     'help' => 'Select your preferred group and locale below and start translating.',
     'locale_placeholder' => 'Enter the locale you wish to edit. (example: en)',
     'button' => 'Load',
+    'google' => 'Google Translate',
 ];

resources/lang/nl/manager.php

@@ -4,4 +4,5 @@
     'help' => 'Selecteer de groep en de taal van uw voorkeur en start met vertalen.',
     'locale_placeholder' => 'Geef de taal op die uw wilt bewerken. (bijvoorbeeld: nl)',
     'button' => 'Inladen',
+    'google' => 'Google Translate',
 ];

src/Controllers/TranslationsController.php

@@ -3,6 +3,7 @@
 use Hpolthof\Translation\TranslationException;
 use Illuminate\Http\Request;
 use Illuminate\Routing\Controller;
+use Stichoza\GoogleTranslate\TranslateClient;
 
 class TranslationsController extends Controller {
 
@@ -90,4 +91,10 @@ public function postStore(Request $request) {
         }
         return 'OK';
     }
+
+    public function postTranslate(Request $request) {
+        $text = TranslateClient::translate($request->input('origin'), $request->input('target'), $request->input('text'));
+        $key = $request->input('key');
+        return compact('key', 'text');
+    }
 }

src/ServiceProvider.php

@@ -90,6 +90,10 @@ public function boot()
 					'uses' => 'TranslationsController@postStore',
 					'as' => 'translations.store',
 				]);
+				$router->post('/translate', [
+					'uses' => 'TranslationsController@postTranslate',
+					'as' => 'translations.translate',
+				]);
 			});
 		}
 

views/index.blade.php

@@ -50,9 +50,26 @@
             </div>
         </div>
 
+        <div class="row" ng-if="items.length > 0">
+            <div class="col-md-offset-2 col-md-6">
+                <div class="progress">
+                    <div class="progress-bar progress-bar-warning progress-bar-striped" style="width: [[ (translateResult.skip / translateResult.total) * 100 ]]%"></div>
+                    <div class="progress-bar progress-bar-success progress-bar-striped" style="width: [[ (translateResult.success / translateResult.total) * 100 ]]%"></div>
+                    <div class="progress-bar progress-bar-danger progress-bar-striped" style="width: [[ (translateResult.errors / translateResult.total) * 100 ]]%"></div>
+                    <div class="progress-bar progress-bar-info progress-bar-striped" style="width: [[ (translateResult.loading / translateResult.total) * 100 ]]%"></div>
+                </div>
+            </div>
+            <div class="col-md-2">
+                <button class="btn btn-info form-control" ng-click="translateAll()">
+                    {{ trans('translation::manager.google') }}
+                </button>
+            </div>
+        </div>
+
         <div class="row datarow" ng-repeat="item in items">
             <div class="col-md-3 text">
                 [[ item.name ]]
+                <span ng-if="item.check == true" class="label label-warning">Unsaved!</span>
             </div>
             <div class="col-md-4 text">
                 [[ item.value ]]

views/javascript.blade.php

@@ -19,6 +19,48 @@
             $scope.items = [];
         }
 
+        $scope.translateResult = {'total': 0, 'loading': 0, 'errors': 0, 'skip': 0, 'success': 0};
+        $scope.translateAll = function() {
+            $scope.translateResult = {'total': 0, 'loading': 0, 'errors': 0, 'skip': 0, 'success': 0};
+            $scope.translateResult.total = $scope.items.length;
+            var requests = 0;
+
+            for(key in $scope.items) {
+                $scope.translateResult.loading++;
+                if($scope.items[key].translation === null || $scope.items[key].translation === '') {
+                    requests++;
+                    setTimeout(function(key){
+                        $scope.translate($scope.items[key].value, $scope.items[key].name, function(data) {
+                            $scope.translateResult.loading--;
+                            $scope.translateResult.success++;
+                            for(i in $scope.items) {
+                                if($scope.items[i].name === data.key) {
+                                    $scope.items[i].translation = data.text;
+                                    $scope.items[i].check = true;
+                                }
+                            }
+                        }, function() {
+                            $scope.translateResult.loading--;
+                            $scope.translateResult.errors++;
+                        });
+                    }, 500*requests, key);
+                } else {
+                    $scope.translateResult.loading--;
+                    $scope.translateResult.skip++;
+                }
+            }
+        };
+
+        $scope.translate = function(text, key, success, error) {
+            $http.post("{{ URL::route('translations.translate') }}", {
+                'key': key,
+                'origin': $scope.currentLocale,
+                'target': $scope.currentEditable,
+                'text': text
+            }).success(success)
+            .error(error);
+        };
+
         $scope.fetch = function() {
             $http.post("{{ URL::route('translations.items') }}", {
                 'group': $scope.currentGroup,
@@ -42,6 +84,7 @@
             .error(function(data, status, headers, config) {
                 $scope.setMessage(status, 'danger');
             });
+            $scope.items[$index].check = false;
         }
 
         $scope.locales = [];