Frontend updates
This commit is contained in:
		@@ -35,67 +35,68 @@
 | 
			
		||||
<!-- TODO: Mark required fields as required; add handling for validation -->
 | 
			
		||||
<div id="modal-js-example" class="modal">
 | 
			
		||||
	<div class="modal-background"></div>
 | 
			
		||||
      
 | 
			
		||||
 | 
			
		||||
	<div class="modal-content">
 | 
			
		||||
		<div class="box entryPhase is-hidden">
 | 
			
		||||
			<h2 class="title">New Contact</h1>
 | 
			
		||||
 | 
			
		||||
				<i class="bi bi-arrow-clockwise title"></i>
 | 
			
		||||
		</div>
 | 
			
		||||
	  <div class="box entryPhase">
 | 
			
		||||
		<div class="box entryPhase">
 | 
			
		||||
		<h2 class="title">New Contact</h1>
 | 
			
		||||
			<form data-targetTable="AlertContacts">
 | 
			
		||||
			<div class="field">
 | 
			
		||||
				<label class="label">Name</label>
 | 
			
		||||
				<div class="control has-icons-left">
 | 
			
		||||
				  <input class="input" type="text" placeholder="John Doe" value="" name="name">
 | 
			
		||||
				  <span class="icon is-small is-left">
 | 
			
		||||
					<input class="input" type="text" placeholder="John Doe" value="" name="name">
 | 
			
		||||
					<span class="icon is-small is-left">
 | 
			
		||||
					<i class="bi bi-file-earmark-person-fill"></i>
 | 
			
		||||
				  </span>
 | 
			
		||||
					</span>
 | 
			
		||||
				</div>
 | 
			
		||||
			      </div>
 | 
			
		||||
		      
 | 
			
		||||
		      <div class="field">
 | 
			
		||||
			</div>
 | 
			
		||||
 | 
			
		||||
			<div class="field">
 | 
			
		||||
			<label class="label">Telephone</label>
 | 
			
		||||
			<div class="control has-icons-left">
 | 
			
		||||
			  <input class="input" type="text" placeholder="+49 1234 5678912" value="" name="phone">
 | 
			
		||||
			  <span class="icon is-small is-left">
 | 
			
		||||
				<input class="input" type="text" placeholder="+49 1234 5678912" value="" name="phone">
 | 
			
		||||
				<span class="icon is-small is-left">
 | 
			
		||||
				<i class="bi bi-telephone-fill"></i>
 | 
			
		||||
			  </span>
 | 
			
		||||
				</span>
 | 
			
		||||
			</div>
 | 
			
		||||
		      </div>
 | 
			
		||||
		      
 | 
			
		||||
		      <div class="field">
 | 
			
		||||
			</div>
 | 
			
		||||
 | 
			
		||||
			<div class="field">
 | 
			
		||||
			<label class="label">Comment</label>
 | 
			
		||||
			<div class="control has-icons-left">
 | 
			
		||||
			  <input class="input" type="text" placeholder="" value="" name="comment">
 | 
			
		||||
			  <span class="icon is-small is-left">
 | 
			
		||||
				<input class="input" type="text" placeholder="" value="" name="comment">
 | 
			
		||||
				<span class="icon is-small is-left">
 | 
			
		||||
				<i class="bi bi-chat-fill"></i>
 | 
			
		||||
			  </span>
 | 
			
		||||
				</span>
 | 
			
		||||
			</div>
 | 
			
		||||
		      </div>
 | 
			
		||||
			</div>
 | 
			
		||||
			<br>
 | 
			
		||||
 | 
			
		||||
		      <div class="field is-grouped">
 | 
			
		||||
			<div class="field is-grouped">
 | 
			
		||||
			<div class="control">
 | 
			
		||||
				<input type="submit" class="button is-link" value="Save" data-actionBtn="save">
 | 
			
		||||
			</div>
 | 
			
		||||
			<div class="control">
 | 
			
		||||
			  <button class="button is-link is-light" data-actionBtn="cancel">Cancel</button>
 | 
			
		||||
			<!--<div class="control">
 | 
			
		||||
				<button type="button" class="button is-link is-light" data-actionBtn="cancel">Cancel</button>
 | 
			
		||||
			</div>-->
 | 
			
		||||
			</div>
 | 
			
		||||
		      </div>
 | 
			
		||||
		</form>
 | 
			
		||||
		      
 | 
			
		||||
		      
 | 
			
		||||
	  </div>
 | 
			
		||||
			
 | 
			
		||||
			
 | 
			
		||||
		</div>
 | 
			
		||||
	</div>
 | 
			
		||||
      
 | 
			
		||||
 | 
			
		||||
	<button class="modal-close is-large" aria-label="close"></button>
 | 
			
		||||
      </div>
 | 
			
		||||
	</div>
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
      <button class="js-modal-trigger button" data-target="modal-js-example">
 | 
			
		||||
	<button class="js-modal-trigger button" data-target="modal-js-example">
 | 
			
		||||
	Create new Contact
 | 
			
		||||
      </button>
 | 
			
		||||
	</button>
 | 
			
		||||
 | 
			
		||||
<section class="section">
 | 
			
		||||
	<h1 class="title" data-tK="start-recent-header">Alarm Kontakte</h1>
 | 
			
		||||
 
 | 
			
		||||
		Reference in New Issue
	
	Block a user