Use 4 spaces

Author: MurhafSousli

scss/List/List.scss

@@ -11,7 +11,7 @@
 
 .details-box-wrap.show-as-column {
   flex: 1;
-  margin-left:  1rem;
+  margin-left: 1rem;
   margin-right: 1rem;
   opacity: 1;
 }

scss/app.scss

@@ -2,7 +2,6 @@
 @import '../node_modules/d2-ui/lib/css/DataTable';
 @import '../node_modules/d2-ui/lib/css/Pagination';
 @import '../node_modules/d2-ui/lib/css/HeaderBar';
-
 @import '../scss/List/DetailsBox';
 @import '../scss/List/List';
 

src/App/App.component.js

@@ -22,6 +22,7 @@ log.setLevel(log.levels.INFO);
 // Check this repo:
 // https://github.com/zilverline/react-tap-event-plugin
 import injectTapEventPlugin from 'react-tap-event-plugin';
+
 injectTapEventPlugin();
 
 import appState, { setAppState } from './appStateStore';
@@ -30,7 +31,8 @@ import { goToRoute } from '../router';
 const HeaderBar = withStateFrom(headerBarStore$, HeaderBarComponent);
 
 const withMuiContext = Object.assign(AppWithD2.childContextTypes,
-    {muiTheme: PropTypes.object});
+    { muiTheme: PropTypes.object });
+
 class App extends AppWithD2 {
     getChildContext() {
         return Object.assign({}, super.getChildContext(), {
@@ -49,7 +51,7 @@ class App extends AppWithD2 {
             .map(() => false);
 
         const nonAllSectionSelected$ = appState
-            // The all section is managed separately so we do not want to process those any further
+        // The all section is managed separately so we do not want to process those any further
             .filter(state => state.sideBar.currentSection !== 'all')
             .map((state) => (
                 // Check if the current section is in the list of mainSections
@@ -76,22 +78,23 @@ class App extends AppWithD2 {
 
     render() {
         if (!this.state.d2) {
-            return (<LoadingMask />);
+            return (<LoadingMask/>);
         }
 
         return (
             <MuiThemeProvider muiTheme={appTheme}>
                 <div>
-                    <HeaderBar />
+                    <HeaderBar/>
                     <SinglePanelLayout>
                         <MainContent>{this.props.children}</MainContent>
                     </SinglePanelLayout>}
-                    <SnackbarContainer />
+                    <SnackbarContainer/>
                 </div>
             </MuiThemeProvider>
         );
     }
 }
+
 App.defaultProps = {
     d2: getInstance(),
 };

src/App/app.theme.js

@@ -1,4 +1,6 @@
-import { blue500, blue700, blue100, orange500, grey100, darkBlack, white, grey500, grey400 }
+import {
+    blue500, blue700, blue100, orange500, grey100, darkBlack, white, grey500, grey400
+}
     from 'material-ui/styles/colors';
 import { fade } from 'material-ui/utils/colorManipulator';
 import Spacing from 'material-ui/styles/spacing';

src/App/appStateStore.js

@@ -50,7 +50,7 @@ async function getCurrentUserOrganisationUnits(disableCache = false) {
     const organisationUnitsCollection = await d2.currentUser.getOrganisationUnits();
 
     if (d2.currentUser.authorities.has('ALL') && !organisationUnitsCollection.size) {
-        const rootLevelOrgUnits = await d2.models.organisationUnits.list({level: 1});
+        const rootLevelOrgUnits = await d2.models.organisationUnits.list({ level: 1 });
 
         getCurrentUserOrganisationUnits.currentUserOrganisationUnits = rootLevelOrgUnits;
 

src/List/ContextActions.js

@@ -8,52 +8,52 @@ config.i18n.strings.add('details');
 config.i18n.strings.add('assignToOrgUnits');
 
 const contextActions = Action.createActionsFromNames([
-  'details',
-  'assignToOrgUnits',
-  'assignRoles',
-  'assignGroups',
-  'edit'
+    'details',
+    'assignToOrgUnits',
+    'assignRoles',
+    'assignGroups',
+    'edit'
 ]);
 
 /** Show user details */
 contextActions.details
-  .subscribe(({data: model}) => {
-    detailsStore.setState(model);
-  });
+    .subscribe(({ data: model }) => {
+        detailsStore.setState(model);
+    });
 
 /** Assign user to organization unit */
 contextActions.assignToOrgUnits
-  .subscribe(async ({data: model}) => {
-    const d2 = await getD2();
-    const options = {fields: ":all,organisationUnits[id,path,displayName]"};
-    const modelItem = await d2.models[model.modelDefinition.name].get(model.id, options);
-    const userOrgUnitRoots = await appStateStore
-      .map(appState => appState.userOrganisationUnits.toArray())
-      .first().toPromise();
-
-    orgUnitAssignmentDialogStore.setState({
-      model: modelItem,
-      roots: userOrgUnitRoots,
-      open: true,
+    .subscribe(async ({ data: model }) => {
+        const d2 = await getD2();
+        const options = { fields: ":all,organisationUnits[id,path,displayName]" };
+        const modelItem = await d2.models[model.modelDefinition.name].get(model.id, options);
+        const userOrgUnitRoots = await appStateStore
+            .map(appState => appState.userOrganisationUnits.toArray())
+            .first().toPromise();
+
+        orgUnitAssignmentDialogStore.setState({
+            model: modelItem,
+            roots: userOrgUnitRoots,
+            open: true,
+        });
     });
-  });
 
 /** Assign roles */
 contextActions.assignRoles
-  .subscribe(({data: model}) => {
-    alert('Assign roles');
-  });
+    .subscribe(({ data: model }) => {
+        alert('Assign roles');
+    });
 
 /** Assign to groups */
 contextActions.assignGroups
-  .subscribe(({data: model}) => {
-    alert('Assign to groups');
-  });
+    .subscribe(({ data: model }) => {
+        alert('Assign to groups');
+    });
 
 /** Edit user */
 contextActions.edit
-  .subscribe(({data: model}) => {
-    alert('Edit user');
-  });
+    .subscribe(({ data: model }) => {
+        alert('Edit user');
+    });
 
 export default contextActions;

src/List/DetailsBox.component.js

@@ -49,7 +49,8 @@ export default React.createClass({
 
                 return (
                     <div key={fieldName} className="detail-field">
-                        <div className={`detail-field__label detail-field__${fieldName}-label`}>{this.getTranslation(camelCaseToUnderscores(fieldName))}</div>
+                        <div
+                            className={`detail-field__label detail-field__${fieldName}-label`}>{this.getTranslation(camelCaseToUnderscores(fieldName))}</div>
                         <div className={`detail-field__value detail-field__${fieldName}`}>{valueToRender}</div>
                     </div>
                 );
@@ -96,7 +97,8 @@ export default React.createClass({
 
         return (
             <div className={classList}>
-                <FontIcon className="details-box__close-button material-icons" onClick={this.props.onClose}>close</FontIcon>
+                <FontIcon className="details-box__close-button material-icons"
+                          onClick={this.props.onClose}>close</FontIcon>
                 <div>
                     {this.getDetailBoxContent()}
                 </div>