ecksbee / telefacts-renderer-prototype Goto Github PK

View Code? Open in Web Editor NEW

0.0 1.0 0.0 1023 KB

License: Apache License 2.0

HTML 0.09% CSS 0.12% JavaScript 99.78%

telefacts-renderer-prototype's Issues

Typed Members

Render VoidQuadrant, PeriodHeaders, and ContextualMemberGrid in lieu of RelevantContexts.

Update license

Update the license with company name and year

Create Selectize element that can be used in the Concept Network Browser

Selectize should have the following props:

options: PropTypes.arrayOf(PropTypes.shape({
    label: PropTypes.string,
    key: PropTypes.string
  })).isRequired
selected: PropTypes.shape({
    label: PropTypes.string,
    key: PropTypes.string
  })

options is what shows up in the dropdown. selected is the item selected by user. Use label to render on the browser.

This work item does not include the source of the options and selected. This work item does not cover touchscreens, but it would be nice to have.

Minimal dependency date picker

Dropdown for month
Dropdown for year
Populate dates for only the selected month/year
Don't highlight current day
Allow dates from 1970 to 100 years from date of use
No days of the week names
Build as a popup component (minimal size without shrinking font)
Font: 14px ~~Verdana~~ Roboto
7 clickable date cells per row
Highlight selected date
Check/submit button and X button

Concept Network Viewer

The Concept Network Viewer is a child element for #19 .

The Concept Network Viewer should always have three tabs: Presentation, Definition, and Calculation. The default tab is Presentaiton. This element is progressive when fetching for Renderables. The Concept Network Viewer are controlled by the following components:

~~Concept Filter~~
~~Date Filter~~
~~Label Modifiers (label checkbox, label role selector, language selector)~~

~~Label role selctor and language selector are disabled by default. Adding a check mark enables the label modifiers.~~

EDITED on 23 June 2021 - The concept filter, date filter, and label modifiers are removed from scope.

Label modifier

Selector Bar consumes Renderables Catalog API

The whole single page app should fetch from the renderables catalog API endpoint once on mounting to the DOM.

The app should use the uuid from the url search params to get to the end point for renderables catalog API.

Component developed for #5 should be given data that was fetched from the renderables catalog.

Given a successfully fetched data from the renderables catalog endpoint (see example).

The component should use Subjects to generate Entity options using Name as label and "Entity.Scheme/Entity.CharData" as key.
The component should use RelationshipSets to generate Relationship Set options using RoleURI as both label and key.
After finishing of data fetching, the first item of each array should be selected and rendered.

