stockor 0.1.9 → 0.2

data/client/skr/components/CustomerProjectFinder.cjsx

@@ -0,0 +1,49 @@
+class Skr.Components.CustomerProjectFinder extends Lanes.React.Component
+
+    propTypes:
+        onModelSet: React.PropTypes.func
+        commands:   React.PropTypes.object
+        autoFocus:  React.PropTypes.bool
+        name:       React.PropTypes.string
+        selectField:   React.PropTypes.bool
+
+    getDefaultProps: ->
+        autoFocus: false, label: 'Project Code', name: 'code'
+
+    dataObjects:
+        query: ->
+            new Lanes.Models.Query({
+                autoRetrieve: true, syncOptions:
+                    include: [ 'customer', 'sku' ]
+                    with: ['with_details']
+                title: 'Customer Project'
+                src: Skr.Models.CustomerProject, fields: [
+                    { id:'id', visible: false     }
+                    { id: 'code', fixedWidth: 120 }
+                    { id: 'po_num', flex: 1       }
+                    { id: 'description', flex: 2  }
+                    { id: 'customer_code', fixedWidth: 140 }
+                ]
+            })
+
+    select: (model, proj) ->
+        if @props.onModelSet
+            @props.onModelSet(proj)
+        else
+            model.set(customer_project: proj)
+
+    render: ->
+        props = _.clone(@props)
+
+        if props.selectField
+            <LC.SelectField sm=2
+                labelField="code"
+                {...props}
+                model={@props.model}
+            />
+        else
+            <LC.RecordFinder ref="finder" sm=3 autoFocus
+                query={@query}
+                {...props}
+                model={@props.model}
+            />

data/client/skr/components/GlAccountChooser.cjsx

@@ -0,0 +1,38 @@
+class Skr.Components.GlAccountChooser extends Lanes.React.Component
+
+    propTypes:
+        model: Lanes.PropTypes.Model
+
+        label: React.PropTypes.string
+        name:  React.PropTypes.string
+
+    getDefaultProps: ->
+        label: 'Account', name: 'gl_account'
+
+    dataObjects:
+        query: ->
+            new Lanes.Models.Query({
+                syncOptions: @props.syncOptions, autoRetrieve: true
+                src: Skr.Models.GlAccount.all, fields: [
+                    {id:'id', visible: false}
+                    {id: 'number', fixedWidth: 130 }
+                    'name', 'description'
+                ]
+            })
+
+    render: ->
+        props = _.clone(@props)
+
+        if props.finderField
+            <LC.RecordFinder ref="finder"
+                commands={@props.commands}
+                query={@query}
+                {...props} />
+        else
+            <LC.SelectField
+                queryModel={Skr.Models.GlAccount}
+                choices={Skr.Models.GlAccount.all.models}
+                labelField="combined_name"
+                model={@props.model}
+                {...props}
+            />

data/client/skr/components/InvoiceFinder.cjsx

@@ -0,0 +1,37 @@
+class Skr.Components.InvoiceFinder extends Lanes.React.Component
+
+    propTypes:
+        commands:   React.PropTypes.object
+        autoFocus:  React.PropTypes.bool
+
+    getDefaultProps: ->
+        autoFocus: true, name: 'visible_id', label: 'Invoice #'
+
+    dataObjects:
+        query: ->
+            new Lanes.Models.Query({
+                initialFieldIndex: 1
+                title: 'Invoice'
+                syncOptions: Lanes.Models.Query.mergedSyncOptions(
+                    @props.syncOptions, { with: [ 'with_details' ] }
+                ), autoRetrieve: true
+                src: Skr.Models.Invoice, fields: [
+                    { id: 'id', visible: false }
+                    { id: 'visible_id', title: 'Invoice #', fixedWidth: 100}
+                    { id: 'customer_code', title: 'Customer', fixedWidth: 120}
+                    { id: 'invoice_date', fixedWidth: 120}
+                    { id: 'po_num', title: 'PO', fixedWidth: 120}
+                    { id: 'notes', flex: 1}
+                    {
+                        id: 'invoice_total', title: 'Total', fixedWidth: 120,
+                        textAlign: 'right', format: Lanes.u.format.currency
+                    }
+                ]
+            })
+
+    render: ->
+        <LC.RecordFinder ref="finder" sm=2
+            name='customer'
+            {...@props}
+            query={@query}
+        />

