edit-task
Home
Up
Delete
Task Name:
Task Description:
[5253] replace table (draft 1) with table draft 2
TaskGroup ID:
Start Date:
Start Time:
Duration:
Priority:
Status:
To Do
Completed
In Process
Add Photo:
Owner ID:
Content:
use HTML
Edit Content
<h1 style="text-align: center;">project-4800 -v-003-003</h1> <h1 style="text-align: center;">UPDATE - results table</h1> <h2>[previously]</h2> <ol> <li><strong>[2015-06-07][00:00] PAGE - results.jade - table </strong></li> <ol> <li>x] replaced the first 'draft' results table with something a little more stylish</li> <li>*] g qry = example best html table designs - r# 2 <a href="https://www.freshdesignweb.com/free-css-tables.html" target="_blank">40+ Free Beautiful CSS CSS3 Table Templates</a> </li> <li>>] PRB add style code to css, error re: , doesnt apply styles to table</li> <li>x] assigned existing style to this table, works</li> </ol> <li><strong>[] outline</strong></li> <ol> <li>x] update the "results" table style - a little</li> <li>x] ? = can I use jade templates vars in "included" html file td=results[0].racePoints, a= NO</li> <li>***</li> <li>x] PG - index - create "results" object - this will hold each players 'results' for each race</li> <li>x] PG - results - get "results" from the results object in code, VS using hardcoded html</li> <li>] get results for each race - </li> </ol></ol> <h2>[currently]</h2> <ol> <li><strong>[00:00]</strong><strong> PAGE results-table</strong></li> <ol> <li>x] # # - put the table's html into seperate file</li> <li>x] # # - use "include results-table.html" in results.jade VS defining a template</li> </ol> <li><strong>[00:00] NEW task IN TRY </strong></li> <ol> <li>x] # # - TRY - ] ? = can I use jade {{=someVar}} in the external html file which i include, EX td=results[0].racePoints</li> <ol> <li>] DOESNT appear to work, no errors, just, no data shows up</li> </ol></ol> <li><strong>[00:00] NEW task IN TRY</strong></li> <ol> <li>] # # - TRY - can I define the .jade template in a seperate file</li> <ol> <li>*] this shoud work BUT its NOT working for me, ERROR about 'indent'</li> </ol></ol> <li><strong>[00:00] NEW task IN PAGE - results.jade -</strong></li> <ol> <li>] # # - x] UPDATE existing results.table template, define new template in page</li> </ol> <li><strong>[00:00] NEW task IN PAGE - index.js</strong></li> <ol> <li>x] # # - ADD results object, properties = team, racePoints, selections, ?? race</li> <li>] build resultset for race</li> <li>x] # # - PASS results table into view</li> </ol> <li><strong>[00:00] NEW task IN PAGE - results.jade </strong></li> <ol> <li>x] # # - x] assign data to table cells, td=results.player, td=results.racePoints, ...</li> <li>x] # # - x] add loop to build table rows for each team </li> </ol> <li><strong>[00:00] PAGE index.js</strong></li> <ol> <li>] # # - ] results VS raceResults - results will contain results for all players, all races</li> <li>x] use js filter method to select just the entries for the current race</li> <li>x] get the current race param from the url</li> </ol> <li><strong>[00:00] NEW task in PAGE index.js</strong></li> <ol> <li>x] # # - x] race name - x] add function lookup race in races, return race , pass race to view</li> </ol> <li><strong>[00:00] NEW task IN PAGE index.js</strong></li> <ol> <li>x] # # - x] race name pretty - ADD extra property 'raceNum' to race object before passing, displays "Race# 12" VS "2015-12" </li> </ol> <li><strong>[00:00] NEW task IN PAGE index.js </strong></li> <ol> <li>x] # # - /selections - get data (list selections) for each player, from _??__ for results.selections field in table</li> <li>x] ADDed property "id" to Selections table to uniquely identify each 'selections'</li> <li>x] ADDed 2nd pass thru, raceResults to set selections field, use lookup function to set values for selections</li> </ol> <li><strong>[00:00] NEW task IN ...</strong></li> <ol> <li>] # # - PUBLISH - x] index.js, x] results.jade, x] style.css</li> </ol> <li><strong>[00:00]</strong><strong> NEW</strong></li> <ol> <li>] # # - <strong>TEST - 4800-v-003-003 results=</strong></li> </ol></ol> <h2>[next]</h2> <ol> <li>] more data</li> <li>] data from api</li> <li>]</li> </ol> <p> </p> <p> </p>