From aa3c188509f5a163fa46635f691e422de5cf69dc Mon Sep 17 00:00:00 2001
From: Cevo <cevahir@ascribe.io>
Date: Wed, 2 Sep 2015 14:02:23 +0200
Subject: [PATCH] contract list add

---
 js/components/ascribe_detail/edition.js       |  1 -
 .../ascribe_detail/edition_container.js       |  3 ++
 .../ascribe_settings/contract_settings.js     | 31 +++++++++++++++++--
 3 files changed, 31 insertions(+), 4 deletions(-)

diff --git a/js/components/ascribe_detail/edition.js b/js/components/ascribe_detail/edition.js
index 696e5057..49175851 100644
--- a/js/components/ascribe_detail/edition.js
+++ b/js/components/ascribe_detail/edition.js
@@ -305,7 +305,6 @@ let EditionSummary = React.createClass({
                 <hr/>
             </div>
         );
-
     }
 });
 
diff --git a/js/components/ascribe_detail/edition_container.js b/js/components/ascribe_detail/edition_container.js
index 15086434..3be63974 100644
--- a/js/components/ascribe_detail/edition_container.js
+++ b/js/components/ascribe_detail/edition_container.js
@@ -9,6 +9,8 @@ import Edition from './edition';
 
 import AppConstants from '../../constants/application_constants';
 
+
+
 /**
  * This is the component that implements resource/data specific functionality
  */
@@ -50,6 +52,7 @@ let EditionContainer = React.createClass({
     },
 
     render() {
+        console.log(this.state);
         if('title' in this.state.edition) {
             return (
                 <Edition
diff --git a/js/components/ascribe_settings/contract_settings.js b/js/components/ascribe_settings/contract_settings.js
index b98e9fe0..8f11cafd 100644
--- a/js/components/ascribe_settings/contract_settings.js
+++ b/js/components/ascribe_settings/contract_settings.js
@@ -5,14 +5,28 @@ import React from 'react';
 import CollapsibleParagraph from '../ascribe_collapsible/collapsible_paragraph';
 import CreateContractForm from '../ascribe_forms/form_create_contract';
 
-import { getLangText } from '../../utils/lang_utils';
+import ContractListStore from '../../stores/contract_list_store';
+import ContractListActions from '../../actions/contract_list_actions';
 
+import { getLangText } from '../../utils/lang_utils';
 
 let ContractSettings = React.createClass({
     propTypes: {
         defaultExpanded: React.PropTypes.bool
     },
-
+    getInitialState(){
+        return ContractListStore.getState();
+    },
+    componentDidMount() {
+        ContractListStore.listen(this.onChange);
+        ContractListActions.fetchContractList();
+    },
+    componentWillUnmount() {
+        ContractListStore.unlisten(this.onChange);
+    },
+    onChange(state) {
+        this.setState(state);
+    },
     render() {
         return (
             <CollapsibleParagraph
@@ -20,7 +34,18 @@ let ContractSettings = React.createClass({
                 show={true}
                 defaultExpanded={true}>
                 {/* this should be this.props.defaultExpanded */}
-                <CreateContractForm />
+                <CollapsibleParagraph
+                    title={getLangText('List Contracts')}
+                    show={true}
+                    defaultExpanded={true}>
+                    {this.state.contractList}
+                </CollapsibleParagraph>
+                <CollapsibleParagraph
+                    title={getLangText('Create Contract')}
+                    show={true}
+                    defaultExpanded={true}>
+                    <CreateContractForm />
+                </CollapsibleParagraph>
             </CollapsibleParagraph>
         );
     }