Make keys deletable. User should be able to delete keys with typos.

Author: hpolthof

resources/lang/en/manager.php

@@ -5,4 +5,5 @@
     'locale_placeholder' => 'Enter the locale you wish to edit. (example: en)',
     'button' => 'Load',
     'google' => 'Google Translate',
+    'delete' => 'Delete',
 ];

resources/lang/nl/manager.php

@@ -5,4 +5,5 @@
     'locale_placeholder' => 'Geef de taal op die uw wilt bewerken. (bijvoorbeeld: nl)',
     'button' => 'Inladen',
     'google' => 'Google Translate',
+    'delete' => 'Verwijderen',
 ];

src/Controllers/TranslationsController.php

@@ -97,4 +97,11 @@ public function postTranslate(Request $request) {
         $key = $request->input('key');
         return compact('key', 'text');
     }
+
+    public function postDelete(Request $request)
+    {
+        \DB::table('translations')
+            ->where('name', strtolower($request->get('name')))->delete();
+        return 'OK';
+    }
 }

src/ServiceProvider.php

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

views/index.blade.php

@@ -71,12 +71,17 @@
                 [[ item.name ]]
                 <span ng-if="item.check == true" class="label label-warning">Unsaved!</span>
             </div>
-            <div class="col-md-4 text">
+            <div class="col-md-3 text">
                 [[ item.value ]]
             </div>
             <div class="col-md-5">
                 <textarea class="form-control" ng-blur="store($index)" ng-model="item.translation" onfocus="jQuery(this).closest('.row').addClass('bg-success');" onblur="jQuery(this).closest('.row').removeClass('bg-success');"></textarea>
             </div>
+            <div class="col-md-1">
+                <button type="button" class="btn btn-danger" ng-click="delete($index)">
+                    {{ trans('translation::manager.delete') }}
+                </button>
+            </div>
         </div>
     </div>
 

views/javascript.blade.php

@@ -17,7 +17,7 @@
 
         $scope.clear = function() {
             $scope.items = [];
-        }
+        };
 
         $scope.translateResult = {'total': 0, 'loading': 0, 'errors': 0, 'skip': 0, 'success': 0};
         $scope.translateAll = function() {
@@ -61,6 +61,14 @@
             .error(error);
         };
 
+        $scope.delete = function($index) {
+            $http.post("{{ URL::route('translations.delete') }}", {
+                'name': $scope.items[$index].name
+            }).success(function() {
+                $scope.items.splice($index, 1);
+            });
+        };
+
         $scope.fetch = function() {
             $http.post("{{ URL::route('translations.items') }}", {
                 'group': $scope.currentGroup,
@@ -85,7 +93,7 @@
                 $scope.setMessage(status, 'danger');
             });
             $scope.items[$index].check = false;
-        }
+        };
 
         $scope.locales = [];
         $scope.groups = [];
@@ -94,6 +102,7 @@
         $scope.currentEditable = null;
         $scope.items = [];
         $scope.message = null;
+        $scope.showEmptyOnly = false;
 
         $http.get("{{ URL::route('translations.locales') }}").success(function(data) {
             $scope.locales = data;