build_app
This commit is contained in:
		
							parent
							
								
									8d8cc0b71f
								
							
						
					
					
						commit
						b621f30c66
					
				| @ -69,6 +69,9 @@ public class BuilderService { | |||||||
| 		executeDump(true); | 		executeDump(true); | ||||||
| 
 | 
 | ||||||
| 		// ADD OTHER SERVICE | 		// ADD OTHER SERVICE | ||||||
|  | addCustomMenu( "Test","Test",  "Transcations");  | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
| 
 | 
 | ||||||
| 		System.out.println("dashboard and menu inserted..."); | 		System.out.println("dashboard and menu inserted..."); | ||||||
| 
 | 
 | ||||||
|  | |||||||
| @ -0,0 +1,123 @@ | |||||||
|  | package com.realnet.basicp1.Controllers; | ||||||
|  | import java.util.List; | ||||||
|  | import org.springframework.beans.factory.annotation.Autowired; | ||||||
|  |  import org.springframework.web.bind.annotation.*; | ||||||
|  | import org.springframework.web.multipart.MultipartFile; | ||||||
|  | import com.fasterxml.jackson.core.JsonProcessingException; | ||||||
|  | import org.springframework.web.bind.annotation.CrossOrigin; | ||||||
|  | import com.fasterxml.jackson.databind.JsonMappingException; | ||||||
|  | import com.realnet.config.EmailService; | ||||||
|  | import com.realnet.users.entity1.AppUser; | ||||||
|  | import com.realnet.users.service1.AppUserServiceImpl; | ||||||
|  | import com.fasterxml.jackson.databind.ObjectMapper; | ||||||
|  | import org.springframework.data.domain.*; | ||||||
|  | import com.realnet.fnd.response.EntityResponse; | ||||||
|  | import org.springframework.http.*; | ||||||
|  | import org.springframework.beans.factory.annotation.*; | ||||||
|  | import com.realnet.basicp1.Entity.Test; | ||||||
|  | import com.realnet.basicp1.Services.TestService ; | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | @RequestMapping(value = "/Test") | ||||||
|  |  @CrossOrigin("*")  | ||||||
|  | @RestController | ||||||
|  | public class TestController { | ||||||
|  | 	@Autowired | ||||||
|  | 	private TestService Service; | ||||||
|  | 
 | ||||||
|  | @Value("${projectPath}") | ||||||
|  | 	private String projectPath; | ||||||
|  |   | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 	@PostMapping("/Test") | ||||||
|  | 		  public Test Savedata(@RequestBody Test data) { | ||||||
|  | 		Test save = Service.Savedata(data)	; | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 		System.out.println("data saved..." + save); | ||||||
|  | 
 | ||||||
|  |  return save; | ||||||
|  | 	  } | ||||||
|  | @PutMapping("/Test/{id}") | ||||||
|  | 	public  Test update(@RequestBody Test data,@PathVariable Integer id ) { | ||||||
|  | 		Test update = Service.update(data,id); | ||||||
|  | 		System.out.println("data update..." + update); | ||||||
|  | 		return update; | ||||||
|  | 	}	  | ||||||
|  | //	get all with pagination | ||||||
|  | 	@GetMapping("/Test/getall/page") | ||||||
|  | 	public Page<Test> getall(@RequestParam(value = "page", required = false) Integer page, | ||||||
|  | 			@RequestParam(value = "size", required = false) Integer size) { | ||||||
|  | 		Pageable paging = PageRequest.of(page, size); | ||||||
|  | 		Page<Test> get = Service.getAllWithPagination(paging); | ||||||
|  | 
 | ||||||
|  | 		return get; | ||||||
|  | 
 | ||||||
|  | 	}	 | ||||||
|  | 	@GetMapping("/Test") | ||||||
|  | 	public List<Test> getdetails() { | ||||||
|  | 		 List<Test> get = Service.getdetails();		 | ||||||
|  | 		return get; | ||||||
|  | } | ||||||
|  | // get all without authentication  | ||||||
|  | 
 | ||||||
|  | 	@GetMapping("/token/Test") | ||||||
|  | 	public List<Test> getallwioutsec() { | ||||||
|  | 		 List<Test> get = Service.getdetails();		 | ||||||
|  | 		return get; | ||||||
|  | } | ||||||
|  | @GetMapping("/Test/{id}") | ||||||
|  | 	public  Test  getdetailsbyId(@PathVariable Integer id ) { | ||||||
|  | 		Test  get = Service.getdetailsbyId(id); | ||||||
|  | 		return get; | ||||||
|  | 	} | ||||||
|  | @DeleteMapping("/Test/{id}") | ||||||
|  | 	public  ResponseEntity<?> delete_by_id(@PathVariable Integer id ) { | ||||||
|  | 	Service.delete_by_id(id); | ||||||
|  | 			return new ResponseEntity<>(new EntityResponse("Deleted"), HttpStatus.OK); | ||||||
|  | 	 | ||||||
|  | 	} | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | } | ||||||
| @ -0,0 +1,123 @@ | |||||||
|  | package com.realnet.basicp1.Controllers; | ||||||
|  | import java.util.List; | ||||||
|  | import org.springframework.beans.factory.annotation.Autowired; | ||||||
|  |  import org.springframework.web.bind.annotation.*; | ||||||
|  | import org.springframework.web.multipart.MultipartFile; | ||||||
|  | import com.fasterxml.jackson.core.JsonProcessingException; | ||||||
|  | import org.springframework.web.bind.annotation.CrossOrigin; | ||||||
|  | import com.fasterxml.jackson.databind.JsonMappingException; | ||||||
|  | import com.realnet.config.EmailService; | ||||||
|  | import com.realnet.users.entity1.AppUser; | ||||||
|  | import com.realnet.users.service1.AppUserServiceImpl; | ||||||
|  | import com.fasterxml.jackson.databind.ObjectMapper; | ||||||
|  | import org.springframework.data.domain.*; | ||||||
|  | import com.realnet.fnd.response.EntityResponse; | ||||||
|  | import org.springframework.http.*; | ||||||
|  | import org.springframework.beans.factory.annotation.*; | ||||||
|  | import com.realnet.basicp1.Entity.Test; | ||||||
|  | import com.realnet.basicp1.Services.TestService ; | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | @RequestMapping(value = "/token/Test") | ||||||
|  |  @CrossOrigin("*")  | ||||||
|  | @RestController | ||||||
|  | public class tokenFree_TestController { | ||||||
|  | 	@Autowired | ||||||
|  | 	private TestService Service; | ||||||
|  | 
 | ||||||
|  | @Value("${projectPath}") | ||||||
|  | 	private String projectPath; | ||||||
|  |   | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 	@PostMapping("/Test") | ||||||
|  | 		  public Test Savedata(@RequestBody Test data) { | ||||||
|  | 		Test save = Service.Savedata(data)	; | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 		System.out.println("data saved..." + save); | ||||||
|  | 
 | ||||||
|  |  return save; | ||||||
|  | 	  } | ||||||
|  | @PutMapping("/Test/{id}") | ||||||
|  | 	public  Test update(@RequestBody Test data,@PathVariable Integer id ) { | ||||||
|  | 		Test update = Service.update(data,id); | ||||||
|  | 		System.out.println("data update..." + update); | ||||||
|  | 		return update; | ||||||
|  | 	}	  | ||||||
|  | //	get all with pagination | ||||||
|  | 	@GetMapping("/Test/getall/page") | ||||||
|  | 	public Page<Test> getall(@RequestParam(value = "page", required = false) Integer page, | ||||||
|  | 			@RequestParam(value = "size", required = false) Integer size) { | ||||||
|  | 		Pageable paging = PageRequest.of(page, size); | ||||||
|  | 		Page<Test> get = Service.getAllWithPagination(paging); | ||||||
|  | 
 | ||||||
|  | 		return get; | ||||||
|  | 
 | ||||||
|  | 	}	 | ||||||
|  | 	@GetMapping("/Test") | ||||||
|  | 	public List<Test> getdetails() { | ||||||
|  | 		 List<Test> get = Service.getdetails();		 | ||||||
|  | 		return get; | ||||||
|  | } | ||||||
|  | // get all without authentication  | ||||||
|  | 
 | ||||||
|  | 	@GetMapping("/token/Test") | ||||||
|  | 	public List<Test> getallwioutsec() { | ||||||
|  | 		 List<Test> get = Service.getdetails();		 | ||||||
|  | 		return get; | ||||||
|  | } | ||||||
|  | @GetMapping("/Test/{id}") | ||||||
|  | 	public  Test  getdetailsbyId(@PathVariable Integer id ) { | ||||||
|  | 		Test  get = Service.getdetailsbyId(id); | ||||||
|  | 		return get; | ||||||
|  | 	} | ||||||
|  | @DeleteMapping("/Test/{id}") | ||||||
|  | 	public  ResponseEntity<?> delete_by_id(@PathVariable Integer id ) { | ||||||
|  | 	Service.delete_by_id(id); | ||||||
|  | 			return new ResponseEntity<>(new EntityResponse("Deleted"), HttpStatus.OK); | ||||||
|  | 	 | ||||||
|  | 	} | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | } | ||||||
| @ -0,0 +1,47 @@ | |||||||
|  | package com.realnet.basicp1.Entity; | ||||||
|  |  import lombok.*; | ||||||
|  | import com.realnet.WhoColumn.Entity.Extension;  | ||||||
|  |  import javax.persistence.*; | ||||||
|  |  import java.time.LocalDateTime; | ||||||
|  |  import java.util.*; | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  |  @Entity  | ||||||
|  |  @Data | ||||||
|  |  public class    Test extends Extension {  | ||||||
|  |  /** | ||||||
|  | 	 *  | ||||||
|  | 	 */ | ||||||
|  | 	private static final long serialVersionUID = 1L; | ||||||
|  | 
 | ||||||
|  |  @Id | ||||||
|  |  @GeneratedValue(strategy = GenerationType.IDENTITY) | ||||||
|  |  private Integer id; | ||||||
|  | 
 | ||||||
|  | private String  student_name; | ||||||
|  | 
 | ||||||
|  | @Column(length = 2000) | ||||||
|  | private String description; | ||||||
|  | 
 | ||||||
|  | private boolean active; | ||||||
|  | 
 | ||||||
|  |  private String phone_number; | ||||||
|  | 
 | ||||||
|  | private String email_field; | ||||||
|  | 
 | ||||||
|  | private String password_field; | ||||||
|  | @Transient | ||||||
|  | private String confirmpassword_field; | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | } | ||||||
| @ -0,0 +1,36 @@ | |||||||
|  | package com.realnet.basicp1.Repository; | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | import org.springframework.data.domain.Page; | ||||||
|  | import org.springframework.data.domain.Pageable; | ||||||
|  | import org.springframework.data.jpa.repository.JpaRepository; | ||||||
|  | import org.springframework.data.jpa.repository.Query; | ||||||
|  | 
 | ||||||
|  | import org.springframework.stereotype.Repository;  | ||||||
|  | import java.util.*; | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  |   | ||||||
|  | 
 | ||||||
|  | import com.realnet.basicp1.Entity.Test; | ||||||
|  | 
 | ||||||
|  | @Repository | ||||||
|  | public interface  TestRepository  extends  JpaRepository<Test, Integer>  {  | ||||||
|  | 
 | ||||||
|  | @Query(value = "select * from test where  created_by=?1", nativeQuery = true) | ||||||
|  | 	List<Test> findAll(Long creayedBy); | ||||||
|  | 
 | ||||||
|  | @Query(value = "select * from test where  created_by=?1", nativeQuery = true) | ||||||
|  | 	Page<Test> findAll(Pageable page, Long creayedBy); | ||||||
|  | } | ||||||
| @ -0,0 +1,123 @@ | |||||||
|  | package com.realnet.basicp1.Services; | ||||||
|  | import com.realnet.basicp1.Repository.TestRepository; | ||||||
|  | import com.realnet.basicp1.Entity.Test | ||||||
|  | ;import java.util.*; | ||||||
|  | 
 | ||||||
|  | import org.springframework.beans.factory.annotation.Autowired; | ||||||
|  | import com.realnet.SequenceGenerator.Service.SequenceService; | ||||||
|  | import org.springframework.data.domain.Page; | ||||||
|  | import com.realnet.realm.Entity.Realm; | ||||||
|  | import com.realnet.realm.Services.RealmService; | ||||||
|  | import org.springframework.data.domain.Pageable; | ||||||
|  | import org.springframework.http.*; | ||||||
|  | import com.realnet.users.service1.AppUserServiceImpl; | ||||||
|  | import com.realnet.users.entity1.AppUser; | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 	import org.springframework.stereotype.Service; | ||||||
|  | 
 | ||||||
|  | @Service | ||||||
|  |  public class TestService { | ||||||
|  | @Autowired | ||||||
|  | private TestRepository Repository; | ||||||
|  | 	@Autowired | ||||||
|  | 	private AppUserServiceImpl userService;  | ||||||
|  | @Autowired | ||||||
|  | 	private RealmService realmService; | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | public Test Savedata(Test data) { | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 	data.setUpdatedBy(getUser().getUserId()); | ||||||
|  | 		data.setCreatedBy(getUser().getUserId()); | ||||||
|  | 		data.setAccountId(getUser().getAccount().getAccount_id()); | ||||||
|  | Test save = Repository.save(data); | ||||||
|  | 				return save;	 | ||||||
|  | 			} | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | //	get all with pagination | ||||||
|  | 	public Page<Test> getAllWithPagination(Pageable page) { | ||||||
|  | 		return Repository.findAll(page, getUser().getUserId()); | ||||||
|  | 	}			 | ||||||
|  | public List<Test> getdetails() {   | ||||||
|  | 		List<Realm> realm = realmService.findByUserId(getUser().getUserId()); | ||||||
|  | List<Test> all = Repository.findAll(getUser().getUserId()); | ||||||
|  | 		 | ||||||
|  | 		return all ;		} | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | public Test getdetailsbyId(Integer id) { | ||||||
|  | 	return Repository.findById(id).get(); | ||||||
|  | 			} | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 	public void delete_by_id(Integer id) { | ||||||
|  |  Repository.deleteById(id); | ||||||
|  | } | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | public Test update(Test data,Integer id) { | ||||||
|  | 	Test old = Repository.findById(id).get(); | ||||||
|  | old.setStudent_name(data.getStudent_name()); | ||||||
|  | 
 | ||||||
|  | old.setDescription(data.getDescription()); | ||||||
|  | 
 | ||||||
|  | old.setActive (data.isActive()); | ||||||
|  | 
 | ||||||
|  | old.setPhone_number(data.getPhone_number()); | ||||||
|  | 
 | ||||||
|  | old.setEmail_field(data.getEmail_field()); | ||||||
|  | 
 | ||||||
|  | old.setPassword_field(data.getPassword_field()); | ||||||
|  | 
 | ||||||
|  | final Test test = Repository.save(old); | ||||||
|  | 		data.setUpdatedBy(getUser().getUserId()); | ||||||
|  |   return test;}  | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  |  public AppUser getUser() { | ||||||
|  | 		AppUser user = userService.getLoggedInUser(); | ||||||
|  | 		return user; | ||||||
|  | 
 | ||||||
|  | 	}} | ||||||
							
								
								
									
										2
									
								
								test23julynew-dbtest-d/authsec_mysql/mysql/wf_table/wf_table.sql
									
									
									
									
									
										Executable file
									
								
							
							
						
						
									
										2
									
								
								test23julynew-dbtest-d/authsec_mysql/mysql/wf_table/wf_table.sql
									
									
									
									
									
										Executable file
									
								
							| @ -0,0 +1,2 @@ | |||||||
|  | CREATE TABLE dbtest.Test(id BIGINT NOT NULL AUTO_INCREMENT, active VARCHAR(400), description VARCHAR(400), phone_number VARCHAR(400), email_field VARCHAR(400), password_field VARCHAR(400), student_name VARCHAR(400),  PRIMARY KEY (id)); | ||||||
|  | 
 | ||||||
| @ -2,14 +2,14 @@ | |||||||
| 
 | 
 | ||||||
| export const LoginEnvironment = { | export const LoginEnvironment = { | ||||||
| 
 | 
 | ||||||
|         "templateNo": "<templateNo>", |         "templateNo": "Template 1", | ||||||
|         "loginHeading": "<loginHeading>", |         "loginHeading": "Welcome to", | ||||||
|         "loginHeading2": "<loginHeading2>", |         "loginHeading2": "io8.dev", | ||||||
|         "isSignup": "<isSignup>", |         "isSignup": "true", | ||||||
|         "loginSignup": "<loginSignup> ", |         "loginSignup": "Use your ID to sign in OR  ", | ||||||
|         "loginSignup2": "<loginSignup2>", |         "loginSignup2": "create one now", | ||||||
|         "loginForgotpass": "<loginForgotpass>", |         "loginForgotpass": "FORGOT PASSWORD?", | ||||||
|         "loginImage": "<loginImage>", |         "loginImage": "[]", | ||||||
|         "loginImageURL": "<loginImageURL>" |         "loginImageURL": "null" | ||||||
|      |      | ||||||
| } | } | ||||||
|  | |||||||
| @ -0,0 +1,483 @@ | |||||||
|  | <ol class="breadcrumb breadcrumb-arrow font-trirong"> | ||||||
|  |   <li><a href="javascript://"> Test</a></li> | ||||||
|  | </ol> | ||||||
|  | <div class="dg-wrapper"> | ||||||
|  |   <div class="clr-row"> | ||||||
|  |     <div class="clr-col-8"> | ||||||
|  |       <h3>Test </h3> | ||||||
|  |     </div> | ||||||
|  |     <div class="clr-col-4" style="text-align: right;"> | ||||||
|  |  <button *ngIf="cardButton" id="add" class="btn btn-primary btn-icon" (click)="changeView()" > | ||||||
|  |         <clr-icon *ngIf="!isCardview" shape="grid-view"></clr-icon>    <clr-icon *ngIf="isCardview" shape="bars"></clr-icon> | ||||||
|  |       </button> | ||||||
|  |         <!-- button --> | ||||||
|  |      <button id="add" class="btn btn-primary" (click)="goToAdd(product)" > | ||||||
|  |         <clr-icon shape="plus"></clr-icon>ADD | ||||||
|  |       </button> | ||||||
|  |     </div></div> | ||||||
|  |   <ng-container *ngIf="!isCardview">   <!-- GET ALL -->     <clr-datagrid [clrDgLoading]="loading" [(clrDgSelected)]="selected"> | ||||||
|  |     <clr-dg-placeholder> | ||||||
|  |         <ng-template #loadingSpinner> | ||||||
|  |             <clr-spinner>Loading ... </clr-spinner> | ||||||
|  |         </ng-template> | ||||||
|  |         <div *ngIf="error;else loadingSpinner">{{error}}</div> | ||||||
|  |     </clr-dg-placeholder> | ||||||
|  | 
 | ||||||
|  | <clr-dg-column [clrDgField]="'student_name'"> <ng-container *clrDgHideableColumn="{hidden: false}"> student Name | ||||||
|  | 						    </ng-container></clr-dg-column> | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | <clr-dg-column [clrDgField]="'description'"> <ng-container *clrDgHideableColumn="{hidden: false}"> Description | ||||||
|  | 						    </ng-container></clr-dg-column> | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | <clr-dg-column [clrDgField]="'active'"> <ng-container *clrDgHideableColumn="{hidden: false}"> Active | ||||||
|  | 						    </ng-container></clr-dg-column> | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | <clr-dg-column [clrDgField]="'phone_number'"> <ng-container *clrDgHideableColumn="{hidden: false}"> Phone Number | ||||||
|  | 						    </ng-container></clr-dg-column> | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | <clr-dg-column [clrDgField]="'email_field'"> <ng-container *clrDgHideableColumn="{hidden: false}"> Email Field | ||||||
|  | 						    </ng-container></clr-dg-column> | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  |  <clr-dg-column [clrDgField]="'password_field'"> <ng-container *clrDgHideableColumn="{hidden: false}">Password Field | ||||||
|  | 						 </ng-container></clr-dg-column> | ||||||
|  | 
 | ||||||
|  |   | ||||||
|  |  <!-- who column --> | ||||||
|  |       <clr-dg-column> <ng-container *clrDgHideableColumn="{hidden: false}"> | ||||||
|  |         <clr-icon shape="bars"></clr-icon> Action | ||||||
|  |       </ng-container></clr-dg-column> | ||||||
|  |       <!-- end -->  | ||||||
|  | 
 | ||||||
|  |  <clr-dg-row *clrDgItems="let user of product" [clrDgItem]="user"> | ||||||
|  | 
 | ||||||
|  | <clr-dg-cell>{{user.student_name }}</clr-dg-cell> | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | <clr-dg-cell (click)="goToReplaceStringdescription (user.description)" style="cursor: pointer; align-items: center;"><clr-icon shape="details"></clr-icon> | ||||||
|  | </clr-dg-cell> | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | <clr-dg-cell>{{user.active }}</clr-dg-cell> | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | <clr-dg-cell>{{user.phone_number }}</clr-dg-cell> | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | <clr-dg-cell>{{user.email_field }}</clr-dg-cell> | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | <clr-dg-cell>{{user.password_field }}</clr-dg-cell> | ||||||
|  | 
 | ||||||
|  |   | ||||||
|  |   <!-- who column --> | ||||||
|  | <clr-dg-cell> | ||||||
|  |   <clr-signpost> | ||||||
|  |    <span style="cursor: pointer;" clrSignpostTrigger><clr-icon shape="help" class="success" style="color: rgb(0, 130, 236);"></clr-icon></span> | ||||||
|  |    <clr-signpost-content [clrPosition]="'left-middle'" *clrIfOpen> | ||||||
|  |      <h5 style="margin-top: 0">Who Column</h5> | ||||||
|  |            <div>Account ID: <code class="clr-code">{{user.accountId}}</code></div> | ||||||
|  |            <div>Created At: <code class="clr-code">{{user.createdAt| date}}</code></div> | ||||||
|  |            <div>Created By: <code class="clr-code">{{user.createdBy}}</code></div> | ||||||
|  |            <div>Updated At: <code class="clr-code">{{user.updatedAt | date}}</code></div> | ||||||
|  |            <div>Updated By: <code class="clr-code">{{user.updatedBy}}</code></div> | ||||||
|  |    </clr-signpost-content> | ||||||
|  |  </clr-signpost> | ||||||
|  |  </clr-dg-cell> | ||||||
|  |   | ||||||
|  |  <!-- who colmn -->  | ||||||
|  |   | ||||||
|  |  <clr-dg-action-overflow> | ||||||
|  |         <button class="action-item" (click)="onEdit(user)">Edit</button> | ||||||
|  |         <button class="action-item" (click)="onDelete(user)">Delete</button> | ||||||
|  |       </clr-dg-action-overflow> | ||||||
|  |          </clr-dg-row> | ||||||
|  |     <clr-dg-footer> | ||||||
|  |       <clr-dg-pagination #pagination [clrDgPageSize]="10"> | ||||||
|  |         <clr-dg-page-size [clrPageSizeOptions]="[10,20,50,100]">Users per page</clr-dg-page-size> | ||||||
|  |         {{pagination.firstItem + 1}} - {{pagination.lastItem + 1}} | ||||||
|  |         of {{pagination.totalItems}} users | ||||||
|  |       </clr-dg-pagination> | ||||||
|  |     </clr-dg-footer> | ||||||
|  |   </clr-datagrid> </ng-container> | ||||||
|  | <ng-template #showInfo> | ||||||
|  |   <div class="alert alert-info" role="alert"> | ||||||
|  |       <div class="alert-items"> | ||||||
|  |           <div class="alert-item static"> | ||||||
|  |               <span class="alert-text"> | ||||||
|  |                 <clr-icon class="alert-icon" shape="info-circle"></clr-icon> | ||||||
|  |                     Data could be found. Loading.. | ||||||
|  |                   <clr-spinner [clrMedium]="true">Loading ...</clr-spinner> | ||||||
|  |               </span> | ||||||
|  |           </div> | ||||||
|  |       </div> | ||||||
|  |   </div> | ||||||
|  | </ng-template><ng-container *ngIf="isCardview"> | ||||||
|  |   <div *ngIf="product; else showInfo" class="clr-row clr-align-items-start clr-justify-content-start"> | ||||||
|  |     <div *ngFor="let app of product| filter:search; let index = i" class="clr-col-auto" > | ||||||
|  |       <div class="clr-row"> | ||||||
|  |         <div class="clr-col-lg-12 clr-col-md-4 clr-col-sm-4 clr-col-12" style="width: 410px;"> | ||||||
|  |   <div class="card" style="padding: 10px; "[style.background-color]="cardmodal.cardColor !== '' ? cardmodal.cardColor : 'white'"> | ||||||
|  |     <div class="card-body" style="display: grid; grid-template-columns: repeat(13, 1fr); grid-template-rows: repeat(7, 1fr); gap: 5px;"> | ||||||
|  |       <ng-container *ngFor="let item of dashboardArray"> | ||||||
|  |         <div [style.gridColumn]="item.x + 1" [style.gridRow]="item.y + 1" [style.gridColumnEnd]="item.x + item.cols + 1" | ||||||
|  |           [style.gridRowEnd]="item.y + item.rows + 1"> | ||||||
|  |           <div *ngIf="item.name === 'textField'" class="title-card card-title" | ||||||
|  |           [style.text-align]="item.alignment !== '' ? item.alignment : 'left'" | ||||||
|  |           [style.line-height]="item.textlineheight !== '' ? item.textlineheight : '1'" | ||||||
|  |           [style.font-family]="item.fontName !== '' ? item.fontName : 'Metropolis'" | ||||||
|  |           [style.font-size]="item.fontSize !== '' ? item.fontSize : '100%'" | ||||||
|  |           [style.font-style]="item.italic == true ? 'Italic' : 'normal'" | ||||||
|  |           [style.font-weight]="item.bold == true ? 'bold' : 'normal'" [style.text-decoration]="(item.underline && item.strikethough) ? 'underline line-through' :  | ||||||
|  |           (item.underline ? 'underline' : (item.strikethough ? 'line-through' : 'none'))" | ||||||
|  |           [style.background-color]="item.backgroundcolor !== '' ? item.backgroundcolor : 'white'" | ||||||
|  |           [style.color]="item.textcolor !== '' ? item.textcolor : 'black'"     	 [style.background-color]="item.conditionValue ==  app[transform(item.fieldtext) ] ? item.conditionbackgroundcolor : item.backgroundcolor" | ||||||
|  |           [style.color]="item.conditionValue ==  app[transform(item.fieldtext) ] ? item.conditiontextcolor : item.textcolor"> | ||||||
|  |            {{beforeText(item.fieldtext)}} | ||||||
|  |           {{ app[transform(item.fieldtext) ] }} | ||||||
|  |           {{afterText(item.fieldtext)}} | ||||||
|  |           </div> | ||||||
|  | 
 | ||||||
|  |           <div *ngIf="item.name === 'dateField'" class="title-card card-title" | ||||||
|  |           [style.text-align]="item.alignment !== '' ? item.alignment : 'left'" | ||||||
|  |           [style.line-height]="item.textlineheight !== '' ? item.textlineheight : '1'" | ||||||
|  |           [style.font-family]="item.fontName !== '' ? item.fontName : 'Metropolis'" | ||||||
|  |           [style.font-size]="item.fontSize !== '' ? item.fontSize : '100%'" | ||||||
|  |           [style.font-style]="item.italic == true ? 'Italic' : 'normal'" | ||||||
|  |           [style.font-weight]="item.bold == true ? 'bold' : 'normal'" [style.text-decoration]="(item.underline && item.strikethough) ? 'underline line-through' :  | ||||||
|  |           (item.underline ? 'underline' : (item.strikethough ? 'line-through' : 'none'))" | ||||||
|  |           [style.background-color]="item.backgroundcolor !== '' ? item.backgroundcolor : 'white'" | ||||||
|  |           [style.color]="item.textcolor !== '' ? item.textcolor : 'black'"			 [style.background-color]="item.conditionValue ==  app[transform(item.fieldtext) ] ? item.conditionbackgroundcolor : item.backgroundcolor" | ||||||
|  |           [style.color]="item.conditionValue ==  app[transform(item.fieldtext) ] ? item.conditiontextcolor : item.textcolor"> | ||||||
|  |           {{beforeText(item.fieldtext)}} | ||||||
|  |           {{ app[transform(item.fieldtext) ] | date}} | ||||||
|  |           {{afterText(item.fieldtext)}} | ||||||
|  |           </div> | ||||||
|  |           <div *ngIf="item.name === 'numberField'" class="title-card card-title" | ||||||
|  |           [style.text-align]="item.alignment !== '' ? item.alignment : 'left'" | ||||||
|  |           [style.line-height]="item.textlineheight !== '' ? item.textlineheight : '1'" | ||||||
|  |           [style.font-family]="item.fontName !== '' ? item.fontName : 'Metropolis'" | ||||||
|  |           [style.font-size]="item.fontSize !== '' ? item.fontSize : '100%'" | ||||||
|  |           [style.font-style]="item.italic == true ? 'Italic' : 'normal'" | ||||||
|  |           [style.font-weight]="item.bold == true ? 'bold' : 'normal'" [style.text-decoration]="(item.underline && item.strikethough) ? 'underline line-through' :  | ||||||
|  |           (item.underline ? 'underline' : (item.strikethough ? 'line-through' : 'none'))" | ||||||
|  |           [style.background-color]="item.backgroundcolor !== '' ? item.backgroundcolor : 'white'" | ||||||
|  |           [style.color]="item.textcolor !== '' ? item.textcolor : 'black'"			 [style.background-color]="item.conditionValue ==  app[transform(item.fieldtext) ] ? item.conditionbackgroundcolor : item.backgroundcolor" | ||||||
|  |           [style.color]="item.conditionValue ==  app[transform(item.fieldtext) ] ? item.conditiontextcolor : item.textcolor"> | ||||||
|  |           {{beforeText(item.fieldtext)}} | ||||||
|  |           {{ app[transform(item.fieldtext) ]}} | ||||||
|  |           {{afterText(item.fieldtext)}} | ||||||
|  |           </div> | ||||||
|  | 
 | ||||||
|  |           <div *ngIf="item.name === 'Line'" class="title-card card-title" | ||||||
|  |           [style.text-align]="item.alignment !== '' ? item.alignment : 'left'" | ||||||
|  |           [style.line-height]="item.textlineheight !== '' ? item.textlineheight : '1'" | ||||||
|  |           [style.font-family]="item.fontName !== '' ? item.fontName : 'Metropolis'" | ||||||
|  |           [style.font-size]="item.fontSize !== '' ? item.fontSize : '100%'" | ||||||
|  |           [style.font-style]="item.italic == true ? 'Italic' : 'normal'" | ||||||
|  |           [style.font-weight]="item.bold == true ? 'bold' : 'normal'" [style.text-decoration]="(item.underline && item.strikethough) ? 'underline line-through' :  | ||||||
|  |           (item.underline ? 'underline' : (item.strikethough ? 'line-through' : 'none'))" | ||||||
|  |           [style.background-color]="item.backgroundcolor !== '' ? item.backgroundcolor : 'white'" | ||||||
|  |           [style.color]="item.textcolor !== '' ? item.textcolor : 'black'"> | ||||||
|  |           <hr> | ||||||
|  |           </div> | ||||||
|  | 
 | ||||||
|  |            | ||||||
|  |           <div *ngIf="item.name === 'Icon'" class="icon-card" | ||||||
|  |           [style.text-align]="item.alignment !== '' ? item.alignment : 'left'" | ||||||
|  |           [style.line-height]="item.textlineheight !== '' ? item.textlineheight : '1'" | ||||||
|  |           [style.font-family]="item.fontName !== '' ? item.fontName : 'Metropolis'" | ||||||
|  |           [style.font-size]="item.fontSize !== '' ? item.fontSize : '100%'" | ||||||
|  |           [style.font-style]="item.italic == true ? 'Italic' : 'normal'" | ||||||
|  |           [style.font-weight]="item.bold == true ? 'bold' : 'normal'" [style.text-decoration]="(item.underline && item.strikethough) ? 'underline line-through' :  | ||||||
|  |           (item.underline ? 'underline' : (item.strikethough ? 'line-through' : 'none'))" | ||||||
|  |           [style.background-color]="item.backgroundcolor !== '' ? item.backgroundcolor : 'white'" | ||||||
|  |           [style.color]="item.textcolor !== '' ? item.textcolor : 'black'" | ||||||
|  |           > | ||||||
|  |             <clr-icon [attr.shape]="item.iconName"></clr-icon> | ||||||
|  |           </div> | ||||||
|  | 
 | ||||||
|  |           <div *ngIf="item.name == 'Image'" | ||||||
|  |           [style.text-align]="item.alignment !== '' ? item.alignment : 'left'" | ||||||
|  |           [style.line-height]="item.textlineheight !== '' ? item.textlineheight : '1'" | ||||||
|  |           [style.font-family]="item.fontName !== '' ? item.fontName : 'Metropolis'" | ||||||
|  |           [style.font-size]="item.fontSize !== '' ? item.fontSize : '100%'" | ||||||
|  |           [style.font-style]="item.italic == true ? 'Italic' : 'normal'" | ||||||
|  |           [style.font-weight]="item.bold == true ? 'bold' : 'normal'" [style.text-decoration]="(item.underline && item.strikethough) ? 'underline line-through' :  | ||||||
|  |           (item.underline ? 'underline' : (item.strikethough ? 'line-through' : 'none'))" | ||||||
|  |           [style.background-color]="item.backgroundcolor !== '' ? item.backgroundcolor : 'white'" | ||||||
|  |           [style.color]="item.textcolor !== '' ? item.textcolor : 'black'" | ||||||
|  |           [style.background-color]="item.conditionValue ==  app[transform(item.fieldtext) ] ? item.conditionbackgroundcolor : item.backgroundcolor" | ||||||
|  |           [style.color]="item.conditionValue ==  app[transform(item.fieldtext) ] ? item.conditiontextcolor : item.textcolor">			 <img id="filePreview" [src]="item.imageURL" alt="File Preview" | ||||||
|  |             [style.width]="item.imagewidth !== '' ? item.imagewidth + 'px' : '100px'" | ||||||
|  |             [style.height]="item.imagewidth !== '' ? item.imagewidth + 'px' : '100px'"></div> | ||||||
|  |         </div> | ||||||
|  |       </ng-container> | ||||||
|  |     </div> | ||||||
|  |   </div> | ||||||
|  |   </div> | ||||||
|  |   </div> | ||||||
|  |   </div> | ||||||
|  |   </div> | ||||||
|  |   </ng-container> | ||||||
|  | </div> | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | <clr-modal [(clrModalOpen)]="rsModaldescription" [clrModalSize]="'xl'" [clrModalStaticBackdrop]="true"> | ||||||
|  | 						  <div class="modal-body"> | ||||||
|  | 						    <textarea class="form-control" style="width:100%; height: 400px;" readonly>{{rowSelected}}</textarea> | ||||||
|  | 						  </div></clr-modal> | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | <!-- //		EDIT DATA......... --> | ||||||
|  | <clr-modal [(clrModalOpen)]="modalEdit" [clrModalSize]="'lg'" [clrModalStaticBackdrop]="true"> | ||||||
|  |   <h3 class="modal-title">Update Test | ||||||
|  |  <!--update button --> | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | </h3> | ||||||
|  |   <div class="modal-body" *ngIf="rowSelected.id"> | ||||||
|  |     <h2 class="heading">{{rowSelected.id}}</h2> | ||||||
|  | <!-- button --> | ||||||
|  |     <form > | ||||||
|  | <div class="clr-row">  | ||||||
|  | <div class="clr-col-sm-12">        | ||||||
|  | <label>student Name</label> | ||||||
|  | 	        <input class="clr-input"  type="text" [(ngModel)]="rowSelected.student_name" name="student_name" /> | ||||||
|  | 	      </div> | ||||||
|  | 
 | ||||||
|  | <div class="clr-col-sm-12">                | ||||||
|  | <label> Description</label> | ||||||
|  | 	              <textarea cols="10" rows="2"[(ngModel)]="rowSelected.description" name="description " placeholder="Textarea">  </textarea> | ||||||
|  | 	           </div>  | ||||||
|  | 
 | ||||||
|  | <div class="clr-col-sm-12">  | ||||||
|  | <label> Active</label>  | ||||||
|  | <input type="checkbox" name="active" clrToggle [(ngModel)]="rowSelected.active" /> </div> | ||||||
|  | 
 | ||||||
|  | <div class="clr-col-sm-12">          | ||||||
|  | <label> Phone Number</label> | ||||||
|  | 	        <input id="name" class="clr-input" type="Text" [(ngModel)]="rowSelected.phone_number " name="phone_number" pattern="((\\+)?([1-9]{2}))?[1-9]{1}[0-9]{9}$" /> | ||||||
|  | 	        <div *ngIf="rowSelected.phone_number  && !isValidPhone_number(rowSelected.phone_number)" class="error_mess"> | ||||||
|  | 	          * Please Follow your pattern,+91 Enter 10 digit Mobile Number. | ||||||
|  | 	        </div>       </div>  | ||||||
|  | 
 | ||||||
|  | <div class="clr-col-sm-12">      | ||||||
|  | <label> Email Field</label> | ||||||
|  | 								  <input id="name" class="clr-input" type="email"  | ||||||
|  | 						 [(ngModel)]="rowSelected.email_field " name="email_field" pattern="[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$"> | ||||||
|  | 								  <div *ngIf="rowSelected.email_field && !isValidemail_field(rowSelected.email_field )" class="error_mess"> | ||||||
|  | 	            * Email must be a valid email address.          | ||||||
|  |   </div> </div> | ||||||
|  | 
 | ||||||
|  | <div class="clr-col-sm-12">        | ||||||
|  | <label> Password Field</label><br>       | ||||||
|  |  <div><input [type]="newpHidepassword_field ? 'password': 'text'" class="clr-input" style="width: 93% !important;" [(ngModel)]="rowSelected.password_field" name="password_field">  | ||||||
|  | 	      <clr-icon [attr.shape]="newIconpassword_field" (click)="newShapeChangerpassword_field()"></clr-icon></div> | ||||||
|  | 	    </div> | ||||||
|  | 
 | ||||||
|  |   </div>  | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | <!-- form code start --> | ||||||
|  |   <div *ngIf="checkFormCode"> | ||||||
|  |     <h4 style="font-weight: 300;display: inline;">Extension</h4> | ||||||
|  |     <br> | ||||||
|  |     <hr> | ||||||
|  |     <div class="clr-row"> | ||||||
|  |       <div class="clr-col-4" *ngFor="let field of additionalFieldsFromBackend"> | ||||||
|  |         <ng-container *ngIf="field.formCode === formcode" [ngSwitch]="field.fieldType"> | ||||||
|  |           <!-- Text Input -->    <label  *ngSwitchCase="'text'">{{ field.fieldName }}</label> | ||||||
|  |           <input *ngSwitchCase="'text'" [type]="field.fieldType"  name="{{ field.extValue }}" [(ngModel)]="rowSelected[field.extValue]" class="clr-input" /> | ||||||
|  |    | ||||||
|  |           <!-- Date Input -->    <label  *ngSwitchCase="'date'">{{ field.fieldName }}</label> | ||||||
|  |           <input *ngSwitchCase="'date'" [type]="field.fieldType"  name="{{ field.extValue }}" [(ngModel)]="rowSelected[field.extValue]"  class="clr-input" /> | ||||||
|  |    | ||||||
|  |           <!-- Textarea -->    <label  *ngSwitchCase="'textarea'">{{ field.fieldName }}</label> | ||||||
|  |           <textarea *ngSwitchCase="'textarea'"  name="{{ field.extValue }}" [(ngModel)]="rowSelected[field.extValue]"  col="10" row="2"></textarea> | ||||||
|  |    | ||||||
|  |           <!-- Checkbox -->    <label  *ngSwitchCase="'checkbox'">{{ field.fieldName }}</label><br> | ||||||
|  |           <input *ngSwitchCase="'checkbox'" [type]="field.fieldType" name="{{ field.extValue }}" [(ngModel)]="rowSelected[field.extValue]"  class="clr-checkbox" /> | ||||||
|  |         </ng-container> | ||||||
|  |   </div> | ||||||
|  |   </div> | ||||||
|  | </div> | ||||||
|  | 
 | ||||||
|  |   <!-- form code end -->  <div class="modal-footer"> | ||||||
|  |       <button type="button" class="btn btn-outline" (click)="modalEdit = false">Cancel</button> | ||||||
|  |       <button type="submit" class="btn btn-primary"  (click)="onUpdate(rowSelected.id)">Update</button> | ||||||
|  |       </div> | ||||||
|  |     </form> | ||||||
|  |   </div> | ||||||
|  | </clr-modal> | ||||||
|  | <clr-modal [(clrModalOpen)]="modaldelete" [clrModalSize]="'lg'" [clrModalStaticBackdrop]="true"> | ||||||
|  |   <div class="modal-body" *ngIf="rowSelected.id"> | ||||||
|  |     <h1 class="delete">Are You Sure Want to delete?</h1> | ||||||
|  |     <h2 class="heading">{{rowSelected.id}}</h2> | ||||||
|  |     <div class="modal-footer"> | ||||||
|  |       <button type="button" class="btn btn-outline" (click)="modaldelete = false">Cancel</button> | ||||||
|  |     <button type="button" (click)="delete(rowSelected.id)" class="btn btn-primary" >Delete</button> | ||||||
|  |     </div> | ||||||
|  |   </div> | ||||||
|  | </clr-modal> | ||||||
|  | <!-- ADD FORM ..... --> | ||||||
|  | <clr-modal [(clrModalOpen)]="modalAdd" [clrModalSize]="'lg'" [clrModalStaticBackdrop]="true"> | ||||||
|  |   <h3 class="modal-title">Add Test  | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  |   <!-- aeroplane icon --> | ||||||
|  |             | ||||||
|  |     <a *ngIf="userrole?.includes('ADMIN')" style="float: right;" href="javascript:void(0)" role="tooltip" aria-haspopup="true" | ||||||
|  |       class="tooltip tooltip-sm tooltip-bottom-left"> | ||||||
|  |       <a id="build_extension" [routerLink]="['../extension/all']" [queryParams]="{ formCode: 'Test_formCode' }"> | ||||||
|  |         <clr-icon shape="airplane" size="32"></clr-icon> | ||||||
|  |       </a> | ||||||
|  |       <span class="tooltip-content">Form Extension</span> | ||||||
|  |     </a> </h3> | ||||||
|  |   <div class="modal-body"> | ||||||
|  |      <form [formGroup]="entryForm" > | ||||||
|  |    <div class="clr-row" style="height: fit-content;"> | ||||||
|  | 
 | ||||||
|  | <div class="clr-col-sm-12"> | ||||||
|  |  <label>  student Name</label> | ||||||
|  |  <input class="clr-input"  type="text"  formControlName="student_name" />        | ||||||
|  |  </div> | ||||||
|  | 
 | ||||||
|  | <div class="clr-col-sm-12">              | ||||||
|  |  <label>  Description</label>              | ||||||
|  |  <textarea cols="10" rows="2" formControlName="description" placeholder="Textarea">  </textarea> | ||||||
|  | 	            </div> | ||||||
|  | 
 | ||||||
|  | <div class="clr-col-sm-12">             | ||||||
|  |  <label> Active</label>             | ||||||
|  |   <input type="checkbox" formControlName="active" clrToggle/>            </div> | ||||||
|  | 
 | ||||||
|  | <div class="clr-col-sm-12">         | ||||||
|  | <label>  Phone Number</label>         | ||||||
|  | <input class="clr-input" type="text" formControlName="phone_number" pattern="((\+)?([1-9]{2}))?[1-9]{1}[0-9]{9}$" /> | ||||||
|  | 	        <div *ngIf="submitted && entryForm.controls['phone_number'].errors" class="error_mess"> | ||||||
|  | 	          <div *ngIf="submitted && entryForm.controls['phone_number'].hasError('pattern')" class="error_mess">* Please Follow your pattern,+91 Enter 10 digit Mobile Number. | ||||||
|  | 	          </div>      </div>      </div> | ||||||
|  | 
 | ||||||
|  | <div class="clr-col-sm-12"> | ||||||
|  | 						<label> Email Field</label> | ||||||
|  | <input class="clr-input" type="email" formControlName="email_field" pattern="[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$"> | ||||||
|  | <div *ngIf="entryForm.controls['email_field'].errors" class="error_mess"> | ||||||
|  | 						          <div *ngIf="entryForm.controls['email_field'].hasError('pattern')" class="error_mess">* Email must be a valid email address | ||||||
|  | 						            </div>  </div> | ||||||
|  | </div> | ||||||
|  | 
 | ||||||
|  | <div class="clr-col-sm-12">        | ||||||
|  | 	<label>Password Field</label><br> | ||||||
|  | 	<div><input class="clr-input" style="width: 93% !important;" [type]="newaddpHidepassword_field ? 'password': 'text'" formControlName="password_field" autocomplete >  | ||||||
|  | 		<clr-icon [attr.shape]="newaddIconpassword_field" (click)="newaddChangerpassword_field()"></clr-icon></div> | ||||||
|  | 	</div> | ||||||
|  | 
 | ||||||
|  |           <div class="clr-col-sm-12"> | ||||||
|  | <label>Confirm Password Field</label><br> | ||||||
|  |            <input type="password" class="clr-input" formControlName="confirmpassword_field" autocomplete > | ||||||
|  |            <div *ngIf="entryForm.controls.confirmpassword_field.errors" class="error_mess"> | ||||||
|  |             <div *ngIf="entryForm.controls.confirmpassword_field.errors.confirmedpassword_fieldValidator" class="error_mess">* Password and Confirm Password must be match.</div> | ||||||
|  |         </div> | ||||||
|  |           </div> | ||||||
|  | 
 | ||||||
|  |   | ||||||
|  |  </div>  | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  |       <!-- form code start --> | ||||||
|  |       <div *ngIf="checkFormCode"> | ||||||
|  |         <h4 style="font-weight: 300;display: inline;">Extension</h4> | ||||||
|  |         <br> | ||||||
|  |         <hr> | ||||||
|  |         <div class="clr-row"> | ||||||
|  |           <div class="clr-col-4" *ngFor="let field of additionalFieldsFromBackend"> | ||||||
|  |             <ng-container *ngIf="field.formCode === formcode" [ngSwitch]="field.fieldType"> | ||||||
|  |               <!-- Text Input --> <label *ngSwitchCase="'text'">{{ field.fieldName }}</label> | ||||||
|  |               <input *ngSwitchCase="'text'" [type]="field.fieldType" [formControlName]="field.extValue" | ||||||
|  |                 class="clr-input" /> | ||||||
|  |               <!-- Date Input --> <label *ngSwitchCase="'date'">{{ field.fieldName }}</label> | ||||||
|  |               <input *ngSwitchCase="'date'" [type]="field.fieldType" [formControlName]="field.extValue" | ||||||
|  |                 class="clr-input" /> | ||||||
|  |               <!-- Textarea --> <label *ngSwitchCase="'textarea'">{{ field.fieldName }}</label> | ||||||
|  |               <textarea *ngSwitchCase="'textarea'" [formControlName]="field.extValue" col="10" row="2"></textarea> | ||||||
|  |               <!-- Checkbox --> <label *ngSwitchCase="'checkbox'">{{ field.fieldName }}</label><br> | ||||||
|  |               <input *ngSwitchCase="'checkbox'" [type]="field.fieldType" [formControlName]="field.extValue" | ||||||
|  |                 class="clr-checkbox" /> | ||||||
|  |             </ng-container> | ||||||
|  |           </div> | ||||||
|  |         </div> | ||||||
|  |       </div> | ||||||
|  |       <!-- form code end --> <div class="modal-footer"> | ||||||
|  | <button type="button" class="btn btn-outline" (click)="modalAdd = false">Cancel</button> | ||||||
|  |         <button type="submit" class="btn btn-primary" (click)="onSubmit()">ADD</button> | ||||||
|  |         </div> | ||||||
|  | </form> | ||||||
|  |   </div> | ||||||
|  | </clr-modal> | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  |   <!-- htmlpopup --> | ||||||
| @ -0,0 +1,78 @@ | |||||||
|  | //@import "../../../../assets/scss/var"; | ||||||
|  | .s-info-bar { | ||||||
|  |   display: flex; | ||||||
|  |   flex-direction: row; | ||||||
|  |   justify-content: space-between; | ||||||
|  |   button { | ||||||
|  |     outline: none; | ||||||
|  |   } | ||||||
|  | } | ||||||
|  | .delete,.heading{ | ||||||
|  |   text-align: center; | ||||||
|  |   color: red; | ||||||
|  | } | ||||||
|  | .entry-pg { | ||||||
|  |   width: 750px; | ||||||
|  | } | ||||||
|  | 
 | ||||||
|  | .button1::after { | ||||||
|  |   content: none; | ||||||
|  | } | ||||||
|  | .button1:hover::after { | ||||||
|  |   content: "ADD ROWS"; | ||||||
|  | } | ||||||
|  | 
 | ||||||
|  | .section { | ||||||
|  |   background-color: #dddddd; | ||||||
|  |   height: 40px; | ||||||
|  | } | ||||||
|  | 
 | ||||||
|  | .section p { | ||||||
|  |   //color: white; | ||||||
|  |   padding: 10px; | ||||||
|  |   font-size: 18px; | ||||||
|  | } | ||||||
|  | 
 | ||||||
|  | .clr-input { | ||||||
|  |   color: #212529; | ||||||
|  |   border: 1px solid #ced4da; | ||||||
|  |   border-radius: 0.25rem; | ||||||
|  |   padding: 0.75rem 0.75rem; | ||||||
|  |   margin-top: 3px; | ||||||
|  |   width: 100%; | ||||||
|  |   margin-bottom: 10px; | ||||||
|  | } | ||||||
|  | 
 | ||||||
|  | .clr-file { | ||||||
|  |   color: #212529; | ||||||
|  |   border: 1px solid #ced4da; | ||||||
|  |   border-radius: 0.25rem; | ||||||
|  |   //padding: 0.6rem 0.75rem; | ||||||
|  |   margin-top: 3px; | ||||||
|  |   width: 100%; | ||||||
|  |   margin-bottom: 10px; | ||||||
|  | } | ||||||
|  | 
 | ||||||
|  | .center { | ||||||
|  |   text-align: center; | ||||||
|  | } | ||||||
|  | select{ | ||||||
|  |   width: 100%; | ||||||
|  |   margin-top: 3px; | ||||||
|  |   padding: 5px 5px; | ||||||
|  |   border: 1px solid #ccc; | ||||||
|  |   border-radius: 4px; | ||||||
|  | } | ||||||
|  | input[type=text],[type=date],[type=number],textarea { | ||||||
|  |   width: 100%; | ||||||
|  |   padding: 15px 15px; | ||||||
|  |   background-color:rgb(255, 255, 255); | ||||||
|  |  // margin: 8px 0; | ||||||
|  |   display: inline-block; | ||||||
|  |   border: 1px solid #ccc; | ||||||
|  |   border-radius: 4px; | ||||||
|  |   box-sizing: border-box; | ||||||
|  | } | ||||||
|  | .error_mess { | ||||||
|  |   color: red; | ||||||
|  | } | ||||||
| @ -0,0 +1,375 @@ | |||||||
|  | import { Component, OnInit } from '@angular/core'; | ||||||
|  | import { ToastrService } from 'ngx-toastr'; | ||||||
|  | import { AlertService } from 'src/app/services/alert.service'; | ||||||
|  | import { Testservice} from './Test.service'; | ||||||
|  | import { AbstractControl, FormArray, FormBuilder, FormGroup, Validators, ValidationErrors } from '@angular/forms'; | ||||||
|  | import { ExtensionService } from 'src/app/services/fnd/extension.service'; | ||||||
|  | import { DashboardContentModel2 } from 'src/app/models/builder/dashboard';  | ||||||
|  | import { Testcardvariable } from './Test_cardvariable'; | ||||||
|  | import { UserInfoService } from 'src/app/services/user-info.service'; | ||||||
|  | declare var JsBarcode: any;  | ||||||
|  | @Component({ | ||||||
|  |   selector: 'app-Test', | ||||||
|  |   templateUrl: './Test.component.html', | ||||||
|  |   styleUrls: ['./Test.component.scss'] | ||||||
|  | }) | ||||||
|  | export class TestComponent implements OnInit { | ||||||
|  |   cardButton = Testcardvariable.cardButton; | ||||||
|  |   cardmodeldata = Testcardvariable.cardmodeldata; | ||||||
|  |   public dashboardArray: DashboardContentModel2[]; | ||||||
|  |   isCardview = Testcardvariable.cardButton; | ||||||
|  |   cardmodal;  changeView(){ | ||||||
|  |   this.isCardview = !this.isCardview; | ||||||
|  |   } | ||||||
|  |     beforeText(fieldtext: string): string { // Extract the text before the first '<'
 | ||||||
|  |     const index = fieldtext.indexOf('<'); | ||||||
|  |     return index !== -1 ? fieldtext.substring(0, index) : fieldtext; | ||||||
|  |   } | ||||||
|  |   afterText(fieldtext: string): string { // Extract the text after the last '>'
 | ||||||
|  |     const index = fieldtext.lastIndexOf('>'); | ||||||
|  |     return index !== -1 ? fieldtext.substring(index + 1) : ''; | ||||||
|  |   } | ||||||
|  |   transform(fieldtext: string): string { | ||||||
|  |     const match = fieldtext.match(/<([^>]*)>/); | ||||||
|  |     return match ? match[1] : ''; // Extract the text between '<' and '>'
 | ||||||
|  |   } | ||||||
|  |  userrole; | ||||||
|  |   rowSelected :any= {}; | ||||||
|  |   modaldelete=false; | ||||||
|  |   modalEdit=false; | ||||||
|  |   modalAdd= false; | ||||||
|  |   public entryForm: FormGroup; | ||||||
|  |   loading = false; | ||||||
|  |   product; | ||||||
|  |   modalOpenedforNewLine = false; | ||||||
|  |   newLine:any; | ||||||
|  |  additionalFieldsFromBackend: any[] = []; | ||||||
|  |   formcode = 'Test_formCode' | ||||||
|  | tableName = 'Test';  checkFormCode; selected: any[] = []; constructor( | ||||||
|  |     private extensionService: ExtensionService, | ||||||
|  | private userInfoService:UserInfoService, | ||||||
|  |     private mainService:Testservice, | ||||||
|  |     private alertService: AlertService, | ||||||
|  |     private toastr: ToastrService, | ||||||
|  |     private _fb: FormBuilder, | ||||||
|  |   ) { } | ||||||
|  | // component button 
 | ||||||
|  |   ngOnInit(): void { | ||||||
|  |     if(this.cardmodeldata !== ''){ | ||||||
|  |      this.cardmodal = JSON.parse(this.cardmodeldata); | ||||||
|  |     this.dashboardArray = this.cardmodal.dashboard.slice(); | ||||||
|  |     console.log(this.dashboardArray) | ||||||
|  |     } | ||||||
|  |     this.userrole=this.userInfoService.getRoles(); | ||||||
|  |     this.getData(); | ||||||
|  |     this.entryForm = this._fb.group({ | ||||||
|  | student_name : [null], | ||||||
|  | 
 | ||||||
|  | description : [null], | ||||||
|  | 
 | ||||||
|  | active : [true], | ||||||
|  | 
 | ||||||
|  | phone_number: ['+91'], | ||||||
|  | 
 | ||||||
|  | email_field : [null], | ||||||
|  | 
 | ||||||
|  | password_field : [null], | ||||||
|  | confirmpassword_field : [null], | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  |   | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  |     }, { | ||||||
|  |         validator: Confirmedpassword_fieldValidator('password_field', 'confirmpassword_field') | ||||||
|  | 
 | ||||||
|  |   }); // component_button200
 | ||||||
|  |  // form code start
 | ||||||
|  |     this.extensionService.getJsonObjectsByFormCodeList(this.formcode).subscribe(data => { | ||||||
|  |       console.log(data); | ||||||
|  |       const jsonArray = data.map((str) => JSON.parse(str)); | ||||||
|  |       this.additionalFieldsFromBackend = jsonArray; | ||||||
|  |       this.checkFormCode = this.additionalFieldsFromBackend.some(field => field.formCode === "Test_formCode"); | ||||||
|  |       console.log(this.checkFormCode); | ||||||
|  |       console.log(this.additionalFieldsFromBackend); | ||||||
|  |       if (this.additionalFieldsFromBackend && this.additionalFieldsFromBackend.length > 0) { | ||||||
|  |         this.additionalFieldsFromBackend.forEach(field => { | ||||||
|  |           if (field.formCode === this.formcode) { | ||||||
|  |             if (!this.entryForm.contains(field.extValue)) { | ||||||
|  |               // Add the control only if it doesn't exist in the form
 | ||||||
|  |               this.entryForm.addControl(field.extValue, this._fb.control(field.fieldValue)); | ||||||
|  |             } | ||||||
|  |           } | ||||||
|  |         }); | ||||||
|  |       } | ||||||
|  |     }); | ||||||
|  |     console.log(this.entryForm.value); | ||||||
|  |     // form code end 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  |   } | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  |  error;  | ||||||
|  |   getData() { | ||||||
|  |     this.mainService.getAll().subscribe((data) => { | ||||||
|  |       console.log(data); | ||||||
|  |       this.product = data; | ||||||
|  |  if(this.product.length==0){ | ||||||
|  |         this.error="No Data Available" | ||||||
|  |      }    | ||||||
|  |     },(error) => { | ||||||
|  |       console.log(error); | ||||||
|  |       if(error){ | ||||||
|  |        this.error="Server Error"; | ||||||
|  |      } | ||||||
|  |     }); | ||||||
|  |   } | ||||||
|  |   onEdit(row) { | ||||||
|  |     this.rowSelected = row; | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  |     this.modalEdit = true; | ||||||
|  |   } | ||||||
|  |    onDelete(row) { | ||||||
|  |     this.rowSelected = row; | ||||||
|  |      this.modaldelete=true; | ||||||
|  |   } | ||||||
|  |   delete(id) | ||||||
|  |   { | ||||||
|  |     this.modaldelete = false; | ||||||
|  |     console.log("in delete  "+id); | ||||||
|  |     this.mainService.delete(id).subscribe( | ||||||
|  |       (data) => { | ||||||
|  |         console.log(data); | ||||||
|  |         this.ngOnInit(); | ||||||
|  |   if (data) {				      this.toastr.success('Deleted successfully');      } | ||||||
|  |     }); | ||||||
|  |   } | ||||||
|  |     onUpdate(id) { | ||||||
|  |     this.modalEdit = false; | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  |     //console.log("in update");
 | ||||||
|  |     console.log("id  " + id); | ||||||
|  |     console.log(this.rowSelected); | ||||||
|  |     //console.log("out update");
 | ||||||
|  |     this.mainService.update(id, this.rowSelected).subscribe( | ||||||
|  |       (data) => { | ||||||
|  |         console.log(data); | ||||||
|  |         if (data || data.status >= 200 && data.status <= 299) { | ||||||
|  |           this.toastr.success("Update Successfully"); | ||||||
|  |         } | ||||||
|  | setTimeout(() => { | ||||||
|  |       this.ngOnInit(); | ||||||
|  |     }, 500); | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  |       }, (error) => { | ||||||
|  |         console.log(error); | ||||||
|  |         if (error.status >= 200 && error.status <= 299) { | ||||||
|  |           // this.toastr.success("update Succesfully");
 | ||||||
|  |         } | ||||||
|  |         if (error.status >= 400 && error.status <= 499) { | ||||||
|  |           this.toastr.error("Not Updated"); | ||||||
|  |         } | ||||||
|  |         if (error.status >= 500 && error.status <= 599) { | ||||||
|  |           this.toastr.error("Not Updated"); | ||||||
|  |         } | ||||||
|  |       }); | ||||||
|  |     setTimeout(() => { | ||||||
|  |       this.ngOnInit(); | ||||||
|  |     }, 500); | ||||||
|  |   }  | ||||||
|  | onCreate() { | ||||||
|  |      this.modalAdd=false; | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  |   this.mainService.create(this.entryForm.value).subscribe( | ||||||
|  |     (data) => { | ||||||
|  |       console.log(data); | ||||||
|  |   if (data || data.status >= 200 && data.status <= 299) { | ||||||
|  |           this.toastr.success("Added Successfully"); | ||||||
|  |         } | ||||||
|  | setTimeout(() => { | ||||||
|  |       this.ngOnInit(); | ||||||
|  |     }, 500); | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  |       }, (error) => { | ||||||
|  |         console.log(error); | ||||||
|  |         if (error.status >= 200 && error.status <= 299) { | ||||||
|  |           // this.toastr.success("Added Succesfully");
 | ||||||
|  |         } | ||||||
|  |         if (error.status >= 400 && error.status <= 499) { | ||||||
|  |           this.toastr.error("Not Added"); | ||||||
|  |         } | ||||||
|  |         if (error.status >= 500 && error.status <= 599) { | ||||||
|  |           this.toastr.error("Not Added"); | ||||||
|  |         } | ||||||
|  |       }); | ||||||
|  |     setTimeout(() => { | ||||||
|  |       this.ngOnInit(); | ||||||
|  |     }, 500); | ||||||
|  |   } | ||||||
|  |   goToAdd(row) { | ||||||
|  | this.modalAdd = true; this.submitted = false; | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  |   } | ||||||
|  |  submitted = false; | ||||||
|  | onSubmit() { | ||||||
|  |   console.log(this.entryForm.value); | ||||||
|  |  this.submitted = true; | ||||||
|  |   if (this.entryForm.invalid) { | ||||||
|  |     return; | ||||||
|  |   }this.onCreate(); | ||||||
|  | 
 | ||||||
|  | }  | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | rsModaldescription = false;    | ||||||
|  | goToReplaceStringdescription(row){ | ||||||
|  | this.rowSelected = row;     this.rsModaldescription  =true;   } | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | isValidPhone_number(phone: string): boolean { | ||||||
|  |   const phonePattern = /^(\+[1-9][0-9]{0,2})?[1-9][0-9]{9}$/; | ||||||
|  |   return phonePattern.test(phone); | ||||||
|  | } | ||||||
|  | 
 | ||||||
|  | isValidemail_field(email: string): boolean { | ||||||
|  | 						 const emailPattern = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/; | ||||||
|  | 						    return emailPattern.test(email);   } | ||||||
|  | 
 | ||||||
|  | newpHidepassword_field: boolean = true; | ||||||
|  |  newIconpassword_field: string = "eye";  | ||||||
|  | newShapeChangerpassword_field() { | ||||||
|  | this.newpHidepassword_field = !this.newpHidepassword_field;   | ||||||
|  |  if(this.newpHidepassword_field){ | ||||||
|  | this.newIconpassword_field = 'eye'   } else {     this.newIconpassword_field = 'eye-hide'   } | ||||||
|  | }  | ||||||
|  | 
 | ||||||
|  |  newaddpHidepassword_field: boolean = true; | ||||||
|  |  newaddIconpassword_field: string = "eye"; | ||||||
|  | newaddChangerpassword_field() {   this.newaddpHidepassword_field = !this.newaddpHidepassword_field; | ||||||
|  |  if(this.newaddpHidepassword_field){     this.newaddIconpassword_field = 'eye'   } else { | ||||||
|  |   this.newaddIconpassword_field = 'eye-hide'   } } | ||||||
|  | 
 | ||||||
|  | // updateaction
 | ||||||
|  | } | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | export function Confirmedpassword_fieldValidator(controlName: string, matchingControlName: string){ | ||||||
|  |   return (formGroup: FormGroup) => { | ||||||
|  |       const control = formGroup.controls[controlName]; | ||||||
|  |       const matchingControl = formGroup.controls[matchingControlName]; | ||||||
|  |       if (matchingControl.errors && !matchingControl.errors.confirmedpassword_fieldValidator) { | ||||||
|  |           return; | ||||||
|  |       } | ||||||
|  |       if (control.value !== matchingControl.value) { | ||||||
|  |           matchingControl.setErrors({ confirmedpassword_fieldValidator: true }); | ||||||
|  |       } else { | ||||||
|  |           matchingControl.setErrors(null); | ||||||
|  |       } | ||||||
|  |   } | ||||||
|  | } | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
| @ -0,0 +1,45 @@ | |||||||
|  | import { Injectable } from '@angular/core'; | ||||||
|  | import { Observable } from "rxjs"; | ||||||
|  | import { HttpClient, HttpHeaders, HttpParams, } from "@angular/common/http"; | ||||||
|  | import { ApiRequestService } from "src/app/services/api/api-request.service"; | ||||||
|  | import { environment } from 'src/environments/environment'; | ||||||
|  | @Injectable({ | ||||||
|  |   providedIn: 'root' | ||||||
|  | }) | ||||||
|  | export class Testservice{ | ||||||
|  |   private baseURL = "Test/Test" ;  constructor( | ||||||
|  |     private http: HttpClient, | ||||||
|  |     private apiRequest: ApiRequestService, | ||||||
|  |   ) { } | ||||||
|  |   getAll(page?: number, size?: number): Observable<any> { | ||||||
|  |     return this.apiRequest.get(this.baseURL); | ||||||
|  |   } | ||||||
|  |   getById(id: number): Observable<any> { | ||||||
|  |     const _http = this.baseURL + "/" + id; | ||||||
|  |     return this.apiRequest.get(_http); | ||||||
|  |   } | ||||||
|  |   create(data: any): Observable<any> { | ||||||
|  |     return this.apiRequest.post(this.baseURL, data); | ||||||
|  |   } | ||||||
|  |   update(id: number, data: any): Observable<any> { | ||||||
|  |     const _http = this.baseURL + "/" + id; | ||||||
|  |     return this.apiRequest.put(_http, data); | ||||||
|  |   } | ||||||
|  |   delete(id: number): Observable<any> { | ||||||
|  |     const _http = this.baseURL + "/" + id; | ||||||
|  |     return this.apiRequest.delete(_http); | ||||||
|  |   } | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | // updateaction
 | ||||||
|  | } | ||||||
| @ -0,0 +1,4 @@ | |||||||
|  | export const Testcardvariable = { | ||||||
|  |     "cardButton": false, | ||||||
|  |     "cardmodeldata": `` | ||||||
|  | } | ||||||
| @ -1,3 +1,4 @@ | |||||||
|  | import { TestComponent } from './BuilderComponents/basicp1/Test/Test.component'; | ||||||
| 
 | 
 | ||||||
| import { SequencegenaratorComponent } from './fnd/sequencegenarator/sequencegenarator.component'; | import { SequencegenaratorComponent } from './fnd/sequencegenarator/sequencegenarator.component'; | ||||||
| import { Component, NgModule } from '@angular/core'; | import { Component, NgModule } from '@angular/core'; | ||||||
| @ -256,6 +257,9 @@ const routes: Routes = [ | |||||||
| 
 | 
 | ||||||
| 
 | 
 | ||||||
|       // buildercomponents
 |       // buildercomponents
 | ||||||
|  | {path:'Test',component:TestComponent}, | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
| 
 | 
 | ||||||
| 
 | 
 | ||||||
| 
 | 
 | ||||||
|  | |||||||
| @ -1,3 +1,4 @@ | |||||||
|  | import { TestComponent } from './BuilderComponents/basicp1/Test/Test.component'; | ||||||
| 
 | 
 | ||||||
| 
 | 
 | ||||||
| import { CommonModule } from '@angular/common'; | import { CommonModule } from '@angular/common'; | ||||||
| @ -129,6 +130,9 @@ import { Stepper_workflowComponent } from './BuilderComponents/stepperworkflow/S | |||||||
| 
 | 
 | ||||||
| 
 | 
 | ||||||
|     // buildercomponents
 |     // buildercomponents
 | ||||||
|  | TestComponent, | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
| 
 | 
 | ||||||
| 
 | 
 | ||||||
| 
 | 
 | ||||||
|  | |||||||
| @ -228,8 +228,9 @@ | |||||||
|   "SUB_MENU": "Sub Menu", |   "SUB_MENU": "Sub Menu", | ||||||
|   "Active": "Active", |   "Active": "Active", | ||||||
|   "Description": "Description", |   "Description": "Description", | ||||||
|   "Fileupload_Field": "Fileupload_Field", |   "Test": "Test", | ||||||
|   "Test22": "Test22", |   "Phone_Number": "Phone_Number", | ||||||
|   "Test11": "Test11", |   "Email_Field": "Email_Field", | ||||||
|   "Name": "Name" |   "Password_Field": "Password_Field", | ||||||
|  |   "student_Name": "student_Name" | ||||||
| } | } | ||||||
		Loading…
	
	
			
			x
			
			
		
	
		Reference in New Issue
	
	Block a user