stockor 0.3.0 → 0.4.0

data/client/skr/api/SingleItemCheckout.cjsx

@@ -0,0 +1,99 @@
+class OrderingForm extends Skr.Api.Components.Base
+
+    dataObjects:
+        sale: 'props'
+
+    onPurchase: (ev) ->
+        ev.preventDefault()
+        @sale.copySkusFromCart(@props.cart)
+        @setState(isSaving: true, isSaveComplete: false)
+        @sale.save().then (a, b) =>
+            @setState(isSaveComplete: true)
+            _.delay =>
+                @setState(isSaving: false)
+                @setState(isSaveComplete: false)
+                @props.onComplete() unless @sale.errors
+            , 1100
+
+    render: ->
+        classNames = _.classnames( 'order', {
+            'is-saving': @state.isSaving,
+            'is-complete': @state.isSaveComplete
+        })
+        <div className={classNames}>
+            <Skr.Api.Components.SaleHistory />
+            <div className="mask">
+                <div className="msg">
+                    <i /> <span>Submitting&#8230;</span>
+                </div>
+            </div>
+            <div className="section">
+                <Skr.Api.Components.SingleItemCart cart={@props.cart} />
+            </div>
+            {<div className="errors">{@sale.errorMessage}</div> if @sale.errorMessage}
+            <div className="section">
+                <Skr.Api.Components.AddressForm address={@sale.billing_address} />
+            </div>
+            <div className="section">
+                <Skr.Components.CreditCardForm card={@sale.credit_card } />
+            </div>
+            <button className="purchase" onClick={@onPurchase}>Purchase</button>
+        </div>
+
+class OrderingComplete extends Skr.Api.Components.Base
+
+    dataObjects:
+        sale: 'props'
+
+    render: ->
+        <div className="order-complete">
+            <Skr.Api.Components.SaleHistory />
+            <h3>Order number {@sale.visible_id} was successfully saved</h3>
+            <a target='_blank' href={@sale.pdfDownloadUrl()}>Download Receipt</a>
+            <div>
+                <button onClick={@props.onComplete}>Place new order</button>
+            </div>
+        </div>
+
+
+class ErrorFetching extends Skr.Api.Components.Base
+
+    render: ->
+        <h1>Error loading sale item {@props.skuCode}</h1>
+
+class Skr.SingleItemCheckout extends Skr.Api.Components.Base
+
+    statics:
+        render: (options) ->
+            new Lanes.React.Viewport(_.extend(options, {
+                rootProps:
+                    _.pick(options, 'sale_options', 'skuCode', 'customer')
+                pubSubDisabled: true
+                rootComponent: @
+            }))
+
+    getInitialState: ->
+        showingOrder: true
+
+    dataObjects:
+        cart: -> new Skr.Api.Models.Cart
+        sale: -> new Skr.Api.Models.Sale(@props.sale_options)
+
+    componentWillMount: ->
+        @cart.addBySkuCode(@props.skuCode).then =>
+            @setState(errorFetching: true) if @cart.skus.length is 0
+
+    onTypeSwitch: ->
+        if @state.showingOrder
+            Skr.Api.Models.SalesHistory.record(@sale)
+        else
+            @sale.clear()
+        @setState(showingOrder: not @state.showingOrder)
+
+    render: ->
+        return <ErrorFetching skuCode={@props.skuCode} /> if @state.errorFetching
+
+        Component = if @state.showingOrder then OrderingForm else OrderingComplete
+        <div className="skr-simple-checkout">
+            <Component sale={@sale} cart={@cart} onComplete={@onTypeSwitch} />
+        </div>

data/client/skr/api/namespace.js

@@ -0,0 +1,6 @@
+Lanes.namespace("Skr.Models");
+Lanes.namespace("Skr.Vendor");
+
+Lanes.namespace("Skr.Views");
+Lanes.namespace("Skr.Api.Models");
+Lanes.namespace("Skr.Api.Components");

data/client/skr/api/onReady.coffee

