Merge branch 'AD-290-coa-buttons-and-usage-esp-verify' of github.com:ascribe/onion into AD-290-coa-buttons-and-usage-esp-verify

README.md

@@ -31,6 +31,7 @@ Additionally, to work on the white labeling functionality, you need to edit your
 127.0.0.1   sluice.localhost.com
 127.0.0.1   lumenus.localhost.com
 127.0.0.1   portfolioreview.localhost.com
+127.0.0.1   23vivi.localhost.com
 ```
 
 

fonts/ascribe-font.svg

@@ -3,7 +3,7 @@
 <svg xmlns="http://www.w3.org/2000/svg">
 <metadata>Generated by IcoMoon</metadata>
 <defs>
-<font id="icomoon" horiz-adv-x="1024">
+<font id="ascribe-font" horiz-adv-x="1024">
 <font-face units-per-em="1024" ascent="960" descent="-64" />
 <missing-glyph horiz-adv-x="1024" />
 <glyph unicode="&#x20;" horiz-adv-x="512" d="" />
@@ -12,9 +12,10 @@
 <glyph unicode="&#xe802;" glyph-name="search" d="M1021.1-36.711l-305.914 305.583c67.615 73.406 108.95 171.391 108.95 279.060 0 227.579-184.49 412.068-412.068 412.068s-412.068-184.489-412.068-412.068c0-227.578 184.489-412.068 412.068-412.068 107.625 0 205.576 41.3 278.972 108.866l305.927-305.597 24.133 24.156zM412.068 169.997c-208.394 0-377.935 169.541-377.935 377.935s169.541 377.935 377.935 377.935 377.935-169.54 377.935-377.935c0-208.394-169.541-377.935-377.935-377.935z" />
 <glyph unicode="&#xe803;" glyph-name="filter" d="M0 960l384.89-534.756 8.722-489.244 184.119 174.521 0.324 314.724 445.947 534.756h-1024zM551.839 447.106c-5.109-6.126-7.91-13.849-7.919-21.826l-0.308-300.068-117.253-111.141-7.341 411.782c-0.124 6.948-2.365 13.692-6.424 19.331l-345.97 480.683h884.467l-399.251-478.761z" />
 <glyph unicode="&#xe804;" glyph-name="add-white" d="M510.103 923.822c263.415 0 477.719-214.304 477.719-477.719s-214.303-477.718-477.719-477.718c-263.415 0-477.718 214.304-477.718 477.718s214.303 477.719 477.718 477.719zM510.103 957.955c-282.688 0-511.851-229.164-511.851-511.852s229.163-511.851 511.851-511.851 511.852 229.164 511.852 511.851-229.164 511.852-511.852 511.852v0zM796.444 459.378h-273.067v273.067h-34.133v-273.067h-261.689v-34.133h261.689v-261.689h34.133v261.689h273.067z" />
-<glyph unicode="&#xe805;" glyph-name="uniE805" d="M512.148 959.852c-282.688 0-511.851-229.164-511.851-511.852s229.164-511.851 511.851-511.851 511.852 229.163 511.852 511.851-229.164 511.852-511.852 511.852z" />
+<glyph unicode="&#xe805;" glyph-name="add-blue" d="M512.148 959.852c-282.688 0-511.851-229.164-511.851-511.852s229.164-511.851 511.851-511.851 511.852 229.163 511.852 511.851-229.164 511.852-511.852 511.852z" />
-<glyph unicode="&#xe806;" glyph-name="uniE806" d="M796.444 459.378h-273.067v273.067h-34.133v-273.067h-261.689v-34.133h261.689v-261.689h34.133v261.689h273.067z" />
+<glyph unicode="&#xe806;" glyph-name="add-blue2" d="M796.444 459.378h-273.067v273.067h-34.133v-273.067h-261.689v-34.133h261.689v-261.689h34.133v261.689h273.067z" />
 <glyph unicode="&#xe807;" glyph-name="icon" d="M550.306 782.458h-75.373l-249.184-613.64h90.453l62.951 159.627h262.477l62.974-159.627h95.755l-250.053 613.64zM403.098 400.255l107.305 274.897 107.28-274.897h-214.586zM1024 448c0 286.204-225.796 512-511.999 512s-512.001-225.796-512.001-512c0-286.204 225.797-512 512.001-512s511.999 225.797 511.999 512v0zM962.165 448c0-245.94-204.249-450.164-450.164-450.164-245.941 0-450.161 204.224-450.161 450.164s204.221 450.164 450.161 450.164c245.915 0 450.164-204.224 450.164-450.164v0z" />
 <glyph unicode="&#xe808;" glyph-name="logo" horiz-adv-x="4195" d="M499.718 326.19c0 109.528-24.641 157.448-61.607 198.517-38.336 41.077-95.832 71.191-191.673 71.191-95.832 0-171.135-36.957-212.212-64.34l27.382-52.031c13.695 10.954 88.998 54.764 187.571 54.764 99.943 0 177.978-57.505 177.978-173.876v-34.225l-173.876-6.843c-171.135-6.852-253.281-82.146-253.281-191.673s88.989-191.674 212.212-191.674c123.214 0 191.674 75.294 214.944 102.676v-88.989h72.562v376.503zM427.156 113.978c-30.114-47.92-98.573-116.371-201.258-116.371-102.676 0-154.707 61.607-154.707 130.066 0 68.45 42.448 125.955 175.246 132.798l180.719 10.955v-157.448zM1063.784 123.562c0 120.482-119.12 161.551-198.525 188.933-78.035 27.382-146.494 56.134-146.494 121.853s50.661 101.314 121.853 101.314c71.191 0 115.001-24.641 158.819-72.561l43.809 43.809c-49.291 56.134-106.795 88.989-199.887 88.989-93.1 0-193.044-54.764-193.044-169.765s119.112-156.078 173.876-175.246c54.764-19.168 168.394-47.92 168.394-130.066s-69.821-120.482-149.226-120.482c-79.413 0-142.391 39.707-183.46 99.952l-50.661-41.077c39.707-65.718 113.639-123.215 231.38-123.215s223.166 68.451 223.166 187.562v0zM1679.873 93.44c0 0-68.451-93.1-212.212-93.1-143.753 0-242.326 113.639-242.326 271.087s112.268 260.132 239.594 260.132c125.955 0 180.719-61.616 208.101-93.1l45.18 47.912c-13.687 17.798-82.146 109.528-250.548 109.528-167.024 0-317.628-132.798-317.628-328.583 0-194.406 139.65-331.315 310.785-331.315s236.853 82.146 260.133 109.528l-41.077 47.912zM2142.607 586.323c0 0-27.382 9.576-68.45 9.576-68.459 0-138.28-43.81-161.551-130.058v119.112h-71.2v-635.266h71.2v342.278c0 109.528 34.225 162.921 45.18 177.978 10.946 15.066 47.912 57.505 109.528 57.505 34.225 0 53.394-5.473 68.451-10.955l6.843 69.83zM2353.432 810.851c0 32.855-26.012 58.875-58.867 58.875-32.863 0-58.875-26.020-58.875-58.875s26.011-58.875 58.875-58.875c32.855 0 58.867 26.020 58.867 58.875v0zM2330.161 584.953h-71.191v-635.266h71.191v635.266zM3144.767 267.315c0 188.941-123.223 328.583-312.155 328.583-91.73 0-177.987-36.957-239.594-132.798v431.267h-71.191v-944.68h71.191v120.482c53.394-93.1 141.012-134.169 236.853-134.169 191.673 0 314.896 143.753 314.896 331.315v0zM3069.464 267.315c0-146.494-86.257-266.976-239.594-266.976-154.707 0-239.594 120.482-239.594 266.976 0 147.864 84.887 266.976 239.594 266.976 153.337 0 239.594-119.112 239.594-266.976v0zM3836.158 298.808c0 171.135-120.482 297.090-287.514 297.090-168.402 0-308.044-132.798-308.044-328.583 0-194.406 119.112-331.315 303.933-331.315 184.83 0 264.244 95.833 264.244 95.833l-34.234 50.661c0 0-79.405-82.154-223.158-82.154-143.761 0-228.64 99.952-235.491 250.548h516.154c0 0 4.111 27.382 4.111 47.92v0zM3318.633 312.495c4.111 88.998 68.459 221.796 225.899 221.796 157.449 0 219.065-139.65 219.065-221.796h-444.963zM4027.755 897.194h-26.663l-88.15-217.077h31.998l22.269 56.468h92.852l22.277-56.468h33.874l-88.457 217.077zM3975.68 761.989l37.96 97.245 37.951-97.245h-75.91zM4195.326 778.878c0 101.246-79.876 181.122-181.121 181.122s-181.122-79.876-181.122-181.122c0-101.245 79.876-181.122 181.122-181.122s181.121 79.876 181.121 181.122v0zM4173.452 778.878c0-87.002-72.254-159.247-159.247-159.247-87.002 0-159.246 72.245-159.246 159.247s72.244 159.247 159.246 159.247c86.993 0 159.247-72.245 159.247-159.247v0z" />
 <glyph unicode="&#xe809;" glyph-name="ok" horiz-adv-x="1348" d="M436.706-64l-406.588 399.059 112.941 105.412 293.647-293.647 768 760.471 105.412-105.412z" />
+<glyph unicode="&#xe810;" glyph-name="thin-cross" d="M1018.389 944.57l5.611 5.611-9.819 9.819-502.181-502.181-502.181 502.181-9.819-9.819 502.181-502.181-502.181-502.181 9.819-9.819 502.181 502.181 502.181-502.181 9.819 9.819-502.181 502.181z" />
 </font></defs></svg>

js/components/ascribe_detail/edition.js

@@ -244,7 +244,16 @@ let CoaDetails = React.createClass({
         if(this.props.coa && this.props.coa.url_safe) {
             return (
                 <div>
-                    <p className="text-center ascribe-button-list">
+                    <div
+                        className="notification-contract-pdf"
+                        style={{paddingBottom: '1em'}}>
+                        <embed
+                            className="embed-form"
+                            src={this.props.coa.url_safe}
+                            alt="pdf"
+                            pluginspage="http://www.adobe.com/products/acrobat/readstep2.html"/>
+                    </div>
+                    <div className="text-center ascribe-button-list">
                         <a href={this.props.coa.url_safe} target="_blank">
                             <button className="btn btn-default btn-xs">
                                 {getLangText('Download')} <Glyphicon glyph="cloud-download"/>
@@ -256,7 +265,7 @@ let CoaDetails = React.createClass({
                             </button>
                         </Link>
 
-                    </p>
+                    </div>
                 </div>
             );
         } else if(typeof this.props.coa === 'string'){
@@ -268,7 +277,7 @@ let CoaDetails = React.createClass({
         }
         return (
             <div className="text-center">
-                <AscribeSpinner color='dark-blue' size='lg'/>
+                <AscribeSpinner color='dark-blue' size='md'/>
                 <p>{getLangText("Just a sec, we\'re generating your COA")}</p>
                 <p>{getLangText('(you may leave the page)')}</p>
             </div>

js/components/ascribe_detail/edition_container.js

@@ -87,16 +87,16 @@ let EditionContainer = React.createClass({
     },
 
     render() {
-        if (this.state.edition && this.state.edition.id &&
+        const {edition, currentUser, coaMeta} = this.state;
-            this.state.currentUser && this.state.currentUser.email) {
+        if (edition && edition.id && currentUser && currentUser.email) {
-            setDocumentTitle([this.state.edition.artist_name, this.state.edition.title].join(', '));
+            setDocumentTitle([edition.artist_name, edition.title].join(', '));
             return (
                 <Edition
                     actionPanelButtonListType={this.props.actionPanelButtonListType}
                     furtherDetailsType={this.props.furtherDetailsType}
-                    edition={this.state.edition}
+                    edition={edition}
-                    coaError={this.state.coaMeta.err}
+                    coaError={coaMeta.err}
-                    currentUser={this.state.currentUser}
+                    currentUser={currentUser}
                     loadEdition={() => EditionActions.fetchEdition(this.props.params.editionId)} />
             );
         } else {

js/components/coa_verify_container.js

@@ -17,9 +17,13 @@ import { setDocumentTitle } from '../utils/dom_utils';
 
 
 let CoaVerifyContainer = React.createClass({
+
+    propTypes: {
+        location: React.PropTypes.object
+    },
+
     render() {
         setDocumentTitle(getLangText('Verify your Certificate of Authenticity'));
-
         return (
             <div className="ascribe-login-wrapper">
                 <br/>
@@ -27,7 +31,7 @@ let CoaVerifyContainer = React.createClass({
                     {getLangText('Verify your Certificate of Authenticity')}
                 </div>
 
-                <CoaVerifyForm />
+                <CoaVerifyForm location={this.props.location}/>
                 <br />
                 <br />
                     {getLangText('ascribe is using the following public key for verification')}:
@@ -47,6 +51,10 @@ let CoaVerifyContainer = React.createClass({
 
 
 let CoaVerifyForm = React.createClass({
+    propTypes: {
+        location: React.PropTypes.object
+    },
+
     handleSuccess(response){
         let notification = null;
         if (response.verdict) {
@@ -56,6 +64,7 @@ let CoaVerifyForm = React.createClass({
     },
 
     render() {
+        const {message, signature} = this.props.location.query;
         return (
             <div>
                 <Form
@@ -79,6 +88,7 @@ let CoaVerifyForm = React.createClass({
                             type="text"
                             placeholder={getLangText('Copy paste the message on the bottom of your Certificate of Authenticity')}
                             autoComplete="on"
+                            defaultValue={message}
                             name="username"
                             required/>
                     </Property>
@@ -90,6 +100,7 @@ let CoaVerifyForm = React.createClass({
                         <InputTextAreaToggable
                             rows={3}
                             placeholder={getLangText('Copy paste the signature on the bottom of your Certificate of Authenticity')}
+                            defaultValue={signature}
                             required/>
                     </Property>
                     <hr />

js/components/footer.js

@@ -11,6 +11,7 @@ let Footer = React.createClass({
                 <p className="ascribe-sub-sub-statement">
                   <br />
                   <a href="http://docs.ascribe.apiary.io/" target="_blank">api</a> |
+                  <a href="https://www.ascribe.io/faq/" target="_blank"> {getLangText('faq')}</a> |
                   <a href="https://www.ascribe.io/imprint/" target="_blank"> {getLangText('imprint')}</a> |
                   <a href="https://www.ascribe.io/terms/" target="_blank"> {getLangText('terms of service')}</a> |
                   <a href="https://www.ascribe.io/privacy/" target="_blank"> {getLangText('privacy')}</a>

js/components/whitelabel/prize/portfolioreview/components/pr_register_piece.js

@@ -63,6 +63,11 @@ const PRRegisterPiece = React.createClass({
                     <div className="register-piece--info">
                         <h1>Portfolio Review</h1>
                         <h2>{getLangText('Submission closing on %s', ' 22 Dec 2015')}</h2>
+                        <p>For more information, visit:&nbsp;
+                            <a href="http://www.portfolio-review.de/submission/" target="_blank">
+                                portfolio-review.de
+                            </a>
+                        </p>
                         <p style={{marginTop: '1em'}}>
                             {getLangText("You're submitting as %s. ", currentUser.email)}
                             <Link to="/logout">{getLangText('Change account?')}</Link>

js/components/whitelabel/wallet/components/23vivi/23vivi_landing.js

@@ -18,7 +18,7 @@ let Vivi23Landing = React.createClass({
     },
 
     componentWillMount() {
-        setDocumentTitle('23vivi Marketplace');
+        setDocumentTitle('23VIVI Marketplace');
     },
 
     componentDidMount() {
@@ -42,7 +42,7 @@ let Vivi23Landing = React.createClass({
                         <div className="row vivi23-landing--header">
                             <img className="vivi23-landing--header-logo" src={this.state.whitelabel.logo} />
                             <div>
-                                {getLangText('Artwork from the 23vivi Marketplace is powered by') + ' '}
+                                {getLangText('Artwork from the 23VIVI Marketplace is powered by') + ' '}
                                 <span className="icon-ascribe-logo" />
                             </div>
                         </div>

js/constants/application_constants.js

@@ -60,7 +60,7 @@ const constants = {
         },
         {
             'subdomain': '23vivi',
-            'name': '23vivi',
+            'name': '23VIVI',
             'logo': 'https://s3-us-west-2.amazonaws.com/ascribe0/whitelabel/23vivi/23vivi-logo.png',
             'permissions': ['register', 'edit', 'share', 'del_from_collection'],
             'type': 'wallet'

js/utils/requests.js

@@ -37,7 +37,7 @@ class Requests {
                             reject(error);
                         } else if(body && body.detail) {
                             reject(new Error(body.detail));
-                        } else if(!body.success) {
+                        } else if('success' in body && !body.success) {
                             let error = new Error('Client Request Error');
                             error.json = {
                                 status: response.status,

sass/ascribe-fonts/ascribe-fonts.scss

@@ -4,7 +4,7 @@
     its fairly straight forward.
 
     If someone wants you to add a new glyph go to the site,
-    drop in the regular ascribe-logo font and select all icons.
+    drop in the regular ascribe-font font and select all icons.
     Then also add the new glyph, name and address it correctly and download
     the font again.
 
@@ -13,17 +13,18 @@
 
 @font-face {
     font-family: 'ascribe-font';
-    src:url('#{$BASE_URL}static/fonts/ascribe-logo.eot?q6qoae');
+    src:url('#{$BASE_URL}static/fonts/ascribe-font.eot?q6qoae');
-    src:url('#{$BASE_URL}static/fonts/ascribe-logo.eot?q6qoae#iefix') format('embedded-opentype'),
+    src:url('#{$BASE_URL}static/fonts/ascribe-font.eot?q6qoae#iefix') format('embedded-opentype'),
-      url('#{$BASE_URL}static/fonts/ascribe-logo.ttf?q6qoae') format('truetype'),
+      url('#{$BASE_URL}static/fonts/ascribe-font.ttf?q6qoae') format('truetype'),
-      url('#{$BASE_URL}static/fonts/ascribe-logo.woff?q6qoae') format('woff'),
+      url('#{$BASE_URL}static/fonts/ascribe-font.woff?q6qoae') format('woff'),
-      url('#{$BASE_URL}static/fonts/ascribe-logo.svg?q6qoae#ascribe-logo') format('svg');
+      url('#{$BASE_URL}static/fonts/ascribe-font.svg?q6qoae#ascribe-font') format('svg');
     font-weight: normal;
     font-style: normal;
 }
 
 [class^="icon-ascribe-"], [class*=" icon-ascribe-"] {
-    font-family: 'ascribe-font';
+    /* use !important to prevent issues with browser extensions that change fonts */
+    font-family: 'ascribe-font' !important;
     speak: none;
     font-style: normal;
     font-weight: normal;
@@ -66,13 +67,15 @@
 .icon-ascribe-logo:before {
     content: "\e808";
 }
-
 .icon-ascribe-ok:before {
     content: "\e809";
     font-size: .7em;
 }
+.icon-ascribe-thin-cross:before {
+    content: "\e810";
+}
 
 .btn-glyph-ascribe {
     font-size: 18px;
     padding: 4px 12px 0 10px
-}
+}

sass/ascribe_spinner.scss

@@ -114,17 +114,20 @@ $ascribe--spinner-size-sm: 15px;
 }
 .spinner-wrapper-lg .spinner-inner {
     font-size: $ascribe--spinner-size-lg;
-    top: -64px;
+    line-height: $ascribe--spinner-size-lg;
+    top: -50px;
 }
 
 .spinner-wrapper-md .spinner-inner {
     font-size: $ascribe--spinner-size-md;
-    top: -38px;
+    line-height: $ascribe--spinner-size-md;
+    top: -30px;
 }
 
 .spinner-wrapper-sm .spinner-inner {
     font-size: $ascribe--spinner-size-sm;
-    top: -19px;
+    line-height: $ascribe--spinner-size-sm;
+    top: -15px;
 }
 
 @-webkit-keyframes spin {