phobos_checkpoint_ui 1.0.0.rc1 → 1.0.0.rc2

data/frontend/src/reducers/xhr-status.spec.js

@@ -9,6 +9,8 @@ import {
   RECEIVE_FAILURES_SEARCH_RESULTS,
   REQUEST_FAILURES_SEARCH_RESULTS_FAILED,
   LOAD_MORE_FAILURES_SEARCH_RESULTS,
+  REQUEST_FAILURE_RETRY,
+  REQUEST_FAILURE_RETRY_FAILED,
   REQUEST_EVENT_RETRY,
   RECEIVE_EVENT_RETRY,
   REQUEST_EVENT_RETRY_FAILED
@@ -116,6 +118,15 @@ describe('reducers/xhr-status', () => {
     })
   })
 
+  describe('for REQUEST_FAILURE_RETRY', () => {
+    it('enables isRetryingEvent', () => {
+      const currentState = { isRetryingEvent: false }
+      const action = { type: REQUEST_FAILURE_RETRY }
+      const expectedState = { isRetryingEvent: true }
+      expect(reducer(currentState, action)).toEqual(expectedState)
+    })
+  })
+
   describe('for RECEIVE_EVENT_RETRY', () => {
     it('disables isRetryingEvent', () => {
       const currentState = { isRetryingEvent: true }
@@ -134,6 +145,15 @@ describe('reducers/xhr-status', () => {
     })
   })
 
+  describe('for REQUEST_FAILURE_RETRY_FAILED', () => {
+    it('disables isRetryingEvent', () => {
+      const currentState = { isRetryingEvent: true }
+      const action = { type: REQUEST_FAILURE_RETRY_FAILED }
+      const expectedState = { isRetryingEvent: false }
+      expect(reducer(currentState, action)).toEqual(expectedState)
+    })
+  })
+
   describe('for default', () => {
     it('returns the currentState', () => {
       const currentState = { current: true }

data/frontend/src/views/events/search/index.scss

@@ -11,13 +11,6 @@
     padding: 50px 0;
   }
 
-  .empty-event {
-    margin: 50px 15px 0;
-    font-size: 30px;
-    font-weight: lighter;
-    font-family: Roboto;
-  }
-
   & > .event {
     margin: 10px 10px;
   }

data/frontend/src/views/failures/details/index.js

@@ -6,7 +6,7 @@ import { fetchFailureDetails } from 'actions/failures/details'
 import FailureOverviewDialog from 'components/failure/overview-dialog'
 import FailureRetryDialog from 'components/failure/retry-dialog'
 
-class FailureShow extends Component {
+class FailureDetails extends Component {
   static get propTypes () {
     return {
       fetchFailureDetails: PropTypes.func.isRequired
@@ -47,4 +47,4 @@ export default connect(
   (state) => state, {
     fetchFailureDetails
   }
-)(FailureShow)
+)(FailureDetails)

data/frontend/src/views/failures/search/index.js

@@ -2,8 +2,8 @@ import React, { Component, PropTypes } from 'react'
 import { connect } from 'react-redux'
 
 import LoadMore from 'components/load-more'
-import EmptyEvent from 'components/empty-event'
-import FailuresList from 'components/failures-list'
+import EmptyFailure from 'components/failure/empty'
+import FailuresList from 'components/failure/list'
 import SearchInput from 'components/search-input'
 import CircularProgress from 'material-ui/CircularProgress'
 
@@ -81,9 +81,9 @@ export class FailuresSearch extends Component {
         <div>
           <FailuresList failures={failures} />
           <LoadMore {...this.props} />
-          <EmptyEvent
-            events={failures}
-            isFetchingEvents={this.props.xhrStatus.isFetchingEvents}/>
+          <EmptyFailure
+            failures={failures}
+            isFetchingEvents={this.props.xhrStatus.isFetchingEvents} />
         </div>
         {
           this.isFetchingFirstPage() &&

data/frontend/src/views/failures/search/index.scss

@@ -11,14 +11,7 @@
     padding: 50px 0;
   }
 
-  .empty-event {
-    margin: 50px 15px 0;
-    font-size: 30px;
-    font-weight: lighter;
-    font-family: Roboto;
-  }
-
-  & > .event {
+  & > .failure {
     margin: 10px 10px;
   }
 }

data/frontend/src/views/failures/search/index.spec.js

@@ -9,8 +9,8 @@ import configureMockStore from 'redux-mock-store'
 import thunk from 'redux-thunk'
 
 import SearchInput from 'components/search-input'
-import FailuresList from 'components/failures-list'
-import EmptyEvent from 'components/empty-event'
+import FailuresList from 'components/failure/list'
+import FailureEvent from 'components/failure/empty'
 
 const middlewares = [ thunk ]
 const mockStore = configureMockStore(middlewares)
@@ -64,8 +64,8 @@ describe('view <FailuresSearch />', () => {
     expect(wrapper.contains(<FailuresList failures={props.failures} />)).toEqual(true)
   })
 
-  it('renders <EmptyEvent />', () => {
-    expect(wrapper.contains(<EmptyEvent events={props.failures} isFetchingEvents={props.xhrStatus.isFetchingEvents} />)).toEqual(true)
+  it('renders <FailureEvent />', () => {
+    expect(wrapper.contains(<FailureEvent failures={props.failures} isFetchingEvents={props.xhrStatus.isFetchingEvents} />)).toEqual(true)
   })
 
   describe('when it initializes with filter type and value', () => {

data/frontend/src/views/layout.js

@@ -7,12 +7,12 @@ import getMuiTheme from 'material-ui/styles/getMuiTheme'
 import Header from 'components/header'
 import FlashMessageList from 'components/flash-message-list'
 
-const theme = getMuiTheme(lightBaseTheme)
+const importedTheme = getMuiTheme(lightBaseTheme)
 
 export default class extends Component {
   render () {
     return (
-      <MuiThemeProvider muiTheme={theme}>
+      <MuiThemeProvider muiTheme={importedTheme}>
         <div className='layout'>
           <Header />
           <FlashMessageList />

data/lib/phobos_checkpoint_ui/version.rb

@@ -1,3 +1,3 @@
 module PhobosCheckpointUI
-  VERSION = '1.0.0.rc1'
+  VERSION = '1.0.0.rc2'
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: phobos_checkpoint_ui
 version: !ruby/object:Gem::Version
-  version: 1.0.0.rc1
+  version: 1.0.0.rc2
 platform: ruby
 authors:
 - Túlio Ornelas
@@ -13,7 +13,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2017-03-01 00:00:00.000000000 Z
+date: 2017-03-06 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bundler
@@ -206,6 +206,7 @@ files:
 - frontend/src/actions/search-input-filter.spec.js
 - frontend/src/api.js
 - frontend/src/components/attribute/index.js
+- frontend/src/components/empty-event/empty-event.scss
 - frontend/src/components/empty-event/index.js
 - frontend/src/components/empty-event/index.spec.js
 - frontend/src/components/event-overview-dialog/event-overview-dialog.scss
@@ -214,32 +215,31 @@ files:
 - frontend/src/components/event-overview/index.js
 - frontend/src/components/event-overview/index.spec.js
 - frontend/src/components/event-retry-dialog/index.js
+- frontend/src/components/event/card-style.js
 - frontend/src/components/event/error-message.js
 - frontend/src/components/event/error-message.scss
 - frontend/src/components/event/event.scss
 - frontend/src/components/event/index.js
 - frontend/src/components/event/index.spec.js
 - frontend/src/components/event/loading.js
-- frontend/src/components/event/style.js
 - frontend/src/components/events-list/events-list.scss
 - frontend/src/components/events-list/index.js
 - frontend/src/components/events-list/index.spec.js
-- frontend/src/components/failure/error-message.js
-- frontend/src/components/failure/error-message.scss
-- frontend/src/components/failure/event.scss
+- frontend/src/components/failure/empty/empty-failure.scss
+- frontend/src/components/failure/empty/index.js
+- frontend/src/components/failure/empty/index.spec.js
 - frontend/src/components/failure/index.js
+- frontend/src/components/failure/index.scss
 - frontend/src/components/failure/index.spec.js
-- frontend/src/components/failure/loading.js
-- frontend/src/components/failure/overview-dialog/event-overview-dialog.scss
+- frontend/src/components/failure/list/failures-list.scss
+- frontend/src/components/failure/list/index.js
+- frontend/src/components/failure/list/index.spec.js
+- frontend/src/components/failure/overview-dialog/failure-overview-dialog.scss
 - frontend/src/components/failure/overview-dialog/index.js
 - frontend/src/components/failure/overview/failure-overview.scss
 - frontend/src/components/failure/overview/index.js
 - frontend/src/components/failure/overview/index.spec.js
 - frontend/src/components/failure/retry-dialog/index.js
-- frontend/src/components/failure/style.js
-- frontend/src/components/failures-list/failures-list.scss
-- frontend/src/components/failures-list/index.js
-- frontend/src/components/failures-list/index.spec.js
 - frontend/src/components/flash-message-list/index.js
 - frontend/src/components/flash-message/flash-message.scss
 - frontend/src/components/flash-message/index.js

data/frontend/src/components/event/style.js

@@ -1,16 +0,0 @@
-export default {
-  card: {
-    width: '490px',
-    overflow: 'hidden',
-    backgroundColor: '#fff'
-  },
-  cardHeader: {
-    title: {color: '#000', fontWeight: 'lighter'},
-    subtitle: {color: '#000'}
-  },
-  cardTitle: {
-    color: '#000',
-    fontSize: '38px',
-    fontWeight: 'lighter'
-  }
-}

data/frontend/src/components/failure/error-message.js

@@ -1,19 +0,0 @@
-import React, { Component, PropTypes } from 'react'
-import ErrorSVG from 'material-ui/svg-icons/alert/error'
-
-export default class extends Component {
-  static get propTypes () {
-    return {
-      message: PropTypes.string
-    }
-  }
-
-  render () {
-    return this.props.message ? (
-      <div className='event-error-message'>
-        <ErrorSVG style={{marginRight: '10px'}}/>
-        <span>{this.props.message}</span>
-      </div>
-    ) : null
-  }
-}

data/frontend/src/components/failure/error-message.scss

@@ -1,8 +0,0 @@
-.event-error-message {
-  display: flex;
-  text-align: left;
-
-  & > span {
-    color: #f44336;
-  }
-}

data/frontend/src/components/failure/event.scss

@@ -1,3 +0,0 @@
-.event {
-  cursor: pointer;
-}

data/frontend/src/components/failure/loading.js

@@ -1,16 +0,0 @@
-import React, { Component, PropTypes } from 'react'
-import CircularProgress from 'material-ui/CircularProgress'
-
-export default class extends Component {
-  static get propTypes () {
-    return {
-      visible: PropTypes.bool.isRequired
-    }
-  }
-
-  render () {
-    return this.props.visible
-      ? <CircularProgress />
-      : null
-  }
-}

data/frontend/src/components/failure/style.js

@@ -1,16 +0,0 @@
-export default {
-  card: {
-    width: '490px',
-    overflow: 'hidden',
-    backgroundColor: '#fff'
-  },
-  cardHeader: {
-    title: {color: '#000', fontWeight: 'lighter'},
-    subtitle: {color: '#000'}
-  },
-  cardTitle: {
-    color: '#000',
-    fontSize: '38px',
-    fontWeight: 'lighter'
-  }
-}