automock 0.0.4 → 0.0.5

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 4078a9648eee2d574180ce41d2ba6bff01b80a17
-  data.tar.gz: adbf761b3388fe690731c5455004959eabb53cb8
+  metadata.gz: ad019453cd437e171e90bb3aa46b0534e0b8ebfb
+  data.tar.gz: 7ba73e33adf4b48b147b9f9bb20f43bcf36c4630
 SHA512:
-  metadata.gz: 5325c92d9ae0729e0939b0ac797ff1ece8f40f4a25fe1d55baa91174ba026f1d8a85bdebe9db6330c32de5a806cc1949de865e64e9683b877e72443ce6c172d4
-  data.tar.gz: b4d2349f2a472032c999ad008964058b1ded7ffc7aa7e148f1037bd9a7233bfc5326cee64b230c210fe80203dcab9ae9c7c37a9cc9bba5bbb8696b9eac57c951
+  metadata.gz: aa4345c15d65c374dbf57e1e62416e73d43a1655178f0020a5db45ebb77916ca2a0b75f3bf151e2b317c0e5e50ab426e8047e2fef6a5838ecfaa668f271c4691
+  data.tar.gz: 2905bc703d27b84b63a59317e88d42c24f564d574677759b48b303b147e18238a6e116e68700c319df4a99e2ba32ec48550dfaa79b3c3432a3790cbe4cae6a30

data/README.md

@@ -73,7 +73,7 @@ You can manage mocking data, on or off, by mocking response management server.
 By default, mocking management server use 8000 port.
 So you can access it.
 
-![management_server_screenshot](https://cloud.githubusercontent.com/assets/4954534/12217110/4babb652-b739-11e5-86bb-fe417f3f6754.png)
+![management_server_screenshot](https://cloud.githubusercontent.com/assets/4954534/12269897/eb2235ee-b996-11e5-94b9-aa59c565bb97.png)
 
 Selected mocking data is used by proxy.  
 Unselected api is passed through normally.

data/lib/automock/version.rb

@@ -1,3 +1,3 @@
 module Automock
-  VERSION = "0.0.4"
+  VERSION = "0.0.5"
 end

data/server/src/assets/javascripts/components/file_list.react.js

@@ -1,21 +1,30 @@
 import React from 'react';
 
 export default class FileList extends React.Component {
-  handleSelect(e) {
-    const selectedFile = this.props.files.filter((file) => file.name === e.target.value)[0];
-    this.props.onChange(selectedFile);
+  handleSelect(file) {
+    this.props.onChange(file);
   }
   render() {
-    const options = this.props.files.map((file) =>
-      <option value={file.name} key={file.name}>{file.name}</option>
-    );
+    const options = this.props.files.map((file) => {
+      let className = 'item';
+      if (file === this.props.viewingFile) {
+        className += ' active';
+      }
+      return (
+        <div
+          className={className}
+          onClick={this.handleSelect.bind(this, file)}
+          key={file.name}
+        >
+          {file.name}
+        </div>
+      );
+    });
     return(
       <div className="file-list col-xs-5">
-        <div className="title">{this.props.title}</div>
-        <div>
-          <select size="10" onChange={this.handleSelect.bind(this)}>
-            {options}
-          </select>
+        <h5>{this.props.title}</h5>
+        <div className="file-select-box">
+          {options}
         </div>
       </div>
     );

data/server/src/assets/javascripts/components/json_viewer.react.js

@@ -13,6 +13,7 @@ export default class JsonViewer extends React.Component {
     delete distJson.id; // don't show id
     return distJson;
   }
+
   render(){
     const json = this.parseJson();
 
@@ -22,7 +23,7 @@ export default class JsonViewer extends React.Component {
     }
 
     return (
-      <div>{ jsonTree }</div>
+      <div className="col-xs-12">{ jsonTree }</div>
     );
   }
 }

data/server/src/assets/javascripts/components/selectable_lists.react.js

@@ -36,6 +36,7 @@ export default class SelectableLists extends React.Component {
             title={"not selected files"}
             files={unselectedFiles}
             onChange={this.handleSelectFromNotSelectedFiles.bind(this)}
+            viewingFile={this.state.viewingFile}
           />
           <SelectButtons
             onClickSelectButton={this.props.onCreateSelectedFile}
@@ -46,9 +47,12 @@ export default class SelectableLists extends React.Component {
             title={"selected files"}
             files={selectedFiles}
             onChange={this.handleSelectFromSelectedFiles.bind(this)}
+            viewingFile={this.state.viewingFile}
           />
         </div>
-        <JsonViewer dataSource={this.state.viewingFile}/>
+        <div className="row">
+          <JsonViewer dataSource={this.state.viewingFile}/>
+        </div>
       </div>
     );
   }

data/server/src/assets/stylesheets/components/_file_list.scss

@@ -1,10 +1,30 @@
+.selectable-lists {
+  height: 300px;
+}
 .file-list {
-  margin-bottom: 20px;
-  select { width: 100%; }
-  .title {
-    background-color: gray;
-    color: white;
-    padding: 6px;
-    text-align: center;
+  margin-bottom: 8px;
+  height: 100%;
+  .file-select-box {
+    border: grey solid 1px;
+    height: 260px;
+    overflow-y: auto;
+    overflow-x: hidden;
+  }
+  .item {
+    color: #555;
+    display: block;
+    padding: 10px 15px;
+    margin-bottom: -1px;
+    background-color: #fff;
+    border: 1px solid #ddd;
+    cursor: pointer;
+    &:hover {
+      background-color: #f5f5f5;
+    }
+  }
+  .item.active {
+    color: #fff;
+    background-color: #337ab7;
+    border-color: #337ab7;
   }
 }

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: automock
 version: !ruby/object:Gem::Version
-  version: 0.0.4
+  version: 0.0.5
 platform: ruby
 authors:
 - joe-re
 autorequire: 
 bindir: exe
 cert_chain: []
-date: 2016-01-09 00:00:00.000000000 Z
+date: 2016-01-12 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rspec
@@ -176,7 +176,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
 requirements: []
 rubyforge_project: 
-rubygems_version: 2.4.5.1
+rubygems_version: 2.2.5
 signing_key: 
 specification_version: 4
 summary: Auto-generate mock_data of JSON API response from your request-specs.