Added css framework and implemented it on some page (not all yet)
This commit is contained in:
parent
991f8410c9
commit
1f62a24c80
@ -3,21 +3,29 @@
|
||||
{% block title %}Masuk{% endblock %}
|
||||
|
||||
{% block body %}
|
||||
<form method="post">
|
||||
<h2>Login</h2>
|
||||
<main class="documentation">
|
||||
<section>
|
||||
<form method="post">
|
||||
<h1>Login</h1>
|
||||
|
||||
<label for="username">Username: </label>
|
||||
<input type="text" name="username" value="" placeholder="Tulis username" maxlength="25" autocomplete="off">
|
||||
|
||||
<br>
|
||||
|
||||
<label for="password">Password: </label>
|
||||
<input type="password" name="password" value="" placeholder="Tulis password">
|
||||
|
||||
<input type="hidden" name="_token" value="{{ token }}">
|
||||
|
||||
<br>
|
||||
|
||||
<button type="submit">Masuk</button>
|
||||
</form>
|
||||
<div class="flex four grow">
|
||||
<div class="fourth">
|
||||
<!-- <label for="username">Username: </label> -->
|
||||
<input type="text" name="username" value="" placeholder="Username" maxlength="25" autocomplete="off">
|
||||
</div>
|
||||
<div class="two-fourth">
|
||||
<!-- <label for="password">Password: </label> -->
|
||||
<input type="password" name="password" value="" placeholder="Password">
|
||||
</div>
|
||||
<div></div>
|
||||
<div>
|
||||
<input type="hidden" name="_token" value="{{ token }}">
|
||||
</div>
|
||||
<div>
|
||||
<button type="submit" class="half">Masuk</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</section>
|
||||
</main>
|
||||
{% endblock %}
|
||||
|
@ -3,44 +3,54 @@
|
||||
{% block title %}Tambah Pengumuman{% endblock %}
|
||||
|
||||
{% block body %}
|
||||
<form method="post">
|
||||
<h3>Tambah Pengumuman</h3>
|
||||
<main class="documentation">
|
||||
<section>
|
||||
<form method="post">
|
||||
<h2>Tambah Pengumuman</h2>
|
||||
<div class="flex three grow">
|
||||
<div class="full third-600">
|
||||
|
||||
<label for="category">Kategori</label>
|
||||
<select name="category">
|
||||
{% for cat in categories %}
|
||||
<option value="{{ cat.id }}">{{ cat.category }}</option>
|
||||
{% endfor %}
|
||||
</select>
|
||||
<label for="category">Kategori</label>
|
||||
<select name="category">
|
||||
{% for cat in categories %}
|
||||
<option value="{{ cat.id }}">{{ cat.category }}</option>
|
||||
{% endfor %}
|
||||
</select>
|
||||
|
||||
<br>
|
||||
<br>
|
||||
|
||||
<label for="expired_at">Berlaku dari: </label>
|
||||
<input type="date" name="valid_at" value="{{ timestamp }}">
|
||||
<label for="expired_at">Berlaku dari: </label>
|
||||
<input type="date" name="valid_at" value="{{ timestamp }}">
|
||||
|
||||
<br>
|
||||
<br>
|
||||
|
||||
<label for="expired_at">Berlaku sampai: </label>
|
||||
<input type="date" name="expired_at" value="{{ timestamp }}">
|
||||
<label for="expired_at">Berlaku sampai: </label>
|
||||
<input type="date" name="expired_at" value="{{ timestamp }}">
|
||||
|
||||
<br>
|
||||
<br>
|
||||
</div>
|
||||
|
||||
<label for="content">Konten: </label>
|
||||
<textarea name="content" rows="3" cols="30" maxlength="255"></textarea>
|
||||
<div class="full two-third-600">
|
||||
<label for="content">Konten: </label>
|
||||
<textarea name="content" rows="2" cols="30" maxlength="255"></textarea>
|
||||
</div>
|
||||
|
||||
<input type="hidden" name="creator" value="{{ user }}">
|
||||
<input type="hidden" name="creator" value="{{ user }}">
|
||||
|
||||
<!-- Current Timestamp -->
|
||||
<input type="hidden" name="_currts" value="{{ timestamp }}" disabled>
|
||||
<!-- Current Timestamp -->
|
||||
<input type="hidden" name="_currts" value="{{ timestamp }}" disabled>
|
||||
|
||||
<!-- Method -->
|
||||
<input type="hidden" name="_method" value="post">
|
||||
<!-- Method -->
|
||||
<input type="hidden" name="_method" value="post">
|
||||
|
||||
<!-- Token -->
|
||||
<input type="hidden" name="_token" value="{{ token }}">
|
||||
<!-- Token -->
|
||||
<input type="hidden" name="_token" value="{{ token }}">
|
||||
|
||||
<br>
|
||||
<br>
|
||||
|
||||
<button type="submit">Unggah</button>
|
||||
</form>
|
||||
<button type="submit" class="success">Unggah</button>
|
||||
</div>
|
||||
</form>
|
||||
</section>
|
||||
</main>
|
||||
{% endblock %}
|
||||
|
@ -2,38 +2,49 @@
|
||||
|
||||
{% block title %}Pengumuman{% endblock %}
|
||||
|
||||
{% block nav %}
|
||||
<div class="menu">
|
||||
{% if privilage != "" %}
|
||||
<a href="/posts/entry" class="pseudo button">+ Pengumuman</a>
|
||||
{% if privilage == 1 %}
|
||||
<a href="/posts/category" class="pseudo button">+ Kategori</a>
|
||||
{% endif %}
|
||||
<a href="/logout" class="button error">Keluar</a>
|
||||
{% else %}
|
||||
<a href="/login" class="button">Masuk</a>
|
||||
{% endif %}
|
||||
</div>
|
||||
{% endblock %}
|
||||
{% block body %}
|
||||
<h2>List Pengumuman</h2>
|
||||
|
||||
{% for post in posts %}
|
||||
{% if post.id %}
|
||||
<h3>Pengumuman {{ post.id }}</h3>
|
||||
{{ post.content | raw }}
|
||||
<br />
|
||||
{% if status %}
|
||||
{% if post.status == 1 %}
|
||||
<a href="/posts/edit/{{ post.id }}">
|
||||
Edit
|
||||
</a>
|
||||
{% elseif post.status == 2 %}
|
||||
<a href="/posts/edit/{{ post.id }}">
|
||||
<main class="documentation">
|
||||
<section>
|
||||
<h1>List Pengumuman</h1>
|
||||
{% for post in posts %}
|
||||
{% if post.id %}
|
||||
<h2>Pengumuman {{ post.id }}</h2>
|
||||
{{ post.content | raw }}
|
||||
<br />
|
||||
{% if status %}
|
||||
{% if post.status == 1 %}
|
||||
<a href="/posts/edit/{{ post.id }}">
|
||||
Edit
|
||||
</a>
|
||||
{% elseif post.status == 2 %}
|
||||
<a href="/posts/edit/{{ post.id }}">
|
||||
<strike>Edit</strike>
|
||||
</a> (Belum aktif)
|
||||
{% else %}
|
||||
<strike>Edit</strike>
|
||||
</a> (Belum aktif)
|
||||
{% else %}
|
||||
<strike>Edit</strike>
|
||||
(Nonaktif)
|
||||
(Nonaktif)
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
{% endfor %}
|
||||
</section>
|
||||
|
||||
<br />
|
||||
<section>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
{% if privilage != "" %}
|
||||
<a href="/posts/entry">+ Tambah Pengumuman</a>
|
||||
{% if privilage == 1 %}
|
||||
<a href="/posts/category">+ Tambah Kategori</a>
|
||||
{% endif %}
|
||||
<a href="/logout">Keluar</a>
|
||||
{% endif %}
|
||||
{% endblock %}
|
||||
|
@ -2,10 +2,41 @@
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<link rel="stylesheet" href="/css/picnic.min.css">
|
||||
<title>{% block title %}{% endblock %}</title>
|
||||
|
||||
<style>
|
||||
.documentation > section {
|
||||
background: #fff;
|
||||
text-align: left;
|
||||
width: 90%;
|
||||
max-width: 960px;
|
||||
margin: 0 auto;
|
||||
padding: 80px 0 0;
|
||||
}
|
||||
|
||||
nav.transparent {
|
||||
box-shadow: none;
|
||||
background: none;
|
||||
}
|
||||
|
||||
.pseudo.button {
|
||||
background: transparent;
|
||||
color: #111;
|
||||
}
|
||||
|
||||
.shyButton {
|
||||
font-size: .75em;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<a href="/">Home</a>
|
||||
<nav>
|
||||
<a href="/" class="brand">
|
||||
<span>Home</span>
|
||||
</a>
|
||||
{% block nav %}{% endblock %}
|
||||
</nav>
|
||||
{% block body %}
|
||||
{% endblock %}
|
||||
</body>
|
||||
|
2
public/css/picnic.min.css
vendored
Normal file
2
public/css/picnic.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
Loading…
Reference in New Issue
Block a user