Add red astrisks to required form (#53)

ronin-rb · Nov 1, 2023 · 8a3d137 · 8a3d137
1 parent 023d8e6
commit 8a3d137
Show file tree

Hide file tree

Showing 7 changed files with 21 additions and 7 deletions.
diff --git a/public/stylesheets/app.css b/public/stylesheets/app.css
@@ -155,3 +155,17 @@ body.dark-mode main strong,
 body.dark-mode main a {
 	color: var(--dark-mode-fg-color);
 }
+
+.label.is-required::after,
+.control.is-required::after {
+	content: "*";
+	color: red;
+	display: inline;
+	font-size: 1.2rem;
+}
+
+.control.is-required::after {
+	position: absolute;
+	right: 0.2rem;
+	top: 0;
+}
diff --git a/views/import.erb b/views/import.erb
@@ -11,7 +11,7 @@
       </div>
     </div>
 
-    <div class="control">
+    <div class="control is-required">
       <% if @errors && @errors[:path] %>
         <input class="input is-danger" type="text" name="path" value="<%=hattr params[:path] %>">
 

diff --git a/views/masscan.erb b/views/masscan.erb
@@ -2,7 +2,7 @@
 
 <form action="/masscan" method="post">
   <div class="field">
-    <label class="label">Targets</label>
+    <label class="label is-required">Targets</label>
     <div class="control">
       <% if @errors && @errors[:ips] %>
         <input class="input is-danger" type="text" name="ips" placeholder="192.168.1.1" value="<%=hattr params[:ips] %>">

diff --git a/views/nmap.erb b/views/nmap.erb
@@ -2,7 +2,7 @@
 
 <form action="/nmap" method="post">
   <div class="field">
-    <label class="label">Targets</label>
+    <label class="label is-required">Targets</label>
 
     <div class="control">
       <% if @errors && @errors[:targets] %>
@@ -18,7 +18,7 @@
   </div>
 
   <div class="field">
-    <label class="label">Ports</label>
+    <label class="label is-required">Ports</label>
 
     <div class="control">
       <% if @errors && @errors[:ports] %>

diff --git a/views/recon.erb b/views/recon.erb
@@ -2,7 +2,7 @@
 
 <form id="recon" action="/recon" method="post">
   <div class="field">
-    <label class="label">Scope</label>
+    <label class="label is-required">Scope</label>
 
     <div class="control">
       <% if @errors && @errors[:scope] %>

diff --git a/views/repos/install.erb b/views/repos/install.erb
@@ -2,7 +2,7 @@
 
 <form action="/repos/install" method="post">
   <div class="field">
-    <label class="label">URI</label>
+    <label class="label is-required">URI</label>
 
     <div class="control">
       <% if @errors && @errors[:uri] %>

diff --git a/views/spider.erb b/views/spider.erb
@@ -12,7 +12,7 @@
       </div>
     </div>
 
-    <div class="control">
+    <div class="control is-required">
       <% if @errors && @errors[:target] %>
         <input class="input is-danger" type="text" name="target" placeholder="example.com OR www.example.com OR https://example.com/" value="<%=hattr params[:target] %>">