stockor 0.1.9 → 0.2

data/client/skr/models/Vendor.coffee

@@ -2,25 +2,27 @@ class Skr.Models.Vendor extends Skr.Models.Base
 
 
     props:
-        id:                    {"type":"integer","required":true}
-        billing_address_id:    {"type":"integer","required":true}
-        shipping_address_id:   {"type":"integer","required":true}
-        terms_id:              {"type":"integer","required":true}
-        gl_payables_account_id:{"type":"integer","required":true}
-        gl_freight_account_id: {"type":"integer","required":true}
-        code:                  {"type":"string","required":true}
-        hash_code:             {"type":"string","required":true}
-        name:                  {"type":"string","required":true}
+        id:                    {type:"integer"}
+        billing_address_id:    {type:"integer"}
+        shipping_address_id:   {type:"integer"}
+        terms_id:              {type:"integer"}
+        gl_payables_account_id:{type:"integer"}
+        gl_freight_account_id: {type:"integer"}
+        code:                  {type:"code"}
+        hash_code:             {type:"string"}
+        name:                  {type:"string", required: true}
         notes:                 "string"
         account_code:          "string"
         website:               "string"
 
+    mixins: ['HasCodeField']
+
     associations:
         billing_address:     { model: "Address" }
         shipping_address:    { model: "Address" }
-        terms:               { model: "PaymentTerm" }
-        gl_payables_account: { model: "GlAccount" }
-        gl_freight_account:  { model: "GlAccount" }
+        terms:               { model: "PaymentTerm", required: true }
+        gl_payables_account: { model: "GlAccount",   required: true }
+        gl_freight_account:  { model: "GlAccount",   required: true }
         purchase_orders:     { collection: "PurchaseOrder" }
         vouchers:            { collection: "Voucher" }
         vendor_skus:         { collection: "SkuVendor" }

data/client/skr/models/VoLine.coffee

@@ -2,18 +2,18 @@ class Skr.Models.VoLine extends Skr.Models.Base
 
 
     props:
-        id:           {"type":"integer","required":true}
-        voucher_id:   {"type":"integer","required":true}
-        sku_vendor_id:{"type":"integer","required":true}
+        id:           {type:"integer"}
+        voucher_id:   {type:"integer"}
+        sku_vendor_id:{type:"integer"}
         po_line_id:   "integer"
-        sku_code:     {"type":"string","required":true}
-        part_code:    {"type":"string","required":true}
-        description:  {"type":"string","required":true}
-        uom_code:     {"type":"string","required":true}
-        uom_size:     {"type":"integer","required":true}
-        position:     {"type":"integer","required":true}
-        qty:          {"type":"integer","required":true,"default":"0"}
-        price:        {"type":"bigdec","required":true}
+        sku_code:     {type:"string"}
+        part_code:    {type:"string"}
+        description:  {type:"string"}
+        uom_code:     {type:"string"}
+        uom_size:     {type:"integer"}
+        position:     {type:"integer"}
+        qty:          {type:"integer", "default":"0"}
+        price:        {type:"bigdec"}
 
     associations:
         voucher:    { model: "Voucher" }

data/client/skr/models/Voucher.coffee

@@ -2,15 +2,17 @@ class Skr.Models.Voucher extends Skr.Models.Base
 
 
     props:
-        id:               {"type":"integer","required":true}
-        visible_id:       {"type":"integer","required":true}
-        vendor_id:        {"type":"integer","required":true}
+        id:               {type:"integer"}
+        visible_id:       {type:"visible_id"}
+        vendor_id:        {type:"integer"}
         purchase_order_id:"integer"
-        terms_id:         {"type":"integer","required":true}
-        state:            {"type":"string","required":true}
+        terms_id:         {type:"integer"}
+        state:            {type:"string"}
         refno:            "string"
         confirmation_date:"any"
 
+    mixins: [ 'HasVisibleId' ]
+
     associations:
         vendor:          { model: "Vendor" }
         customer:        { model: "Customer" }

data/client/skr/models/mixins/HasVisibleId.coffee

@@ -0,0 +1,7 @@
+Skr.Models.Mixins.HasVisibleId = {
+
+    invalidChars: /[^A-Z0-9a-z]/
+
+    visibleIdentifier: -> @visible_id
+
+}

