renamed some more icons

jsapp/js/components/RESTServices/RESTServiceLogs.es6

@@ -207,7 +207,7 @@ export default class RESTServiceLogs extends React.Component {
           className='rest-services-list__header-back-button'
           href={`/#/forms/${this.state.assetUid}/settings/rest`}
         >
-          <i className='k-icon k-icon-prev' />
+          <i className='k-icon k-icon-angle-left' />
           {t('Back to REST Services')}
         </a>
 

jsapp/js/components/formSummary.es6

@@ -218,14 +218,14 @@ class FormSummary extends React.Component {
           onClick={this.triggerRefresh}>
             <i className='k-icon k-icon-projects' />
             {t('Collect data')}
-            <i className='k-icon k-icon-next' />
+            <i className='k-icon k-icon-angle-right' />
         </Link>
 
         {this.userCan('change_asset', this.state) &&
           <button onClick={this.sharingModal}>
             <i className='k-icon k-icon-user-share'/>
             {t('Share project')}
-            <i className='k-icon k-icon-next' />
+            <i className='k-icon k-icon-angle-right' />
           </button>
         }
 
@@ -238,14 +238,14 @@ class FormSummary extends React.Component {
           >
             <i className='k-icon k-icon-edit' />
             {t('Edit form')}
-            <i className='k-icon k-icon-next' />
+            <i className='k-icon k-icon-angle-right' />
           </Link>
         }
 
         <button onClick={this.enketoPreviewModal}>
           <i className='k-icon k-icon-view' />
           {t('Preview form')}
-          <i className='k-icon k-icon-next' />
+          <i className='k-icon k-icon-angle-right' />
         </button>
       </bem.FormView__cell>
     );
@@ -266,7 +266,7 @@ class FormSummary extends React.Component {
           >
             <i className={`k-icon ${item.icon}`} />
             {item.label}
-            <i className='k-icon k-icon-next' />
+            <i className='k-icon k-icon-angle-right' />
           </Link>
         )}
       </bem.FormView__cell>

jsapp/js/components/formSummary.scss

@@ -132,7 +132,7 @@
       display: inline-block;
       vertical-align: middle;
 
-      &.k-icon-next {
+      &.k-icon-angle-right {
         position: absolute;
         right: 4px;
         top: 6px;

jsapp/js/components/formViewTabs.es6

@@ -26,7 +26,7 @@ export function getFormDataTabs(assetUid) {
     },
     {
       label: t('Gallery'),
-      icon: 'k-icon k-icon-photo-gallery',
+      icon: 'k-icon k-icon-gallery',
       path: ROUTES.FORM_GALLERY.replace(':uid', assetUid),
     },
     {
@@ -189,7 +189,7 @@ class FormViewTabs extends Reflux.Component {
       ) {
         sideTabs.push({
           label: t('Media'),
-          icon: 'k-icon k-icon-photo-gallery',
+          icon: 'k-icon k-icon-gallery',
           path: ROUTES.FORM_MEDIA.replace(':uid', this.state.assetid),
         });
       }
@@ -248,7 +248,9 @@ class FormViewTabs extends Reflux.Component {
                 onClick={this.triggerRefresh}
               >
                 <i className={`k-icon ${item.icon}`} />
-                {item.label}
+                <span className='form-view__tab-name'>
+                  {item.label}
+                </span>
               </Link>
             );
           })}

jsapp/js/components/helpBubbles.es6

