stockor 0.1.9 → 0.2

data/client/skr/screens/sales-order/SalesOrder.cjsx

@@ -0,0 +1,68 @@
+class Skr.Screens.SalesOrder extends Lanes.React.Screen
+
+    syncOptions:
+        include: [ 'billing_address', 'shipping_address', 'lines' ]
+        with: [ 'with_details' ]
+
+    dataObjects:
+        sales_order: ->
+            @loadOrCreateModel({
+                syncOptions: @syncOptions, klass: Skr.Models.SalesOrder
+                prop: 'sales_order', attribute: 'visible_id'
+            })
+
+    getInitialState: ->
+        commands: new Skr.Screens.Commands(this, modelName: 'sales_order', print: true)
+
+    shouldSaveLinesImmediately: ->
+        not @sales_order.isNew()
+
+    render: ->
+        <LC.ScreenWrapper identifier="sales-order" flexVertical>
+            <SC.ScreenControls commands={@state.commands} />
+            <BS.Row>
+
+                <SC.SalesOrderFinder ref='finder' sm=2 xs=3 editOnly
+                    syncOptions={@syncOptions} model={@sales_order}
+                    commands={@state.commands} />
+
+                <SC.CustomerFinder selectField sm=3 xs=4
+                    customer={@sales_order.customer} model={@sales_order} />
+
+                <LC.Input sm=3 xs=4 name='po_num' model={@sales_order} />
+
+                <SC.TermsChooser model={@sales_order} sm=3 xs=6 />
+
+                <SC.LocationChooser label='Src Location' sm=3 xs=6
+                    model={@sales_order} />
+
+                 <LC.DateTime name='order_date' format='ddd, MMM Do YYYY' sm=3 xs=6
+                    model={@sales_order} />
+
+                <SC.PrintFormChooser label="Print Form" sm=3 model={@sales_order} sm=3 xs=6 />
+            </BS.Row>
+
+            <BS.Row>
+               <LC.Input sm=12
+                   type='textarea'
+                   name="notes"
+                   model={@sales_order} />
+            </BS.Row>
+
+            <BS.Row>
+                <LC.FieldSet sm=12 title="Address" expanded={@sales_order.isNew()}>
+                    <SC.Address lg=6 title="Billing"
+                        model={@sales_order.billing_address}  />
+                    <SC.Address lg=6 title="Shipping"
+                        model={@sales_order.shipping_address} />
+                </LC.FieldSet>
+            </BS.Row>
+
+            <SC.SkuLines
+                location={@sales_order.location}
+                commands={@state.commands}
+                saveImmediately={@shouldSaveLinesImmediately}
+                lines={@sales_order.lines} />
+
+            <SC.TotalsLine model={@sales_order} />
+        </LC.ScreenWrapper>

data/client/skr/screens/sales-order/index.js

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

data/client/skr/screens/sku-maint/SkuMaint.cjsx

@@ -0,0 +1,53 @@
+class Skr.Screens.SkuMaint extends Skr.Screens.Base
+
+    syncOptions:
+        {include: ['default_vendor', 'uoms']}
+
+    dataObjects:
+        sku: ->
+            @loadOrCreateModel({
+                syncOptions: @syncOptions, klass: Skr.Models.Sku, prop: 'sku', attribute: 'code'
+            })
+
+    getInitialState: ->
+        commands: new Skr.Screens.Commands(this, modelName: 'sku')
+
+    modelForAccess: 'sku'
+
+    render: ->
+        <LC.ScreenWrapper identifier="sku-maint">
+            <SC.ScreenControls commands={@state.commands} />
+            <BS.Row>
+                <SC.SkuFinder model={@sku} sm=4 label='Code' editOnly autoFocus
+                    syncOptions={@syncOptions}
+                    model={@sku} name='code'
+                    commands={@state.commands} />
+
+                <LC.Input sm=8 name="description" model={@sku} />
+            </BS.Row>
+            <BS.Row>
+                <SC.VendorFinder model={@sku} name="default_vendor" selectField />
+
+                <SC.GlAccountChooser sm=3 label="Asset Account"
+                    name="gl_asset_account" model={@sku} />
+
+                <Skr.Screens.SkuMaint.SkuUomList label={"UOMs"} model={@sku} name='uoms' sm=4 />
+            </BS.Row>
+            <BS.Row>
+                <LC.ToggleField sm=2
+                    label="Other Charge?"
+                    name="is_other_charge"
+                    model={@sku} />
+
+                <LC.ToggleField sm=2
+                    label="Track Inventory?"
+                    name="does_track_inventory"
+                    model={@sku} />
+
+                <LC.ToggleField sm=2
+                    label="Can Backorder?"
+                    name="can_backorder"
+                    model={@sku} />
+            </BS.Row>
+
+        </LC.ScreenWrapper>