data/client/skr/models/mixins/PrintSupport.coffee

@@ -0,0 +1,6 @@
+Skr.Models.Mixins.PrintSupport = {
+
+    pdfDownloadUrl: ->
+        "#{Lanes.config.api_path}skr/print/#{@modelTypeIdentifier()}/#{@hash_code}.pdf"
+
+}

data/client/skr/models/mixins/SkuLine.coffee

@@ -0,0 +1,61 @@
+ASSOCIATIONS =
+    uom_choices: { collection: "Uom", options: ->
+        with: {for_sku_loc: @sku_loc_id}, query: {}
+    }
+    sku_choices: { collection: "Sku", options: ->
+        with: {in_location: @location_id}, query: {}
+        include: ['sku_locs', 'uoms']
+    }
+    sku:         { model: "Sku"    }
+    uom:         { model: "Uom"    }
+    sku_loc:     { model: "SkuLoc" }
+
+
+DERIVED =
+    total:  deps: ['qty', 'price'], fn: ->
+        @qty ||= 0
+        @price  ||= 0
+        _.bigDecimal(@qty * @price)
+
+Skr.Models.Mixins.SkuLine = {
+
+    included: (klass) ->
+        _.extend( klass::derived ||= {},      DERIVED)
+        _.extend( klass::associations ||= {}, ASSOCIATIONS)
+
+    initialize: ->
+        @uom.size = @uom_size
+        @uom.code = @uom_code
+        @on('change:sku', @onSkuChange)
+        @on('change:uom', @onUomChange)
+        @on('change:location_id', @onLocationChange)
+        @uom_choices.on("add", @onUomsLoad, this)
+
+    onLocationChange: ->
+        if @location_id
+            @sku_choices.options.with.in_location = @location_id
+
+    onUomsLoad: ->
+        uom = this.uom_choices.findWhere(size: @uom_size, code: @uom_code)
+        this.uom.set( uom.serialize() ) if uom
+
+    onSkuChange: ->
+        return unless @sku
+        sl = @sku.sku_locs.findWhere(sku_id: @sku.id)
+        if sl
+            @set(sku_loc: sl)
+            @uom_choices.options.with.for_sku_loc = sl.id
+        unless @sku.uoms.isEmpty()
+            @uom_choices.reset(@sku.uoms.models)
+            uom = @sku.uoms.findWhere(size: @uom_size) or @sku.uoms.first()
+            this.set(uom: uom)
+        @sku_code    = @sku.code if @sku.code
+        @description = @sku.description if @sku.description
+
+    onUomChange: (uom) ->
+        return unless uom
+        newPrice = Skr.Models.PricingProvider.price({uom})
+        @price = newPrice unless newPrice.eq(0)
+        @uom_code = uom.code
+        @uom_size = uom.size
+}

data/client/skr/screens/Commands.coffee

@@ -0,0 +1,29 @@
+class Skr.Screens.Commands extends Lanes.Screens.Commands
+
+    constructor: ->
+        super
+
+    canPrint: ->
+        model = @getModel()
+        not model.isNew() and model?.pdfDownloadUrl
+
+    printModel: ->
+        model = @getModel()
+        width  = Math.min(1000, window.screen.width - 20)
+        height = Math.min(800, window.screen.height - 30)
+        options = ["toolbar=no", "location=" + (if window.opera then "no" else "yes"),
+          "directories=no,status=no,menubar=no,scrollbars=yes,resizable=yes,copyhistory=no",
+          "width=" + width, "height=" + height,
+          "top="   + (window.screen.height - height) / 2,
+          "left="  + (window.screen.width - width)   / 2].join()
+
+        prn = window.open('', 'lanes-print', options)
+        printFn = ->
+            prn.location.href = _.result(model, 'pdfDownloadUrl')
+            _.delay ->
+                prn?.print?()
+            , 5000 # onload doesn't seem to work with PDF's so we just delay a bit
+        if model.isDirty
+            model.save().then printFn
+        else
+            printFn()

data/client/skr/screens/bank-maint/BankMaint.cjsx

