From 3c9ccd38751501bbf5b9cd2c54dee370681fdb5b Mon Sep 17 00:00:00 2001
From: Jules Laplace <julescarbon@gmail.com>
Date: Thu, 20 Sep 2018 02:52:55 +0200
Subject: stub file viewer

---
 app/client/common/currentTask.component.js |  2 +-
 app/client/common/fileList.component.js    | 12 ++++++------
 app/client/common/folderList.component.js  |  6 +++---
 app/client/common/slider.component.js      |  2 +-
 app/client/common/taskList.component.js    | 12 ++++++------
 app/client/common/views/new.view.js        |  6 +++---
 6 files changed, 20 insertions(+), 20 deletions(-)

(limited to 'app/client/common')

diff --git a/app/client/common/currentTask.component.js b/app/client/common/currentTask.component.js
index 3c71a88..ef976bc 100644
--- a/app/client/common/currentTask.component.js
+++ b/app/client/common/currentTask.component.js
@@ -31,7 +31,7 @@ function CurrentTask ({ cpu, gpu, processor }) {
         ? <span>(currently #{epoch})</span>
         : ""}
       <br/><br/>
-      <div class='quiet'>{last_message}</div>
+      <div className='quiet'>{last_message}</div>
     </div>
   )
 }
diff --git a/app/client/common/fileList.component.js b/app/client/common/fileList.component.js
index 0e6b25e..f932274 100644
--- a/app/client/common/fileList.component.js
+++ b/app/client/common/fileList.component.js
@@ -41,8 +41,8 @@ export const FileList = props => {
   if (!fileList || !fileList.length) {
     return (
       <div className={'rows ' + className}>
-        <div class='row heading'>
-          <h4 class='noFiles'>No files</h4>
+        <div className='row heading'>
+          <h4 className='noFiles'>No files</h4>
         </div>
       </div>
     )
@@ -51,7 +51,7 @@ export const FileList = props => {
   return (
     <div className={'rows ' + className}>
       {title &&
-        <div class='row heading'>
+        <div className='row heading'>
           <h3>{title}</h3>}
         </div>
       }
@@ -60,7 +60,7 @@ export const FileList = props => {
         {parentDirectory && 
           <div className={rowClassName + ' parent'}>
             <div className="filename" title="Parent Directory">
-              <span class='link' onClick={(e) => onClickParent && onClickParent(e)}>
+              <span className='link' onClick={(e) => onClickParent && onClickParent(e)}>
                 <i>Parent Directory</i>
               </span>
             </div>
@@ -98,14 +98,14 @@ export const FileRow = props => {
   }
 
   return (
-    <div class={className} key={key}>
+    <div className={className} key={key}>
       {fields.has('name') &&
         <div className="filename" title={file.name || file.url}>
           {file.persisted === false
             ? <span className='unpersisted'>{name}</span>
             : (linkFiles && file.url)
             ? <a target='_blank' onClick={(e) => { if (!(e.metaKey || e.ctrlKey || e.altKey) && onClick) { e.preventDefault(); onClick && onClick(file, e) }}} href={file.url}>{name}</a>
-            : <span class='link' onClick={(e) => onClick && onClick(file, e)}>{name}</span>
+            : <span className='link' onClick={(e) => onClick && onClick(file, e)}>{name}</span>
           }
         </div>
       }
diff --git a/app/client/common/folderList.component.js b/app/client/common/folderList.component.js
index a6c6ae5..91d0bff 100644
--- a/app/client/common/folderList.component.js
+++ b/app/client/common/folderList.component.js
@@ -12,7 +12,7 @@ export default function FolderList ({ db, path, emptyText, activity }) {
   if (! db) return null
   if (db.loading || !db.data) {
     return (
-      <div class='col folderList'>
+      <div className='col folderList'>
         <Loading progress={db.progress} />
       </div>
     )
@@ -23,7 +23,7 @@ export default function FolderList ({ db, path, emptyText, activity }) {
   }
   if (! folderList.length && emptyText) {
     return (
-      <div class='col folderList'>
+      <div className='col folderList'>
         {emptyText}
       </div>
     )
@@ -41,7 +41,7 @@ export default function FolderList ({ db, path, emptyText, activity }) {
   })
 
   return (
-    <div class='col folderList'>
+    <div className='col folderList'>
       <Group title='Projects'>
         {folders}
       </Group>
diff --git a/app/client/common/slider.component.js b/app/client/common/slider.component.js
index 7252ca3..9dba730 100644
--- a/app/client/common/slider.component.js
+++ b/app/client/common/slider.component.js
@@ -81,7 +81,7 @@ class Slider extends Component {
       text_value = parseFloat(value).toFixed(2)
     }
     return (
-      <div class='slider param'>
+      <div className='slider param'>
         <label>
           <span>{title || name.replace(/_/g, ' ')}</span>
           <input type='text' value={text_value} onBlur={this.handleInput} />
diff --git a/app/client/common/taskList.component.js b/app/client/common/taskList.component.js
index c1ed38a..272ff80 100644
--- a/app/client/common/taskList.component.js
+++ b/app/client/common/taskList.component.js
@@ -56,18 +56,18 @@ class TaskList extends Component {
         dataset_link = label
       }
       return (
-        <div class='row'>
-          <div class='activity'>{task.activity} {task.module}</div>
-          <div class='dataset'>{dataset_link}</div>
+        <div className='row'>
+          <div className='activity'>{task.activity} {task.module}</div>
+          <div className='dataset'>{dataset_link}</div>
           <div className={"age " + util.carbon_date(task.updated_at)}>{util.get_age(task.updated_at)}</div>
-          <div class='options'>
-            <span class='destroy' onClick={() => this.handleDestroy(task)}>x</span>
+          <div className='options'>
+            <span className='destroy' onClick={() => this.handleDestroy(task)}>x</span>
           </div>
         </div>
       )
     })
     return (
-      <div class='tasklist rows'>
+      <div className='tasklist rows'>
         {taskList}
       </div>
     )
diff --git a/app/client/common/views/new.view.js b/app/client/common/views/new.view.js
index a6ab3b1..a417bfc 100644
--- a/app/client/common/views/new.view.js
+++ b/app/client/common/views/new.view.js
@@ -22,11 +22,11 @@ export default class NewView extends Component {
   render(){
     const { module, history, db, path } = this.props
     return (
-      <div class={'app new-view ' + module.name}>
-        <div class='heading'>
+      <div className={'app new-view ' + module.name}>
+        <div className='heading'>
           <h1>{module.displayName || module.name}</h1>
         </div>
-        <div class='col narrow'>
+        <div className='col narrow'>
           <NewDatasetForm
             module={module}
             history={history}
-- 
cgit v1.2.3-70-g09d2