fix(xo-web/backup-ng/new): rename edit button and change cancel icon (#2858)

See #2711

packages/xo-web/src/common/intl/messages.js

@@ -183,6 +183,10 @@ const messages = {
   sortedTableSelectAllItems: 'Click here to select all items',
 
   // ----- Forms -----
+  formCancel: 'Cancel',
+  formCreate: 'Create',
+  formReset: 'Reset',
+  formSave: 'Save',
   add: 'Add',
   selectAll: 'Select all',
   remove: 'Remove',
@@ -283,8 +287,6 @@ const messages = {
   jobInterrupted: 'Interrupted',
   jobStarted: 'Started',
   saveBackupJob: 'Save',
-  resetBackupJob: 'Reset',
-  createBackupJob: 'Create',
   deleteBackupSchedule: 'Remove backup job',
   deleteBackupScheduleQuestion:
     'Are you sure you want to delete this backup job?',
@@ -295,8 +297,6 @@ const messages = {
   jobEditMessage:
     'You are editing job {name} ({id}). Saving will override previous job state.',
   scheduleEdit: 'Edit schedule',
-  scheduleSave: 'Save',
-  cancelScheduleEdition: 'Cancel',
   scheduleAdd: 'Add a schedule',
   scheduleDelete: 'Delete',
   scheduleRun: 'Run schedule',

packages/xo-web/src/icons.scss

@@ -1012,6 +1012,10 @@
     @extend .fa;
     @extend .fa-refresh;
   }
+  &-cancel {
+    @extend .fa;
+    @extend .fa-ban;
+  }
 
   // XOA related
 

packages/xo-web/src/xo-app/backup-ng/new/index.js

@@ -730,7 +730,7 @@ export default [
                     redirectOnSuccess='/backup-ng'
                     size='large'
                   >
-                    {_('scheduleEdit')}
+                    {_('formSave')}
                   </ActionButton>
                 ) : (
                   <ActionButton
@@ -742,7 +742,7 @@ export default [
                     redirectOnSuccess='/backup-ng'
                     size='large'
                   >
-                    {_('createBackupJob')}
+                    {_('formCreate')}
                   </ActionButton>
                 )}
                 <ActionButton
@@ -751,7 +751,7 @@ export default [
                   className='pull-right'
                   size='large'
                 >
-                  {_('resetBackupJob')}
+                  {_('formReset')}
                 </ActionButton>
               </CardBlock>
             </Card>

packages/xo-web/src/xo-app/backup-ng/new/new-schedule.js

@@ -151,15 +151,15 @@ export default [
             icon='save'
             size='large'
           >
-            {_('scheduleSave')}
+            {_('formSave')}
           </ActionButton>
           <ActionButton
             className='pull-right'
             handler={effects.cancelSchedule}
-            icon='save'
+            icon='cancel'
             size='large'
           >
-            {_('cancelScheduleEdition')}
+            {_('formCancel')}
           </ActionButton>
         </CardBlock>
       </Card>