Hawksbillcat’s gists

Hawksbillcat / how to bind them?

Created August 30, 2019 09:17

	bb:number[]=[0,1,2,3,4]


	<p> {{bb[0]}} </p>
	<ion-range [(ngModel)]="bb[0]">
	<ion-icon range-left small name="sunny"></ion-icon>
	<ion-icon range-right name="sunny"></ion-icon>
	</ion-range>

	<p> {{bb[1]}} </p>

Hawksbillcat / ion select data

Created August 22, 2019 08:54


	/* HTML part

	<ion-list *ngFor="let con of option,let i of index;">
	<ion-select [(ngModel)]="con.value_id[i]">
	<ion-option *ngFor="let c of con.value_id">{{c}}</ion-option>
	</ion-select>
	</ion-list>

	/* json data

Hawksbillcat / how to generate the div block via TS

Created August 8, 2019 01:52

	<div class="QQ-all" id="QQ-all"> //this is the templet what I want
	<div class="second-connect" id="down_arrow">
	<img src="assets/imgs/wifi-connect.png" class="second-connect-item-down" id="down_arrow_img">
	</div>

	<div class="swiper-container" id="swiper-container">
	<div class="swiper-wrapper" >
	<div class="swiper-slide" style="background-image:url(assets/imgs/wap7531.png);" *ngFor="let con of RP_DEVICE;">
	<div class="swiper-text">{{con.second}}</div>
	</div>

Hawksbillcat / 3d carousel-js(type script)

Created June 27, 2019 10:18

	var slide = document.getElementsByClassName('slide'),
	rightArrow = document.getElementsByClassName('rightArrow')[0],
	leftArrow = document.getElementsByClassName('leftArrow')[0];

	leftArrow.onclick = function() {
	var temp = slide[0].getAttribute('class');

	slide[0].setAttribute('class', slide[1].getAttribute('class'));

	slide[1].setAttribute('class', slide[2].getAttribute('class'));

Hawksbillcat / 3d carousel-css

Created June 27, 2019 10:17


	.leftArrow {
	width: 30px;
	height: 30px;
	background: rgba(255, 255, 255, 0.7);
	position: absolute;
	top: calc(50% - 15px);
	left: 30px;
	border-radius: 2px;
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2), 0px 2px 4px rgba(0, 0, 0, 0.1);

Hawksbillcat / 3d carousel-html

Created June 27, 2019 10:16

	<div class="sliderDiv">
	<div class="leftArrow">◄</div>
	<div class="rightArrow">►</div>

	<div class="slide leftSlide" >
	<img src="https://lh3.google.com/u/0/d/1dVKNEmGU1HDy7KqG_4bI4LhQhuQ6yMdw=w2796-h908-iv1" title="木劍">
	</div>
	<div class="slide rightSlide" >
	<img src="https://lh3.google.com/u/0/d/1rew4Sf9A-bAhJq82U4kHI4Qqw_Z3TKUO=w2796-h908-iv1" title="單手武器">
	</div>

Hawksbillcat / post in httpclient?

Last active May 24, 2019 12:36

post in httpclient?

	let url = "http://@" + this.sRouterIP + "/config_macfilter_app.php";
	let mac:string=("1c:b0:94:ae:0e:1f").toLocaleUpperCase();
	let s_body=JSON.stringify({body:"action=app_block&interface=wifi0&mac=" + encodeURIComponent(mac)})


	let formdata = new FormData();
	formdata.append("body", s_body)

	let requestOptions: Object = {
	//headers: new HttpHeaders().set('Content-Type','application/x-www-form-urlencoded')//not works

Hawksbillcat / Join

Created May 6, 2019 01:09

Tosee

Hawksbillcat / @@

Created March 12, 2019 07:47

	async compair_phone_book(){

	let test_set=[];//先塞PROMISE給ALL用
	let setting=[];
	let a;

	return new Promise((resolve,reject)=>{
	this.get_phone_book().then(res=>{
	const b =JSON.parse(JSON.stringify(res));
	b.map(i=>{

Hawksbillcat / 你看

Created February 23, 2019 03:37

	public add_list(){ //先爬網頁上的資料
	return new Promise((resolve, reject)=>{
	this.httpclient.get("URL")
	.subscribe(res=>{
	if(res["status"]==200){
	let qq:string=JSON.parse(JSON.stringify(res))
	for(let i=0;i<qq["results"].length;i++){
	this.test_three.push({ //這邊是爬網頁上的資料再PUSH進去
	ID:qq["results"][i].ID,
	Name:qq["results"][i].Name,