data/client/skr/screens/sku-maint/SkuUomList.cjsx

@@ -0,0 +1,209 @@
+class UomList extends Lanes.Models.State
+
+    session:
+        default:  'state'
+        expanded: 'state'
+
+    constructor: (@sku, expanded) ->
+        super()
+        @uoms       = @sku.uoms.clone()
+        @default    = @uoms.findWhere(code: @sku.default_uom_code)
+        @expanded = expanded or @uoms.first()
+
+    save: ->
+        @sku.associations.replace(@sku, 'uoms', uoms)
+        @sku.default_uom_code = @default.code
+
+    add: ->
+        @uoms.add({})
+        @default = @uoms.first() if @uoms.length is 1
+        @trigger('change', @uoms)
+
+    map: (fn) -> @uoms.map(fn)
+
+    isDefault: (uom) ->
+        uom is @default
+
+    setDefault: (uom) ->
+        @trigger('change')
+        @default = uom
+
+
+class UomEdit extends Lanes.React.Component
+
+    propTypes:
+        list: React.PropTypes.instanceOf(UomList).isRequired
+        uom:  React.PropTypes.instanceOf(Skr.Models.Uom).isRequired
+
+    dataObjects:
+        list: 'props'
+        uom:  'props'
+
+    onHeaderClick: (ev) ->
+        return if ev.target.tagName is 'I'
+        @list.expanded = @uom
+
+    onCheckboxChange: (ev) ->
+        return unless ev.target.tagName is 'I'
+        @props.list.setDefault( @props.uom )
+
+    render: ->
+        header =
+            <div className="cursor-pointer" onClick={@onHeaderClick}>
+                <LC.Icon type="" />{@props.uom.combined}
+                <span className='pull-right'>
+                    <Skr.Components.Currency amount={@props.uom.price} />
+                    <LC.Icon
+                        style={marginLeft: '0.5em'}
+                        onClick={@onCheckboxChange}
+                        type={if @props.list.isDefault(@props.uom) then 'check-square-o' else 'square-o'} />
+                </span>
+            </div>
+
+        <BS.Panel ref="panel" className='form-horizontal' collapsible
+            expanded={@list.expanded is @uom} header={header}>
+
+            <LC.Input type="text"  label='Price' name='price' labelClassName="col-xs-3"
+                model={@props.uom} wrapperClassName="col-xs-6" />
+
+            <LC.Input type="number" label='Size' name='size'  labelClassName="col-xs-3"
+                model={@props.uom} wrapperClassName="col-xs-6" />
+
+            <LC.Input type="text"  label='Code' name='code'  labelClassName="col-xs-3"
+                model={@props.uom} wrapperClassName="col-xs-6"/>
+
+        </BS.Panel>
+
+
+class EditBody extends Lanes.React.Component
+
+    propTypes:
+        selected: React.PropTypes.instanceOf(Skr.Models.Uom)
+        uoms: Lanes.PropTypes.Collection.isRequired
+
+    dataObjects:
+        uoms: 'props'
+
+    add: ->
+        @props.uoms.add()
+
+    render: ->
+        <BS.Accordion>
+            <div className="sku-uom-edit">
+                {@props.uoms.map (uom) =>
+                    <UomEdit key={uom.cid} list={@props.uoms} uom={uom} />}
+            </div>
+        </BS.Accordion>
+
+class UOMToken extends Lanes.React.BaseComponent
+
+    propTypes:
+        uom: React.PropTypes.instanceOf(Skr.Models.Uom)
+
+    onClick: (ev) ->
+        ev.preventDefault()
+        @props.onEdit(@props.uom)
+
+    render: ->
+        <li onClick={@onClick} className="cursor-pointer">
+            {@props.uom.combined}
+            <Skr.Components.Currency
+                style={marginLeft: '0.5rem'}
+                amount={@props.uom.price} />
+        </li>
+
+class Skr.Screens.SkuMaint.SkuUomList extends Lanes.React.Component
+
+    mixins: [
+        LC.Form.FieldMixin
+    ]
+
+    getInitialState: ->
+        editing: false
+
+    renderDisplayValue: ->
+        value = @model.uoms.map (uom) ->
+            uom.combined
+        <span>{value.join(', ')}</span>
+
+    onEdit: (selected = @model.uoms.first()) ->
+        @setState
+            editing: new UomList(@model)
+            selected: selected
+
+    onAdd: ->
+        @refs.body.add()
+
+    onOk: ->
+        @state.editing.save()
+        @setState(editing: false)
+
+    onCancel: ->
+        @setState(editing: false)
+
+    renderEditingPopup: ->
+        return <span /> unless @state.editing
+        header =
+            <div>
+                <span>UOMs</span>
+                <LC.Icon type="plus" className="pull-right" onClick={@onAdd} />
+            </div>
+
+        <BS.Popover
+            ref="popover"
+            id='sku-edit-uoms'
+            title={header} placement='left'>
+
+                <div className={'clearfix'}>
+                    <EditBody ref='body' uoms={@state.editing} selected={@state.selected} />
+                    <div className='pull-right'>
+                        <BS.Button onClick={@onCancel}>
+                            Cancel
+                        </BS.Button>
+                        <BS.Button style={marginLeft: 10} bsStyle='primary' onClick={@onOk}>
+                            OK
+                        </BS.Button>
+                    </div>
+                </div>
+        </BS.Popover>
+
+    renderEdit: (label) ->
+        colProps = _.omit(@props, 'name', 'label')
+        classNames = _.classnames(@formGroupClassNames(), 'sku-uom-list')
+
+        <BS.Col {...colProps}>
+            <div className={classNames}>
+                <label className='control-label'>
+                    <div className="title">{label}</div>
+                </label>
+                <div className="input-group">
+                    <div className="read-only form-control value" name={@props.name}>
+                        <ul>
+                        {@model.uoms.map (uom) =>
+                            <UOMToken key={uom.cid} uom=uom onEdit={@onEdit} />}
+                        </ul>
+                    </div>
+                    <span className="input-group-btn">
+                        <BS.OverlayTrigger
+                            trigger="click"
+                            ref="overlay"
+                            rootClose
+                            arrowOffsetTop={'130px'}
+                            container={@}
+                            show={@state.editing}
+                            onExit={@onCancel}
+                            placement="left"
+                            overlay={@renderEditingPopup()}>
+
+                            <BS.Button ref="addButton" onClick={ =>
+                                @onEdit(@model.uoms.first())}
+                            >
+                                <LC.Icon type="gear" />
+                            </BS.Button>
+                        </BS.OverlayTrigger>
+
+                    </span>
+                </div>
+
+            </div>
+        </BS.Col>

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

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

