gmaker.html

---
layout: default
page: form
---
<div class="formblock">
	{% for form in site.data.grantmaker %}
	{% assign loopindex = forloop.index0%}

	<section class="page {% if loopindex == 0 %}show{% endif %} col col--xs-12 col--sm-12 col--md-8 col--lg-8 col--md-offset-2 col--lg-offset-2" id="{{form.grantinfo}}">


		{% if form.desc %}
		<section class="block">
			<div class="form-desc col col--xs-12 col--sm-12 col--md-12 col--lg-12">
				{{form.desc}}
			</div>
		</section>
		{% endif %}

		{% if forloop.first %}
		<section class="block" id="template">
			<h2 id="template-open">Template Wizard ➕</h2>
				<div id="wizard" class="wizard col col--xs-12 col--sm-12 col--md-12 col--lg-12">
					<h3>Load from Wizard</h3>
					<p>We have developed several templates for your use as a starting place to calculate how much time it may take a nonprofit to complete your grant process. Use the template wizard below to choose the grant amount, the type of grant, and whether the grant is a new or renewal grant. This will pre-populate the program information pages with nonprofit team members and time spent. Once the wizard populates the grant process steps, you may change this information or alter it if your process does not include one of the steps we’ve outlined.</p>
						<p>You do not have to use the template wizard if you are more familiar with the steps your grantseekers may take to apply for grants and fulfill monitoring and reporting requirements.</p>
					<label>
						<span>What is the grant amount?</span>
						<select class="wiz" id="wiz-amount">
							  <option value="" selected disabled hidden>Select an option</option>
							<option value="50">Under $50k</option>
							<option value="100">$50k to 250k</option>
							<option value="250">Over 250k</option>
						</select>
					</label>
					<label>
						<span>What is the grant for?</span>
						<select class="wiz" id="wiz-type">
								<option value="" selected disabled hidden>Select an option</option>
							<option value="project">Project</option>
							<option value="operating">General operating</option>
						</select>
					</label>
					<label>
						<span>Is this a new grant, or renewed?</span>
							<select class="wiz" id="wiz-new">
									<option value="" selected disabled hidden>Select an option</option>
								<option value="new">New</option>
								<option value="renew">Renewal</option>
							</select>
					</label>
					<button id="loadwizard">Load</button>
				<h3>Or Load from existing Template?</h3>
				<p>Note: Any changes you have made will not bechanged by the template.</p>
				<select id="templateselect">
					<option>Loading templates...</option>
				</select>
			</div>
		</section>
		{% endif %}
		<div class="pages">
			{% if forloop.index > 1 %}<button class="turn prev">Prev</button>{% endif %}
			{% if forloop.index < forloop.length %}<button class="turn next">Next</button>{% endif %}
		</div>

		<div class="title"><h2>{{ form.name }}</h2></div>

		{% for section in form.sections %}
		<section class="block" id="{{section.name}}">
			<h3>{{section.header}}</h3>
			<form class="form">
				{% for question in section.questions %}
				<div class="question{% if question.required %} required{% endif%}{% if question.notemplate %} notemplate{% endif%}">
				<label>{{question.label}}</label>
				{% if question.type == "dropdown" %}
					<select id="{{question.dbfield}}" class="live">
						{% for option in question.content %}
							<option data_id="{{option.label}}">{{option.label}}</option>
						{% endfor %}
					</select>
				{% elsif question.type == "text" %}
					<input class="live" type="text" id="{{question.dbfield}}" />
				{% elsif question.type == "number" %}
					<input class="live" type="number" min="0.0" step="0.01" id="{{question.dbfield}}" />
				{% elsif question.type == "money" %}
					<div class="money"><input class="live" type="number" min="0.0" step="0.01" id="{{question.dbfield}}" /></div>
				{% elsif question.type == "percentage" %}
					<div class="percentage"><input class="live" type="number" min="0.0" max="100.0" step="0.1" id="{{question.dbfield}}" /></div>
				{% elsif question.type == "radio" %}
				<div class="radio">
					{% for option in question.content %}
					<p>
						<input class="live" type="radio" id="{{question.dbfield}}-{{option.label}}"
						name="{{question.dbfield}}" value="{{option.label}}" />
						<label for="{{question.dbfield}}-{{option.label}}">{{option.label}}</label>
					</p>
					{% endfor %}
				</div>
				{% elsif question.type == "peoplelist" %}
					<div class="peoplelist" id="{{question.dbfield}}">
						<div class="header">
							<div>Contributor</div>
							<div>Hours</div>
						</div>
						<div class="bod">

						</div>
						<a class="button people-button" id="{{question.dbfield}}">Add contributor</a>
						</div>
				{% else %}

				{% endif %}
				{% if question.desc %}
					<div class="tag" data-tooltip="{{question.desc}}">
						<img src="{{ "/img/tooltip.png" | prepend: site.baseurl | prepend: site.url }}"  />
					</div>
				{% endif %}
				</div>
				{% endfor %}
			</form>

		</section>
		{% endfor %}
		<div class="pages">
			{% if forloop.index > 1 %}<button class="turn prev">Prev</button>{% endif %}
			{% if forloop.index < forloop.length %}<button class="turn next">Next</button>{% endif %}
		</div>

		{% if forloop.last %}
			<a href="{{ "/makerresult" | prepend: site.baseurl | prepend: site.url }}" class="button local bottomgrant">Grant Result</a>{% endif %}

		<div class="del col col--xs-12 col--sm-12 col--md-8 col--lg-8 col--md-offset-2 col--lg-offset-2"">
		<a href="#" class="delete">Delete Grant?</a>
		</div>
	</section>
	{% endfor %}
</div>
<div style="display:none" id="ppllistTemplate">
	<div class="time" db_id="<%= id %>" obj_id="<%= id %>">
		<select id="<%= dbid %>" class="live ppl objlist">
			<option>Loading contributors...</option>
		</select>
		<input class="live ppl hours" type="number" min="0.0" step="0.1" id="<%= dbid %>" value="0" />
		<a class="ppllistdel">x</a>
	</div>
</div>