{
    "Files": [],
    "Subjects": [
        {
            "Name": "WORKIVA INC",
            "Entity": {
                "Scheme": "http://www.sec.gov/CIK",
                "CharData": "0001445305"
            }
        }
    ],
    "RelationshipSets": [
        {
            "Title": "0001001 - Document - Cover Page",
            "RoleURI": "http://www.workiva.com/role/CoverPage"
        },
        {
            "Title": "1001002 - Statement - CONDENSED CONSOLIDATED BALANCE SHEETS",
            "RoleURI": "http://www.workiva.com/role/CONDENSEDCONSOLIDATEDBALANCESHEETS"
        },
        {
            "Title": "1002003 - Statement - CONDENSED CONSOLIDATED BALANCE SHEETS (Parenthetical)",
            "RoleURI": "http://www.workiva.com/role/CONDENSEDCONSOLIDATEDBALANCESHEETSParenthetical"
        },
        {
            "Title": "1003004 - Statement - CONDENSED CONSOLIDATED STATEMENTS OF OPERATIONS",
            "RoleURI": "http://www.workiva.com/role/CONDENSEDCONSOLIDATEDSTATEMENTSOFOPERATIONS"
        },
        {
            "Title": "1004005 - Statement - CONDENSED CONSOLIDATED STATEMENTS OF COMPREHENSIVE LOSS",
            "RoleURI": "http://www.workiva.com/role/CONDENSEDCONSOLIDATEDSTATEMENTSOFCOMPREHENSIVELOSS"
        },
        {
            "Title": "1005006 - Statement - CONSOLIDATED STATEMENTS OF CHANGES IN STOCKHOLDERS' EQUITY",
            "RoleURI": "http://www.workiva.com/role/CONSOLIDATEDSTATEMENTSOFCHANGESINSTOCKHOLDERSEQUITY"
        },
        {
            "Title": "1006007 - Statement - CONDENSED CONSOLIDATED STATEMENTS OF CASH FLOWS",
            "RoleURI": "http://www.workiva.com/role/CONDENSEDCONSOLIDATEDSTATEMENTSOFCASHFLOWS"
        },
        {
            "Title": "2101101 - Disclosure - Organization and Significant Accounting Policies",
            "RoleURI": "http://www.workiva.com/role/OrganizationandSignificantAccountingPolicies"
        },
        {
            "Title": "2103102 - Disclosure - Supplemental Consolidated Balance Sheet Information",
            "RoleURI": "http://www.workiva.com/role/SupplementalConsolidatedBalanceSheetInformation"
        },
        {
            "Title": "2106103 - Disclosure - Cash Equivalents and Marketable Securities",
            "RoleURI": "http://www.workiva.com/role/CashEquivalentsandMarketableSecurities"
        },
        {
            "Title": "2110104 - Disclosure - Fair Value Measurements",
            "RoleURI": "http://www.workiva.com/role/FairValueMeasurements"
        },
        {
            "Title": "2113105 - Disclosure - Convertible Senior Notes",
            "RoleURI": "http://www.workiva.com/role/ConvertibleSeniorNotes"
        },
        {
            "Title": "2118106 - Disclosure - Commitments and Contingencies",
            "RoleURI": "http://www.workiva.com/role/CommitmentsandContingencies"
        },
        {
            "Title": "2119107 - Disclosure - Stock-Based Compensation",
            "RoleURI": "http://www.workiva.com/role/StockBasedCompensation"
        },
        {
            "Title": "2126108 - Disclosure - Revenue Recognition",
            "RoleURI": "http://www.workiva.com/role/RevenueRecognition"
        },
        {
            "Title": "2130109 - Disclosure - Net Loss Per Share",
            "RoleURI": "http://www.workiva.com/role/NetLossPerShare"
        },
        {
            "Title": "2202201 - Disclosure - Organization and Significant Accounting Policies (Policies)",
            "RoleURI": "http://www.workiva.com/role/OrganizationandSignificantAccountingPoliciesPolicies"
        },
        {
            "Title": "2304301 - Disclosure - Supplemental Consolidated Balance Sheet Information (Tables)",
            "RoleURI": "http://www.workiva.com/role/SupplementalConsolidatedBalanceSheetInformationTables"
        },
        {
            "Title": "2307302 - Disclosure - Cash Equivalents and Marketable Securities (Tables)",
            "RoleURI": "http://www.workiva.com/role/CashEquivalentsandMarketableSecuritiesTables"
        },
        {
            "Title": "2311303 - Disclosure - Fair Value Measurements (Tables)",
            "RoleURI": "http://www.workiva.com/role/FairValueMeasurementsTables"
        },
        {
            "Title": "2314304 - Disclosure - Convertible Senior Notes (Tables)",
            "RoleURI": "http://www.workiva.com/role/ConvertibleSeniorNotesTables"
        },
        {
            "Title": "2320305 - Disclosure - Stock-Based Compensation (Tables)",
            "RoleURI": "http://www.workiva.com/role/StockBasedCompensationTables"
        },
        {
            "Title": "2327306 - Disclosure - Revenue Recognition (Tables)",
            "RoleURI": "http://www.workiva.com/role/RevenueRecognitionTables"
        },
        {
            "Title": "2331307 - Disclosure - Net Loss Per Share (Tables)",
            "RoleURI": "http://www.workiva.com/role/NetLossPerShareTables"
        },
        {
            "Title": "2405401 - Disclosure - Supplemental Consolidated Balance Sheet Information - Accrued Expenses and Other Current Liabilities (Details)",
            "RoleURI": "http://www.workiva.com/role/SupplementalConsolidatedBalanceSheetInformationAccruedExpensesandOtherCurrentLiabilitiesDetails"
        },
        {
            "Title": "2408402 - Disclosure - Cash Equivalents and Marketable Securities - Schedule of Marketable Securities (Details)",
            "RoleURI": "http://www.workiva.com/role/CashEquivalentsandMarketableSecuritiesScheduleofMarketableSecuritiesDetails"
        },
        {
            "Title": "2408402 - Disclosure - Cash Equivalents and Marketable Securities - Schedule of Marketable Securities (Details)",
            "RoleURI": "http://www.workiva.com/role/CashEquivalentsandMarketableSecuritiesScheduleofMarketableSecuritiesDetails_1"
        },
        {
            "Title": "2409403 - Disclosure - Cash Equivalents and Marketable Securities - Continuous Unrealized Loss Position (Details)",
            "RoleURI": "http://www.workiva.com/role/CashEquivalentsandMarketableSecuritiesContinuousUnrealizedLossPositionDetails"
        },
        {
            "Title": "2412404 - Disclosure - Fair Value Measurements (Details)",
            "RoleURI": "http://www.workiva.com/role/FairValueMeasurementsDetails"
        },
        {
            "Title": "2415405 - Disclosure - Convertible Senior Notes (Details)",
            "RoleURI": "http://www.workiva.com/role/ConvertibleSeniorNotesDetails"
        },
        {
            "Title": "2416406 - Disclosure - Convertible Senior Notes - Summary of Convertible Debt (Details)",
            "RoleURI": "http://www.workiva.com/role/ConvertibleSeniorNotesSummaryofConvertibleDebtDetails"
        },
        {
            "Title": "2417407 - Disclosure - Convertible Senior Notes - Summary of Interest Expense (Details)",
            "RoleURI": "http://www.workiva.com/role/ConvertibleSeniorNotesSummaryofInterestExpenseDetails"
        },
        {
            "Title": "2421408 - Disclosure - Stock-Based Compensation - Narrative (Details)",
            "RoleURI": "http://www.workiva.com/role/StockBasedCompensationNarrativeDetails"
        },
        {
            "Title": "2422409 - Disclosure - Stock-Based Compensation - Expense (Details)",
            "RoleURI": "http://www.workiva.com/role/StockBasedCompensationExpenseDetails"
        },
        {
            "Title": "2423410 - Disclosure - Stock-Based Compensation - Stock Options (Details)",
            "RoleURI": "http://www.workiva.com/role/StockBasedCompensationStockOptionsDetails"
        },
        {
            "Title": "2424411 - Disclosure - Stock-Based Compensation - Restricted Stock Units (Details)",
            "RoleURI": "http://www.workiva.com/role/StockBasedCompensationRestrictedStockUnitsDetails"
        },
        {
            "Title": "2425412 - Disclosure - Stock-Based Compensation - Employee Stock Purchase Plan (Details)",
            "RoleURI": "http://www.workiva.com/role/StockBasedCompensationEmployeeStockPurchasePlanDetails"
        },
        {
            "Title": "2428413 - Disclosure - Revenue Recognition - Disaggregation of Revenue (Details)",
            "RoleURI": "http://www.workiva.com/role/RevenueRecognitionDisaggregationofRevenueDetails"
        },
        {
            "Title": "2429414 - Disclosure - Revenue Recognition - Deferred Revenue and Transaction Price Allocated to the Remaining Performance Obligations (Details)",
            "RoleURI": "http://www.workiva.com/role/RevenueRecognitionDeferredRevenueandTransactionPriceAllocatedtotheRemainingPerformanceObligationsDetails"
        },
        {
            "Title": "2429414 - Disclosure - Revenue Recognition - Deferred Revenue and Transaction Price Allocated to the Remaining Performance Obligations (Details)",
            "RoleURI": "http://www.workiva.com/role/RevenueRecognitionDeferredRevenueandTransactionPriceAllocatedtotheRemainingPerformanceObligationsDetails_1"
        },
        {
            "Title": "2432415 - Disclosure - Net Loss Per Share - Earnings Per Share Basic and Diluted (Details)",
            "RoleURI": "http://www.workiva.com/role/NetLossPerShareEarningsPerShareBasicandDilutedDetails"
        },
        {
            "Title": "2433416 - Disclosure - Net Loss Per Share - Antidilutive Securities Excluded from Computation of Earnings Per Share (Details)",
            "RoleURI": "http://www.workiva.com/role/NetLossPerShareAntidilutiveSecuritiesExcludedfromComputationofEarningsPerShareDetails"
        }
    ],
    "Networks": {
        "http://www.sec.gov/CIK/0001445305": {
            "http://www.workiva.com/role/CONDENSEDCONSOLIDATEDBALANCESHEETS": "883459b49fae34a739704b6db51d6b1d",
            "http://www.workiva.com/role/CONDENSEDCONSOLIDATEDBALANCESHEETSParenthetical": "1d2ec03fda1e440ad6d6f7953aaa2967",
            "http://www.workiva.com/role/CONDENSEDCONSOLIDATEDSTATEMENTSOFCASHFLOWS": "b942a312a28a46b316490ea839ac9b90",
            "http://www.workiva.com/role/CONDENSEDCONSOLIDATEDSTATEMENTSOFCOMPREHENSIVELOSS": "9c9e38f72612697f1dff243cea419857",
            "http://www.workiva.com/role/CONDENSEDCONSOLIDATEDSTATEMENTSOFOPERATIONS": "37b1c2c9b3c85d410ef52cc88584b662",
            "http://www.workiva.com/role/CONSOLIDATEDSTATEMENTSOFCHANGESINSTOCKHOLDERSEQUITY": "4d034c1e44b980a9940e857682b81991",
            "http://www.workiva.com/role/CashEquivalentsandMarketableSecurities": "e5b99710dbea6e45c1dc12c477bc4860",
            "http://www.workiva.com/role/CashEquivalentsandMarketableSecuritiesContinuousUnrealizedLossPositionDetails": "c28f738c145071018eb681e8afc38010",
            "http://www.workiva.com/role/CashEquivalentsandMarketableSecuritiesScheduleofMarketableSecuritiesDetails": "7404364588a3f8c9a510c9883b5a5fc4",
            "http://www.workiva.com/role/CashEquivalentsandMarketableSecuritiesScheduleofMarketableSecuritiesDetails_1": "f69ff465cc18850c07b16425178a3858",
            "http://www.workiva.com/role/CashEquivalentsandMarketableSecuritiesTables": "e7937becdb25172641de49cecd58d2e5",
            "http://www.workiva.com/role/CommitmentsandContingencies": "eb594f7d168d36e20d96dff900f5763b",
            "http://www.workiva.com/role/ConvertibleSeniorNotes": "ded5059c76648bb037ba279398ff3e5f",
            "http://www.workiva.com/role/ConvertibleSeniorNotesDetails": "b4b41035414f7c3be3693d90c54bdaef",
            "http://www.workiva.com/role/ConvertibleSeniorNotesSummaryofConvertibleDebtDetails": "b4765493d485b360e2ad24957cd87980",
            "http://www.workiva.com/role/ConvertibleSeniorNotesSummaryofInterestExpenseDetails": "0aa691c3439aea5e3d79940e99f56ffc",
            "http://www.workiva.com/role/ConvertibleSeniorNotesTables": "b9315d1b3c01e0b2fba1a32166e956f6",
            "http://www.workiva.com/role/CoverPage": "2bb20f7f8a60924f620b1745a48d1c55",
            "http://www.workiva.com/role/FairValueMeasurements": "1c95dfc5039faa42cff54523a6603c3f",
            "http://www.workiva.com/role/FairValueMeasurementsDetails": "cac20097f86a46218698706b252a850f",
            "http://www.workiva.com/role/FairValueMeasurementsTables": "3a54a7e64058ebe7b98219ceb340a296",
            "http://www.workiva.com/role/NetLossPerShare": "860bf315cfd25106b013ff53f678fc4f",
            "http://www.workiva.com/role/NetLossPerShareAntidilutiveSecuritiesExcludedfromComputationofEarningsPerShareDetails": "e12d4de487d68c7f9b582ed20c6ceab6",
            "http://www.workiva.com/role/NetLossPerShareEarningsPerShareBasicandDilutedDetails": "9cd8a342b07ca5d8799ec9024b4abf60",
            "http://www.workiva.com/role/NetLossPerShareTables": "3a76cff6d58e87b72a9c983a58d23d66",
            "http://www.workiva.com/role/OrganizationandSignificantAccountingPolicies": "f085757cdb95a27c24e1c0c5187bd24f",
            "http://www.workiva.com/role/OrganizationandSignificantAccountingPoliciesPolicies": "2bcafca6a36c875cb5f7c769870bc7ad",
            "http://www.workiva.com/role/RevenueRecognition": "831e39ea65f7c6f9ab345a4442b1d580",
            "http://www.workiva.com/role/RevenueRecognitionDeferredRevenueandTransactionPriceAllocatedtotheRemainingPerformanceObligationsDetails": "ede1c87be654e31915fece14f9994d47",
            "http://www.workiva.com/role/RevenueRecognitionDeferredRevenueandTransactionPriceAllocatedtotheRemainingPerformanceObligationsDetails_1": "1c4362f83d0aa63e56d2dfdbec2a97a3",
            "http://www.workiva.com/role/RevenueRecognitionDisaggregationofRevenueDetails": "472957a6193a656fe30d3596d6c9ee55",
            "http://www.workiva.com/role/RevenueRecognitionTables": "85b69e331b5e952589daad1c93266245",
            "http://www.workiva.com/role/StockBasedCompensation": "f7e4a20ad928c5d2123563fcf01d0218",
            "http://www.workiva.com/role/StockBasedCompensationEmployeeStockPurchasePlanDetails": "56d87cbd51c1858ad168d551c3b91e98",
            "http://www.workiva.com/role/StockBasedCompensationExpenseDetails": "1f683473003d5af4ad80186c50d1194a",
            "http://www.workiva.com/role/StockBasedCompensationNarrativeDetails": "7be386bf1d442c37ab1fae3b1f3df428",
            "http://www.workiva.com/role/StockBasedCompensationRestrictedStockUnitsDetails": "0e232209352bd11d500dec57bc8845b6",
            "http://www.workiva.com/role/StockBasedCompensationStockOptionsDetails": "469d692d4761f98d6fe3f8136b71455e",
            "http://www.workiva.com/role/StockBasedCompensationTables": "7031824f99cc283d3e8c4c82427bf16d",
            "http://www.workiva.com/role/SupplementalConsolidatedBalanceSheetInformation": "6b43319423aa7db66b0bb3450a592fed",
            "http://www.workiva.com/role/SupplementalConsolidatedBalanceSheetInformationAccruedExpensesandOtherCurrentLiabilitiesDetails": "27a887f1b8f1bba4647308feb9578798",
            "http://www.workiva.com/role/SupplementalConsolidatedBalanceSheetInformationTables": "f9329d39475f13ea9a78fb7e9ae17dec"
        }
    }
}

