<div class="card">
    <div class="card-inner">

        <div class="card-section project-header">
            <div class="snapshots ">
                <div class="snapshots-tab">
                    <form action="/new-snapshot">
                        <button class="btn btn-snapshot-new link link-strong" type="submit">New snapshot</button>
                    </form>

                    <div class="snapshot-nav">
                        <a class="btn btn-action btn-snapshot btn-snapshot-first  -disabled" href="/" data-label="Current state" title="Go to current state" tabindex="-1"></a>

                        <a class="btn btn-action btn-snapshot btn-snapshot-prev" href="/" data-label="Previous snapshot" title="Go to previous snapshot"></a>

                        <span class="text">1 of 3</span>

                        <a class="btn btn-action btn-snapshot btn-snapshot-next" href="/" data-label="Next snapshot" title="Go to next snapshot"></a>
                    </div>
                </div>
            </div>
            <h4 class="card-heading card-subheading">
                <span class="project-label">Project:</span>
                <span class="project-title">The Silk Roads in the Bronze Age: Critical links between Eurasia and China</span>
            </h4>

            <div class="project-info">
                <div class="info-row">
                    <div class="info-cell">
                        <div class="info-item">
                            <span class="info-label">Chief Investigator</span>
                            <span class="text">Prof. Yuri Yaeger</span>
                        </div>
                    </div>

                    <div class="info-cell">
                        <div class="info-item">
                            <span class="info-label">Primary funds provider</span>
                            <span class="text">Australian Research Council (ARC)</span>
                        </div>
                    </div>

                    <div class="info-cell">
                        <div class="info-item">
                            <span class="info-label">Scheme</span>
                            <span class="text">Discovery Projects (DP)</span>
                        </div>
                    </div>

                    <div class="info-cell">
                        <div class="info-item">
                            <span class="info-label">Funds provider ref</span>
                            <span class="text">923982350</span>
                        </div>
                    </div>
                </div>

                <div class="info-row">
                    <div class="info-cell">
                        <div class="info-item">
                            <span class="info-label">Project status</span>
                            <span class="text">Active</span>
                        </div>
                    </div>

                    <div class="info-cell">
                        <div class="info-item">
                            <span class="info-label">GLC</span>
                            <span class="text">01.00.0.09345.4.XXXX.23535</span>
                        </div>
                    </div>

                    <div class="info-cell">
                        <div class="info-item">
                            <span class="info-label">Registry number</span>
                            <span class="text">G217</span>
                        </div>
                    </div>

                    <div class="info-cell">
                        <div class="info-item">
                            <span class="info-label">Grand ID</span>
                            <span class="text">G217</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="card-section">
            <div class="alert" data-status="info">
                <div class="alert-inner">
                    <div class="alert-text">

                        <div class="alert-title">New Snapshot Taken:</div>

                        <div class="alert-info">Snapshot 3 - Taken on 24/06/2017 at 10:03am by <a href='/' title=''>Professor Shaun Murphy</a></div>
                    </div>

                    <button class="btn btn-alert-dismiss js-alert-dismiss" type="button"></button>
                </div>
            </div>
            <h4 class="card-subheading -with-underline">
                <span class="text">Snapshots</span>

                <button type="button" class="btn btn-help -to-right js-tooltip-help">
					<i class="fa fa-question-circle" aria-hidden="true"></i>

					<div class="help-text">Something about snapshots.</div>
				</button>
            </h4>

            <form action="/new-snapshot">
                <button class="btn btn-add-row" type="submit">
					<span class="link link-strong">Create a new Snapshot from the current state</span>

					<span class="help">New Snapshots will appear in the table below</span>
				</button>
            </form>

            <div class="table">
                <div class="table-header table-row">
                    <div class="table-group">

                        <div class="table-cell -inactive" style="width: 10%" data-name="chrDate" data-flex="1">
                            <span class="text">Date</span>

                            <div class="table-handle js-table-handle"></div>
                        </div>

                        <div class="table-cell -inactive" style="width: 10%" data-name="chrTime" data-flex="1">
                            <span class="text">Time</span>

                            <div class="table-handle js-table-handle"></div>
                        </div>

                        <div class="table-cell -inactive" style="width: 80%" data-name="chrAuthor" data-flex="1">
                            <span class="text">Author</span>

                            <div class="table-handle"></div>
                        </div>

                    </div>

                    <!-- set width equal to calc(n * 10rem) where n is the number of actions -->
                    <div class="table-group actions-group -fixed" style="width: calc(2 * 10rem)">
                        <div class="table-cell table-actions -inactive">Actions</div>
                    </div>
                </div>

                <div class="table-row js-table-link  " role="button" tabindex="0" data-href="/" data-preview="3463454">

                    <div class="table-group">

                        <div class="table-cell  " style="width: 10%" data-flex="1">

                            <div class="text">09/11/2017</div>

                        </div>
                        <div class="table-cell  " style="width: 10%" data-flex="1">

                            <div class="text">12:47pm</div>

                        </div>
                        <div class="table-cell  " style="width: 80%" data-flex="1">

                            <div class="text">Dr. Robyn Aagersen</div>

                        </div>

                    </div>

                    <div class="table-group actions-group -fixed" style="width: calc(2 * 10rem)">
                        <div class="table-cell table-actions">
                            <ul class="actions-list">
                                <li class="action-item">
                                    <button type="button" class="btn btn-action js-table-action " data-label="Details" aria-label="Details" data-action="details" data-icon="details"></button>
                                </li>
                                <li class="action-item">
                                    <button type="button" class="btn btn-action js-table-action " data-label="Delete snapshot" aria-label="Delete snapshot" data-action="delete" data-icon="delete"></button>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="card">
	<div class="card-inner">
		{{> @project-header }}

		<div class="card-section">
			{{#with alert }}
				{{> @alert }}
			{{/with}}

			<h4 class="card-subheading -with-underline">
				<span class="text">Snapshots</span>

				<button type="button" class="btn btn-help -to-right js-tooltip-help">
					<i class="fa fa-question-circle" aria-hidden="true"></i>

					<div class="help-text">Something about snapshots.</div>
				</button>
			</h4>

			<form action="/new-snapshot">
				<button class="btn btn-add-row" type="submit">
					<span class="link link-strong">Create a new Snapshot from the current state</span>

					<span class="help">New Snapshots will appear in the table below</span>
				</button>
			</form>

			{{#with snapshots }}
				{{> @table }}
			{{/with}}
		</div>
	</div>
</div>
{
  "pageTitle": "Snapshots",
  "pageClass": "dashboard",
  "dataFormat": "expanded",
  "dataChart": "pie",
  "width": 238,
  "fontSize": 47.6,
  "projects": [
    {
      "title": "Breeding wheat strains to reduce the incidence macular degeneration",
      "remaining": 435000,
      "awarded": 445000,
      "total": 580000,
      "status": "on hold",
      "notes": "<a href='' title='View Meeting'>Assigned to Meeting</a>"
    },
    {
      "title": "Assisted vision technologies",
      "remaining": 90000,
      "awarded": 340000,
      "total": 430000,
      "status": "active",
      "notes": "no roadblocks"
    },
    {
      "title": "Minimizing Carbon Emissions and Maximizing Carbon Sequestration and Storage by Seagrasses, Tidal Marshes, Mangroves",
      "remaining": 130000,
      "awarded": 155000,
      "total": 285000,
      "status": "active",
      "notes": "no roadblocks"
    },
    {
      "title": "Mitochondrial Turnover",
      "remaining": 60000,
      "awarded": 95000,
      "total": 125000,
      "status": "pending",
      "notes": "<a href='' title='View Meeting'>Assigned to Meeting</a>"
    },
    {
      "title": "Crop resilience from complex genomes",
      "remaining": 90000,
      "awarded": 105000,
      "total": 125000,
      "status": "on hold",
      "notes": "<a href='' title='View Meeting'>Assigned to Meeting</a>"
    }
  ],
  "other": 225000,
  "dataTotal": 2000000,
  "baseTitle": "Dashboard",
  "tasks": {
    "checkbox": true,
    "select": true,
    "columns": [
      {
        "name": "chrTitle",
        "title": "Task Name",
        "width": 35
      },
      {
        "name": "chrProject",
        "title": "Project",
        "width": 20
      },
      {
        "name": "chrType",
        "title": "Type",
        "width": 15
      },
      {
        "name": "chrDueDate",
        "title": "Due Date",
        "width": 15
      },
      {
        "name": "chrChiefInvestigator",
        "title": "Chief Investigator",
        "width": 15
      }
    ],
    "tableData": [
      {
        "checkbox": {
          "name": "searchValue",
          "id": "checkbox_1",
          "value": "2983575"
        },
        "data": {
          "preview": "3463454",
          "message": "By approving this application you certify that:<p>1. I/we are qualified in the procedures described in this document</p>"
        },
        "columns": [
          {
            "name": "chrTitle",
            "title": "Task Name",
            "value": "Modeling trade duration in U.S. Treasury markets"
          },
          {
            "name": "chrProject",
            "title": "Project",
            "value": "Breeding wheat strains to reduce the incidence of macular degeneration"
          },
          {
            "name": "chrType",
            "title": "Type",
            "value": "Approvals"
          },
          {
            "name": "chrDueDate",
            "title": "Due Date",
            "value": "22/07/2017"
          },
          {
            "name": "chrChiefInvestigator",
            "title": "Chief Investigator",
            "value": "Darcy Sanderson",
            "action": {
              "name": "details",
              "icon": "details",
              "label": "Chief Investigator Details",
              "value": "2598746"
            }
          }
        ]
      },
      {
        "checkbox": {
          "name": "searchValue",
          "id": "checkbox_2",
          "value": "2983575"
        },
        "data": {
          "preview": "3463454",
          "message": "By approving this application you certify that:<p>1. I/we are qualified in the procedures described in this document</p>"
        },
        "columns": [
          {
            "name": "chrTitle",
            "title": "Task Name",
            "value": "Modeling trade duration in U.S. Treasury markets"
          },
          {
            "name": "chrProject",
            "title": "Project",
            "value": "Breeding wheat strains to reduce the incidence of macular degeneration"
          },
          {
            "name": "chrType",
            "title": "Type",
            "value": "Approvals"
          },
          {
            "name": "chrDueDate",
            "title": "Due Date",
            "value": "22/07/2017"
          },
          {
            "name": "chrChiefInvestigator",
            "title": "Chief Investigator",
            "value": "Darcy Sanderson",
            "action": {
              "name": "details",
              "icon": "details",
              "label": "Chief Investigator Details",
              "value": "2598746"
            }
          }
        ]
      },
      {
        "checkbox": {
          "name": "searchValue",
          "id": "checkbox_3",
          "value": "2983575"
        },
        "data": {
          "preview": "3463454",
          "message": "By approving this application you certify that:<p>1. I/we are qualified in the procedures described in this document</p>"
        },
        "columns": [
          {
            "name": "chrTitle",
            "title": "Task Name",
            "value": "Modeling trade duration in U.S. Treasury markets"
          },
          {
            "name": "chrProject",
            "title": "Project",
            "value": "Breeding wheat strains to reduce the incidence of macular degeneration"
          },
          {
            "name": "chrType",
            "title": "Type",
            "value": "Approvals"
          },
          {
            "name": "chrDueDate",
            "title": "Due Date",
            "value": "22/07/2017"
          },
          {
            "name": "chrChiefInvestigator",
            "title": "Chief Investigator",
            "value": "Darcy Sanderson",
            "action": {
              "name": "details",
              "icon": "details",
              "label": "Chief Investigator Details",
              "value": "2598746"
            }
          }
        ]
      }
    ]
  },
  "milestones": {
    "rowClass": "js-table-link",
    "columns": [
      {
        "name": "chrTitle",
        "title": "Task Name",
        "width": 35
      },
      {
        "name": "chrProject",
        "title": "Project",
        "width": 20
      },
      {
        "name": "chrType",
        "title": "Type",
        "width": 15
      },
      {
        "name": "chrDueDate",
        "title": "Due Date",
        "width": 15
      },
      {
        "name": "chrChiefInvestigator",
        "title": "Chief Investigator",
        "width": 15
      }
    ],
    "tableData": [
      {
        "data": {
          "preview": "3463454"
        },
        "href": "/",
        "columns": [
          {
            "name": "chrTitle",
            "title": "Task Name",
            "value": "Modeling trade duration in U.S. Treasury markets"
          },
          {
            "name": "chrProject",
            "title": "Project",
            "value": "Breeding wheat strains to reduce the incidence of macular degeneration"
          },
          {
            "name": "chrType",
            "title": "Type",
            "value": "Approvals"
          },
          {
            "name": "chrDueDate",
            "title": "Due Date",
            "value": "22/07/2017"
          },
          {
            "name": "chrChiefInvestigator",
            "title": "Chief Investigator",
            "value": "Darcy Sanderson",
            "action": {
              "name": "details",
              "icon": "details",
              "label": "Chief Investigator Details",
              "value": "2598746"
            }
          }
        ]
      },
      {
        "data": {
          "preview": "3463454"
        },
        "href": "/",
        "columns": [
          {
            "name": "chrTitle",
            "title": "Task Name",
            "value": "Modeling trade duration in U.S. Treasury markets"
          },
          {
            "name": "chrProject",
            "title": "Project",
            "value": "Breeding wheat strains to reduce the incidence of macular degeneration"
          },
          {
            "name": "chrType",
            "title": "Type",
            "value": "Approvals"
          },
          {
            "name": "chrDueDate",
            "title": "Due Date",
            "value": "22/07/2017"
          },
          {
            "name": "chrChiefInvestigator",
            "title": "Chief Investigator",
            "value": "Darcy Sanderson",
            "action": {
              "name": "details",
              "icon": "details",
              "label": "Chief Investigator Details",
              "value": "2598746"
            }
          }
        ]
      },
      {
        "data": {
          "preview": "3463454"
        },
        "href": "/",
        "columns": [
          {
            "name": "chrTitle",
            "title": "Task Name",
            "value": "Modeling trade duration in U.S. Treasury markets"
          },
          {
            "name": "chrProject",
            "title": "Project",
            "value": "Breeding wheat strains to reduce the incidence of macular degeneration"
          },
          {
            "name": "chrType",
            "title": "Type",
            "value": "Approvals"
          },
          {
            "name": "chrDueDate",
            "title": "Due Date",
            "value": "22/07/2017"
          },
          {
            "name": "chrChiefInvestigator",
            "title": "Chief Investigator",
            "value": "Darcy Sanderson",
            "action": {
              "name": "details",
              "icon": "details",
              "label": "Chief Investigator Details",
              "value": "2598746"
            }
          }
        ]
      }
    ]
  },
  "snapshots": {
    "actions": [
      {
        "name": "details",
        "label": "Details",
        "icon": "details"
      },
      {
        "name": "delete",
        "label": "Delete snapshot",
        "icon": "delete"
      }
    ],
    "rowClass": "js-table-link",
    "columns": [
      {
        "name": "chrDate",
        "title": "Date",
        "width": 10
      },
      {
        "name": "chrTime",
        "title": "Time",
        "width": 10
      },
      {
        "name": "chrAuthor",
        "title": "Author",
        "width": 80
      }
    ],
    "tableData": [
      {
        "columns": [
          {
            "name": "chrDate",
            "title": "Date",
            "value": "09/11/2017"
          },
          {
            "name": "chrTime",
            "title": "Time",
            "value": "12:47pm"
          },
          {
            "name": "chrAuthor",
            "title": "Author",
            "value": "Dr. Robyn Aagersen"
          }
        ],
        "data": {
          "href": "/",
          "preview": "3463454"
        }
      }
    ]
  },
  "alert": {
    "title": "New Snapshot Taken:",
    "info": "Snapshot 3 - Taken on 24/06/2017 at 10:03am by <a href='/' title=''>Professor Shaun Murphy</a>",
    "status": "info"
  },
  "snaps": {
    "page": 1,
    "total": 3,
    "inactive": false
  }
}

There are no notes for this item.