data/client/skr/components/InvoiceLink.cjsx

@@ -0,0 +1,13 @@
+class Skr.Components.InvoiceLink extends Lanes.React.Component
+    propTypes:
+        onClick: React.PropTypes.func
+        invoice: React.PropTypes.instanceOf(Skr.Models.Invoice)
+
+    onClick: ->
+        @props.onClick?()
+        @props.invoice.withAssociations(['lines']).then =>
+            Lanes.Screens.Definitions.all.get('invoice')
+                .display(props: {invoice: @props.invoice})
+
+    render: ->
+        <a href='#' onClick={@onClick}>{@props.invoice.visible_id}</a>

data/client/skr/components/LocationChooser.cjsx

@@ -0,0 +1,37 @@
+class Skr.Components.LocationChooser extends Lanes.React.Component
+
+    propTypes:
+        onModelSet: React.PropTypes.func
+        name:       React.PropTypes.string
+
+    getDefaultProps: ->
+        label: 'Location', name: 'location'
+
+    dataObjects:
+        query: ->
+            new Lanes.Models.Query({
+                autoRetrieve: true
+                syncOptions: Lanes.Models.Query.mergedSyncOptions(
+                    @props.syncOptions, { include: [ 'address' ] }
+                )
+                src: Skr.Models.Location, fields: [
+                    {id:'id', visible: false}
+                    { id: 'code', fixedWidth: 130 }
+                    'name'
+                ]
+            })
+
+    render: ->
+        props = _.clone(@props)
+        if props.displayFinder
+            <LC.RecordFinder ref="finder" sm=3 autoFocus
+                commands={@state.commands}
+                collection={Skr.Models.Location.all}
+                query={@query}
+                {...props} />
+        else
+            <LC.SelectField
+                {...props}
+                choices={Skr.Models.Location.all.models}
+                labelField='code'
+                model={@props.model} />

data/client/skr/components/PaymentCategoryFinder.cjsx

@@ -0,0 +1,34 @@
+class Skr.Components.PaymentCategoryFinder extends Lanes.React.Component
+
+    propTypes:
+        model:      Lanes.PropTypes.Model
+        commands:   React.PropTypes.object
+        autoFocus:  React.PropTypes.bool
+        name:       React.PropTypes.string
+        selectField:   React.PropTypes.bool
+
+    getDefaultProps: ->
+        autoFocus: false, label: 'Payment Category', name: 'payment_category'
+
+    dataObjects:
+        query: ->
+            new Lanes.Models.Query({
+                syncOptions: @props.syncOptions, autoRetrieve: true
+                src: Skr.Models.PaymentCategory, fields: [
+                    {id:'id',   visible: false}
+                    {id:'gl_account_id', visible: false}
+                    {id:'code', fixedWidth: 130 },
+                    {id:'name', flex: 1}
+                ]
+            })
+
+    render: ->
+        props = _.clone(@props)
+
+        if props.selectField
+            <LC.SelectField queryModel={Skr.Models.PaymentCategory} sm=2 {...props} />
+        else
+            <LC.RecordFinder ref="finder" sm=3 autoFocus
+                commands={@props.commands}
+                query={@query}
+                {...props} />

data/client/skr/components/PrintFormChooser.cjsx

