Added more fields

This commit is contained in:
Jesse James Isler 2022-03-30 12:43:55 +02:00
parent c4bf505ec3
commit a4d8264876

View File

@ -31,41 +31,121 @@
<body>
<div class="container">
<div class="row">
<div class="col s12 m5">
<div class="card-panel teal">
<form class="col s12">
<div class="row">
<div class="input-field col s3">
<input id="name" type="text" class="validate">
<label for="name">Rolename</label>
</div>
<div class="input-field col s3">
<input id="description" type="text" class="validate">
<label for="description">Role Description</label>
<div class="input-field col s2">
<select>
<option value="" disabled selected>Color</option>
<option value="1">Red</option>
<option value="2">Pink</option>
<option value="3">Purple</option>
<option value="4">Deep-purple</option>
<option value="5">Indigo</option>
<option value="6">Blue</option>
<option value="7">Light-blue</option>
<option value="8">Cyan</option>
<option value="9">Teal</option>
<option value="10">Green</option>
<option value="11">Light-green</option>
<option value="12">Lime</option>
<option value="13">Yellow</option>
<option value="14">Amber</option>
<option value="15">Orange</option>
<option value="16">Deep-orange</option>
<option value="17">Brown</option>
<option value="18">Grey</option>
<option value="19">Blue-grey</option>
<option value="20">Black</option>
<option value="21">White</option>
<option value="22">Transparent</option>
</select>
<label>Select color</label>
</div>
<div class="input-field col s1">
<select>
<option value="" disabled selected>Modifier</option>
<option value="1">lighten</option>
<option value="2">darken</option>
<option value="3">accent</option>
</select>
<label>Select Modifier</label>
</div>
<div class="input-field col s1">
<select>
<option value="" disabled selected>Strength</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
</select>
<label>Select Strength</label>
</div>
<div class="input-field col s6 offset-s1">
<select>
<option value="" disabled selected>Textcolor</option>
<option value="1">Black</option>
<option value="2">White</option>
</select>
<label>Select Textcolor</label>
</div>
</div>
<div class="row">
<div class="input-field col s12">
<input disabled value="I am not editable" id="disabled" type="text" class="validate">
<label for="disabled">Disabled</label>
<textarea id="howtoplay" class="materialize-textarea"></textarea>
<label for="howtoplay">Text to describe how to play</label>
</div>
</div>
<div class="row">
<div class="input-field col s12">
<input id="password" type="password" class="validate">
<label for="password">Password</label>
<select multiple>
<option value="" disabled selected>Choose your option</option>
<?php
$files = glob("roles/en/*.php");
$count = 1
foreach ($files as $filename) {
include $filename;
$shortname = substr($filename, 9);
$shortname = substr($shortname, 0, -4);
echo "<option value=".$count.">".ucfirst($shortname)."</option>";
$count++
}
?>
</select>
<label>Select compatible Roles</label>
</div>
</div>
<div class="row">
<div class="input-field col s12">
<input id="email" type="email" class="validate">
<label for="email">Email</label>
<textarea id="credits" class="materialize-textarea"></textarea>
<label for="credits">Drop your credits here!</label>
</div>
</div>
<div class="row">
<div class="input-field col s12">
<textarea id="convars" value="Normal Role Convars (also found in ULX):
<code></code>
Rolespecific Convars:
<code></code>" class="materialize-textarea"></textarea>
<label for="convars">Paste your convars</label>
</div>
</div>
</form>
<button class="btn waves-effect waves-light" type="submit" name="action">Submit
<i class="material-icons right">send</i>
</button>
</div>
</div>
</div>
<footer class="page-footer indigo">
<div class="container">
@ -87,14 +167,10 @@
<!-- Start Tab init -->
<script>
$(document).ready(function(){
// $('.tabs').tabs();
M.updateTextFields();
});
</script>
<!-- End Tab init -->
<!--JavaScript at end of body for optimized loading-->
<script type="text/javascript" src="js/materialize.min.js"></script>
</body>