stockor 0.1.9 → 0.2

data/client/skr/screens/time-tracking/Entries.coffee

@@ -0,0 +1,132 @@
+class TimeEntries extends Skr.Models.TimeEntry.Collection
+
+    constructor: (@projects) ->
+        super()
+
+    projectForEntry: (entry) ->
+        @projects.get( entry.customer_project_id )
+
+    loadEntries: (range, query = {}) ->
+        query.end_at    = { op: 'gt', value: range.start.toISOString() }
+        query.start_at  = { op: 'lt', value: range.end.toISOString() }
+        @fetch({query, reset: true})
+
+    resetEntries: (projectId, range) ->
+        @projectId = projectId
+        query = if @projectId and @projectId isnt -1
+            {customer_project_id: @projectId}
+        else {}
+        @loadEntries(range, query)
+
+class Skr.Screens.TimeTracking.Entries extends Lanes.Models.Base
+
+    session:
+        date:    { type: 'object', 'required': true, default: -> _.moment() }
+        display: { type: 'string', values: ['day', 'week', 'month'], default: 'week' }
+        isLoading: { type: 'boolean', default: false }
+        customer_project_id: 'integer'
+        editing: 'any'
+
+    derived:
+        project:
+            deps: ['customer_project_id'], fn: ->
+                @available_projects.get(@customer_project_id)
+        isMonth:
+            deps: ['display'], fn: -> 'month' == @display
+        range:
+            deps: ['date', 'isMonth'], fn: ->
+                _.moment.range(
+                    @date.clone().startOf( @display ), @date.clone().endOf( @display )
+                )
+
+        calLegend:
+            deps: ['range', 'display'], fn: ->
+                if @display is 'month'
+                    @date.format('MMMM YYYY')
+                else if @display is 'week'
+                    "#{@range.start.format('MMM Do')} - #{@range.end.format('MMM Do')}"
+                else if @display is 'day'
+                    @date.format('MMMM Do YYYY')
+
+    events:
+        'change:range': 'fetchEvents'
+        'change:display': 'onDisplayChange'
+        'change:customer_project_id': 'fetchEvents'
+
+    constructor: ->
+        super
+        @available_projects = new Skr.Models.CustomerProject.Collection
+        @listenTo(@available_projects, 'sync', @onProjectsRequest)
+        @available_projects.ensureLoaded()
+        @entries = new TimeEntries(@available_projects)
+        @listenTo(@entries, 'request', @onRequest)
+        @listenTo(@entries, 'sync', @onLoad)
+
+    onProjectsRequest: ->
+        @available_projects.add({id:-1, code: 'ALL', options:{color: 1}}, at: 0)
+        @set(customer_project_id: Lanes.current_user.options.project_id or -1 )
+        @trigger('change', @)
+
+    startEditing: (editingEvent) ->
+        for event in @calEvents().events
+            event.setEditing(event is editingEvent)
+
+    stopEditing: ->
+        for event in @calEvents().events when event.isEditing()
+            entry = event.get('entry')
+            if entry.isNew()
+                event.remove()
+            else
+                entry.setEditing(false)
+
+    addEvent: (date) ->
+        date = date.clone()
+        rounded = Math.round( date.minute() / 15 ) * 15
+        date.minute(rounded).second(0)
+        entry = @entries.add({
+            start_at: date.subtract(1, 'hour'), end_at: date.clone().add(2, 'hour')
+            customer_project: @project unless @project.id is -1
+        })
+        @calEvents().add( entry.toCalEvent() )
+
+    onRequest: ->
+        @isLoading = !!@entries.requestInProgress
+        @trigger('change', @)
+
+    onLoad: ->
+        delete @_cachedEvents unless @entries.requestInProgress
+        @isLoading = !!@entries.requestInProgress
+        @trigger('change', @)
+
+    reset: ->
+        @entries.loadEntries(@range.clone())
+
+    fetchEvents: ->
+        @entries.resetEntries(@customer_project_id, @range)
+
+    calEvents: ->
+        @_cachedEvents ||= new LC.Calendar.Events( @entries.invoke('toCalEvent') )
+
+    back: ->
+        @set(editing: false, date: @date.clone().subtract(1, @display) )
+
+    forward: ->
+        @set(editing: false, date: @date.clone().add(1, @display) )
+
+    onDisplayChange: ->
+        @editing = false
+
+    totalHours: ->
+        @entries.reduce( (sum, entry) =>
+            sum.add( entry.lengthInRange(@range, 'hours') )
+        , _.bigDecimal('0') )
+
+    totalsForWeek: (week) ->
+        start = @range.start.clone().add(week - 1, 'week').startOf('week')
+        days = _.moment.range( start, start.clone().endOf('week') )
+        entries = @entries.filter (entry) -> days.overlaps( entry.range )
+        byProject = _.groupBy entries, (entry) -> entry.customer_project_id
+        _.mapValues byProject, (entries, projectId) ->
+            _.reduce( entries, (total, entry) ->
+                total.plus(entry.lengthInRange(days, 'hours'))
+            , _.bigDecimal('0'))

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

