mirror of
https://github.com/transatoshi-mw/grinminer.net.git
synced 2025-10-07 06:12:46 +00:00
new site
This commit is contained in:
transatoshi
148
website/grinminer-form/templates/index.html.tera
Normal file
148
website/grinminer-form/templates/index.html.tera
Normal file
@@ -0,0 +1,148 @@
|
||||
{% import "macros" as m %}
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width">
|
||||
<title>Rocket Form Example</title>
|
||||
<link rel="stylesheet" href="/chota.min.css">
|
||||
<style>
|
||||
.container {
|
||||
max-width: 800px;
|
||||
margin: 0 auto;
|
||||
padding: 20px 10px;
|
||||
}
|
||||
|
||||
h1 {
|
||||
margin: 10px 0;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
<h1>Form Example</h1>
|
||||
|
||||
{% if errors | length > 0 %}
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
<small class="text-error">
|
||||
error: {{ errors | length }} field{{ errors | length | pluralize }}
|
||||
failed to validate
|
||||
</small>
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
<form action="/" method="post" enctype="multipart/form-data">
|
||||
<fieldset>
|
||||
<legend>About You</legend>
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
{{ m::input(label="Name", type="text", name="account.name") }}
|
||||
<!-- required -->
|
||||
</div>
|
||||
<div class="col">
|
||||
{{ m::input(label="Email Address", type="text", name="account.email") }}
|
||||
<!-- required pattern=".*@.*"/> -->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
{{ m::input(label="Password", type="password", name="account.password.first") }}
|
||||
<!-- required minlength="6" value="" /> -->
|
||||
</div>
|
||||
|
||||
<div class="col">
|
||||
|
||||
{{
|
||||
m::input(label="Confirm Password",
|
||||
type="password",
|
||||
name="account.password.second")
|
||||
}}
|
||||
|
||||
<!-- required minlength="6" value="" /> -->
|
||||
</div>
|
||||
</div>
|
||||
</fieldset>
|
||||
|
||||
<fieldset>
|
||||
<legend>Metadata</legend>
|
||||
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
{{ m::input(label="Title", type="text", name="submission.title") }}
|
||||
<!-- required -->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
{{ m::input(label="Publish Date", type="date", name="submission.date") }}
|
||||
<!-- <input type="date" name="submission.date" id="date" value="2020-12-26"> -->
|
||||
</div>
|
||||
|
||||
<div class="col">
|
||||
{{
|
||||
m::select(
|
||||
label="Rights Assignment",
|
||||
name="submission.rights",
|
||||
options=["Public", "Reserved", "Exclusive"]
|
||||
)
|
||||
}}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
<label>Applicable Categories</label>
|
||||
<br />
|
||||
{{ m::checkbox(name="submission.category", label="Biology", value="Biology") }}
|
||||
<br />
|
||||
{{ m::checkbox(name="submission.category", label="Chemistry", value="Chemistry") }}
|
||||
<br />
|
||||
{{ m::checkbox(name="submission.category", label="Physics", value="Physics") }}
|
||||
<br />
|
||||
{{ m::checkbox(name="submission.category", label="CS", value="CS") }}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</fieldset>
|
||||
|
||||
<fieldset>
|
||||
<legend>Contents</legend>
|
||||
|
||||
{{
|
||||
m::textarea(
|
||||
label="Abstract",
|
||||
name="submission.abstract",
|
||||
placeholder="Your abstract, max 250 characters...",
|
||||
max=250
|
||||
)
|
||||
}}
|
||||
|
||||
{{
|
||||
m::input(
|
||||
label="File to Upload (PDF, max 1MiB)",
|
||||
type="file",
|
||||
name="submission.file"
|
||||
)
|
||||
}}
|
||||
|
||||
<!-- <input type="file" name="submission.file" id="file" required accept=".pdf"> -->
|
||||
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
{{ m::checkbox(name="submission.ready", label="Submission is ready for review.") }}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</fieldset>
|
||||
|
||||
<br />
|
||||
<input type="submit" value="Submit" class="is-full-width" />
|
||||
</form>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
63
website/grinminer-form/templates/macros.html.tera
Normal file
63
website/grinminer-form/templates/macros.html.tera
Normal file
@@ -0,0 +1,63 @@
|
||||
{% macro value_for(name) %}
|
||||
{%- if name in values -%}
|
||||
{{- values | get(key=name) | first -}}
|
||||
{%- endif -%}
|
||||
{% endmacro value_for %}
|
||||
|
||||
{% macro errors_for(name) %}
|
||||
{%- if name in errors -%}
|
||||
{% set field_errors = errors | get(key=name) %}
|
||||
{% for error in field_errors %}
|
||||
<p class="text-error is-marginless">{{ error.msg }}</p>
|
||||
{% endfor %}
|
||||
{%- endif -%}
|
||||
{% endmacro errors_for %}
|
||||
|
||||
{% macro input(type, label, name, value="") %}
|
||||
<label for="{{ name }}">{{ label }}</label>
|
||||
<input type="{{ type }}"
|
||||
name="{{ name }}"
|
||||
id="{{ name }}"
|
||||
value='{{ self::value_for(name=name) }}'
|
||||
{% if name in errors %} class="error" {% endif %}
|
||||
/>
|
||||
|
||||
{{ self::errors_for(name=name) }}
|
||||
{% endmacro input %}
|
||||
|
||||
{% macro checkbox(name, label, value="yes") %}
|
||||
<label {% if name in errors %} class="bd-error" {% endif %}>
|
||||
<input type="checkbox" name="{{ name }}" value={{ value }}
|
||||
{% if name in values %}
|
||||
{% set field_values = values | get(key=name) %}
|
||||
{% if field_values is containing(value) %}
|
||||
checked
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
>
|
||||
{{ label }}
|
||||
</label>
|
||||
{% endmacro checkbox %}
|
||||
|
||||
{% macro textarea(label, name, placeholder="", max=250) %}
|
||||
<label for="{{ name }}">{{ label }}</label>
|
||||
<textarea placeholder="{{ placeholder }}"
|
||||
name="{{ name }}" id="{{ name }}" rows="8" cols="40"
|
||||
{% if name in errors %} class="error" {% endif %}
|
||||
>
|
||||
{{- self::value_for(name=name) -}}
|
||||
</textarea>
|
||||
|
||||
{{ self::errors_for(name=name) }}
|
||||
{% endmacro textarea %}
|
||||
|
||||
{% macro select(label, name, options) %}
|
||||
<label for="{{ name }}">{{ label }}</label>
|
||||
<select name="{{ name }}" id="{{ name }}">
|
||||
{% for value in options %}
|
||||
<option value="{{ value }}"
|
||||
{% if self::value_for(name=name) == value %} selected {% endif %}
|
||||
>{{ value }}</option>
|
||||
{% endfor %}
|
||||
</select>
|
||||
{% endmacro select %}
|
||||
30
website/grinminer-form/templates/success.html.tera
Normal file
30
website/grinminer-form/templates/success.html.tera
Normal file
@@ -0,0 +1,30 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width">
|
||||
<title>Rocket Form Example</title>
|
||||
<link rel="stylesheet" href="/chota.min.css">
|
||||
<style>
|
||||
.container {
|
||||
max-width: 800px;
|
||||
margin: 0 auto;
|
||||
padding: 20px 10px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
<h1>Success!</h1>
|
||||
|
||||
<h3>Submission Data</h3>
|
||||
|
||||
<ul>
|
||||
{% for key, value in values %}
|
||||
<li><strong>{{ key }}</strong> - {{ value }}</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
|
||||
<a href="/">< Submit Another</a>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user