add products and fix readme

Author: lisong

LICENSE

@@ -0,0 +1,22 @@
+(The MIT License)
+
+Copyright (c) 2016-present tablee <[email protected]>
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+'Software'), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED 'AS IS', WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
+IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY
+CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,
+TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
+SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

LICENSE.txt

@@ -1 +1,37 @@
-## CodePush Web
+# CodePush Web [source](https://github.com/lisong/code-push-web)
+
+CodePush Web is a [CodePush Server](https://github.com/lisong/code-push-server)'s web client. it's will more friendly then [code-push-cli](https://github.com/Microsoft/code-push)
+
+## INSTALL
+
+```shell
+$ cd /path/to/code-push-web
+$ npm install
+```
+
+## CONFIGURE
+
+``` shell
+$ vim ./src/config #change URL to production
+```
+
+## RUN DEV
+
+```shell
+$ npm start
+```
+
+## BUILD AND RUN IN PRODUCTION
+
+```shell
+$ cd /path/to/code-push-web
+$ npm run build -- --release
+$ cd ./build
+$ npm install
+$ node ./server.js
+```
+
+## BASE ON [React Starter Kit](https://github.com/kriasoft/react-starter-kit)
+
+## License
+MIT License [read](https://github.com/lisong/code-push-web/blob/master/LICENSE)

README.md

@@ -30,3 +30,9 @@ export const GO_BACK_HISTORY = 'GO_BACK_HISTORY';
 export const SHOW_HOME = 'SHOW_HOME';
 export const SHOW_LOGIN = 'SHOW_LOGIN';
 /*========= end routesActions   ===========*/
+
+/*========= begin productsActions ===========*/
+export const REQUEST_PRODUCTS = 'REQUEST_PRODUCTS';
+export const RECEIVE_PRODUCTS = 'RECEIVE_PRODUCTS';
+
+/*========= end productsActions   ===========*/

src/actions/actionTypes.js

@@ -0,0 +1,27 @@
+import _ from 'lodash';
+
+import * as types from './actionTypes';
+import restApi from '../network/RestApi';
+
+export function requestProducts() {
+  return {
+    type: types.REQUEST_PRODUCTS,
+  }
+}
+
+export function receiveProducts(data) {
+  return {
+    type: types.RECEIVE_PRODUCTS,
+    payload: data
+  }
+}
+
+export function getProducts() {
+  return (dispatch) => {
+    dispatch(requestProducts());
+    return restApi.getProducts()
+    .then(data => {
+      dispatch(receiveProducts(data));
+    });
+  };
+}

src/actions/productsActions.js

@@ -35,3 +35,15 @@ th,td {
 th {
   background-color: #EEEFFF;
 }
+
+li {
+  list-style: none;
+}
+
+.permission {
+  padding-right: 10px;
+}
+
+.permission em {
+  color: green;
+}

src/components/ProductList/ProductList.css

@@ -5,6 +5,16 @@ import s from './ProductList.css';
 import _ from 'lodash';
 
 class ProductList extends Component {
+  static propTypes = {
+    isFetching: PropTypes.bool,
+    rs: PropTypes.array,
+  };
+
+  static defaultProps = {
+    isFetching: true,
+    rs: [],
+  };
+
   constructor() {
     super();
     this.renderRow = this.renderRow.bind(this);
@@ -13,11 +23,17 @@ class ProductList extends Component {
   renderRow(rowData, index) {
     return (
       <tr key={index}>
-        <td>111</td>
-        <td>111</td>
-        <td>111</td>
-        <td>1111</td>
-        <td>111</td>
+        <td>{_.get(rowData, 'name')}</td>
+        <td>
+          <ul>
+          {
+            _.map(_.get(rowData, 'collaborators'), function (item, email) {
+              return <li><span className={s.permission}>(<em>{_.get(item, 'permission')}</em>)</span>{email}</li>
+            })
+          }
+          </ul>
+        </td>
+        <td></td>
       </tr>
     );
   }
@@ -33,19 +49,17 @@ class ProductList extends Component {
             <tbody>
               <tr>
                 <th>产品名</th>
-                <th>拥有者</th>
-                <th>类型</th>
-                <th>创建时间</th>
+                <th>成员</th>
                 <th>操作</th>
               </tr>
                {
-                 [1,2].length > 0 ?
-                 _.map([1,2,2], function (item, index) {
+                 this.props.rs.length > 0 ?
+                 _.map(this.props.rs, function (item, index) {
                    return self.renderRow(item, index);
                  })
                  :
                  <tr>
-                  <td colSpan="5" >{tipText}</td>
+                  <td colSpan="3" >{tipText}</td>
                  </tr>
                }
             </tbody>

src/components/ProductList/ProductList.js

@@ -13,7 +13,7 @@ export const analytics = {
 
 export const common = {
   api: {
-    URL: `http://localhost:3000`,
-    devURL: `http://localhost:3000`
+    URL: `http://localhost:3000`, //production code-push-server address
+    devURL: `http://localhost:3000` //development code-push-server address
   }
 };

src/config.js

@@ -22,19 +22,25 @@ class ProductListContainer extends Component {
     }
   }
   render() {
-    const {html, actions } = this.props;
+    const {products, actions } = this.props;
     return (
       <div>
         <HeaderContainer/>
-        <ProductList/>
+        <ProductList
+          isFetching={_.get(products, 'isFetching')}
+          rs={_.get(products, 'rs')}
+        />
         <Footer/>
       </div>
     );
   }
 }
 
 function mapStateToProps(state, ownProps) {
-  return {'auth': _.get(state, 'auth', {})};
+  return {
+    'auth': _.get(state, 'auth', {}),
+    'products': _.get(state, 'products', {})
+  };
 }
 
 function mapDispatchToProps(dispatch, ownProps) {

src/containers/ProductListContainer.js

@@ -27,6 +27,10 @@ class RestApi {
     this.aQQGuid = aQQGuid;
   }
 
+  getProducts() {
+    return this.get('/apps');
+  }
+
   login(account, password) {
     return this.post('/auth/login', {account: account, password: password, minutes:43200});
   }
@@ -65,7 +69,6 @@ class RestApi {
           console.log(response.url);
           console.log(text);
         }
-        console.log(text);
         return JSON.parse(text);
       } catch (e) {
         if (__DEV__) {