Minor bugs and enhancements in admin area (#3316)

Author: kushthedude

app/components/forms/admin/settings/billing.js

@@ -47,7 +47,7 @@ export default class extends Component.extend(FormMixin) {
           rules      : [
             {
               type   : 'empty',
-              prompt : this.l10n.t('Please enter the country')
+              prompt : this.l10n.t('Please select the country')
             }
           ]
         },

app/controllers/admin/events/list.js

@@ -18,6 +18,7 @@ export default class extends Controller.extend(EmberTableControllerMixin) {
          isSortable      : true,
          headerComponent : 'tables/headers/sort',
          cellComponent   : 'ui-table/cell/cell-event',
+         width           : 180,
          options         : {
            hasRestorePrivileges: this.hasRestorePrivileges
          },
@@ -35,7 +36,7 @@ export default class extends Controller.extend(EmberTableControllerMixin) {
          isSortable      : true,
          headerComponent : 'tables/headers/sort',
          cellComponent   : 'ui-table/cell/cell-simple-date',
-         width           : 40,
+         width           : 65,
          options         : {
            dateFormat: 'MMMM DD, YYYY - hh:mm A'
          }
@@ -46,7 +47,7 @@ export default class extends Controller.extend(EmberTableControllerMixin) {
          isSortable      : true,
          headerComponent : 'tables/headers/sort',
          cellComponent   : 'ui-table/cell/cell-simple-date',
-         width           : 40,
+         width           : 65,
          options         : {
            dateFormat: 'MMMM DD, YYYY - hh:mm A'
          }
@@ -56,26 +57,27 @@ export default class extends Controller.extend(EmberTableControllerMixin) {
          valuePath       : 'state',
          isSortable      : true,
          headerComponent : 'tables/headers/sort',
-         width           : 50
+         width           : 80
        },
        {
          name            : 'Roles',
          valuePath       : 'owner',
          extraValuePaths : ['organizers', 'coorganizers', 'trackOrganizers', 'registrars', 'moderators'],
-         cellComponent   : 'ui-table/cell/cell-roles'
+         cellComponent   : 'ui-table/cell/cell-roles',
+         width           : 185
        },
        {
          name          : 'Sessions',
          valuePath     : 'eventStatisticsGeneral',
          cellComponent : 'ui-table/cell/cell-sessions',
-         width         : 60
+         width         : 90
 
        },
        {
          name          : 'Speakers',
          valuePath     : 'eventStatisticsGeneral',
          cellComponent : 'ui-table/cell/cell-speakers-dashboard',
-         width         : 60
+         width         : 90
        },
        {
          name          : 'Tickets',
@@ -85,14 +87,15 @@ export default class extends Controller.extend(EmberTableControllerMixin) {
        {
          name          : 'Public URL',
          valuePath     : 'url',
-         cellComponent : 'ui-table/cell/cell-link'
+         cellComponent : 'ui-table/cell/cell-link',
+         width         : 220
        },
        {
          name            : 'Featured Event',
          valuePath       : 'id',
          extraValuePaths : ['isFeatured'],
          cellComponent   : 'ui-table/cell/admin/event-is-featured',
-         width           : 40,
+         width           : 80,
          actions         : {
            toggleFeatured: this.toggleFeatured.bind(this)
          }

app/controllers/admin/users/list.js

@@ -15,6 +15,7 @@ export default class extends Controller.extend(EmberTableControllerMixin) {
         valuePath       : 'id',
         extraValuePaths : ['firstName', 'deletedAt'],
         cellComponent   : 'ui-table/cell/admin/users/cell-first-name',
+        width           : 155,
         options         : {
           hasRestorePrivileges: this.hasRestorePrivileges
         },
@@ -24,47 +25,38 @@ export default class extends Controller.extend(EmberTableControllerMixin) {
           openEditModal     : this.openEditModal.bind(this),
           restoreUser       : this.restoreUser.bind(this)
         }
-
       },
       {
         name      : 'Email',
-        valuePath : 'email'
-
-
+        valuePath : 'email',
+        width     : 160
       },
       {
         name          : 'Status',
         valuePath     : 'status',
         cellComponent : 'ui-table/cell/admin/users/cell-status'
-
-
       },
       {
         name            : 'System Roles',
         valuePath       : 'isSuperAdmin',
         extraValuePaths : ['isAdmin', 'isVerified'],
         cellComponent   : 'ui-table/cell/admin/users/cell-system-roles'
-
-
       },
       {
         name            : 'Event Roles',
         valuePath       : 'isSuperAdmin',
+        width           : 260,
         extraValuePaths : ['isAdmin', 'isUserOwner', 'ownerEvents',
           'isUserOrganizer', 'organizerEvents', 'isUserCoorganizer', 'coorganizerEvents',
           'isUserTrackOrganizer', 'trackOrganizerEvents', 'isUserRegistrar', 'registrarEvents',
           'isUserModerator', 'moderatorEvents', 'isMarketer', 'marketerEvents', 'isSalesAdmin',
           'salesAdminEvents'],
         cellComponent: 'ui-table/cell/admin/users/cell-event-roles'
-
-
       },
       {
         name          : 'User Links',
         valuePath     : 'id',
         cellComponent : 'ui-table/cell/admin/users/cell-user-links'
-
-
       },
       {
         name          : 'Member Since',

app/controllers/admin/users/view/events/list.js

@@ -17,6 +17,7 @@ export default class extends Controller.extend(EmberTableControllerMixin) {
         isSortable      : true,
         headerComponent : 'tables/headers/sort',
         cellComponent   : 'ui-table/cell/cell-event',
+        width           : 160,
         options         : {
           hasRestorePrivileges: this.hasRestorePrivileges
         },
@@ -40,7 +41,7 @@ export default class extends Controller.extend(EmberTableControllerMixin) {
       {
         name          : 'Sessions',
         valuePath     : 'eventStatisticsGeneral',
-        width         : 80,
+        width         : 90,
         isSortable    : false,
         cellComponent : 'ui-table/cell/cell-sessions-dashboard'
       },
@@ -62,6 +63,7 @@ export default class extends Controller.extend(EmberTableControllerMixin) {
         name          : 'Public URL',
         valuePath     : 'url',
         cellComponent : 'ui-table/cell/cell-link',
+        width         : 240,
         isSortable    : false
       }
     ];

app/templates/admin/users/view/events.hbs

@@ -17,7 +17,5 @@
       {{/tabbed-navigation}}
     </div>
   </div>
-  <div class="ui segment">
-    {{outlet}}
-  </div>
+  {{outlet}}
 </div>

app/templates/components/forms/admin/settings/billing.hbs

@@ -30,11 +30,11 @@
     {{t 'Invoice Contact'}}
   </h3>
   <div class="field">
-    <label for="adminBillingContactName">{{t 'Contact Name'}}</label>
+    <label class="required" for="adminBillingContactName">{{t 'Contact Name'}}</label>
     {{input type='text' id='adminBillingContactName' value=model.adminBillingContactName}}
   </div>
   <div class="field">
-    <label for="adminBillingPhone">{{t 'Phone'}}</label>
+    <label class="required" for="adminBillingPhone">{{t 'Phone'}}</label>
     {{input type='text' id='adminBillingPhone' value=model.adminBillingPhone}}
   </div>
   <div class="field">
@@ -45,7 +45,7 @@
     <label class="required">{{t 'Country'}}</label>
     {{#ui-dropdown class='search selection' selected=model.adminBillingCountry forceSelection=false
 	                         fullTextSearch=true}}
-      {{input type='hidden' id='country' value=model.adminBillingCountry}}
+      {{input type='hidden' id='adminBillingCountry' value=model.adminBillingCountry}}
       <i class="dropdown icon"></i>
       <div class="default text">{{t 'Select country'}}</div>
       <div class="menu">
@@ -59,11 +59,11 @@
     {{/ui-dropdown}}
   </div>
   <div class="field">
-    <label for="adminBillingTaxInfo">{{t 'Tax ID'}}</label>
+    <label class="required" for="adminBillingTaxInfo">{{t 'Tax ID'}}</label>
     {{input type='text' id='adminBillingTaxInfo' value=model.adminBillingTaxInfo}}
   </div>  
   <div class="field">
-    <label for="adminCompany">{{t 'Company'}}</label>
+    <label class="required" for="adminCompany">{{t 'Company'}}</label>
     {{input type='text' id='adminCompany' value=model.adminCompany}}
   </div>
   <div class="field">