mirror of
				https://github.com/billz/raspap-webgui.git
				synced 2025-03-01 10:31:47 +00:00 
			
		
		
		
	
		
			
				
	
	
		
			71 lines
		
	
	
		
			4.0 KiB
		
	
	
	
		
			PHP
		
	
	
	
	
	
			
		
		
	
	
			71 lines
		
	
	
		
			4.0 KiB
		
	
	
	
		
			PHP
		
	
	
	
	
	
<div class="tab-pane active" id="openvpnclient">
 | 
						|
  <h4 class="mt-3"><?php echo _("Client settings"); ?></h4>
 | 
						|
  <div class="row">
 | 
						|
    <div class="col-lg-8">
 | 
						|
      <div class="row mb-2">
 | 
						|
         <div class="col-lg-12 mt-2 mb-2">
 | 
						|
           <div class="row ms-1">
 | 
						|
            <div class="info-item col-3"><?php echo _("IPv4 Address"); ?></div>
 | 
						|
            <div class="info-value col-4"><?php echo htmlspecialchars($public_ip, ENT_QUOTES); ?><a class="text-gray-500" href="https://ipapi.co/<?php echo($public_ip); ?>" target="_blank" rel="noopener noreferrer"><i class="fas fa-external-link-alt ms-2"></i></a></div>
 | 
						|
           </div>
 | 
						|
         </div>
 | 
						|
      </div>
 | 
						|
      <h5><?php echo _("Authentification Method"); ?></h5>
 | 
						|
      <div class="col-sm-12 mt-2 mb-2 form-check">
 | 
						|
          <input class="form-check-input" id="ovpn-userpw" name="sel1" value="userpw" data-bs-toggle="" data-parent="#clientsettings" data-bs-target="#UserPW" type="radio" checked>
 | 
						|
          <label class="form-check-label"><?php echo _("Username and password"); ?></label>
 | 
						|
      </div>
 | 
						|
      <div class="col-sm-12 mt-2 mb-2 form-check">
 | 
						|
          <input class="form-check-input" id="ovpn-certs" name="sel1" value="certs" data-bs-toggle="" data-parent="#clientsettings" data-bs-target="#Certs" type="radio">
 | 
						|
          <label class="form-check-label"><?php echo _("Certificates"); ?></label>
 | 
						|
      </div>
 | 
						|
      <div class="col-sm-12 ms-2">
 | 
						|
         <div class="panel-group" id="clientsettings">
 | 
						|
           <div class="panel panel-default panel-collapse" id="PanelUserPW" >
 | 
						|
             <div class="panel-heading">
 | 
						|
               <h5 class="panel-title"><?php echo _("Enter username and password"); ?></h5>
 | 
						|
             </div>
 | 
						|
             <div class="panel-body">
 | 
						|
                <div class="mb-3 col-lg-12">
 | 
						|
                  <label for="code"><?php echo _("Username"); ?></label>
 | 
						|
                  <input type="text" class="form-control" name="authUser" value="<?php echo htmlspecialchars($authUser, ENT_QUOTES); ?>" />
 | 
						|
                </div>
 | 
						|
                <div class="mb-3 col-lg-12">
 | 
						|
                  <label for="code"><?php echo _("Password"); ?></label>
 | 
						|
                  <input type="password" class="form-control" name="authPassword" value="<?php echo htmlspecialchars($authPassword, ENT_QUOTES); ?>" />
 | 
						|
                </div>
 | 
						|
             </div>
 | 
						|
           </div><!-- panel -->
 | 
						|
           <div class="panel panel-default panel-collapse collapse in" id="PanelCerts">
 | 
						|
             <div class="panel-body">
 | 
						|
               <div class="panel-heading">
 | 
						|
                 <h5 class="panel-title"><?php echo _("Certificates in the configuration file"); ?></h5>
 | 
						|
               </div>
 | 
						|
               <p><?php echo _("RaspAP supports certificates by including them in the configuration file."); ?>
 | 
						|
                 <ul>
 | 
						|
                   <small>
 | 
						|
                     <li><?php echo _("Signing certification authority (CA) certificate (e.g. <code>ca.crt</code>): enclosed in <code><ca> ... </ca></code> tags."); ?></li>
 | 
						|
                     <li><?php echo _("Client certificate (public key) (e.g. <code>client.crt</code>): enclosed in <code><cert> ... </cert></code> tags."); ?></li>
 | 
						|
                     <li><?php echo _("Private key of the client certificate (e.g. <code>client.key</code>): enclosed in <code><key> ... </key></code> tags."); ?></li>
 | 
						|
                   </small>
 | 
						|
                 </ul>
 | 
						|
                </p>
 | 
						|
              </div>
 | 
						|
           </div> <!-- panel -->
 | 
						|
         </div> <!-- panel-group -->
 | 
						|
      </div> <!-- col -->
 | 
						|
      <div class="col-sm-12 ">
 | 
						|
         <div class="mb-3">
 | 
						|
            <h5 class="panel-title"><?php echo _("Configuration File"); ?></h4>
 | 
						|
            <div class="custom-file">
 | 
						|
             <input type="file" class="form-control" name="customFile" id="customFile">
 | 
						|
             <label class="form-label" for="customFile"><?php echo _("Select OpenVPN configuration file (.ovpn)"); ?></label>
 | 
						|
           </div>
 | 
						|
         </div>
 | 
						|
      </div> <!-- col -->
 | 
						|
    </div><!-- col-8 -->
 | 
						|
    <div class="col-sm-auto"></div>
 | 
						|
  </div><!-- /.row -->
 | 
						|
</div><!-- /.tab-pane | general tab -->
 | 
						|
 |