@@ -0,0 +1,71 @@
+class Skr.Screens.TimeTracking.Header extends Lanes.React.BaseComponent
+
+    back: ->
+        @props.entries.back()
+    forward: ->
+        @props.entries.forward()
+    changeDisplay: (ev) ->
+        @props.entries.display = ev.target.value
+    setProject: (project) ->
+        @props.entries.set(customer_project_id: project.id)
+    ProjectOption: (props) ->
+        color = props.item.options?.color || 0
+        <div className={"color-#{color}"}>{props.item.code}</div>
+    getProjects: ->
+        @props.entries.available_projects.models
+
+    onProjectsToggle: (isOpen) ->
+        if isOpen and not @props.entries.available_projects.requestInProgress
+            @props.entries.available_projects.fetch()
+            @forceUpdate()
+
+    render: ->
+        <BS.Row className='calendar-header'>
+
+            <div className="paging">
+
+                <span className="legend">
+                    {@props.entries.calLegend}
+                </span>
+
+                <BS.ButtonGroup>
+                    <BS.Button bsSize="small" onClick={@back}>
+                        <LC.Icon size='2x' type="caret-left" />
+                    </BS.Button>
+                    <BS.Button bsSize="small" onClick={@forward}>
+                        <LC.Icon size='2x' type="caret-right"  />
+                    </BS.Button>
+                </BS.ButtonGroup>
+
+            </div>
+
+            <div className="display">
+               <BS.ButtonGroup>
+                   <BS.Button
+                       value='month' onClick={@changeDisplay}
+                       active={@props.entries.display == 'month'}>Month</BS.Button>
+
+                   <BS.Button
+                       value='week' onClick={@changeDisplay}
+                       active={@props.entries.display == 'week'}>Week</BS.Button>
+
+                   <BS.Button
+                       value='day' onClick={@changeDisplay}
+                       active={@props.entries.display == 'day'}>Day</BS.Button>
+                </BS.ButtonGroup>
+            </div>
+
+            <div className="select">
+                <Lanes.Vendor.ReactWidgets.DropdownList
+                    data={@getProjects()}
+                    busy={!!@props.entries.available_projects.requestInProgress}
+                    onToggle={@onProjectsToggle}
+                    valueField='id' textField='code'
+                    value={@props.entries.project}
+                    onChange={@setProject}
+                    valueComponent={@ProjectOption}
+                    itemComponent={@ProjectOption}
+                />
+            </div>
+
+        </BS.Row>

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

