<@U3DR25DUH> I remember talking to you about that ...
# suiteworld
c
@helen I remember talking to you about that a while back for suggestions.. is there anything you can share prior to suiteworld? #safeharbor
h
haha, the description of the session summarizes pretty well actually. the gist is we will provide native support of building single page application on the platform and expose a much richer UI library, and other exciting tools. 🙂
m
That sounds awesome
😊 1
m
Do you have a high level estimate of how far off this is to being released?
Will SPA support be for specific frameworks (Angular/React/Vue.js etc.)?
c
Count me in at the front row then... i'm definitely curious about this
f
Rich UI library for react would be amazing
m
Yep I started one for Vue.js but I wouldn't be upset if was react instead
c
i got react working a while back you can def do it
f
Yeah we have react running. a full blown react app
m
I mean a NetSuite component library built on top of react/vue
c
oh.. even better
m
Copy code
<ns-field-group label="Sales Order" collapsible>
      <ns-field-group-row>
        <ns-text-field label="Add Single Sales Order" v-model="addBySalesOrder" editable @keydown.tab.enter.native="addSalesOrder" />
        <ns-record-field label="Add by Customer" record="customer" v-model="addByCustomer" editable @input="addCustomer" />
      </ns-field-group-row>
    </ns-field-group>

    <ns-field-group label="All Open Sales Orders" collapsible defaultCollapsed>
      <ns-checkbox-field label="Add all Open Sales Orders" v-model="addAllOpenOrders" />
      <ns-integer-field label="Exclude Items with Purchase Orders <= X days ago" editable v-model="excludePONumberDays" :disabled="!addAllOpenOrders" />
      <ns-integer-field label="Exclude Items with SOH dated <= X days ago" editable v-model="excludeSONumberDays" :disabled="!addAllOpenOrders" />
    </ns-field-group>

    <ns-field-group label="Items Flagged for Reorder" collapsible defaultCollapsed>
      <ns-checkbox-field label="Add Items Flagged For Reorder" v-model="addFlaggedItems" editable />
    </ns-field-group>

    <ns-field-group label="Items With Low Stock" collapsible defaultCollapsed>
      <ns-checkbox-field label="Add Items with Low Stock" v-model="addLowSOHItems" editable />
    </ns-field-group>
f
Are you reusing the Netsuite CSS or did you create your own Netsuite like styling for the components?
m
message has been deleted
💯 1
c
that looks really good
m
All my own styling, running in a iframe to isolate from NetSuite's CSS
👍 1
f
Everything below the filters is our own react components
we didn't bother using an iframe and rather prefixed all our css
h
are the open bills in the sublist a saved search? @fkrauthan
f
@helen in my screenshot? No they are not as I couldn't add dynamic filter criteria (the filter fields ontop) to it.
h
@michoel there are different milestones for the timeline, so it's easier to discuss in the session. for the library, it will be netsuite native.
j
Glad I signed up for that one, sounds great
a
Nice work guys! I'm impressed!