@@ -0,0 +1,43 @@
+class Skr.Screens.BankMaint extends Skr.Screens.Base
+    syncOptions:
+        include: [ 'address' ]
+
+    dataObjects:
+        bank: ->
+            @loadOrCreateModel({
+                syncOptions: @syncOptions, klass: Skr.Models.BankAccount
+                prop: 'bank', attribute: 'code'
+            })
+
+    getInitialState: ->
+        commands: new Skr.Screens.Commands(this, modelName: 'bank', print: true)
+
+    render: ->
+        <LC.ScreenWrapper identifier="bank-maint">
+            <SC.ScreenControls commands={@state.commands} />
+
+            <BS.Row>
+                <SC.BankAccountFinder ref='finder' label='Code' sm=3 xs=4 editOnly
+                    syncOptions={@syncOptions} model={@bank}
+                    commands={@state.commands} />
+
+                <LC.Input sm=6 name="name" model={@bank} />
+
+                <SC.GlAccountChooser sm=3 label="GL Account"
+                    name="gl_account" model={@bank} />
+            </BS.Row>
+            <BS.Row>
+                <LC.Input sm=12 name="description" model={@bank} />
+            </BS.Row>
+
+            <SC.Address lg=6 title="Address for Check Printing"
+                model={@bank.address}  />
+
+            <LC.FieldSet sm=12 title="Account Information *">
+                <p>* Can be ommited if pre-printed checks are used</p>
+                <BS.Row>
+                    <LC.Input sm=6 name="routing_number" model={@bank} />
+                    <LC.Input sm=6 name="account_number" model={@bank} />
+                </BS.Row>
+            </LC.FieldSet>
+        </LC.ScreenWrapper>

data/client/skr/screens/bank-maint/index.js

@@ -0,0 +1,5 @@
+//= require_tree .
+
+/*
+ Add additional requirement statements for other files that the screen uses
+*/

data/client/skr/screens/chart-of-accounts/ChartOfAccounts.cjsx

@@ -0,0 +1,40 @@
+class Skr.Screens.ChartOfAccounts extends Skr.Screens.Base
+
+    modelForAccess: 'gl-transaction'
+    dataObjects:
+        query: ->
+            new Lanes.Models.Query
+                title: 'Lines', src: Skr.Models.GlAccount
+                syncOptions: {with: 'with_balances'}
+                fields: [
+                    { id:'id', visible: false }
+                    { id: 'number', label: 'Acct #', fixedWidth: 120 }
+                    'description'
+                    {
+                        id: 'balance', fixedWidth: 120, textAlign: 'right'
+                        format: Lanes.u.format.currency
+                    }
+                ]
+
+    reload: ->
+        @query.results.reload()
+
+    onRowClick: (account) ->
+        Lanes.Screens.Definitions.all.get('gl-transactions')
+            .display(props: {account: account})
+
+    render: ->
+        <LC.ScreenWrapper flexVertical identifier="chart-of-accounts">
+            <div className="heading">
+                <h3>Chart of Accounts</h3>
+                <span className="explain">Click row to review transactions</span>
+                <BS.Button onClick={@reload}>Reload</BS.Button>
+            </div>
+            <LC.Grid
+                onSelectionChange={@onRowClick}
+                query={@query}
+                ref='grid'
+                expandY={true}
+            />
+
+        </LC.ScreenWrapper>

data/client/skr/screens/chart-of-accounts/index.js

@@ -0,0 +1 @@
+//=require ./ChartOfAccounts

data/client/skr/screens/chart-of-accounts/index.scss

@@ -0,0 +1,12 @@
+.chart-of-accounts {
+    .heading {
+        display: flex;
+        align-items: baseline;
+        justify-content: space-between;
+        .explain {
+            flex: 1;
+            text-align: center;
+        }
+    }
+
+}

data/client/skr/screens/customer-maint/CustomerMaint.cjsx

@@ -1,58 +1,57 @@
-class Skr.Screens.CustomerMaint extends Lanes.React.Screen
+class Skr.Screens.CustomerMaint extends Skr.Screens.Base
 
+    syncOptions: {include: ['billing_address', 'shipping_address']}
     dataObjects:
         customer: ->
