<form id="search-form" class="search-form" data-custom-modal-search-value="" data-page="commercialsMilestones" data-module="grants" data-search-id="chrContractCode" data-gui-title="default" data-gui-id="99" data-gui-columns='[ { "name": "chrShortTitle", "title": "Title", "width": "27.5" }, { "name": "chrFirstNamedInvestigator", "title": "Investigator", "width": "27.5", "em": true }, { "name": "chrStatus", "title": "Status", "width": "15" }, { "name": "chrSchemeName", "title": "Scheme", "width": "15" }, { "name": "chrFundsProviderName", "title": "Funds Provider", "width": "15" }]'
    data-options='{ "sortBy": "intContractCounter", "pageLength": "12" }' data-show-status="true" data-create-parent="true" data-actions='[ { "name": "details", "icon": "details", "label": "Details", "data": { "custom-modal-search-value": "test" }  } , { "name": "record-delete", "icon": "delete", "label": "Delete record" } , { "name": "record-clone", "icon": "clone", "label": "Clone record" }  ]'>
    <div class="search-panel card">
        <ul class="filter-options" style="display: none">
            <li class="dropdown-item filter-item" role="menuitem" data-active="true" data-name="guiSearch" data-title="GUI" data-type="simple" data-advanced="" data-advanced-crit="" data-return="" data-dropdown='[]' data-range='[]' data-return="" data-return-display=""
                data-custom-modal-search-value="" data-columns='[]' data-options='[]' data-actions='[]'>GUI</li>
            <li class="dropdown-item filter-item" role="menuitem" data-active="true" data-name="chrShortTitle" data-title="Title" data-type="simple" data-advanced="" data-advanced-crit="" data-return="" data-dropdown='[]' data-range='[]' data-return="" data-return-display=""
                data-custom-modal-search-value="" data-columns='[]' data-options='[]' data-actions='[]'>Title</li>
            <li class="dropdown-item filter-item" role="menuitem" data-active="true" data-name="chrFirstNamedInvestigator" data-title="Internal Investigator" data-type="advanced" data-advanced="people" data-advanced-crit="Surname" data-return="chrStaffNumber" data-dropdown='[]'
                data-range='[]' data-return="chrStaffNumber" data-return-display="" data-custom-modal-search-value="test" data-columns='[ { "name": "chrSurname", "title": "Surname" }, { "name": "chrFirstName", "title": "First Name" }, { "name": "chrTier3Name", "title": "Department" }, { "name": "chrEmail", "title": "Email" }]'
                data-options='[ { "name": "IncludeLinked", "title": "Include Linked", "type": "checkbox" }, { "name": "FirstNamed", "title": "First Named", "type": "checkbox" }, { "name": "SearchValue2", "title": "Initials", "type": "text" }, { "name": "SearchValue3", "title": "Operator", "type": "dropdown", "list": [  { "value": "contains", "title": "contains" } , { "value": "begins", "title": "begins with" } , { "value": "sounds", "title": "sounds like" }  ]  }]'
                data-actions='[ { "name": "details", "icon": "details" }]'>Internal Investigator</li>
            <li class="dropdown-item filter-item" role="menuitem" data-active="true" data-name="externalInvestigator" data-title="External Investigator" data-type="advanced" data-advanced="externals" data-advanced-crit="Surname" data-return="chrCode" data-dropdown='[]'
                data-range='[]' data-return="chrCode" data-return-display="" data-custom-modal-search-value="test" data-columns='[ { "name": "chrSurname", "title": "Surname" }, { "name": "chrFirstName", "title": "First Name" }, { "name": "chrTier3Name", "title": "Institution" }, { "name": "chrEmail", "title": "Email" }]'
                data-options='[ { "name": "IncludeLinked", "title": "Include Linked", "type": "checkbox" }, { "name": "SearchValue2", "title": "Initials", "type": "text" }, { "name": "SearchValue3", "title": "Operator", "type": "dropdown", "list": [  { "value": "contains", "title": "contains" } , { "value": "begins", "title": "begins with" } , { "value": "sounds", "title": "sounds like" }  ]  }]'
                data-actions='[ { "name": "details", "icon": "details" }]'>External Investigator</li>
            <li class="dropdown-item filter-item" role="menuitem" data-active="true" data-name="guiDepartments" data-title="Department" data-type="advanced" data-advanced="departments" data-advanced-crit="Department name" data-return="chrTier3Code" data-dropdown='[]'
                data-range='[]' data-return="chrTier3Code" data-return-display="$chrTier3Name" data-custom-modal-search-value="department" data-columns='[ { "name": "chrTier3Name", "title": "Department" }]' data-options='[]' data-actions='[ { "name": "details", "icon": "details" }]'>Department</li>
            <li class="dropdown-item filter-item" role="menuitem" data-active="true" data-name="startDate" data-title="Starting Year" data-type="range" data-advanced="" data-advanced-crit="" data-return="" data-dropdown='[]' data-range='["chrGrantStartDate","chrCompletionDate"]'
                data-return="" data-return-display="" data-custom-modal-search-value="" data-columns='[]' data-options='[]' data-actions='[]'>Starting Year</li>
            <li class="dropdown-item filter-item" role="menuitem" data-active="true" data-name="chrApprovalDate" data-title="Approval Date" data-type="date" data-advanced="" data-advanced-crit="" data-return="" data-dropdown='[]' data-range='[]' data-return="" data-return-display=""
                data-custom-modal-search-value="" data-columns='[]' data-options='[]' data-actions='[]'>Approval Date</li>
            <li class="dropdown-item filter-item" role="menuitem" data-active="true" data-name="chrStatus" data-title="Status" data-type="dropdown" data-advanced="" data-advanced-crit="" data-return="" data-dropdown='["active","awarded","closed","completed","draft","grants completed","new","pending","test","wind-down"]'
                data-range='[]' data-return="" data-return-display="" data-custom-modal-search-value="" data-columns='[]' data-options='[]' data-actions='[]'>Status</li>
        </ul>

        <div class="card-section">
            <div class="card-inner">
                <h3 class="card-heading card-title">
                    <div class="text">Searching Milestones</div>

                    <div class="save-search">
                        <button type="button" class="btn btn-link js-btn-load-search js-btn-modal" data-modal="load-search">
							<span class="fa fa-folder-open-o"></span>
							<span class="link link-strong">My Searches</span>
						</button>
                        <button type="button" class="btn btn-link js-btn-save-search js-btn-modal" data-modal="save-search">
							<span class="fa fa-floppy-o"></span>
							<span class="link link-strong">Save Search</span>
						</button>
                    </div>
                </h3>

                <div class="search-subheading">
                    <h4 class="card-subheading" data-col="12">
                        <span data-span="10">Search Fields</span>
                        <span class="subheading-right" data-span="2">Add / Remove</span>
                    </h4>
                    <p class="card-note">Use the 'Lookup' function to complete relevant fields</p>
                </div>

                <div class="form-container">
                    <div class="create-filters">
                    </div>
                </div>

                <button class="btn btn-default btn-submit"><span>Show</span> Records</button>
            </div>
        </div>
    </div>
