Make loader for wp version enabled (saving) #156874246804752

Author: pavelthq

.gitignore

@@ -51,3 +51,6 @@ public/dist/
 .env
 composer.lock
 test-coverage.xml
+
+cache/*
+!cache/.gitkeep

cache/autoload-1.0.0-dev-2.php

@@ -73,7 +73,7 @@ export default class Control extends React.Component {
 
   render () {
     let value = this.props.value
-    return React.createElement(value.icon, { value: value })
+    return React.createElement(value.icon, { value: value, api: this.props.api })
   }
 }
 Control.propTypes = {

public/editor/modules/ui/navbar/lib/control.js

@@ -18,6 +18,3 @@ vcCake.add('ui-save-data', function (api) {
   })
 })
 require('./lib/navbar-save-button')
-
-// require('./lib/navbar-dropdown-control')
-

public/editor/modules/ui/save-data/lib/navbar-dropdown-control.js

@@ -0,0 +1,107 @@
+var vcCake = require('vc-cake')
+var React = require('react')
+var classNames = require('classnames')
+require('../../../../../sources/less/ui/loader/init.less')
+
+class WordPressPostSaveControl extends React.Component {
+  constructor (props) {
+    super(props)
+    this.state = {
+      saving: false
+    }
+  }
+
+  clickSaveData () {
+    this.setState({ 'saving': true })
+    setTimeout((() => {
+        this.setState({ 'saving': false })
+        this.setState({ 'saved': true })
+      }).bind(this), 500
+    )
+    setTimeout((() => {
+        this.setState({ 'saved': false })
+      }).bind(this), 5000
+    )
+    this.props.api.notify('save')
+  }
+
+  render () {
+    var saveButtonClasses = classNames({
+      'vcv-ui-navbar-control': true,
+      'vcv-ui-state--success': this.state.saved
+    })
+    var saveIconClasses = classNames({
+      'vcv-ui-navbar-control-icon': true,
+      'vcv-ui-wp-spinner': this.state.saving,
+      'vcv-ui-icon': !this.state.saving,
+      'vcv-ui-icon-save': !this.state.saving
+    })
+    return (
+      <div className="vcv-ui-navbar-controls-group vcv-ui-pull-end">
+        <a className={saveButtonClasses} title="Save" onClick={this.clickSaveData.bind(this)}><span
+          className="vcv-ui-navbar-control-content">
+          <i className={saveIconClasses}></i><span>Save</span>
+        </span></a>
+      </div>
+    )
+  }
+}
+
+class WordPressAdminControl extends React.Component {
+  constructor (props) {
+    super(props)
+    this.state = window.vcvPostData
+  }
+
+  render () {
+    var saveDraftButton = ''
+    if (
+      this.state.status !== 'publish' &&
+      this.state.status !== 'future' &&
+      this.state.status !== 'pending' &&
+      this.state.status !== 'private'
+    ) {
+      saveDraftButton = (
+        <a className="vcv-ui-navbar-control" href={this.state.permalink} title="Save Draft"><span
+          className="vcv-ui-navbar-control-content">Save Draft</span></a>
+      )
+    }
+
+    var viewButton = ''
+    if (this.state.status === 'publish') {
+      viewButton = (
+        <a className="vcv-ui-navbar-control" href={this.state.permalink} title="View Page"><span
+          className="vcv-ui-navbar-control-content">View Page</span></a>
+      )
+    }
+    var previewText = this.state.status === 'publish' ? 'Preview Changes' : 'Preview'
+    var previewButton = (
+      <a className="vcv-ui-navbar-control" href={this.state.previewUrl} title={previewText}><span
+        className="vcv-ui-navbar-control-content">{previewText}</span></a>
+    )
+
+    return (
+      <div>
+        {saveDraftButton}
+        {previewButton}
+        {viewButton}
+      </div>
+    )
+  }
+}
+
+vcCake.add('ui-wordpress-navbar-wp-admin',
+  (api) => {
+    api.module('ui-navbar').do('addElement', 'Wordpress Post Save Button', <WordPressPostSaveControl api={api} />,
+      {
+        pin: 'visible'
+      }
+    )
+    api.module('ui-navbar').do('addElement', 'Wordpress Admin Controls', WordPressAdminControl,
+      {
+        pin: 'hidden'
+      }
+    )
+  }
+)
+