@@ -0,0 +1,29 @@
+class Skr.Components.PrintFormChooser extends Lanes.React.Component
+
+    propTypes:
+        label: React.PropTypes.string.isRequired
+        model: Lanes.PropTypes.Model.isRequired
+        choices: React.PropTypes.array
+
+    getDefaultProps: ->
+        name: 'form'
+
+    onChange: (val) ->
+        if @props.onChange
+            @props.onChange?(val, @props)
+        else
+            @props.model[@props.name] = val
+
+    renderValue: (value) ->
+        value
+
+    render: ->
+        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>

data/client/skr/components/SalesOrderFinder.cjsx

@@ -0,0 +1,38 @@
+class Skr.Components.SalesOrderFinder extends Lanes.React.Component
+
+    propTypes:
+        onModelSet: React.PropTypes.func
+        commands:   React.PropTypes.object
+        name:       React.PropTypes.string
+        autoFocus:  React.PropTypes.bool
+
+    getDefaultProps: ->
+        editing: true
+        autoFocus: true, name: 'visible_id', label: 'Sales Order #'
+
+    dataObjects:
+        query: ->
+            new Lanes.Models.Query({
+                initialFieldIndex: 1, title: 'Sales Order', autoRetrieve: true
+                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: 'order_date', fixedWidth: 120}
+                    { id: 'po_num', title: 'PO', fixedWidth: 120}
+                    { id: 'notes', flex: 1}
+                    {
+                        id: 'order_total', title: 'Total', textAlign: 'right', fixedWidth: 120,
+                        format: Lanes.u.format.currency
+                    }
+                ]
+            })
+
+    render: ->
+        <LC.RecordFinder ref="finder" sm=2
+            {...@props}
+            query={@query}
+        />

data/client/skr/components/ScreenControls.cjsx

@@ -0,0 +1,20 @@
+class SC.ScreenControls extends Lanes.React.Component
+
+    propTypes:
+        commands:        React.PropTypes.instanceOf(Lanes.Screens.Commands).isRequired
+        toolbar:         React.PropTypes.bool
+        errors:          React.PropTypes.bool
+        networkActivity: React.PropTypes.bool
+        toolbarProps:    React.PropTypes.object
+
+    PrintButton: ->
+        return null unless @props.commands.canPrint?()
+        <SC.ToolbarButton onClick={@props.commands.printModel} className='print'>
+            <LC.Icon type="print" />Print
+        </SC.ToolbarButton>
+
+    render: ->
+        <Lanes.Screens.CommonComponents {...@props}>
+            <@PrintButton />
+            {@props.children}
+        </Lanes.Screens.CommonComponents>

data/client/skr/components/SkuFinder.cjsx

@@ -0,0 +1,30 @@
+class Skr.Components.SkuFinder extends Lanes.React.Component
+
+    propTypes:
+        model:      Lanes.PropTypes.Model.isRequired
+        onModelSet: React.PropTypes.func
+        commands:   React.PropTypes.object
+        autoFocus:  React.PropTypes.bool
+        name:       React.PropTypes.string
+        selectField:   React.PropTypes.bool
+
+    getDefaultProps: ->
+        autoFocus: false, label: 'SKU', name: 'code'
+
+    dataObjects:
+        query: ->
+            new Lanes.Models.Query({
+                syncOptions: @props.syncOptions, autoRetrieve: true
+                src: Skr.Models.Sku, fields: [
+                    {id:'id', visible: false}
+                    'code'
+                    { id: 'description', flex: 2}
+                ]
+            })
+
+    render: ->
+        props = _.extend( {}, @props )
+        if @props.selectField
+            <LC.SelectField labelField="code" displayFallback={@model.sku_code} {...props} />
+        else
+            <LC.RecordFinder commands={@props.commands} query={@query} {...props} />

data/client/skr/components/SkuLines.cjsx