</form>

<div class="modal modal-advanced-search js-modal js-modal-exit -nav-padded -with-overlay" data-modal="advanced-search">
    <div class="modal-inner inner">
        <div class="modal-panel advanced-search-container">
            <div class="modal-header">
                <button type="button" class="btn btn-default btn-modal-exit js-modal-exit svg-wrap" aria-label="Exit Modal">
					<span class="fa fa-times"></span>
				</button>
                <h3 class="modal-title">
                    <span class="text">Advanced Lookup</span>
                </h3>
            </div>
            <div class="modal-section advanced-search-form modal-advanced-form">
                <div data-col="6">
                    <div class="form-field advanced-search-field" data-flex="4" data-col="4" data-required="true" data-min-length="2">
                        <label class="advanced-search-label" data-flex="1" for="SearchValue"></label>
                        <input data-flex="3" name="SearchValue" class="advanced-search-input"></input>
                    </div>

                    <div class="criteria-text form-field advanced-search-field" data-col="6" data-flex="2">
                        <div data-flex="2"></div>
                        <label class="advanced-search-label" data-flex="2" for="SearchValue"></label>
                        <input data-flex="2" name="SearchValue" class="advanced-search-input"></input>
                    </div>
                </div>
                <div class="advanced-search-criteria" data-col="6">
                    <div class="criteria-dropdown form-field advanced-search-field" data-col="6" data-flex="6"></div>
                    <div class="criteria-checkbox form-field advanced-search-field" data-col="3" data-flex="3"></div>

                    <div class="btn-container" data-flex="3">
                        <a class="btn btn-create-record js-parent-create-record">
							<span class="fa fa-plus-circle"></span>
							<span class="link link-strong">Create a new record</span>
						</a>

                        <button type="button" class="btn btn-default btn-update-advanced js-btn-update-advanced">
							<div class="text">Show Records</div>
						</button>
                    </div>
                </div>
            </div>

            <div class="modal-section modal-results advanced-search-results">

            </div>
        </div>
    </div>