data/client/skr/screens/sku-maint/index.scss

@@ -1,8 +1,39 @@
-/*
- If your screen does not use any custom styles
+.sku-maint {
 
- You should remove this file and it's reference from config/screens.rb
+    .sku-uom-list {
+        .value.read-only {padding-top: 2px; }
+        ul {
+            margin: 0;
+            padding-left: 0;
+            list-style: none;
+            padding-right: 0;
 
- Otherwise Lanes will continue to fetch an empty file whenever
- the screen is displayed
-*/
+            > li {
+                float: left;
+                display: inline-block;
+                padding-left: 5px;
+                padding-right: 5px;
+                margin: 1px;
+                padding: 0.214em 0.15em 0.214em 0.4em;
+                line-height: 1.4em;
+                text-align: center;
+                vertical-align: middle;
+                white-space: nowrap;
+                border-radius: 3px;
+                border: 1px solid #cccccc;
+                background-color: #cccccc;
+                cursor: pointer;
+            }
+            > li.rw-state-focus {
+                background-color: #ffffff;
+                border: #66afe9 1px solid;
+                color: #333333;
+            }
+        }
+    }
+
+    .sku-uom-edit {
+        width: 280px;
+    }
+
+}

data/client/skr/screens/time-invoicing/TimeInvoicing.cjsx