@@ -0,0 +1,70 @@
+##= require ./PopoverMiniControls
+##= require ./EditEntry
+
+class Skr.Screens.TimeTracking.Popover extends Lanes.React.Component
+
+    componentWillReceiveProps: (nextProps) ->
+        if @state.editing and nextProps.editing is false
+            @onCancel()
+        else
+            @setState(isCanceled: false)
+
+    onCancel: ->
+        if @state.editing?.get('entry').isNew()
+            @state.editing.remove()
+        @props.entries.stopEditing()
+        @setState(isCanceled: true, editing: null)
+
+    onAddEntry: ->
+        event = @props.entries.addEvent(@props.date)
+        @setState(editing: event)
+
+    onEditEvent: (event) ->
+        @setState(editing: event)
+
+    EditEntry: ->
+        return null unless @state.editing
+        <Skr.Screens.TimeTracking.EditEntry
+            event={@state.editing}
+            entries={@props.entries}
+            date={@props.date}
+            onCancel={@onCancel}
+        />
+
+    MiniControls: ->
+        return null if @state.editing
+        <Skr.Screens.TimeTracking.MiniControls
+            date={@props.date}
+            event={@props.event}
+            onCancel={@onCancel}
+            onAddEntry={@onAddEntry}
+            onEditEvent={@onEditEvent}
+        />
+
+    render: ->
+        return null if @state.isCanceled or not @props.date
+
+        classes = _.classnames('edit-control', 'in')
+        {x, y} = @props.position
+        [width, height] = if @state.editing
+            [320, 400]
+        else
+            [175, 60]
+
+        # expand to show edit button
+        width += 60 if @props.event and not @state.editing
+
+        placement = if x > (this.props.bounds.width / 2) then 'left' else 'right'
+
+        x -= width if placement is 'left'
+
+        <BS.Popover className={classes}
+            style={{width, height}}
+            id='edit-controls'
+            placement={placement}
+            positionLeft={x}
+            positionTop={y - (height / 2)}
+        >
+            <@MiniControls />
+            <@EditEntry />
+        </BS.Popover>

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

@@ -0,0 +1,25 @@
+class Skr.Screens.TimeTracking.MiniControls extends Lanes.React.Component
+
+    onEditEvent: ->
+        @props.onEditEvent(@props.event)
+
+    EditButton: ->
+        return null unless @props.event
+        <BS.Button onClick={@onEditEvent} title="Edit Time Entry">
+            <LC.Icon type='pencil-square-o' 2x flush />
+        </BS.Button>
+
+    render: ->
+        <div className="mini-controls">
+            <div className='l'>
+                {@props.date.format('MMM')}
+                {@props.date.format('Do')}
+            </div>
+            <BS.Button onClick={@props.onCancel} title="Hide Controls">
+                <LC.Icon type='ban' 2x flush />
+            </BS.Button>
+            <@EditButton />
+            <BS.Button onClick={@props.onAddEntry} title="Create Time Entry">
+                <LC.Icon type='plus-square' 2x flush />
+            </BS.Button>
+        </div>

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

@@ -0,0 +1,63 @@
+##= require_self
+##= require ./Popover
+##= require ./WeekSummary
+##= require ./Entries
+##= require ./Header
+
+class Skr.Screens.TimeTracking extends Skr.Screens.Base
+
+    dataObjects:
+        entries: ->
+            new Skr.Screens.TimeTracking.Entries
+
+    onDayClick: (ev, date) ->
+        @showPopup(ev, date)
+
+    showPopup: (ev, date, eventEditing = false) ->
+        rect = _.dom(this).el.getBoundingClientRect()
+        @entries.editing = {
+            event: eventEditing,
+            date: date, bounds: rect,
+            position: {x: ev.clientX - rect.left, y: ev.clientY - rect.top}
+        }
+
+    onEventClick: (ev, event) ->
+        @showPopup(ev, event.start(), event)
+
+    stopEdit: ->
+        @entries.editing = false
+
+    onEventResize: (ev, event) ->
+        entry = event.get('entry')
+        entry.fromCalEvent(event)
+        entry.save() unless entry.isNew()
+
+    renderSummaryDays: ->
+        return null unless @entries.isMonth
+        for week in [1..5]
+            <Skr.Screens.TimeTracking.WeekSummary
+                key={week} week={week} entries={@entries} />
+
+    renderTotals: ->
+        return null unless @entries.isMonth
+        <div className="monthly-totals">{@entries.totalHours().toFixed(2)}</div>
+
+    render: ->
+        <LC.ScreenWrapper identifier="time-tracking" flexVertical>
+            <Skr.Screens.TimeTracking.Popover entries={@entries} {...@entries.editing} />
+            <LC.NetworkActivityOverlay visible={@entries.isLoading} model={@entries}/>
+            <Skr.Screens.TimeTracking.Header entries={@entries} />
+            <BS.Row className="calendar-panel">
+                {@renderTotals()}
+                <LC.Calendar ref='calendar'
+                    onDayClick={@onDayClick}
+                    onEventResize={@onEventResize}
+                    onEventClick={@onEventClick}
+                    date={@entries.date}
+                    events={@entries.calEvents()}
+                    display={@entries.display}
+                >
+                    {@renderSummaryDays()}
+                </LC.Calendar>
+            </BS.Row>
+        </LC.ScreenWrapper>

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