</div>
<div class="modal -with-overlay -nav-padded js-modal js-modal-exit" data-modal="save-search">
    <div class="modal-inner inner">
        <div class="modal-panel">
            <div class="modal-header">
                <button type="button" class="btn btn-default btn-modal-exit js-modal-exit svg-wrap" aria-label="Exit Modal">
					<span class="fa fa-times"></span>
				</button>
                <h3 class="modal-title">
                    <span class="text">Save search</span>
                </h3>
            </div>

            <div class="modal-section modal-form">
                <div class="form-field save-field" data-col="6" data-required="true" data-min-length="5">
                    <label for="save-search-title" data-flex="1">Save As</label>
                    <input name="save-search-title" placeholder="&hellip;">

                    <button type="button" class="btn svg-wrap btn-save-as js-save-as" aria-label="Save as existing search">
						<svg viewBox="0 0 25 25">
							<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-arrow-down"></use>
						</svg>
					</button>
                </div>
            </div>

            <div class="modal-section modal-results">
            </div>

            <div class="modal-section modal-buttons">
                <button class="btn btn-default js-save-search js-modal-submit" type="button">
					<span class="text">Save this search</span>
				</button>

                <button class="btn btn-default js-modal-exit" type="button">
					<span class="text">Cancel</span>
				</button>
            </div>
        </div>
    </div>
</div>
<div class="modal modal-load-search -with-overlay -nav-padded js-modal js-modal-exit" data-modal="load-search">
    <div class="modal-inner inner">
        <div class="modal-panel">
            <div class="modal-header">
                <button type="button" class="btn btn-default btn-modal-exit js-modal-exit svg-wrap" aria-label="Exit Modal">
					<span class="fa fa-times"></span>
				</button>
                <h3 class="modal-title">
                    <span class="text">My saved searches</span>
                </h3>
            </div>

            <div class="modal-section modal-results">
            </div>

            <div class="modal-section modal-buttons">
                <button class="btn btn-default js-load-search js-modal-exit js-modal-submit" type="button">
					<span class="text">Load search</span>
				</button>

                <button class="btn btn-default js-modal-exit" type="button">
					<span class="text">Cancel</span>
				</button>
            </div>
        </div>
    </div>
</div>
<div class="modal modal-gui-new -with-overlay -nav-padded js-modal js-modal-exit" data-modal="gui-new">
    <div class="modal-inner inner">
        <div class="modal-panel">
            <div class="modal-header">
                <button type="button" class="btn btn-default btn-modal-exit js-modal-exit svg-wrap" aria-label="Exit Modal">
					<span class="fa fa-times"></span>
				</button>
                <h3 class="modal-title">
                    <span class="text">Create new custom GUI</span>
                </h3>
            </div>

            <div class="modal-section modal-form">
                <div class="form-field save-field" data-col="6" data-required="true" data-min-length="5">
                    <label for="new-gui-title" data-flex="1">GUI name</label>
                    <input name="new-gui-title" placeholder="&hellip;">
                </div>
            </div>

            <div class="modal-section modal-results">
            </div>

            <div class="modal-section modal-buttons">
                <button class="btn btn-default js-gui-new js-modal-submit" type="button">
					<span class="text">Create GUI</span>
				</button>

                <button class="btn btn-default js-modal-exit" type="button">
					<span class="text">Cancel</span>
				</button>
            </div>
        </div>
    </div>