@@ -0,0 +1,76 @@
+class Skr.Components.SkuLines extends Lanes.React.Component
+
+    propTypes:
+        lines:    Lanes.PropTypes.Collection.isRequired
+        commands: React.PropTypes.object.isRequired
+        location: Lanes.PropTypes.Model.isRequired
+        saveImmediately: React.PropTypes.func.isRequired
+
+    componentWillMount: ->
+        @createQuery(@props.lines)
+
+    componentWillReceiveProps: (nextProps) ->
+        @createQuery(nextProps.lines) if nextProps.lines
+
+    createQuery: (lines) ->
+        @query = new Lanes.Models.Query
+            title: 'Lines'
+            defaultSort: false
+            src: lines, fields: [
+                { id:'id', visible: false         }
+                { id: 'sku_code', fixedWidth: 150 }
+                { id: 'description', flex: 2      }
+                {
+                    id: 'uom', title: 'UOM', query: false, fixedWidth: 100,
+                    format: (v, r, q)  -> v?.combined_uom
+                    sortBy: (a, b) ->
+                        Lanes.u.comparator(a.uom_size, b.uom_size) or
+                            Lanes.u.comparator(a.uom_code, b.uom_code)
+                }
+                { id: 'qty',   textAlign: 'center', fixedWidth: 100 }
+                {
+                    id: 'price', textAlign: 'right', fixedWidth: 130,
+                    format: (v, r, q) -> v?.toFixed(2)
+                }
+            ]
+
+    onSkuChange: (sku, options) ->
+        options.model.set({sku})
+        _.defer =>
+            _.dom(@, 'input[name="qty"]').focusAndSelect() if @isMounted()
+
+    editors: ->
+        sku_code: ({model, props}) =>
+            options = {
+                with: {in_location: props.location.id}
+                include: ['sku_locs', 'uoms']
+            }
+            <SC.SkuFinder
+                writable
+                setSelection={@onSkuChange}
+                name='sku' model={model}
+                selectField unstyled syncOptions={options} />
+
+        uom: ({model}) ->
+            <SC.UOMChooser writable unstyled model={model} />
+
+    onSelectionChange:  (model) ->
+        return unless model and @props.commands.isEditing()
+        new _.Promise (res, rej) ->
+            model.withAssociations([
+                'sku_loc', 'sku', 'uom_choices'
+            ]).then -> res(model)
+
+    render: ->
+        <LC.Grid query={@query}
+            ref='grid'
+            commands={@props.commands}
+            autoLoadQuery={false}
+            expandY={true}
+            columEditors={@editors()}
+            editorProps={location: @props.location, syncImmediatly: @props.saveImmediately}
+            onSelectionChange={@onSelectionChange}
+            allowDelete={true}
+            allowCreate={true}
+            editor={true}
+        />

data/client/skr/components/SystemSettings.cjsx

@@ -0,0 +1,26 @@
+class Skr.Components.SystemSettings extends Lanes.React.Component
+
+    dataObjects:
+        banks: ->
+            Skr.Models.BankAccount.Collection.fetch()
+
+    setBankAccount: (value) ->
+        Lanes.config.system_settings
+            .setValueForExtension('skr', 'bank_account_id', value.id)
+        @forceUpdate()
+
+    getBankAccount: ->
+        id = Lanes.config.system_settings.forExtension('skr').bank_account_id
+        if id then {id} else undefined
+
+    render: ->
+        <BS.Row className="skr-system-settings">
+
+            <SC.BankAccountFinder selectField
+                sm=3 label="Default Bank Account"
+                choices={this.banks.models}
+                setSelection={@setBankAccount}
+                getSelection={@getBankAccount}
+            />
+
+        </BS.Row>

data/client/skr/components/TermsChooser.cjsx