@@ -0,0 +1,23 @@
+Skr.onDocumentReady = (fn) ->
+    if document.readyState isnt 'loading'
+        fn()
+    else if document.addEventListener
+        document.addEventListener 'DOMContentLoaded', fn
+    else
+        document.attachEvent 'onreadystatechange', ->
+            fn() if document.readyState != 'loading'
+
+
+SCRIPT_PATH = /\/assets\/skr\/api\.js$/
+
+Skr.onDocumentReady ->
+    for tag in document.querySelectorAll('script')
+        if tag.src.match SCRIPT_PATH
+            Lanes.config.api_host = tag.src.replace(SCRIPT_PATH, '')
+            Lanes.config.api_path = Lanes.config.api_host + "/api"
+            break
+    if Lanes.config.api_host
+        css = Lanes.config.api_host + "/assets/skr/api.css"
+        new Lanes.lib.AssetLoader([css], Lanes.emptyFn)
+    else
+        console.error("Unable to find script tag that Stockor was loaded from")

data/client/skr/components/CreditCardForm.cjsx

@@ -0,0 +1,35 @@
+class Skr.Components.CreditCardForm extends Lanes.React.Component
+
+    dataObjects:
+        card: 'props'
+
+    setField: (ev) ->
+        @card[ev.target.name] = ev.target.value
+
+    componentDidMount: ->
+        @cardPreview ||= new Skr.Vendor.Card({
+            form: _.dom(@, 'form').el, container: _.dom(@, '.preview').el
+        })
+
+    render: ->
+        fieldProps =
+            onChange: @setField
+            type: 'text'
+
+        <div className="credit-card-form section">
+            <div className='preview'></div>
+
+            <form  className="credit-card section">
+                <input {...fieldProps}
+                    value={@card.number || ''}
+                    placeholder="Card number" name="number" />
+                <input {...fieldProps} value={@card.name || ''}
+                    placeholder="Full name" name="name" />
+                <div className="row">
+                    <input {...fieldProps}
+                        value={@card.expiry} placeholder="MM/YY" name="expiry" />
+                    <input {...fieldProps}
+                        value={@card.cvc} placeholder="CVC" name="cvc" />
+                </div>
+            </form>
+        </div>

data/client/skr/components/CustomerFinder.cjsx

@@ -25,9 +25,6 @@ class Skr.Components.CustomerFinder extends Lanes.React.Component
 
     render: ->
         props = _.clone(@props)
-        if @model.hasAttribute('customer_code')
-            props.defaultLabel = @model.customer_code
-
         if props.selectField
             <LC.SelectField labelField='code' sm=2 labelField="code" {...props} />
         else

data/client/skr/components/InvoiceFinder.cjsx

@@ -12,6 +12,7 @@ class Skr.Components.InvoiceFinder extends Lanes.React.Component
             new Lanes.Models.Query({
                 initialFieldIndex: 1
                 title: 'Invoice'
+                defaultSort: 'visible_id', sortAscending: false
                 syncOptions: Lanes.Models.Query.mergedSyncOptions(
                     @props.syncOptions, { with: [ 'with_details' ] }
                 ), autoRetrieve: true

data/client/skr/components/LatexSnippets.cjsx

@@ -0,0 +1,65 @@
+class Skr.Components.LatexSnippets extends Lanes.React.Component
+
+    getInitialState: ->
+        name: ''
+        latex: ''
+
+    componentWillMount: ->
+        @props.settings['latex_snippets'] ||= {}
+
+    saveSnippet: (ev) ->
+        @setState(latex: ev.target.value)
+        name = @refs.name.value
+        if @state.name
+            @props.settings['latex_snippets'][@state.name] = ev.target.value
+
+    updateName: (ev) ->
+        @setState(name: ev.target.value)
+
+
+    setSnippet: (choice) ->
+        @setState(name: choice.id, latex: @props.settings['latex_snippets'][choice.id])
+
+    getSnippets: ->
+        snippets = []
+        for name, latex of @props.settings['latex_snippets']
+            snippets.push {id: name}
+        snippets
+
+    onRemove: ->
+        delete @props.settings['latex_snippets'][@state.name]
+        @setState(name: '', latex: '')
+
+    render: ->
+
+        <div className="latex-snippets">
+            <BS.FormGroup>
+              <h3>Print Form Snippets</h3>
+              <Lanes.Vendor.ReactWidgets.DropdownList
+                  data={@getSnippets()}
+                  valueField='id' textField='id'
+                  value={@state.currentSnippet}
+                  onChange={@setSnippet}
+              />
+            </BS.FormGroup>
+            <BS.Row>
+                <BS.FormGroup>
+                    <BS.Col componentClass={BS.ControlLabel} sm={2}>
+                        Snippet name
+                    </BS.Col>
+                    <BS.Col sm={9}>
+                        <BS.FormControl type="text" ref='name'
+                            value={@state.name} onChange={@updateName}/>
+                    </BS.Col>
+                    <BS.Col sm={1}>
+                        <LC.Icon type="trash" onClick={@onRemove} />
+                    </BS.Col>
+                </BS.FormGroup>
+            </BS.Row>
+            <BS.FormGroup>
+              <BS.ControlLabel>Latex</BS.ControlLabel>
+              <BS.FormControl componentClass="textarea"
+                  value={@state.latex} onChange={@saveSnippet} />
+            </BS.FormGroup>
+
+        </div>

data/client/skr/components/LocationChooser.cjsx

@@ -3,6 +3,7 @@ class Skr.Components.LocationChooser extends Lanes.React.Component
     propTypes:
         onModelSet: React.PropTypes.func
         name:       React.PropTypes.string
+        hideSingle: React.PropTypes.bool
 
     getDefaultProps: ->
         label: 'Location', name: 'location'
@@ -22,6 +23,9 @@ class Skr.Components.LocationChooser extends Lanes.React.Component
             })
 
     render: ->