@@ -0,0 +1,16 @@
+class Skr.Screens.TimeTracking.WeekSummary extends Lanes.React.BaseComponent
+
+    color: (projectId) ->
+        project = @props.entries.available_projects.get(projectId)
+        project?.options?.color || 0
+
+    render: ->
+        order = (@props.week * 7) - 1
+        totals = @props.entries.totalsForWeek(@props.week)
+
+        <div className="day summary" style={order: order}>
+            {for projectId, total of totals
+                <div key={projectId} className="color-#{@color(projectId)}">
+                    {Lanes.u.format.currency(total)}
+                </div>}
+        </div>

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

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

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

@@ -0,0 +1,126 @@
+@import "lanes/screens/styles";
+
+.time-tracking {
+    position: relative;
+
+    .edit-control {
+
+        .mini-controls {
+            display: flex;
+            flex-direction: row;
+            justify-content: space-between;
+            .l {
+                display: flex;
+                flex-direction: column;
+                align-items: flex-end;
+            }
+        }
+        &.left {
+            .mini-controls {
+                flex-direction: row-reverse;
+            }
+        }
+    }
+
+    .calendar-header {
+        display: flex;
+        flex-direction: row;
+        justify-content: space-around;
+        flex-wrap: wrap;
+        align-items: center;
+        .display label+label {
+            padding-left: 1rem;
+        }
+        .paging {
+            display: flex;
+            flex-direction: row;
+            align-items: center;
+            .legend{
+                font-size: 1.4rem;
+                margin-right: 1rem;
+            }
+            i {
+                margin: 0 0.5em;
+            }
+        }
+        .select {
+            width: 200px;
+            @include lanes-unpadded-dropdown();
+        }
+    }
+
+    .calendar-panel {
+        margin: 5px 20px 20px 20px;
+        @include flexbox();
+        @include flex-grow(1);
+        @include flex-direction(column);
+    }
+
+    .monthly-totals {
+        align-self: flex-end;
+        display: inline;
+        width: 52px;
+        position: relative;
+        top: 18px;
+
+        text-align: right;
+        border-top-right-radius: 8px;
+        border: 1px solid lightgrey;
+        border-top-left-radius: 8px;
+        border-bottom: 0;
+        padding-right: 3px;
+
+    }
+
+    @each $current-color in $lanes-color-selections {
+        $i: index($lanes-color-selections, $current-color);
+        .calendar-header .select .color-#{$i} {
+            background: $current-color;
+            color: nth($lanes-text-color-selections, $i);
+        }
+        .day.summary .color-#{$i} {
+            background: $current-color;
+            color: nth($lanes-text-color-selections, $i);
+        }
+    }
+
+    .dayz {
+        flex: 1;
+        &.month {
+            .x-labels {
+                width: 94.5%;
+                .day-label {
+                    width: (100%/7);
+                }
+            }
+            .days {
+                .day {
+                    width: 13.5%;
+                }
+                .summary {
+                    width: 5.5%;
+                    flex-direction: column;
+                    display: flex;
+                    justify-content: center;
+                    text-align: right;
+                }
+            }
+        }
+    }
+
+    .popover {
+        .controls {
+            border-top: 2px solid lightgrey;
+            padding-top: 1rem;
+            display: flex;
+            flex-direction: row;
+            justify-content: space-between;
+            button { width: 6rem; }
+        }
+    }
+
+    .dayz .label {
+        font-size: 1rem;
+        color: darkgrey;
+    }
+}

data/client/skr/screens/vendor-maint/VendorMaint.cjsx