Relationship Set Viewer's Frame

The Relationship Set Viewer's title should reflect the selected title of the selected Relationship Set (also the title of the Renderable). This element does not progress with any asynchronous function.

The border must meet the design guidelines annotated below.

blue dropdown bug

When a relationship set is selected, clicking to show the dropdown shows all items in the dropdown to be highlighted blue.

Selector bar

Complete prototype of selector bar based on wireframe specifications.
Should have props for entity and relationship set.

SelectizeBox.propTypes = {
    entityOptions: PropTypes.arrayOf(PropTypes.shape({
        label: PropTypes.string,
        key: PropTypes.string
      })).isRequired,

    rSetOptions: PropTypes.arrayOf(PropTypes.shape({
        label: PropTypes.string,
        key: PropTypes.string
      })).isRequired,

    entitySelected: PropTypes.shape({
        label: PropTypes.string,
        key: PropTypes.string
    }),
    
    rSetSelected: PropTypes.shape({
        label: PropTypes.string,
        key: PropTypes.string
    }),

};

entityOptions is the set of options that populates the selectize dropdown next to "Entity".
entitySelected is the selected option from entityOptions.
rSetOptions is the set of options that populates the selectize dropdown next to "Relationship Set".
rSetSelected is the selected option from rSetOptions.