@@ -0,0 +1,40 @@
+class Skr.Components.TermsChooser extends Lanes.React.Component
+
+    propTypes:
+        model: Lanes.PropTypes.Model.isRequired
+        label: React.PropTypes.string
+        name:  React.PropTypes.string
+        useFinder: React.PropTypes.bool
+
+    getDefaultProps: ->
+        label: 'Payment Terms', name: 'terms'
+
+    dataObjects:
+        query: ->
+            new Lanes.Models.Query({
+                syncOptions: @props.syncOptions, autoRetrieve: true
+                src: Skr.Models.PaymentTerm, fields: [
+                    { id:'id', visible: false}
+                    { id: 'code', fixedWidth: 130 },
+                    'description',
+                    { id: 'days', fixedWidth: 80 }
+                    { id: 'discount_days', label: 'Disc Days', fixedWidth: 80 }
+                    { id: 'discount_amount', label: 'Disc Amt', fixedWidth: 80 }
+
+                ]
+            })
+
+    render: ->
+        if @props.useFinder
+            <LC.RecordFinder ref="finder"
+                collection={Skr.Models.PaymentTerm.all}
+                commands={@props.commands}
+                query={@query}
+                {...@props} />
+        else
+            <LC.SelectField sm=3
+                choices={Skr.Models.PaymentTerm.all.models}
+                labelField="code"
+                {...@props}
+                fetchWhenOpen={false}
+                model={@props.model} />

data/client/skr/components/ToolbarButton.cjsx

@@ -0,0 +1,7 @@
+class Skr.Components.ToolbarButton extends Lanes.React.BaseComponent
+
+    render: ->
+        cn = _.classnames "navbar-btn", "control", @props.classNames
+        <BS.Button navItem componentClass="button" {...@props} className={cn}>
+            {@props.children}
+        </BS.Button>

data/client/skr/components/TotalsLine.cjsx

@@ -0,0 +1,21 @@
+class Skr.Components.TotalsLine extends Lanes.React.Component
+
+    propTypes:
+        model: Lanes.PropTypes.Model.isRequired
+        attribute: React.PropTypes.string
+        label: React.PropTypes.string
+
+    getDefaultProps: ->
+        attribute: 'total', label: 'Total:'
+
+    render: ->
+        <BS.Row className='totals'>
+            <BS.Col lg=11 sm=10 xs=9 className="text-right">
+                <h4>{@props.label}</h4>
+            </BS.Col>
+            <BS.Col lg=1 sm=2 xs=3 className="total">
+                <h4>
+                    <Skr.Components.Currency amount={@model[@props.attribute]} />
+                </h4>
+            </BS.Col>
+        </BS.Row>

data/client/skr/components/TriStateIcon.cjsx

@@ -0,0 +1,12 @@
+ICON_TYPES =
+  all:  'check-square'
+  some: 'check-square-o'
+  none: 'square-o'
+
+class Skr.Components.TriState extends Lanes.React.Component
+
+    propTypes:
+        type: React.PropTypes.oneOf(_.keys(ICON_TYPES)).isRequired
+
+    render: ->
+        <LC.Icon type={ICON_TYPES[@props.type]} />

data/client/skr/components/UOMChooser.cjsx

@@ -0,0 +1,24 @@
+class Skr.Components.UOMChooser extends Lanes.React.Component
+
+    propTypes:
+        model: Lanes.PropTypes.Model.isRequired
+
+
+    getDefaultProps: ->
+        label: 'UOM'
+
+    render: ->
+        props = _.clone(@props)
+        props.choices ||= @props.model.uom_choices.models
+        <LC.SelectField
+            key="uom"
+            syncOptions={with: 'with_combined_uom'}
+            displayFallback={@props.model.uom.combined_uom}
+            editOnly writable unstyled
+            model={@props.model}
+            fetchWhenOpen={false}
+            queryOrder={size: 'desc'}
+            labelField="combined_uom"
+            name="uom"
+            {...props}
+        />

data/client/skr/components/UserPreferences.cjsx