@@ -0,0 +1,156 @@
+class Skr.Screens.TimeInvoicing extends Skr.Screens.Base
+
+    getInitialState: ->
+        isEditing: true
+        commands: new Skr.Screens.Commands(this, modelName: 'request')
+
+    dataObjects:
+        request: -> new InvoiceRequest
+        query: ->
+            @gridSelections = new LC.Grid.Selections(onChange: @updateTotal)
+            new Lanes.Models.Query({
+                defaultSort: 'start_at',
+                src: Skr.Models.TimeEntry, fields: [
+                    { id:'id', visible: false }
+                    @gridSelections
+                    {
+                        id: 'start_at', fixedWidth: 200,
+                        format: Lanes.u.format.shartDateTime
+                    }, {
+                        id: 'end_at', fixedWidth: 200,
+                        format: Lanes.u.format.shartDateTime
+                    }, {
+                        id: 'hours', fixedWidth: 80, textAlign: 'center', editable: false,
+                        query: false, format: (v, row) -> hoursForRow(row)
+                    }
+                    { id: 'description', flex: 1}
+                ]
+            })
+
+    setDataState: (state) ->
+        @updateTotal()
+        @setState(state)
+
+    updateTotal:  ->
+        total = _.bigDecimal('0')
+        rate = @request.customer_project.rates?.hourly
+        return unless rate # the first call is when the model isn't parsed yet
+        selectedRows = 0
+        @query.results.eachRow (row, xd) ->
+            unless xd && false == xd.selected
+                selectedRows += 1
+                total = total.add( hoursForRow(row) * rate )
+        selectionState = if selectedRows is @query.results.length then 'all'
+        else if selectedRows then 'some' else 'none'
+        @setState({total, selectionState})
+
+    editors: ->
+        selected:  ({query, rowIndex}) ->
+            x = query.results.xtraData(rowIndex)
+            selected = false != x.selected
+            <input type="checkbox" defaultChecked={selected}
+                onChange={(ev) -> x.selected = ev.target.checked} />
+
+    onModelSet: (project) ->
+        @request.set(customer_project: project)
+        @query.syncOptions = {
+            query: { customer_project_id: project.id, is_invoiced: false }
+        }
+        @query.results.reload()
+
+    createInvoice: ->
+        idIndex = @query.idIndex
+        @request.time_entry_ids = []
+        @query.results.eachRow (row, xd) =>
+            return if xd and false == xd.selected
+            @request.time_entry_ids.push(row[idIndex])
+        @request.save(saveAll: true).then (req) =>
+            @query.results.reload()
+            @context.viewport.displayModal(@displayInvoiceResults(req))
+
+    displayInvoiceResults: (req) ->
+        title: "Invoice created …"
+        buttons: [{ title: 'OK', style: 'primary' }]
+        autoHide: true
+        body: =>
+            <h3>
+                Invoice # <SC.InvoiceLink invoice={req.invoice}
+                    onClick={ => @context.viewport.hideModal() }
+                /> was successfully created.
+            </h3>
+
+    setNewEntriesProject: (entry) ->
+        entry.set({customer_project: @request.customer_project})
+    onSelectAll: ->
+        rs = @query.results
+        rs.eachRow (row) ->
+            xd = rs.xtraData(row)
+            xd.selected = false == xd.selected
+        @query.changeCount++
+    renderToggleAllButton: ->
+        return null if 0 is @query.results.length
+
+        <BS.Button className="navbar-btn toggle" onClick={@onSelectAll} bsSize='small'>
+            <SC.TriState type={@state.selectionState} /> Toggle
+        </BS.Button>
+
+    render: ->
+        <LC.ScreenWrapper identifier="time-invoicing" flexVertical>
+            <BS.Nav className="lanes-toolbar">
+                <div className="spacer"/>
+                <BS.Button navItem componentClass="button"}
+                    onClick={@createInvoice} className="save navbar-btn">
+                    <LC.Icon type="file-text" /> Create Invoice
+                </BS.Button>
+            </BS.Nav>
+            <BS.Row>
+                <SC.CustomerProjectFinder name='code' ref="prjfinder"
+                    model={@request.customer_project}
+                    onModelSet={@onModelSet}
+                />
+            </BS.Row>
+            <BS.Row className="flex-expand">
+                <LC.Grid query={@query}
+                    toolbarChildren={@renderToggleAllButton()}
+                    commands={@state.commands}
+                    autoLoadQuery={false}
+                    expandY={true}
+                    columEditors={@editors()}
+                    editorProps={syncImmediatly: true, beforeSave: @setNewEntriesProject, afterSave: @updateTotal}
+                    onSelectionChange={@onSelectionChange}
+                    height=200
+                    allowDelete={true}
+                    allowCreate={true}
+                    editor={true}
+                />
+            </BS.Row>
+            <BS.Row>
+                <BS.Col xsOffset=10 xs=1>
+                    <h4>Total:</h4>
+                </BS.Col>
+                <BS.Col xs=1>
+                    <h4><SC.Currency amount={@state.total} /></h4>
+                </BS.Col>
+
+            </BS.Row>
+
+        </LC.ScreenWrapper>
+
+
+hoursForRow = (row) ->
+    [from, to] = if _.isArray(row) then [ row[2], row[1] ] else [row.end_at, row.start_at]
+    hours = _.moment(from).diff(to, 'hours', true)
+    Math.round(hours * 100) / 100
+
+class InvoiceRequest extends Lanes.Models.Base
+
+    props:
+        customer_project_id:{"type":"integer"}
+        time_entry_ids: { type: 'array', default: -> [] }
+
+    api_path: ->
+        'skr/invoices/from-time-entries'
+
+    associations:
+        customer_project: { model: "CustomerProject", autoCreate: true }
+        invoice: { model: 'Invoice' }