Recommend Projects

React

A declarative, efficient, and flexible JavaScript library for building user interfaces.
Vue.js

🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript

TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
TensorFlow

An Open Source Machine Learning Framework for Everyone
Django

The Web framework for perfectionists with deadlines.
Laravel

A PHP framework for web artisans
D3

Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

javascript

JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
web

Some thing interesting about web. New door for the world.
server

A server is a program made to process requests and deliver data to clients.
Machine learning

Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Visualization

Some thing interesting about visualization, use data art
Game

Some thing interesting about game, make everyone happy.

Recommend Org

Facebook

We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft

Open source projects and samples from Microsoft.
Google

Google ❤️ Open Source for everyone.
Alibaba

Alibaba Open Source for everyone
D3

Data-Driven Documents codes.
Tencent

China tencent open source team.

ecksbee / telefacts-renderer-prototype Goto Github PK

telefacts-renderer-prototype's Issues

Typed Members

Update license

Create Selectize element that can be used in the Concept Network Browser

Minimal dependency date picker

PGrid viewer

DGrid viewer

CGrid viewer

Concept Network Viewer

Label modifier

Selector Bar consumes Renderables Catalog API

Relationship Set Viewer's Frame

blue dropdown bug

Selector bar

Recommend Projects

React

Vue.js

Typescript

TensorFlow

Django

Laravel

D3

Recommend Topics

javascript

web

server

Machine learning

Visualization

Game

Recommend Org

Facebook

Microsoft

Google

Alibaba

D3

Tencent