-            @props.customer || new Skr.Models.Customer
-        query: ->
-            new Lanes.Models.Query({
-                loadAssociations: ['billing_address', 'shipping_address']
-                modelClass: Skr.Models.Customer, fields: [
-                    {id:'id', visible: false}
-                    'code', 'name', 'notes',
-                    { id: 'open_balance', flex: 0.5, textAlign: 'center' }
-                ]
+            @loadOrCreateModel({
+                syncOptions: @syncOptions, klass: Skr.Models.Customer,
+                prop: 'customer', attribute: 'code'
             })
 
     getInitialState: ->
-        commands: new Lanes.Screens.Commands(this, modelName: 'customer')
+        commands: new Skr.Screens.Commands(this, modelName: 'customer')
 
     modelForAccess: 'customer'
 
+    setForm: (val, {type}) ->
+        @customer.forms = _.extend({}, @customer.forms, {"#{type}": val})
+
     render: ->
-        <div className="customer-maint">
-            <LC.Toolbar commands={@state.commands} />
-            <LC.ErrorDisplay model={@customer} />
+        <LC.ScreenWrapper identifier="customer-maint">
+            <SC.ScreenControls commands={@state.commands} />
             <BS.Row>
-                <LC.RecordFinder ref="finder" sm=4 autoFocus
-                    model={@customer}
-                    commands={@state.commands}
-                    query={@query} />
-                <LC.TextField sm=8 name="name" model={@customer} />
+                <SC.CustomerFinder sm=4 editOnly ref="finder"
+                    syncOptions={@syncOptions}
+                    commands={@state.commands} model={@customer} name='code' />
+                <LC.Input sm=8 name="name" model={@customer} />
             </BS.Row>
             <BS.Row>
-               <LC.TextArea sm=12
-                   name="notes"
-                   model={@customer} />
+                <LC.Input sm=12
+                    type='textarea'
+                    name="notes"
+                    model={@customer} />
             </BS.Row>
             <BS.Row>
-                <LC.SelectField sm=6
-                    label="Receivables Account"
-                    name="gl_receivables_account"
-                    labelField="combined_name"
-                    model={@customer} />
-                <LC.SelectField sm=6
-                    label="Payment Terms"
-                    name="terms"
-                    labelField="code"
-                    model={@customer} />
+                <SC.GlAccountChooser sm=3 model={@customer}
+                    label="Receivables Account" name="gl_receivables_account"/>
+                <SC.TermsChooser model={@customer} sm=3 />
+                <SC.PrintFormChooser
+                    label="Sales Order Form" sm=3 model={@customer}
+                    onChange={@setForm} type="sales_order"
+                    value={@customer.forms?.sales_order}
+                    choices={Skr.Models.SalesOrder.Templates} />
+                <SC.PrintFormChooser
+                    label="Invoice Form" sm=3 model={@customer}
+                    onChange={@setForm} type="invoice"
+                    value={@customer.forms?.invoice}
+                    choices={Skr.Models.Invoice.Templates} />
             </BS.Row>
             <BS.Row>
                 <LC.FieldSet sm=12 title="Address">
-                    <Skr.Components.Address lg=6 title="Billing"
+                    <SC.Address lg=6 title="Billing"
                         model={@customer.billing_address}  />
-                    <Skr.Components.Address lg=6 title="Shipping"
+                    <SC.Address lg=6 title="Shipping"
                         model={@customer.shipping_address} />
                 </LC.FieldSet>
             </BS.Row>
-
-        </div>
+        </LC.ScreenWrapper>

data/client/skr/screens/customer-projects/CustomerProjects.cjsx

@@ -0,0 +1,70 @@
+class Skr.Screens.CustomerProjects extends Skr.Screens.Base
+
+    getInitialState: ->
+        commands: new Skr.Screens.Commands(this, modelName: 'project')
+
+    dataObjects:
+        project: ->
+            @loadOrCreateModel({
+                klass: Skr.Models.CustomerProject,
+                prop: 'project', attribute: 'code'
+            })
+
+    modelForAccess: 'customer-project'
+
+    getHourlyRate: -> @project.rates?.hourly
+    setHourlyRate: (value) ->
+        @project.rates = _.extend({}, @project.rates, {hourly: value.replace(/[^0-9.]/g, '')})
+    ColorOption: (props) ->
+        <div className={"color-#{props.item.id}"}>{props.item.name}</div>
+
+    setColor: (value) ->
+        @project.options = _.extend({}, @project.options, {color: value.id})
+        @forceUpdate()
+    getColorReadOnly: ->
+        index = @getColor()
+        color = _.findWhere(Skr.Models.CustomerProject.COLORS, id: index)
+        <div className={"ro color-#{index}"}>{color?.name}</div>
+
+    getColor: ->
+        @project.options?.color
+
+    render: ->
+        <LC.ScreenWrapper identifier="customer-projects">
+            <SC.ScreenControls commands={@state.commands} />
+            <BS.Row>
+                <SC.CustomerProjectFinder ref='finder' commands={@state.commands}
+                    model={@project} autoFocus editOnly sm=3 />
+
+                <SC.CustomerFinder selectField sm=3
+                    label='Customer' model={@project} name='customer' />
+
+                <SC.SkuFinder selectField sm=3 model={@project} name='sku' />
+                <LC.Input name="po_num" model={@project} sm=3 />
+            </BS.Row>
+            <BS.Row>
+                <LC.Input sm=2 name="rates" label='Hourly Rate' model={@project}
+                    setValue={@setHourlyRate} getValue={@getHourlyRate} />
+
+                <LC.FieldWrapper sm=2
+                    label="Entry Color"
+                    className="color-selection"
+                    value={@getColorReadOnly()}
+                >
+                    <Lanes.Vendor.ReactWidgets.DropdownList
+                        className='colors'
+                        data={Skr.Models.CustomerProject.COLORS}
+                        valueField='id' textField='name'
+                        value={@getColor()} onChange={@setColor}
+                        valueComponent={@ColorOption}
+                        disabled={!@state.commands.isEditing()}
+                        itemComponent={@ColorOption} />
+                </LC.FieldWrapper>
+
+                <LC.Input name="name" model={@project} sm=8 />
+            </BS.Row>
+            <BS.Row>
+                <LC.Input name="description" model={@project} sm=12 />
+            </BS.Row>
+
+        </LC.ScreenWrapper>

data/client/skr/screens/customer-projects/index.js

@@ -0,0 +1,5 @@
+//= require_tree .
+
+/*
+ Add additional requirement statements for other files that the screen uses
+*/

data/client/skr/screens/customer-projects/index.scss

@@ -0,0 +1,25 @@
+/*
+ If your screen does not use any custom styles
+
+ You should remove this file and it's reference from config/screens.rb
+
+ Otherwise Lanes will continue to fetch an empty file whenever
+ the screen is displayed
+*/
+@import "lanes/screens/styles";
+
+.customer-projects {
+    @include lanes-unpadded-dropdown();
+    @each $current-color in $lanes-color-selections {
+        $i: index($lanes-color-selections, $current-color);
+        .color-#{$i} {
+            background: $current-color;
+            color: nth($lanes-text-color-selections, $i);
+        }
+    }
+    .color-selection {
+        .ro {
+            padding-left: 0.5rem;
+        }
+    }
+}

data/client/skr/screens/fresh-books-import/ApiInfo.cjsx

@@ -0,0 +1,35 @@
+class Skr.Screens.FreshBooksImport.ApiInfo extends Lanes.React.Component
+    listenNetworkEvents: true
+    dataObjects:
+        import: 'props'
+    startImport: ->
+        @import.save()
+
+    render: ->
+        return null if @import.isComplete() or @import.job.isSubmitted
+        <div className="api-info">
+            <LC.NetworkActivityOverlay model={@import} />
+            <BS.Row>
+                <BS.Col sm=12>
+                    <h3>Freshbooks Account Information</h3>
+                    <p>
+                        The importer will download a summary of all Clients,
+                        Projects, Invoices, and time entries from Fresh Books
+                        and allow you to choose which ones to import.
+                    </p>
+                    <p>Your access information will not be stored and is only used to download records</p>
+                </BS.Col>
+            </BS.Row>
+            <BS.Row>
+                <LC.Input name='api_key' label='API Key' sm=7 model={@import} />
+                <LC.Input name='domain' label='Company' sm=3 model={@import} />
+                <LC.FormGroup className='domain' sm=2 label=''>.freshbooks.com</LC.FormGroup>
+            </BS.Row>
+            <BS.Row>
+                <BS.Col smOffset=9 sm=2>
+                    <BS.Button bsStyle="primary" bsSize="large" onClick={@startImport}>
+                        Start Import
+                    </BS.Button>
+                </BS.Col>
+            </BS.Row>
+        </div>

data/client/skr/screens/fresh-books-import/ChooseRecords.cjsx

@@ -0,0 +1,116 @@
+USERS = new Lanes.Models.User.Collection
+USERS.ensureLoaded()
+IGNORED_PROPS = ['selected', 'mapped_user_id', 'customer_code']
+
+class TextInput extends Lanes.React.Component
+    setCode: (ev) ->
+        @props.row.customer_code = ev.target.value.toUpperCase()
+        @forceUpdate()
+
+    render: ->
+        <input value={@props.row.customer_code} onChange={@setCode} />
+
+class UserSelect extends Lanes.React.Component
+    dataObjects:
+        user: -> new Lanes.Models.User
+
+    getUser: ->
+        if @props.row.mapped_user_id
+            USERS.get(@props.row.mapped_user_id)
+        else null
+
+    setUser: (user) ->
+        @props.row.mapped_user_id = user.id
+        @forceUpdate()
+
+    render: ->
+        <LC.SelectField
+            editOnly unstyled
+            model={this.user}
+            name="user"
+            labelField='login'
+            queryModel={Lanes.Models.User}
+            getSelection={@getUser}
+            setSelection={@setUser}
+            choices={USERS.models}
+        />
+
+
+class RecordRow extends Lanes.React.BaseComponent
+    isChecked: -> not @props.row.selected? or @props.row.selected
+    onChange: (ev) ->
+        @props.row.selected = ev.target.checked
+        @forceUpdate()
+    onRowClick: (ev) ->
+        return if ev.target.tagName is 'INPUT'
+        @props.row.selected = if @props.row.selected? then !@props.row.selected else false
+        @forceUpdate()
+    render: ->
+        <tr onClick={@onRowClick}>
+            <td>
+                <input type="checkbox" onChange={@onChange} checked={@isChecked()} />
+            </td>
+        {for key, value of _.omit(@props.row, IGNORED_PROPS)
+            <td key={key}>{value}</td>}
+        {for Field in (@props.xtra || [])
+            <td key={Field.label}><Field.control row={@props.row} /></td>}
+        </tr>
+
+class Skr.Screens.FreshBooksImport.ChooseRecords extends Lanes.React.Component
+    listenNetworkEvents: true
+    dataObjects:
+        import: 'props'
+        job: -> @props.import.job
+
+    RecordTable: (props) ->
+        records = @import.recordsForType(props.type)
+        keys = _.without( _.keys(_.first(records)), IGNORED_PROPS)
+        xtraFields = []
+        if props.type is 'staff'
+            xtraFields.push { label: 'Reassign To', control: UserSelect }
+        if props.type is 'clients'
+            xtraFields.push { label: 'Customer Code', control: TextInput }
+
+        <BS.Table responsive striped bordered condensed hover
+            className={props.type} >
+            <thead>
+                <tr>
+                    <th>Select</th>
+                {for key, i in keys
+                    <th key={i}>{_.titleize _.humanize key}</th>}
+                {for field in xtraFields
+                    <th key={field.label}>{field.label}</th>}
+                </tr>
+            </thead>
+            <tbody>
+            {for row, i in records
+                <RecordRow key={i} row={row} xtra={xtraFields} />}
+            </tbody>
+        </BS.Table>
+
+    startImport: -> @import.complete()
+
+    renderHeader: ->
+        button =
+            <BS.Button
+                bsStyle="primary" bsSize="large"
+                onClick={@startImport}>
+                Start Import
+            </BS.Button> unless @import.job.isExecuting
+
+        <div className="header">
+            <h3>Select Records for Import</h3>
+            {button}
+        </div>
+
+    render: ->
+        return null unless @import.hasPendingRecords()
+        <div className="import-records">
+            {@renderHeader()}
+            <BS.Tabs animation={false} defaultActiveKey={0}>
+            {for type, i in @import.recordTypes when @import.recordsForType(type)
+                <BS.Tab eventKey={i} key={i} title={_.titleize(type)} animation={false}>
+                    <@RecordTable type={type} />
+                </BS.Tab>}
+            </BS.Tabs>
+        </div>