@@ -450,7 +450,7 @@ export class SupportHelpBubble extends HelpBubble {
         <HelpBubbleClose onClick={this.close.bind(this)}/>
 
         <bem.HelpBubble__back onClick={this.clearSelectedMessage.bind(this)}>
-          <i className='k-icon k-icon-prev'/>
+          <i className='k-icon k-icon-angle-left'/>
         </bem.HelpBubble__back>
 
         <bem.HelpBubble__popupContent>

jsapp/js/components/library/assetBreadcrumbs.es6

@@ -118,14 +118,14 @@ class AssetBreadcrumbs extends React.Component {
         <bem.Breadcrumbs__crumb href={rootBreadcrumb.href}>
           {rootBreadcrumb.label}
         </bem.Breadcrumbs__crumb>
-        <i className='k-icon k-icon-next'/>
+        <i className='k-icon k-icon-angle-right'/>
 
         {this.props.asset.parent !== null &&
           <React.Fragment>
           <bem.Breadcrumbs__crumb href={this.getParentHref()}>
             {this.getParentName()}
           </bem.Breadcrumbs__crumb>
-          <i className='k-icon k-icon-next'/>
+          <i className='k-icon k-icon-angle-right'/>
           </React.Fragment>
         }
 

jsapp/js/components/library/assetBreadcrumbs.scss

@@ -27,7 +27,7 @@
     }
   }
 