+        if @props.hideSingle and Skr.Models.Location.all.length < 2
+            return LC.SelectField.renderEmptyColumn(@props)
+
         props = _.clone(@props)
         if props.displayFinder
             <LC.RecordFinder ref="finder" sm=3 autoFocus
@@ -31,4 +35,4 @@ class Skr.Components.LocationChooser extends Lanes.React.Component
                 {...props} />
         else
             <LC.SelectField {...props} choices={Skr.Models.Location.all.models}
-                labelField='code' model={@props.model} />
+                fetchOnSelect={false} labelField='code' model={@props.model} />

data/client/skr/components/PrintButton.cjsx

@@ -0,0 +1,33 @@
+class Skr.Components.PrintButton extends Lanes.React.BaseComponent
+
+    propTypes:
+        onPrint: React.PropTypes.func
+
+
+    componentWillMount: ->   window.matchMedia('print')?.addListener(@onWindowPrint)
+    componentWillUnmount: -> window.matchMedia('print')?.removeListener(@onWindowPrint)
+    onWindowPrint: (mm) ->
+        return if mm.matches # true == print is starting, false == complete
+        _.delay( =>
+            @props.onPrint?(false)
+        , 1000)
+
+    print: ->
+        _.delay ->
+            window.print()
+        , 50 # a bit of time for all rendering to complete, and for the loading mask to hide
+
+    onPrintClick: ->
+        wait = @props.onPrint?(true)
+        if _.isPromise(wait)
+            wait.then @print
+        else
+            @print()
+
+    render: ->
+        if @props.iconOnly
+            <LC.Icon type="print" onClick={@onPrintClick} />
+        else
+            <BS.Button className="print" onClick={@onPrintClick} bsSize='small'>
+                <LC.Icon type="print" />Print
+            </BS.Button>

data/client/skr/components/PrintFormChooser.cjsx

@@ -1,5 +1,7 @@
 class Skr.Components.PrintFormChooser extends Lanes.React.Component
 
+    mixins: [ Lanes.Components.Form.FieldMixin ]
+
     propTypes:
         label: React.PropTypes.string.isRequired
         model: Lanes.PropTypes.Model.isRequired
@@ -14,16 +16,14 @@ class Skr.Components.PrintFormChooser extends Lanes.React.Component
         else
             @props.model[@props.name] = val
 
-    renderValue: (value) ->
-        value
 
-    render: ->
+    renderEdit: (props) ->
+
         choices = @props.choices || @props.model.constructor.Templates
         value = @props.value or @props.model[@props.name]
-        <LC.FieldWrapper {...@props} value={value}>
-            <Lanes.Vendor.ReactWidgets.DropdownList
-                data={choices}
-                value={value}
-                onChange={@onChange}
-            />
-        </LC.FieldWrapper>
+
+        <Lanes.Vendor.ReactWidgets.DropdownList
+            data={choices}
+            value={value}
+            onChange={@onChange}
+        />

data/client/skr/components/SalesOrderFinder.cjsx