@@ -0,0 +1,30 @@
+class Skr.Components.UserPreferences extends Lanes.React.Component
+    dataObjects:
+        user: -> Lanes.current_user
+        projects: -> new Skr.Models.CustomerProject.Collection
+
+    componentWillMount: -> @projects.ensureLoaded()
+
+    setProject: (project) ->
+        @user.options = _.extend({}, @user.options, {project_id: project.id})
+
+    getProject: ->
+        return unless @user.options?.project_id
+        { id: @user.options.project_id, label: @projects.get(@user.options.project_id)?.code }
+
+    render: ->
+        <BS.Row className="skr-preferences">
+
+            <LC.SelectField xs=4
+                fetchWhenOpen={false}
+                label='Default Customer Project'
+                labelField='code'
+                model={@user}
+                name='options'
+                choices={@projects.models}
+                setSelection={@setProject}
+                getSelection={@getProject}
+                queryModel={Skr.Models.CustomerProject}
+            />
+
+        </BS.Row>

data/client/skr/components/VendorFinder.cjsx

@@ -0,0 +1,40 @@
+class Skr.Components.VendorFinder extends Lanes.React.Component
+
+    propTypes:
+        model:      Lanes.PropTypes.Model.isRequired
+        commands:   React.PropTypes.object
+        autoFocus:  React.PropTypes.bool
+        name:       React.PropTypes.string
+        selectField:   React.PropTypes.bool
+
+    getDefaultProps: ->
+        autoFocus: false, name: 'vendor', label: 'Vendor Code'
+
+    dataObjects:
+        query: ->
+            new Lanes.Models.Query({
+                title: 'Vendors'
+                syncOptions: @props.syncOptions, autoRetrieve: true
+                src: Skr.Models.Vendor, fields: [
+                    {id:'id', visible: false}
+                    'code', 'name',
+                    { id: 'notes', flex: 2}
+
+                ]
+            })
+
+    render: ->
+        if @props.selectField
+            <LC.SelectField sm=2
+                label="Vendor"
+                name="vendor"
+                labelField="code"
+                model={@props.model}
+                {...@props} />
+        else
+            <LC.RecordFinder sm=3 autoFocus
+                model={@props.model}
+                name='vendor'
+                commands={@state.commands}
+                query={@query}
+                {...@props} />

data/client/skr/components/address/Address.cjsx

@@ -18,34 +18,34 @@ class Skr.Components.Address extends Lanes.React.Component
             {@renderTitle() if @props.title}
             <BS.Row>
                 <BS.Col xs=12>
-                    <LC.TextField name="name" model={@model} />
+                    <LC.Input name="name" model={@model} />
                 </BS.Col>
             </BS.Row>
             <BS.Row>
                 <BS.Col sm=6>
-                    <LC.TextField name="phone" model={@model} />
+                    <LC.Input name="phone" model={@model} />
                 </BS.Col>
                 <BS.Col sm=6>
-                    <LC.TextField name="email" model={@model} />
+                    <LC.Input name="email" model={@model} />
                 </BS.Col>
             </BS.Row>
             <BS.Row>
                 <BS.Col md=6>
-                    <LC.TextField name="line1" model={@model} />
+                    <LC.Input name="line1" model={@model} />
                 </BS.Col>
                 <BS.Col md=6>
-                    <LC.TextField name="line2" model={@model} />
+                    <LC.Input name="line2" model={@model} />
                 </BS.Col>
             </BS.Row>
             <BS.Row>
                 <BS.Col md=7>
-                    <LC.TextField name="city" model={@model} />
+                    <LC.Input name="city" model={@model} />
                 </BS.Col>
-                <BS.Col sm=8 md=3>
-                    <LC.TextField name="state" model={@model} />
+                <BS.Col xs=8 md=3>
+                    <LC.Input name="state" model={@model} />
                 </BS.Col>
-                <BS.Col sm=4 md=2>
-                    <LC.TextField name="postal_code" model={@model} />
+                <BS.Col xs=4 md=2>
+                    <LC.Input name="postal_code" model={@model} />
                 </BS.Col>
             </BS.Row>
         </BS.Col>