</div>
<div class="modal modal-gui-select -with-overlay -nav-padded js-modal js-modal-exit" data-modal="gui-select">
    <div class="modal-inner inner">
        <div class="modal-panel">
            <div class="modal-header">
                <button type="button" class="btn btn-default btn-modal-exit js-modal-exit svg-wrap" aria-label="Exit Modal">
					<span class="fa fa-times"></span>
				</button>
                <h3 class="modal-title">
                    <span class="text">My custom GUI</span>
                </h3>
            </div>

            <div class="modal-section modal-results">
            </div>

            <div class="modal-section modal-buttons">
                <button class="btn btn-default js-load-gui js-modal-exit js-modal-submit" type="button">
					<span class="text">Load GUI</span>
				</button>

                <button class="btn btn-default js-modal-exit" type="button">
					<span class="text">Cancel</span>
				</button>
            </div>
        </div>
    </div>
</div>
<div class="modal modal-gui-update -with-overlay -nav-padded js-modal js-modal-exit" data-modal="gui-update">
    <div class="modal-inner inner">
        <div class="modal-panel">
            <div class="modal-header">
                <button type="button" class="btn btn-default btn-modal-exit js-modal-exit svg-wrap" aria-label="Exit Modal">
					<span class="fa fa-times"></span>
				</button>
                <h3 class="modal-title">
                    <span class="text">Update current GUI</span>
                </h3>
            </div>

            <div class="modal-section modal-form">
                <div class="form-field save-field" data-col="6" data-required="true" data-min-length="5">
                    <label for="new-gui-title" data-flex="1">GUI name</label>
                    <input name="new-gui-title" placeholder="&hellip;" disabled>
                </div>
            </div>

            <div class="modal-section modal-results">
            </div>

            <div class="modal-section modal-buttons">
                <button class="btn btn-default js-gui-new js-modal-submit" type="button">
					<span class="text">Update GUI</span>
				</button>

                <button class="btn btn-default js-modal-exit" type="button">
					<span class="text">Cancel</span>
				</button>
            </div>
        </div>
    </div>
</div>
<div class="search-results-container"></div>
{{> '@search-panel' }}