data/client/skr/screens/time-invoicing/index.js

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

data/client/skr/screens/time-invoicing/index.scss

@@ -0,0 +1,7 @@
+.time-invoicing {
+
+    .btn.toggle {
+        margin-left: 10px;
+    }
+
+}

data/client/skr/screens/time-tracking/EditEntry.cjsx

@@ -0,0 +1,54 @@
+class Skr.Screens.TimeTracking.EditEntry extends Lanes.React.Component
+
+    dataObjects:
+        entry: -> @props.event?.get('entry')
+
+    setDataState: (change) ->
+        if change.event
+            @entry.fromCalEvent(change.event)
+            change.event.set({content: @entry.content}, {silent: true})
+        @forceUpdate()
+
+    getTarget: ->
+        return null unless @props.wrapper.isMounted()
+        _.dom(@props.wrapper).el
+
+    onSave: ->
+        event = @props.event
+        @entry.save().then (te) =>
+            event.set(_.extend({editing: false}, te.toCalEvent()))
+            @props.onCancel() unless te.errors
+
+    componentDidMount: ->
+        _.defer => _.dom(@).qs('input[name=hours]').focusAndSelect()
+
+    render: ->
+        props = {sm:12, editOnly: true, model: @entry}
+        <div className="entry-body">
+            <LC.NetworkActivityOverlay model={@entry} roundedCorners />
+            <BS.Row>
+                <LC.SelectField {...props} sm={8}
+                    choices={@props.entries.available_projects.models}
+                    name='customer_project' labelField="code" />
+                <LC.NumberInput {...props} sm={4} name='hours'
+                    step={0.25} onEnter={@onSave} />
+            </BS.Row><BS.Row>
+                <LC.DateTime {...props} step={15} name="start_at"/>
+            </BS.Row><BS.Row>
+                <LC.DateTime {...props} step={15} name="end_at"/>
+            </BS.Row><BS.Row>
+                <LC.Input sm={12}
+                    model={@entry}
+                    ref='textarea'
+                    onEnter={@onSave}
+                    selectOnFocus editOnly
+                    name="description"
+                    type="textarea"
+                    label='Description'
+                />
+            </BS.Row>
+            <BS.Row className="controls">
+                <BS.Button tabIndex={-1} onClick={@props.onCancel}>Cancel</BS.Button>
+                <BS.Button onClick={@onSave} bsStyle="primary">Save</BS.Button>
+            </BS.Row>
+        </div>