@@ -0,0 +1,45 @@
+class Skr.Screens.VendorMaint extends Lanes.React.Screen
+
+    syncOptions:
+        include: ['billing_address', 'shipping_address']
+
+    dataObjects:
+        vendor: ->
+            @loadOrCreateModel({
+                syncOptions: @syncOptions, klass: Skr.Models.Vendor,
+                prop: 'vendor', attribute: 'code'
+            })
+
+    getInitialState: ->
+        commands: new Skr.Screens.Commands(this, modelName: 'vendor')
+
+    modelForAccess: 'vendor'
+
+    render: ->
+        <LC.ScreenWrapper identifier="vendor-maint">
+            <SC.ScreenControls commands={@state.commands} />
+            <BS.Row>
+                <SC.VendorFinder model={@vendor} sm=4 editOnly autofocus
+                    syncOptions={@syncOptions}
+                    model={@vendor} name='code'
+                    commands={@state.commands}  />
+                <LC.Input sm=8 name="name" model={@vendor} />
+            </BS.Row>
+            <BS.Row>
+               <LC.Input sm=12 type='textarea' name="notes" model={@vendor} />
+            </BS.Row>
+            <BS.Row>
+                <SC.GlAccountChooser sm=4 label="Payables Account"
+                    name="gl_payables_account" model={@vendor} />
+                <SC.GlAccountChooser sm=4 label="Freight Account"
+                    name="gl_freight_account" model={@vendor} />
+                <SC.TermsChooser sm=4 model={@vendor} />
+            </BS.Row>
+            <BS.Row>
+                <LC.FieldSet sm=12 title="Address">
+                    <SC.Address lg=6 title="Billing"  model={@vendor.billing_address}  />
+                    <SC.Address lg=6 title="Shipping" model={@vendor.shipping_address} />
+                </LC.FieldSet>
+            </BS.Row>
+
+        </LC.ScreenWrapper>

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

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

data/client/skr/styles.scss

@@ -1,17 +1,5 @@
 /* Enter styles for your application in scss format here */
 
-.header-top {
-    .logo {
-        display: inline-block;
-        height: 48px;
-        width: 150px;
-        margin: 2px;
-        text-indent: -9999px;
-        background: url(asset_path('images/skr/logo-sm.png')) no-repeat;
-    }
-}
-
-
 .record-finder-dialog {
     min-height: 250px;
     .clause {
@@ -31,4 +19,4 @@
     }
 }
 
-@import "components/address/styles.scss";
+@import "components/styles";

data/config/puma.rb

@@ -0,0 +1,4 @@
+require 'message_bus'
+on_worker_boot do
+  MessageBus.after_fork
+end

data/config/routes.rb

@@ -1,6 +1,9 @@
 require 'stockor'
 
-Lanes::API.routes.draw do
+Lanes::API.routes.for_extension 'skr' do
+
+    resources Skr::CustomerProject
+    resources Skr::TimeEntry
     resources Skr::Customer
     resources Skr::Address
     resources Skr::GlAccount
@@ -8,11 +11,14 @@ Lanes::API.routes.draw do
     resources Skr::GlPeriod
     resources Skr::GlPosting
     resources Skr::GlTransaction
+    resources Skr::BankAccount
+    resources Skr::PaymentCategory
+    resources Skr::Payment
     resources Skr::IaLine
     resources Skr::IaReason
-    resources Skr::InvLine
+    resources Skr::InvLine, indestructible: true
     resources Skr::InventoryAdjustment
-    resources Skr::Invoice
+    resources Skr::Invoice, indestructible: true
     resources Skr::Location
     resources Skr::PaymentTerm
     resources Skr::Sku
@@ -20,22 +26,28 @@ Lanes::API.routes.draw do
     resources Skr::SkuTran
     resources Skr::Uom
     resources Skr::Vendor
-
-
     resources Skr::PickTicket
     resources Skr::PtLine
-
     resources Skr::PoReceipt
     resources Skr::PorLine
-
     resources Skr::PurchaseOrder
     resources Skr::PoLine
-
     resources Skr::Voucher
     resources Skr::VoLine
-
     resources Skr::SalesOrder
     resources Skr::SoLine
 
+    post 'invoices/from-time-entries.json',
+         &Skr::Handlers::InvoiceFromTimeEntries.handler
+
+    get 'print/:type/:id.pdf' do
+        content_type 'application/pdf'
+        form = Skr::Print::Form.new(params[:type], params[:id])
+        form.as_pdf
+    end
+
+    post 'fresh-books-imports.json',
+        &Skr::Handlers::FreshBooksImport.handler
+
 
 end