GNU/Weeb Mailing List <[email protected]>
 help / color / mirror / Atom feed
From: Ammar Faizi <[email protected]>
To: Gilang Fachrezy <[email protected]>
Cc: Ammar Faizi <[email protected]>,
	Taufiq Pohan <[email protected]>,
	Aldy Prastyo <[email protected]>,
	Muhammad Fitrah Pandjalu <[email protected]>,
	Nauvalsa Yanandana <[email protected]>,
	GNU/Weeb Mailing List <[email protected]>,
	VNLX Kernel Department <[email protected]>
Subject: [PATCH v1 04/13] index: Add social media accounts input
Date: Mon, 28 Nov 2022 03:32:07 +0700	[thread overview]
Message-ID: <[email protected]> (raw)
In-Reply-To: <[email protected]>

The user must fill the social media accounts at least one.

Co-authored-by: Muhammad Fitrah Pandjalu <[email protected]>
Signed-off-by: Muhammad Fitrah Pandjalu <[email protected]>
Co-authored-by: Taufiq Pohan <[email protected]>
Signed-off-by: Taufiq Pohan <[email protected]>
Co-authored-by: Nauvalsa Yanandana <[email protected]>
Signed-off-by: Nauvalsa Yanandana <[email protected]>
Signed-off-by: Ammar Faizi <[email protected]>
---
 public/index.php | 32 ++++++++++++++++++++++++++------
 1 file changed, 26 insertions(+), 6 deletions(-)

diff --git a/public/index.php b/public/index.php
index 9be5682..acdd560 100644
--- a/public/index.php
+++ b/public/index.php
@@ -6,7 +6,7 @@
 	<link rel="stylesheet" type="text/css" href="assets/css/select2.min.css"/>
 </head>
 <body>
-	<div class="container">
+	<div class="container p-5">
 		<h1 class="text-center">VNL Member Attendance Form</h1>
 		<div>
 			<form>
@@ -14,19 +14,39 @@
 					<label for="full_name" class="form-label">Full Name</label>
 					<input type="text" class="form-control" id="full_name"/>
 				</div>
-				<div class="mb-3">
-					<label for="phone_number" class="form-label">Phone Number</label>
-					<input type="text" class="form-control" id="phone_number"/>
-				</div>
 				<div class="mb-3">
 					<label for="city" class="form-label">City</label>
 					<select id="city" class="form-control"></select>
 				</div>
+				<div class="mb-3">
+					<label for="phone_number" class="form-label">Phone Number</label>
+					<input type="text" class="form-control" id="phone_number"/>
+				</div>
 				<div class="mb-3">
 					<label for="email" class="form-label">Email address</label>
 					<input type="email" class="form-control" id="email"/>
 				</div>
-				<button type="submit" class="btn btn-primary">Submit</button>
+				<div class="border container p-3 border-3 border-dark rounded-3">
+					<h4>Social Media Accounts</h4>
+					<p class="text-danger">Must be filled at least one!</p>
+					<div class="mb-3">
+						<label for="email" class="form-label">Facebook ID / Username</label>
+						<input type="email" class="form-control" id="facebook_link"/>
+					</div>
+					<div class="mb-3">
+						<label for="email" class="form-label">Twitter Username</label>
+						<input type="email" class="form-control" id="twitter_username" placeholder="@username"/>
+					</div>
+					<div class="mb-3">
+						<label for="email" class="form-label">Discord Username</label>
+						<input type="email" class="form-control" id="discord_username" placeholder="username#1234"/>
+					</div>
+					<div class="mb-3">
+						<label for="email" class="form-label">GitHub Username</label>
+						<input type="email" class="form-control" id="github_username" placeholder="@username"/>
+					</div>
+				</div>
+				<button type="submit" class="btn btn-primary mt-3">Submit</button>
 			</form>
 		</div>
 	</div>
-- 
Ammar Faizi


  parent reply	other threads:[~2022-11-27 20:32 UTC|newest]

Thread overview: 14+ messages / expand[flat|nested]  mbox.gz  Atom feed  top
2022-11-27 20:32 [PATCH v1 00/13] App for member attendance record at Senayan Park, Jakarta Ammar Faizi
2022-11-27 20:32 ` [PATCH v1 01/13] Initial index page Ammar Faizi
2022-11-27 20:32 ` [PATCH v1 02/13] Add regions.json Ammar Faizi
2022-11-27 20:32 ` [PATCH v1 03/13] index: Integrate city data with the form Ammar Faizi
2022-11-27 20:32 ` Ammar Faizi [this message]
2022-11-27 20:32 ` [PATCH v1 05/13] index: Add a red star to the required fields Ammar Faizi
2022-11-27 20:32 ` [PATCH v1 06/13] index: city: Add "select the city" option on blank form Ammar Faizi
2022-11-27 20:32 ` [PATCH v1 07/13] Export the DDL Ammar Faizi
2022-11-27 20:32 ` [PATCH v1 08/13] Initial work on the database integration Ammar Faizi
2022-11-27 20:32 ` [PATCH v1 09/13] Create initial API integration Ammar Faizi
2022-11-27 20:32 ` [PATCH v1 10/13] Add input form validation Ammar Faizi
2022-11-27 20:32 ` [PATCH v1 11/13] assets: Add sweetalert library Ammar Faizi
2022-11-27 20:32 ` [PATCH v1 12/13] index: Integrate the sweetalert library with the form Ammar Faizi
2022-11-27 20:32 ` [PATCH v1 13/13] index: Make sure there is no duplicate submission in the same day Ammar Faizi

Reply instructions:

You may reply publicly to this message via plain-text email
using any one of the following methods:

* Save the following mbox file, import it into your mail client,
  and reply-to-all from there: mbox

  Avoid top-posting and favor interleaved quoting:
  https://en.wikipedia.org/wiki/Posting_style#Interleaved_style

* Reply using the --to, --cc, and --in-reply-to
  switches of git-send-email(1):

  git send-email \
    [email protected] \
    [email protected] \
    [email protected] \
    [email protected] \
    [email protected] \
    [email protected] \
    [email protected] \
    [email protected] \
    [email protected] \
    /path/to/YOUR_REPLY

  https://kernel.org/pub/software/scm/git/docs/git-send-email.html

* If your mail client supports setting the In-Reply-To header
  via mailto: links, try the mailto: link
Be sure your reply has a Subject: header at the top and a blank line before the message body.
This is a public inbox, see mirroring instructions
for how to clone and mirror all data and code used for this inbox