<div class="search-results-container"></div>
{
  "pageTitle": "Milestones",
  "pageClass": "commercials",
  "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": "Commercials",
  "pageSections": [
    {
      "title": "Funding",
      "slug": "funding"
    },
    {
      "title": "Contracts",
      "slug": "contracts"
    },
    {
      "title": "Intellectual Property",
      "slug": "intellectual-property"
    },
    {
      "title": "Investigators",
      "slug": "investigators"
    },
    {
      "title": "Department",
      "slug": "departments"
    },
    {
      "title": "Organisations",
      "slug": "organisations"
    },
    {
      "title": "Milestones",
      "slug": "milestones"
    },
    {
      "title": "Clearances",
      "slug": "clearances"
    }
  ],
  "filterOptions": [
    {
      "name": "guiSearch",
      "title": "GUI",
      "type": "simple",
      "active": true
    },
    {
      "name": "chrShortTitle",
      "title": "Title",
      "type": "simple",
      "active": true
    },
    {
      "name": "chrFirstNamedInvestigator",
      "title": "Internal Investigator",
      "type": "advanced",
      "active": true,
      "advanced": "people",
      "advancedCrit": "Surname",
      "return": "chrStaffNumber",
      "customModalSearchValue": "test",
      "columns": [
        {
          "title": "Surname",
          "name": "chrSurname"
        },
        {
          "title": "First Name",
          "name": "chrFirstName"
        },
        {
          "title": "Department",
          "name": "chrTier3Name"
        },
        {
          "title": "Email",
          "name": "chrEmail"
        }
      ],
      "options": [
        {
          "name": "IncludeLinked",
          "title": "Include Linked",
          "type": "checkbox"
        },
        {
          "name": "FirstNamed",
          "title": "First Named",
          "type": "checkbox"
        },
        {
          "name": "SearchValue2",
          "title": "Initials",
          "type": "text"
        },
        {
          "name": "SearchValue3",
          "title": "Operator",
          "type": "dropdown",
          "list": [
            {
              "value": "contains",
              "title": "contains"
            },
            {
              "value": "begins",
              "title": "begins with"
            },
            {
              "value": "sounds",
              "title": "sounds like"
            }
          ]
        }
      ],
      "actions": [
        {
          "name": "details",
          "icon": "details"
        }
      ]
    },
    {
      "name": "externalInvestigator",
      "title": "External Investigator",
      "advanced": "externals",
      "advancedCrit": "Surname",
      "type": "advanced",
      "active": true,
      "return": "chrCode",
      "customModalSearchValue": "test",
      "columns": [
        {
          "title": "Surname",
          "name": "chrSurname"
        },
        {
          "title": "First Name",
          "name": "chrFirstName"
        },
        {
          "title": "Institution",
          "name": "chrTier3Name"
        },
        {
          "title": "Email",
          "name": "chrEmail"
        }
      ],
      "options": [
        {
          "name": "IncludeLinked",
          "title": "Include Linked",
          "type": "checkbox"
        },
        {
          "name": "SearchValue2",
          "title": "Initials",
          "type": "text"
        },
        {
          "name": "SearchValue3",
          "title": "Operator",
          "type": "dropdown",
          "list": [
            {
              "value": "contains",
              "title": "contains"
            },
            {
              "value": "begins",
              "title": "begins with"
            },
            {
              "value": "sounds",
              "title": "sounds like"
            }
          ]
        }
      ],
      "actions": [
        {
          "name": "details",
          "icon": "details"
        }
      ]
    },
    {
      "name": "guiDepartments",
      "title": "Department",
      "advanced": "departments",
      "advancedCrit": "Department name",
      "type": "advanced",
      "active": true,
      "return": "chrTier3Code",
      "returnDisplay": "$chrTier3Name",
      "customModalSearchValue": "department",
      "columns": [
        {
          "title": "Department",
          "name": "chrTier3Name"
        }
      ],
      "actions": [
        {
          "name": "details",
          "icon": "details"
        }
      ]
    },
    {
      "name": "startDate",
      "title": "Starting Year",
      "type": "range",
      "range": [
        "chrGrantStartDate",
        "chrCompletionDate"
      ],
      "active": true
    },
    {
      "name": "chrApprovalDate",
      "title": "Approval Date",
      "type": "date",
      "active": true
    },
    {
      "name": "chrStatus",
      "title": "Status",
      "dropdown": [
        "active",
        "awarded",
        "closed",
        "completed",
        "draft",
        "grants completed",
        "new",
        "pending",
        "test",
        "wind-down"
      ],
      "type": "dropdown",
      "active": true
    }
  ],
  "searchOptions": {
    "module": "grants",
    "searchID": "chrContractCode",
    "guiTitle": "default",
    "guiID": 99,
    "guiColumns": [
      {
        "name": "chrShortTitle",
        "title": "Title",
        "width": 27.5
      },
      {
        "name": "chrFirstNamedInvestigator",
        "title": "Investigator",
        "width": 27.5,
        "em": true
      },
      {
        "name": "chrStatus",
        "title": "Status",
        "width": 15
      },
      {
        "name": "chrSchemeName",
        "title": "Scheme",
        "width": 15
      },
      {
        "name": "chrFundsProviderName",
        "title": "Funds Provider",
        "width": 15
      }
    ],
    "options": {
      "sortBy": "intContractCounter",
      "pageLength": 12
    },
    "actions": [
      {
        "name": "details",
        "icon": "details",
        "label": "Details",
        "data": {
          "custom-modal-search-value": "test"
        }
      },
      {
        "name": "record-delete",
        "icon": "delete",
        "label": "Delete record"
      },
      {
        "name": "record-clone",
        "icon": "clone",
        "label": "Clone record"
      }
    ]
  },
  "pageActions": [
    {
      "section": "Funding Body Actions",
      "actions": [
        {
          "title": "Add a New Funding Body",
          "name": "add"
        }
      ]
    },
    {
      "section": "Custom GUI",
      "actions": [
        {
          "title": "Select custom GUI",
          "name": "gui-select"
        },
        {
          "title": "Update current GUI",
          "name": "gui-update"
        },
        {
          "title": "Create new GUI",
          "name": "gui-new"
        }
      ]
    },
    {
      "section": "Exporting",
      "actions": [
        {
          "title": "Export results to CSV",
          "name": "export-csv"
        },
        {
          "title": "Export results to XML",
          "name": "export-xml"
        }
      ]
    }
  ]
}

There are no notes for this item.