@@ -14,13 +14,14 @@ class Skr.Components.SalesOrderFinder extends Lanes.React.Component
         query: ->
             new Lanes.Models.Query({
                 initialFieldIndex: 1, title: 'Sales Order', autoRetrieve: true
+                defaultSort: 'visible_id', sortAscending: false
                 syncOptions: Lanes.Models.Query.mergedSyncOptions(
                     @props.syncOptions, { with: [ 'with_details' ] }
                 )
                 src: Skr.Models.SalesOrder, fields: [
                     { id: 'id', visible: false }
                     { id: 'visible_id', title: 'SO #', fixedWidth: 100}
-                    { id: 'customer_code', title: 'Customer', fixedWidth: 120}
+                    { id: 'customer_code', title: 'Customer', fixedWidth: 150}
                     { id: 'order_date', fixedWidth: 120}
                     { id: 'po_num', title: 'PO', fixedWidth: 120}
                     { id: 'notes', flex: 1}

data/client/skr/components/SystemSettings.cjsx

@@ -3,6 +3,13 @@ class Skr.Components.SystemSettings extends Lanes.React.Component
     dataObjects:
         banks: ->
             Skr.Models.BankAccount.Collection.fetch()
+        sequentialIds: ->
+            new Skr.Models.SequentialId
+        ccgateway: ->
+            Skr.Models.CreditCardGateway.fetchById()
+
+    componentWillMount: ->
+        @sequentialIds.fetch()
 
     setBankAccount: (value) ->
         Lanes.config.system_settings
@@ -13,15 +20,68 @@ class Skr.Components.SystemSettings extends Lanes.React.Component
         id = Lanes.config.system_settings.forExtension('skr').bank_account_id
         if id then {id} else undefined
 
+    SequentialId: ({si}) ->
+        {id, name, count} = si
+        onChange = (num) => @sequentialIds.updateValue(id, num)
+        <BS.Row>
+            <BS.Col sm=8>{name}</BS.Col>
+            <BS.Col sm=4>
+                <Lanes.Vendor.ReactWidgets.NumberPicker value={count} onChange={onChange} />
+            </BS.Col>
+        </BS.Row>
+
+    onSave: ->
+        @sequentialIds.save() if @sequentialIds.isDirty
+        @ccgateway.save()
+
+
+    setGatewayType: (type) ->
+        @ccgateway.type = type.id
+
+    renderCreditCardGateway: ->
+
+        <BS.Col sm=4>
+
+            <LC.FormGroup sm=12 label="Credit Card Gateway">
+                <Lanes.Vendor.ReactWidgets.DropdownList
+                    ref="ccgateway"
+                    data={Skr.Models.CreditCardGateway.allTypes()}
+                    valueField='id' textField='name'
+                    value={@ccgateway.type}
+                    onChange={@setGatewayType}
+                />
+            </LC.FormGroup>
+            <LC.Input sm=12 name='login' model={@ccgateway} />
+            <LC.Input sm=12 type='password' name='password' model={@ccgateway} />
+        </BS.Col>
+
+
+
     render: ->
-        <BS.Row className="skr-system-settings">
+        <div className="skr-system-settings">
+            <BS.Row>
+                <BS.Col sm=3>
+                    <SC.BankAccountFinder selectField sm=12
+                        label="Default Bank Account"
+                        model={Lanes.config.system_settings}
+                        choices={this.banks.models}
+                        setSelection={@setBankAccount}
+                        getSelection={@getBankAccount}
+                    />
+                </BS.Col>
 
-            <SC.BankAccountFinder selectField
-                sm=3 label="Default Bank Account"
-                model={Lanes.config.system_settings}
-                choices={this.banks.models}
-                setSelection={@setBankAccount}
-                getSelection={@getBankAccount}
-            />
+                <LC.FormGroup sm=4 label="Auto Assigned next ID">
+                    {for si in @sequentialIds.ids
+                        <@SequentialId si={si} key={si.id} />}
+                </LC.FormGroup>
 
-        </BS.Row>
+                {@renderCreditCardGateway()}
+
+            </BS.Row>
+            <BS.Row>
+                <BS.Col sm=6>
+                    <SC.LatexSnippets settings={@props.settings} />
+                </BS.Col>
+            </BS.Row>
+
+        </div>