hiepxanh hiepxanh

Two way iframe communication

The main difference between the two pages is the method of sending messages. Recieving messages is the same in both.

Parent

Send messages to iframe using iframeEl.contentWindow.postMessage Recieve messages using window.addEventListener('message')

iframe

Safari iframe cookie workaround

Safari by default discards cookies set in an iframe unless the host that's serving the iframe has set a cookie before, outside the iframe. Safari is the only browser that does this.

The 10k foot view

In order to get around the issue, the parent (src) and child/iframed/remote (dest) site have to work together, if the source site only wants users to access the destination via the iframe and can't assume that the user has visited the destination host before.

Bucket Policy

Bucket policy is an access policy available for you to grant anonymous permissions to your Minio resources. Bucket policy uses JSON-based access policy language.

This section presents a few examples of typical use cases for bucket policies. The policies use testbucket strings in the resource value. To test these policies, you need to replace these strings with your bucket name. For more information please read Amazon S3 access policy language

Granting Read-Only Permission to an Anonymous User

The following example policy grants the s3:GetObject permission to any public anonymous users. This permission allows anyone to read the object data under testbucket, which is useful for when you have publicly readable assets. A typical example is a website assets stored in testbucket.

General Steps to be followed as a flow process to complete Firebase Phone OTP Auth in Ionic V3

Step 1 : Get the phone number through input from the user. Step 2 : Pass this phone number to the firebase and receive a callback with verification ID. Step 3 : Pass on this verification ID through navParams to the next page where the user will enter the OTP sent to the entered mobile number. Step 4 : Verify the OTP that is sent with firebase for success() or failure() .

STEP 1 & 2 & 3

phone-verification.html

	<!DOCTYPE html>
	<html>
	<head>
	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
	<title>WebKit contentEditable focus bug workaround</title>
	<script type='text/javascript' src='http://code.jquery.com/jquery-1.6.2.js'></script>
	<script type='text/javascript'>
	//<![CDATA[

	$(function(){

	.box {
	padding: 5px;
	background: red;
	margin: 10px;
	position:relative;
	z-index: 3;
	}
	.drag-target {
	background: blue;
	z-index: 1;

	nssm install SeleniumHub java -jar C:\Selenium\selenium-server-standalone-2.48.2.jar -role hub
	nssm start SeleniumHub

	nssm install SeleniumNode1 java -jar C:\Selenium\selenium-server-standalone-2.48.2.jar -role node -hub http://localhost:4444/grid/register -Dwebdriver.chrome.driver=C:\Selenium\chromedriver.exe
	nssm set SeleniumNode1 DependOnService SeleniumHub
	nssm start SeleniumNode1

	nssm install SeleniumNode2 java -jar C:\Selenium\selenium-server-standalone-2.48.2.jar -role node -hub http://localhost:4444/grid/register -Dwebdriver.chrome.driver=C:\Selenium\chromedriver.exe
	nssm set SeleniumNode2 DependOnService SeleniumHub
	nssm start SeleniumNode2

	import { ElementRef, Directive, HostListener, Renderer } from 'angular2/core';
	import { Subject } from 'rxjs';

	@Directive({
	selector: '[draggable]'
	})
	export class Draggable {
	mousedrag;
	mouseup = new Subject();
	mousedown = new Subject();

	var path = require('path');
	var useDefaultConfig = require('@ionic/app-scripts/config/webpack.config.js');

	var procEnv = process.env.IONIC_ENV;

	module.exports = function () {
	useDefaultConfig[procEnv].resolve.alias = {
	"@app/env": path.resolve('./src/environments/environment' + (process.env.IONIC_ENV === 'prod' ? '' : '.' + process.env.IONIC_ENV) + '.ts')
	};

	{
	"banksnapas": [
	{
	"en_name": "An Binh Commercial Joint stock Bank",
	"vn_name": "Ngân hàng An Bình",
	"bankId": "970425",
	"atmBin": "970425",
	"cardLength": 16,
	"shortName": "ABBank",
	"bankCode": "323",