10 |
11 |
18 | )
19 |
20 | export default PageListItem
21 |
--------------------------------------------------------------------------------
/src/admin/client/modules/products/edit/attributes/components/style.css:
--------------------------------------------------------------------------------
1 | .button {
2 | margin-left: 12px;
3 | }
4 |
5 | .innerBox {
6 | padding: 30px;
7 | }
8 |
9 | .childrenBox {
10 | padding: 0 30px 30px 30px;
11 | }
12 |
13 | .error {
14 | color: rgb(244, 67, 54);
15 | }
16 |
17 | .head {
18 | background-color: rgba(0, 0, 0, 0.05);
19 | color: #a1a1a1;
20 | padding: 18px 0 18px 30px !important;
21 | }
22 |
23 | .input {
24 | width: 100%;
25 | margin: 0;
26 | padding: 0;
27 | border: none;
28 | outline: none;
29 | background-color: transparent;
30 | font-size: 15px;
31 | height: 60px;
32 | text-indent: 30px;
33 | }
34 |
35 | .input:hover,
36 | .input:focus {
37 | background-color: rgba(0, 0, 0, 0.05);
38 | }
39 |
--------------------------------------------------------------------------------
/src/admin/client/modules/products/edit/attributes/index.js:
--------------------------------------------------------------------------------
1 | import { connect } from 'react-redux'
2 | import { withRouter } from 'react-router'
3 | import { updateProduct } from '../../actions'
4 | import ProductAttributesForm from './components/form'
5 |
6 | const mapStateToProps = (state, ownProps) => {
7 | return {
8 | initialValues: state.products.editProduct
9 | }
10 | }
11 |
12 | const mapDispatchToProps = (dispatch, ownProps) => {
13 | return {
14 | onSubmit: (values) => {
15 | dispatch(updateProduct({
16 | id: values.id,
17 | attributes: values.attributes
18 | }));
19 | }
20 | }
21 | }
22 |
23 | export default withRouter(connect(mapStateToProps, mapDispatchToProps)(ProductAttributesForm));
24 |
--------------------------------------------------------------------------------
/theme/src/containers/shared.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import { themeSettings, text } from '../lib/settings'
3 | import Header from '../components/header'
4 | import Footer from '../components/footer'
5 | const Fragment = React.Fragment;
6 |
7 | const SharedContainer = (props) => {
8 | const {currentPage, settings} = props.state;
9 | let hideFooter = (currentPage.path === '/checkout-success' || currentPage.path === '/checkout') && themeSettings.hide_footer_on_checkout === true;
10 |
11 | return (
12 | {page.meta_title}
11 |
12 | {formatDate(new Date(page.date_created))}
13 |
14 |
15 | {page.meta_description}
16 |
17 |
12 | 
13 |
14 |
15 | { onDelete(id) }}>
16 | delete
17 |
18 |
19 |
19 |
21 |
17 |
24 |
15 |
24 | )
25 | }
26 |
27 | export default AppDetails;
28 |
--------------------------------------------------------------------------------
/theme/src/components/pageList/index.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import api from '../../lib/api'
3 | import PageList from './list'
4 |
5 | export default class CustomPageList extends React.Component {
6 | constructor(props) {
7 | super(props);
8 | this.state = {
9 | pages: []
10 | }
11 | }
12 |
13 | componentDidMount() {
14 | this.fetchData(this.props);
15 | }
16 |
17 | componentWillReceiveProps(nextProps) {
18 | this.fetchData(nextProps);
19 | }
20 |
21 | fetchData = ({ tags, sort }) => {
22 | const filter = {
23 | tags: tags,
24 | sort: sort
25 | };
26 |
27 | api.ajax.pages.list(filter).then(({status, json}) => {
28 | this.setState({
29 | pages: json
30 | })
31 | });
32 | }
33 |
34 | render() {
35 | const { pages } = this.state;
36 | return (
37 |
17 |
18 |
22 |
23 |
19 |
21 |
7 |
19 | )
20 | }
21 |
22 | export default Sort
23 |
--------------------------------------------------------------------------------
/src/admin/client/rootReducer.js:
--------------------------------------------------------------------------------
1 | import { combineReducers } from 'redux';
2 | import { reducer as formReducer } from 'redux-form'
3 |
4 | import productCategories from 'modules/productCategories/reducer';
5 | import products from 'modules/products/reducer';
6 | import customerGroups from 'modules/customerGroups/reducer';
7 | import customers from 'modules/customers/reducer';
8 | import orders from 'modules/orders/reducer';
9 | import orderStatuses from 'modules/orderStatuses/reducer';
10 | import pages from 'modules/pages/reducer';
11 | import settings from 'modules/settings/reducer';
12 | import apps from 'modules/apps/reducer';
13 | import files from 'modules/files/reducer';
14 |
15 | export default combineReducers({
16 | form: formReducer,
17 | productCategories,
18 | products,
19 | settings,
20 | customerGroups,
21 | customers,
22 | orders,
23 | orderStatuses,
24 | pages,
25 | apps,
26 | files
27 | });
28 |
--------------------------------------------------------------------------------
/src/admin/client/routes/apps/index.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import { Switch, Route, NavLink } from 'react-router-dom'
3 | import * as auth from 'lib/webstoreAuth'
4 | import NotFound from 'routes/notFound'
5 | import Login from 'routes/apps/login'
6 | import Account from 'modules/apps/account'
7 | import Services from 'modules/apps/services'
8 | import ServiceDetails from 'modules/apps/serviceDetails'
9 | import AppDetails from 'modules/apps/appDetails'
10 |
11 | export default() => (
12 | {text.sort}:
8 |
9 |
10 |
16 |
17 |
18 |
6 |
13 | )
14 |
15 | const Attributes = ({ attributes }) => {
16 | if(attributes && attributes.length > 0) {
17 | const items = attributes.map((attribute, index) => (
18 |
7 | {name}:
8 |
9 |
10 | {value}
11 |
12 |
23 |
26 | )
27 | } else {
28 | return null;
29 | }
30 | }
31 | export default Attributes;
32 |
--------------------------------------------------------------------------------
/src/admin/client/modules/customers/list/components/head.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import Subheader from 'material-ui/Subheader';
3 | import Checkbox from 'material-ui/Checkbox';
4 | import messages from 'lib/text'
5 |
6 | export default ({ onSelectAll }) => (
7 | {text.attributes}
24 | {items}
25 |
9 |
25 |
10 | { onSelectAll(isInputChecked); }} />
11 |
12 |
13 | {messages.customers_name}
14 |
15 |
16 | {messages.customers_location}
17 |
18 |
19 | {messages.customers_orders}
20 |
21 |
22 | {messages.customers_totalSpent}
23 |
24 |
9 |
27 |
10 | { onSelectAll(isInputChecked); }} />
11 |
12 |
13 |
14 |
15 | {messages.order}
16 |
17 |
18 | {messages.orders_shippingTo}
19 |
20 |
21 | {messages.orders_total}
22 |
23 |
24 | {messages.orders_status}
25 |
26 |
23 |
28 | )
29 | } else {
30 | return null;
31 | }
32 | }
33 | }
34 |
--------------------------------------------------------------------------------
/src/admin/client/modules/products/listHead/index.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import { connect } from 'react-redux'
3 | import { withRouter } from 'react-router'
4 | import { fetchProducts, deleteProducts, setCategory, setFilter, createProduct } from '../actions'
5 | import Buttons from './components/buttons'
6 |
7 | const mapStateToProps = (state, ownProps) => {
8 | return {
9 | search: state.products.filter.search,
10 | selectedCount: state.products.selected.length
11 | }
12 | }
13 |
14 | const mapDispatchToProps = (dispatch, ownProps) => {
15 | return {
16 | setSearch: (event, value) => {
17 | dispatch(setFilter({ search: value }));
18 | dispatch(fetchProducts());
19 | },
20 | onDelete: () => {
21 | dispatch(deleteProducts());
22 | },
23 | onMoveTo: (category_id) => {
24 | dispatch(setCategory(category_id));
25 | },
26 | onCreate: () => {
27 | dispatch(createProduct(ownProps.history))
28 | }
29 | }
30 | }
31 |
32 | export default withRouter(connect(mapStateToProps, mapDispatchToProps)(Buttons));
33 |
--------------------------------------------------------------------------------
/src/admin/client/modules/shared/imageUploadMultiple/style.css:
--------------------------------------------------------------------------------
1 | .preview {
2 | position: relative;
3 | height: 220px;
4 | width: 200px;
5 | cursor: move;
6 | }
7 |
8 | .preview img {
9 | max-width: 100%;
10 | max-height: 100%;
11 | }
12 |
13 | .footer {
14 | background-color: rgba(0,0,0,0.05);
15 | }
16 |
17 | .dropzone {}
18 | .dropzoneEmpty {
19 | color: #a1a1a1;
20 | font-size: 16px;
21 | border: 2px dashed rgba(0,0,0,0.1);
22 | padding: 80px;
23 | margin: 20px 20px 0 20px;
24 | background-color: rgb(255,255,255);
25 | }
26 | .dropzoneActive {
27 | background-color: rgba(18,179,117, 0.4);
28 | }
29 | .dropzoneReject {
30 | background-color: rgba(244,67,54,0.8);
31 | }
32 | .dropzoneReject .list,
33 | .dropzoneActive .list {
34 | opacity: 0.3
35 | }
36 | .gallery {
37 | overflow: auto;
38 | }
39 |
40 | .list {
41 | margin: 10px 10px 0 10px;
42 | padding: 0;
43 | display: flex;
44 | flex-wrap: nowrap;
45 | list-style: none;
46 | }
47 |
48 | .item {
49 | margin: 10px 0px 10px 10px;
50 | padding: 0;
51 | list-style: none;
52 | }
53 |
--------------------------------------------------------------------------------
/src/api/server/routes/paymentGateways.js:
--------------------------------------------------------------------------------
1 | 'use strict';
2 |
3 | const security = require('../lib/security');
4 | var PaymentGatewaysService = require('../services/settings/paymentGateways');
5 |
6 | class PaymentGatewaysRoute {
7 | constructor(router) {
8 | this.router = router;
9 | this.registerRoutes();
10 | }
11 |
12 | registerRoutes() {
13 | this.router.get('/v1/payment_gateways/:name', security.checkUserScope.bind(this, security.scope.READ_PAYMENT_METHODS), this.getGateway.bind(this));
14 | this.router.put('/v1/payment_gateways/:name', security.checkUserScope.bind(this, security.scope.WRITE_PAYMENT_METHODS), this.updateGateway.bind(this));
15 | }
16 |
17 | getGateway(req, res, next) {
18 | PaymentGatewaysService.getGateway(req.params.name).then(data => {
19 | res.send(data)
20 | }).catch(next);
21 | }
22 |
23 | updateGateway(req, res, next) {
24 | PaymentGatewaysService.updateGateway(req.params.name, req.body).then(data => {
25 | res.send(data);
26 | }).catch(next);
27 | }
28 | }
29 |
30 | module.exports = PaymentGatewaysRoute;
31 |
--------------------------------------------------------------------------------
/src/api/server/controllers/paymentGateways.js:
--------------------------------------------------------------------------------
1 | 'use strict';
2 |
3 | const security = require('../lib/security');
4 | var PaymentGatewaysService = require('../services/settings/paymentGateways');
5 |
6 | class PaymentGatewaysController {
7 | constructor(router) {
8 | this.router = router;
9 | this.registerRoutes();
10 | }
11 |
12 | registerRoutes() {
13 | this.router.get('/v1/payment_gateways/:name', security.checkUserScope.bind(this, security.scope.READ_PAYMENT_METHODS), this.getGateway.bind(this));
14 | this.router.put('/v1/payment_gateways/:name', security.checkUserScope.bind(this, security.scope.WRITE_PAYMENT_METHODS), this.updateGateway.bind(this));
15 | }
16 |
17 | getGateway(req, res, next) {
18 | PaymentGatewaysService.getGateway(req.params.name).then(data => {
19 | res.send(data)
20 | }).catch(next);
21 | }
22 |
23 | updateGateway(req, res, next) {
24 | PaymentGatewaysService.updateGateway(req.params.name, req.body).then(data => {
25 | res.send(data);
26 | }).catch(next);
27 | }
28 | }
29 |
30 | module.exports = PaymentGatewaysController;
31 |
--------------------------------------------------------------------------------
/src/admin/client/modules/pages/edit/index.js:
--------------------------------------------------------------------------------
1 | import { connect } from 'react-redux'
2 | import { fetchPage, updatePage, createPage, receivePage } from '../actions'
3 | import Form from './components/form'
4 |
5 | const mapStateToProps = (state, ownProps) => {
6 | const {pageId} = ownProps.match.params;
7 | return {
8 | pageId: pageId,
9 | initialValues: state.pages.pageEdit
10 | }
11 | }
12 |
13 | const mapDispatchToProps = (dispatch, ownProps) => {
14 | return {
15 | onLoad: () => {
16 | const {pageId} = ownProps.match.params;
17 | if(pageId) {
18 | dispatch(fetchPage(pageId))
19 | } else {
20 | dispatch(receivePage({ enabled: true }));
21 | }
22 | },
23 | onSubmit: (page) => {
24 | if(page.id) {
25 | dispatch(updatePage(page));
26 | } else {
27 | dispatch(createPage(page));
28 | ownProps.history.push('/admin/pages');
29 | }
30 | },
31 | eraseData: () => {
32 | dispatch(receivePage(null));
33 | }
34 | }
35 | }
36 |
37 | export default connect(mapStateToProps, mapDispatchToProps)(Form);
38 |
--------------------------------------------------------------------------------
/src/api/server/routes/apps.js:
--------------------------------------------------------------------------------
1 | 'use strict';
2 |
3 | const security = require('../lib/security');
4 | const AppSettingsService = require('../services/apps/settings');
5 |
6 | class AppsRoute {
7 | constructor(router) {
8 | this.router = router;
9 | this.registerRoutes();
10 | }
11 |
12 | registerRoutes() {
13 | this.router.get('/v1/apps/:key/settings', security.checkUserScope.bind(this, security.scope.READ_SETTINGS), this.getSettings.bind(this));
14 | this.router.put('/v1/apps/:key/settings', security.checkUserScope.bind(this, security.scope.WRITE_SETTINGS), this.updateSettings.bind(this));
15 | }
16 |
17 | getSettings(req, res, next) {
18 | AppSettingsService.getSettings(req.params.key).then(data => {
19 | res.send(data)
20 | }).catch(next);
21 | }
22 |
23 | updateSettings(req, res, next) {
24 | AppSettingsService.updateSettings(req.params.key, req.body).then(data => {
25 | if (data) {
26 | res.send(data)
27 | } else {
28 | res.status(404).end()
29 | }
30 | }).catch(next);
31 | }
32 | }
33 |
34 | module.exports = AppsRoute;
35 |
--------------------------------------------------------------------------------
/theme/src/components/productList/loadMore.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import { themeSettings, text } from '../../lib/settings'
3 |
4 | const LoadMore = ({ loadMoreProducts, hasMore, loading, className }) => {
5 | if(hasMore){
6 | className = className || 'button is-fullwidth is-dark';
7 |
8 | let buttonStyle = {};
9 | if(themeSettings.button_loadmore_bg && themeSettings.button_loadmore_bg.length > 0){
10 | buttonStyle.backgroundColor = themeSettings.button_loadmore_bg;
11 | }
12 | if(themeSettings.button_loadmore_color && themeSettings.button_loadmore_color.length > 0){
13 | buttonStyle.color = themeSettings.button_loadmore_color;
14 | }
15 |
16 | const loadMoreText = themeSettings.button_loadmore_text && themeSettings.button_loadmore_text.length > 0 ? themeSettings.button_loadmore_text : text.loadMore;
17 |
18 | return (
19 |
20 | )
21 | } else {
22 | return null;
23 | }
24 | }
25 |
26 | export default LoadMore
27 |
--------------------------------------------------------------------------------
/src/admin/client/modules/products/list/components/head.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import Subheader from 'material-ui/Subheader';
3 | import messages from 'lib/text'
4 |
5 | const Head = ({ onSelectAll }) => (
6 |
8 |
28 |
9 |
18 |
10 |
17 |
11 |
12 |
13 |
14 | {messages.products_name}
15 |
16 |
19 | {messages.products_sku}
20 |
21 |
22 | {messages.products_stock}
23 |
24 |
25 | {messages.products_price}
26 |
27 |
16 |
19 | )
20 | });
21 |
22 | return (
23 | {action.message}
17 | {dateFormated}
18 |
24 |
26 |
30 |
31 | )
32 | }
33 |
34 | export default ServiceLogs;
35 |
--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
1 |
2 | MIT License
3 |
4 | Copyright (c) 2016 cezerin
5 |
6 | Permission is hereby granted, free of charge, to any person obtaining a copy
7 | of this software and associated documentation files (the "Software"), to deal
8 | in the Software without restriction, including without limitation the rights
9 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
10 | copies of the Software, and to permit persons to whom the Software is
11 | furnished to do so, subject to the following conditions:
12 |
13 | The above copyright notice and this permission notice shall be included in all
14 | copies or substantial portions of the Software.
15 |
16 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
17 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
18 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
19 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
20 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
21 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
22 | SOFTWARE.
23 |
--------------------------------------------------------------------------------
/public/admin-assets/tinymce/plugins/noneditable/plugin.min.js:
--------------------------------------------------------------------------------
1 | tinymce.PluginManager.add("noneditable",function(a){function b(a){return function(b){return-1!==(" "+b.attr("class")+" ").indexOf(a)}}function c(b){function c(b){var c=arguments,d=c[c.length-2];return d>0&&'"'==g.charAt(d-1)?b:''+a.dom.encode("string"==typeof c[1]?c[1]:c[0])+""}var d=f.length,g=b.content,h=tinymce.trim(e);if("raw"!=b.format){for(;d--;)g=g.replace(f[d],c);b.content=g}}var d,e,f,g="contenteditable";d=" "+tinymce.trim(a.getParam("noneditable_editable_class","mceEditable"))+" ",e=" "+tinymce.trim(a.getParam("noneditable_noneditable_class","mceNonEditable"))+" ";var h=b(d),i=b(e);f=a.getParam("noneditable_regexp"),f&&!f.length&&(f=[f]),a.on("PreInit",function(){f&&a.on("BeforeSetContent",c),a.parser.addAttributeFilter("class",function(a){for(var b,c=a.length;c--;)b=a[c],h(b)?b.attr(g,"true"):i(b)&&b.attr(g,"false")}),a.serializer.addAttributeFilter(g,function(a){for(var b,c=a.length;c--;)b=a[c],(h(b)||i(b))&&(f&&b.attr("data-mce-content")?(b.name="#text",b.type=3,b.raw=!0,b.value=b.attr("data-mce-content")):b.attr(g,null))})})});
--------------------------------------------------------------------------------
/src/admin/client/modules/shared/form/index.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import Toggle from 'material-ui/Toggle';
3 | import TextField from 'material-ui/TextField';
4 |
5 | export const CustomToggle = ({ input, label, className = '', disabled = false, style }) => {
6 | return (
7 | {messages.serviceLogs}
25 |
27 | {list}
28 |
29 | 
17 | } else {
18 | return 
19 | }
20 | }
21 |
22 | export default class CartIndicator extends React.PureComponent {
23 | render() {
24 | const { cart, onClick, cartIsActive } = this.props;
25 | return
26 |
17 | } else {
18 | return
19 | }
20 | }
21 |
22 | export default class CartIndicator extends React.PureComponent {
23 | render() {
24 | const { cart, onClick, cartIsActive } = this.props;
25 | return
26 |
17 | } else {
18 | return
19 | }
20 | }
21 |
22 | export default class CartIndicator extends React.PureComponent {
23 | render() {
24 | const { cart, onClick, cartIsActive } = this.props;
25 | return
26 |
30 |
38 | )
39 | }
40 | }
41 |
--------------------------------------------------------------------------------
/src/admin/client/modules/customers/filter/index.js:
--------------------------------------------------------------------------------
1 | import { connect } from 'react-redux'
2 | import { fetchProducts, setFilterActive, setFilterDiscontinued, setFilterOnSale, setFilterStock } from '../actions'
3 | import Filter from './components/fields'
4 |
5 | const mapStateToProps = (state) => {
6 | return {
7 | active: state.products.filter_active,
8 | discontinued: state.products.filter_discontinued,
9 | on_sale: state.products.filter_on_sale,
10 | stock_status: state.products.filter_stock_status
11 | }
12 | }
13 |
14 | const mapDispatchToProps = (dispatch) => {
15 | return {
16 | setActive: (value) => {
17 | dispatch(setFilterActive(value));
18 | dispatch(fetchProducts());
19 | },
20 | setDiscontinued: (value) => {
21 | dispatch(setFilterDiscontinued(value));
22 | dispatch(fetchProducts());
23 | },
24 | setOnSale: (value) => {
25 | dispatch(setFilterOnSale(value));
26 | dispatch(fetchProducts());
27 | },
28 | setStock: (value) => {
29 | dispatch(setFilterStock(value));
30 | dispatch(fetchProducts());
31 | }
32 | }
33 | }
34 |
35 | export default connect(mapStateToProps, mapDispatchToProps)(Filter);
36 |
--------------------------------------------------------------------------------
/src/admin/client/modules/productCategories/head/index.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import { connect } from 'react-redux'
3 | import { withRouter } from 'react-router'
4 | import { reset } from 'redux-form';
5 | import { deleteCategory, moveUpCategory, moveDownCategory, replaceCategory, createCategory } from '../actions'
6 | import Buttons from './components/buttons'
7 |
8 | const mapStateToProps = (state) => {
9 | return {
10 | selected: state.productCategories.items.find((item) => (item.id === state.productCategories.selectedId))
11 | }
12 | }
13 |
14 | const mapDispatchToProps = (dispatch) => {
15 | return {
16 | onMoveUp: () => {
17 | dispatch(moveUpCategory());
18 | },
19 | onMoveDown: () => {
20 | dispatch(moveDownCategory());
21 | },
22 | onDelete: (id) => {
23 | dispatch(deleteCategory(id));
24 | dispatch(reset('FormProductCategory'));
25 | },
26 | onMoveTo: (id) => {
27 | dispatch(replaceCategory(id));
28 | dispatch(reset('FormProductCategory'));
29 | },
30 | onCreate: () => {
31 | dispatch(createCategory());
32 | }
33 | }
34 | }
35 |
36 | export default withRouter(connect(mapStateToProps, mapDispatchToProps)(Buttons));
37 |
--------------------------------------------------------------------------------
/src/admin/client/modules/productCategories/edit/index.js:
--------------------------------------------------------------------------------
1 | import { connect } from 'react-redux'
2 | import { updateCategory, deselectCategory, fetchCategories, deleteImage, uploadImage } from '../actions'
3 | import ProductCategoryEditForm from './components/form'
4 |
5 | const mapStateToProps = (state) => {
6 | return {
7 | uploadingImage: state.productCategories.uploadingImage,
8 | categoryId: state.productCategories.selectedId,
9 | items: state.productCategories.items,
10 | initialValues: state.productCategories.items.find((item) => (item.id === state.productCategories.selectedId)),
11 | isSaving: state.productCategories.isSaving
12 | }
13 | }
14 |
15 | const mapDispatchToProps = (dispatch) => {
16 | return {
17 | onImageDelete: () => {
18 | dispatch(deleteImage());
19 | },
20 | onImageUpload: (form) => {
21 | dispatch(uploadImage(form));
22 | },
23 | onSubmit: (values) => {
24 | delete values.image;
25 | if(!values.slug || values.slug === '') {
26 | values.slug = values.name;
27 | }
28 | dispatch(updateCategory(values));
29 | }
30 | }
31 | }
32 |
33 | export default connect(mapStateToProps, mapDispatchToProps)(ProductCategoryEditForm);
34 |
--------------------------------------------------------------------------------
/src/admin/client/modules/products/edit/variants/components/style.css:
--------------------------------------------------------------------------------
1 | .innerBox {
2 | padding: 30px;
3 | }
4 |
5 | .grid {}
6 |
7 | .gridHeadRow{
8 | display: flex;
9 | flex-flow: row wrap;
10 | width: 100%;
11 | background-color: rgba(0, 0, 0, 0.05);
12 | color: #a1a1a1;
13 | align-items: center;
14 | justify-content: space-around;
15 | align-items: center;
16 | text-align: center;
17 | min-height: 60px;
18 | cursor: default;
19 | }
20 |
21 | .gridHeadRow a {
22 | color: #000;
23 | text-decoration: none;
24 | cursor: pointer;
25 | }
26 |
27 | .gridRow {
28 | display: flex;
29 | flex-flow: row wrap;
30 | width: 100%;
31 | align-items: center;
32 | justify-content: space-around;
33 | align-items: center;
34 | text-align: center;
35 | border-bottom: 1px solid rgb(224, 224, 224);
36 | }
37 |
38 | .gridCol {
39 | flex: 1 1;
40 | overflow: hidden;
41 | }
42 |
43 | .gridCol:hover,
44 | .textInput:focus {
45 | background-color: rgba(0, 0, 0, 0.05);
46 | }
47 |
48 | .textInput {
49 | width: 100%;
50 | margin: 0;
51 | padding: 0;
52 | border: none;
53 | outline: none;
54 | background-color: transparent;
55 | font-size: 15px;
56 | text-align: center;
57 | height: 60px;
58 | }
59 |
--------------------------------------------------------------------------------
/theme/assets/css/cart.scss:
--------------------------------------------------------------------------------
1 | .mini-cart {
2 | position: absolute;
3 | width: 460px;
4 | top: calc(100%);
5 | right: calc(-100%);
6 | background: #fff;
7 | z-index: 99;
8 | box-shadow: 2px 2px 1px 0 rgba(0,0,0,0.2);
9 | border: 1px solid #f3f3f3;
10 | border-width: 1px 0 0 1px;
11 | transition: right 200ms ease-in-out;
12 | padding: 20px;
13 | text-align: left;
14 | font-size: 90%;
15 | }
16 |
17 | .mini-cart-open .mini-cart {
18 | right: 0;
19 | }
20 |
21 | .mini-cart-item-price {
22 | padding-bottom: 6px
23 | }
24 |
25 | .cart-option-name {
26 | color: #999;
27 | }
28 |
29 | .cart-quantity {
30 | color: #999;
31 | }
32 |
33 | .mini-cart .product-old-price {
34 | padding-right: 10px;
35 | color: #636363;
36 | }
37 |
38 | .mini-cart .product-new-price {
39 | color: #e72b1e;
40 | }
41 |
42 | .mini-cart .product-option {
43 | margin-bottom: 15px;
44 | }
45 |
46 | .mini-cart .product-option-name {
47 | color: #777;
48 | }
49 |
50 | /*
51 | Mobile
52 | */
53 | @media screen and (max-width: 768px) {
54 | .mini-cart {
55 | top: 3.25rem;
56 | position: fixed;
57 | width: 90%;
58 | z-index: 1002;
59 | bottom: 0;
60 | overflow-y: scroll;
61 | font-size: 82%;
62 | }
63 | }
64 |
--------------------------------------------------------------------------------
/docs/structure.md:
--------------------------------------------------------------------------------
1 | ## Application Structure
2 |
3 | ```
4 | .
5 | ├── config # Project and build configurations
6 | ├── dist # Distribution folder
7 | ├── locales # Text files
8 | ├── logs # Log files
9 | ├── public # Public static assets and uploads
10 | │ ├── admin # Dashboard index.html
11 | │ ├── admin-assets # Dashboard assets
12 | │ └── content # Store root folder
13 | |
14 | ├── scripts # Shell scripts for theme install/export
15 | ├── src # Application source code
16 | │ ├── admin # Dashboard application
17 | │ │ └── client # Client side code
18 | │ ├── api # REST API
19 | │ │ └── server # Server side code
20 | │ ├── store # Store application
21 | │ | ├── client # Client side code
22 | │ | ├── server # Server side code
23 | │ | └── shared # Universal code
24 | │ └── index.js # Server application start point
25 | ├── theme # Theme as a local package
26 | └── process.json # pm2 process file
27 | ```
28 |
--------------------------------------------------------------------------------
/public/admin-assets/tinymce/plugins/colorpicker/plugin.min.js:
--------------------------------------------------------------------------------
1 | tinymce.PluginManager.add("colorpicker",function(a){function b(b,c){function d(a){var b=new tinymce.util.Color(a),c=b.toRgb();f.fromJSON({r:c.r,g:c.g,b:c.b,hex:b.toHex().substr(1)}),e(b.toHex())}function e(a){f.find("#preview")[0].getEl().style.background=a}var f=a.windowManager.open({title:"Color",items:{type:"container",layout:"flex",direction:"row",align:"stretch",padding:5,spacing:10,items:[{type:"colorpicker",value:c,onchange:function(){var a=this.rgb();f&&(f.find("#r").value(a.r),f.find("#g").value(a.g),f.find("#b").value(a.b),f.find("#hex").value(this.value().substr(1)),e(this.value()))}},{type:"form",padding:0,labelGap:5,defaults:{type:"textbox",size:7,value:"0",flex:1,spellcheck:!1,onchange:function(){var a,b,c=f.find("colorpicker")[0];return a=this.name(),b=this.value(),"hex"==a?(b="#"+b,d(b),void c.value(b)):(b={r:f.find("#r").value(),g:f.find("#g").value(),b:f.find("#b").value()},c.value(b),void d(b))}},items:[{name:"r",label:"R",autofocus:1},{name:"g",label:"G"},{name:"b",label:"B"},{name:"hex",label:"#",value:"000000"},{name:"preview",type:"container",border:1}]}]},onSubmit:function(){b("#"+this.toJSON().hex)}});d(c)}a.settings.color_picker_callback||(a.settings.color_picker_callback=b)});
--------------------------------------------------------------------------------
/public/admin-assets/tinymce/plugins/pagebreak/plugin.min.js:
--------------------------------------------------------------------------------
1 | tinymce.PluginManager.add("pagebreak",function(a){var b="mce-pagebreak",c=a.getParam("pagebreak_separator",""),d=new RegExp(c.replace(/[\?\.\*\[\]\(\)\{\}\+\^\$\:]/g,function(a){return"\\"+a}),"gi"),e='{label}
31 |"+e+"
"):a.insertContent(e)}),a.addButton("pagebreak",{title:"Page break",cmd:"mcePageBreak"}),a.addMenuItem("pagebreak",{text:"Page break",icon:"pagebreak",cmd:"mcePageBreak",context:"insert"}),a.on("ResolveName",function(c){"IMG"==c.target.nodeName&&a.dom.hasClass(c.target,b)&&(c.name="pagebreak")}),a.on("click",function(c){c=c.target,"IMG"===c.nodeName&&a.dom.hasClass(c,b)&&a.selection.select(c)}),a.on("BeforeSetContent",function(a){a.content=a.content.replace(d,e)}),a.on("PreInit",function(){a.serializer.addNodeFilter("img",function(b){for(var d,e,f=b.length;f--;)if(d=b[f],e=d.attr("class"),e&&-1!==e.indexOf("mce-pagebreak")){var g=d.parent;if(a.schema.getBlockElements()[g.name]&&a.settings.pagebreak_split_block){g.type=3,g.value=c,g.raw=!0,d.remove();continue}d.type=3,d.value=c,d.raw=!0}})})}); -------------------------------------------------------------------------------- /src/admin/client/modules/files/actions.js: -------------------------------------------------------------------------------- 1 | import * as t from './actionTypes' 2 | import api from 'lib/api' 3 | import messages from 'lib/text' 4 | 5 | function receiveFiles(files) { 6 | return { 7 | type: t.FILES_RECEIVE, 8 | files 9 | } 10 | } 11 | 12 | function filesUploadStart() { 13 | return { 14 | type: t.FILES_UPLOAD_START 15 | } 16 | } 17 | 18 | function filesUploadEnd() { 19 | return { 20 | type: t.FILES_UPLOAD_END 21 | } 22 | } 23 | 24 | export function fetchFiles() { 25 | return (dispatch, getState) => { 26 | return api.files.list().then(({status, json}) => { 27 | dispatch(receiveFiles(json)) 28 | }).catch(error => {}); 29 | } 30 | } 31 | 32 | export function uploadFiles(form) { 33 | return (dispatch, getState) => { 34 | dispatch(filesUploadStart()); 35 | return api.files.upload(form).then(() => { 36 | dispatch(filesUploadEnd()); 37 | dispatch(fetchFiles()) 38 | }).catch(error => { 39 | dispatch(filesUploadEnd()); 40 | }); 41 | } 42 | } 43 | 44 | export function deleteFile(fileName) { 45 | return (dispatch, getState) => { 46 | return api.files.delete(fileName).then(() => { 47 | dispatch(fetchFiles()) 48 | }).catch(error => {}); 49 | } 50 | } 51 | -------------------------------------------------------------------------------- /src/admin/client/modules/settings/tokens/edit/index.js: -------------------------------------------------------------------------------- 1 | import { connect } from 'react-redux' 2 | import { fetchToken, updateToken, createToken, receiveToken, deleteToken } from '../../actions' 3 | import Form from './components/form' 4 | 5 | const mapStateToProps = (state, ownProps) => { 6 | const {tokenId} = ownProps.match.params; 7 | return { 8 | tokenId: tokenId, 9 | initialValues: state.settings.tokenEdit, 10 | newToken: state.settings.newToken 11 | } 12 | } 13 | 14 | const mapDispatchToProps = (dispatch, ownProps) => { 15 | return { 16 | onLoad: () => { 17 | const {tokenId} = ownProps.match.params; 18 | if(tokenId) { 19 | dispatch(fetchToken(tokenId)) 20 | } else { 21 | dispatch(receiveToken({ expiration: 24 })); 22 | } 23 | }, 24 | onSubmit: (token) => { 25 | if(token.id) { 26 | dispatch(updateToken(token)); 27 | } else { 28 | dispatch(createToken(token)); 29 | } 30 | }, 31 | onDelete: () => { 32 | const {tokenId} = ownProps.match.params; 33 | dispatch(deleteToken(tokenId)); 34 | ownProps.history.push('/admin/settings/tokens'); 35 | } 36 | } 37 | } 38 | 39 | export default connect(mapStateToProps, mapDispatchToProps)(Form); 40 | -------------------------------------------------------------------------------- /src/api/server/lib/events.js: -------------------------------------------------------------------------------- 1 | const security = require('./security.js'); 2 | const settings = require('./settings.js'); 3 | 4 | let subscribers = []; 5 | 6 | const THEME_INSTALLED = 'theme-installed'; 7 | const ORDER_RECEIVED = 'order-received'; 8 | const ORDER_CHANGED = 'order-changed'; 9 | 10 | const subscribe = (req, res) => { 11 | security.verifyToken(req.query.token, settings.jwtSecretKey).then(err => { 12 | if(err){ 13 | res.status(403).end(); 14 | } else { 15 | res.writeHead(200, { 16 | 'Content-Type': 'text/event-stream', 17 | 'Cache-Control': 'no-cache', 18 | 'Connection': 'keep-alive', 19 | 'X-Accel-Buffering': 'no' 20 | }); 21 | subscribers.push(res); 22 | 23 | req.on("close", () => { 24 | subscribers = subscribers.filter(item => item !== res); 25 | }); 26 | } 27 | }) 28 | } 29 | 30 | const sendMessage = (data) => { 31 | const json = JSON.stringify(data); 32 | for(var i = 0; i < subscribers.length; i++) { 33 | try{ 34 | subscribers[i].write(`data: ${json}\n\n`); 35 | } catch(e){ 36 | } 37 | } 38 | } 39 | 40 | module.exports = { 41 | subscribe, 42 | sendMessage, 43 | THEME_INSTALLED, 44 | ORDER_RECEIVED, 45 | ORDER_CHANGED 46 | } 47 | -------------------------------------------------------------------------------- /theme/src/components/productDetails/relatedProducts.js: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import { themeSettings, text } from '../../lib/settings' 3 | import CustomProducts from '../products/custom' 4 | const Fragment = React.Fragment; 5 | 6 | export default class RelatedProducts extends React.PureComponent { 7 | constructor(props) { 8 | super(props); 9 | } 10 | 11 | render() { 12 | const { ids, settings, addCartItem, limit } = this.props; 13 | if(ids && ids.length > 0) { 14 | let title = themeSettings.related_products_title && themeSettings.related_products_title.length > 0 15 | ? themeSettings.related_products_title 16 | : text.relatedProducts; 17 | 18 | return ( 19 |
21 |
31 | {title}
22 |
23 |
32 |
24 |
31 |
25 |
27 |
28 | {checkoutForm}
29 |
30 |