-  .k-icon.k-icon-next {
+  .k-icon.k-icon-angle-right {
     font-size: 24px;
     margin: 0 3px;
   }

jsapp/js/components/library/assetContentSummary.es6

@@ -87,7 +87,7 @@ class AssetContentSummary extends React.Component {
         {isExpandable &&
           <bem.FormView__cell m={['toggle-details']}>
             <button onClick={this.toggleExpanded}>
-              {this.state.isExpanded ? <i className='k-icon k-icon-up'/> : <i className='k-icon k-icon-down'/>}
+              {this.state.isExpanded ? <i className='k-icon k-icon-angle-up'/> : <i className='k-icon k-icon-angle-down'/>}
               {this.state.isExpanded ? t('Show less') : t('Show more')}
             </button>
           </bem.FormView__cell>

jsapp/js/components/library/assetInfoBox.es6

@@ -137,7 +137,7 @@ class AssetInfoBox extends React.Component {
 
         <bem.AssetInfoBox__column m='toggle'>
           <bem.AssetInfoBox__toggle onClick={this.toggleDetails}>
-            {this.state.areDetailsVisible ? <i className='k-icon k-icon-up'/> : <i className='k-icon k-icon-down'/>}
+            {this.state.areDetailsVisible ? <i className='k-icon k-icon-angle-up'/> : <i className='k-icon k-icon-angle-down'/>}
             {this.state.areDetailsVisible ? t('Hide full details') : t('Show full details')}
           </bem.AssetInfoBox__toggle>
         </bem.AssetInfoBox__column>

jsapp/js/components/library/assetsTable.es6

@@ -239,10 +239,10 @@ export default class AssetsTable extends React.Component {
     let icon = (<i className='k-icon'/>);
     if (this.props.orderColumnId === columnDef.id) {
       if (this.props.orderValue === ORDER_DIRECTIONS.ascending) {
-        icon = (<i className='k-icon k-icon-up'/>);
+        icon = (<i className='k-icon k-icon-angle-up'/>);
       }
       if (this.props.orderValue === ORDER_DIRECTIONS.descending) {
-        icon = (<i className='k-icon k-icon-down'/>);
+        icon = (<i className='k-icon k-icon-angle-down'/>);
       }
     }
 
@@ -280,7 +280,7 @@ export default class AssetsTable extends React.Component {
             disabled={this.props.currentPage === 0}
             onClick={this.switchPage.bind(this, this.props.currentPage - 1)}
           >
-            <i className='k-icon k-icon-prev'/>
+            <i className='k-icon k-icon-angle-left'/>
             {t('Previous')}
           </bem.AssetsTablePagination__button>
 
@@ -294,7 +294,7 @@ export default class AssetsTable extends React.Component {
             onClick={this.switchPage.bind(this, this.props.currentPage + 1)}
           >
             {t('Next')}
-            <i className='k-icon k-icon-next'/>
+            <i className='k-icon k-icon-angle-right'/>
           </bem.AssetsTablePagination__button>
         </bem.AssetsTablePagination>
       );

jsapp/js/components/locking/formLockedMessage.es6

@@ -51,8 +51,8 @@ class FormLockedMessage extends React.Component {
       <React.Fragment>
         <bem.FormBuilderMessageBox__toggle onClick={this.toggleMoreInfo}>
           {t('see more')}
-          {this.state.isOpen && <i className='k-icon k-icon-up'/>}
-          {!this.state.isOpen && <i className='k-icon k-icon-down'/>}
+          {this.state.isOpen && <i className='k-icon k-icon-angle-up'/>}
+          {!this.state.isOpen && <i className='k-icon k-icon-angle-down'/>}
         </bem.FormBuilderMessageBox__toggle>
 
         {this.state.isOpen &&

jsapp/js/components/map.es6

@@ -832,7 +832,7 @@ export class FormMap extends React.Component {
               })}
             </div>
             <div className='maplist-legend' onClick={this.toggleLegend}>
-              <i className={classNames('k-icon', this.state.showExpandedLegend ? 'k-icon-down' : 'k-icon-up')} /> {t('Legend')}
+              <i className={classNames('k-icon', this.state.showExpandedLegend ? 'k-icon-angle-down' : 'k-icon-angle-up')} /> {t('Legend')}
             </div>
           </bem.FormView__mapList>
         }

jsapp/js/components/permissions/copyTeamPermissions.es6

@@ -122,7 +122,7 @@ class CopyTeamPermissions extends React.Component {
         >
           {t('Copy team from another project')}
 
-          <i className='k-icon k-icon-next'/>
+          <i className='k-icon k-icon-angle-right'/>
         </button>
 
         {this.state.isCopyFormVisible && (

jsapp/js/components/projectDownloads/projectExportsCreator.es6

@@ -682,10 +682,10 @@ export default class ProjectExportsCreator extends React.Component {
           <bem.ProjectDownloads__textButton onClick={this.toggleAdvancedView}>
             {t('Advanced options')}
             {this.state.isAdvancedViewVisible && (
-              <i className='k-icon k-icon-up' />
+              <i className='k-icon k-icon-angle-up' />
             )}
             {!this.state.isAdvancedViewVisible && (
-              <i className='k-icon k-icon-down' />
+              <i className='k-icon k-icon-angle-down' />
             )}
           </bem.ProjectDownloads__textButton>
 

jsapp/js/components/searchcollectionlist.es6

@@ -119,7 +119,7 @@ class SearchCollectionList extends Reflux.Component {
 
           {this.state.parentName &&
             <span>
-              <i className='k-icon k-icon-next' />
+              <i className='k-icon k-icon-angle-right' />
               <span>{this.state.parentName}</span>
             </span>
           }

jsapp/js/components/submissions/submissionModal.es6

@@ -453,7 +453,7 @@ class SubmissionModal extends React.Component {
                     onClick={this.switchSubmission.bind(this, this.state.previous)}
                     className='mdl-button mdl-button--colored'
                   >
-                    <i className='k-icon k-icon-prev' />
+                    <i className='k-icon k-icon-angle-left' />
                     {t('Previous')}
                   </a>
                 }
@@ -462,7 +462,7 @@ class SubmissionModal extends React.Component {
                     onClick={this.prevTablePage}
                     className='mdl-button mdl-button--colored'
                   >
-                    <i className='k-icon k-icon-prev' />
+                    <i className='k-icon k-icon-angle-left' />
                     {t('Previous')}
                   </a>
                 }
@@ -474,7 +474,7 @@ class SubmissionModal extends React.Component {
                     className='mdl-button mdl-button--colored'
                   >
                     {t('Next')}
-                    <i className='k-icon k-icon-next' />
+                    <i className='k-icon k-icon-angle-right' />
                   </a>
                 }
                 {this.state.next === -2 &&
@@ -483,7 +483,7 @@ class SubmissionModal extends React.Component {
                     className='mdl-button mdl-button--colored'
                   >
                     {t('Next')}
-                    <i className='k-icon k-icon-next' />
+                    <i className='k-icon k-icon-angle-right' />
                   </a>
                 }
               </div>