Subversion Repositories qbpwcf-lib(archive)

//debug mode

window.debug=true;

//window.debug=false;

//檢查是否支援 Storage

function checkStorageSupport(){

  //支援

  if(typeof(Storage) !== undefined){

		//debug

		console.log('Web Storage supported');

		//回傳 "true"

		return true;

		}//if end

  else{

    //debug

    console.log('Sorry! No Web Storage support..');

		//回傳 "false"

		return false;

	  }//else end

  }//function checkStorageSupport end

//get img or video snapshot

function getImgAndVideoSnapshotPreview(){

  return document.querySelectorAll('div > div > span.img');

  }//function getImgAndVideoSnapshotPreview end

//get all posted ima and video

function getAllPostedImgAndVideo(){

  document.querySelectorAll('span.img._tl_article_media_viewer');

  }//funtion getAllPostefImgAndVideo

//get all posted text

function getAllpostedText(){

  document.querySelectorAll('div.article_contents > p.type_text');

  }//function getAllpostedText end

//post test & image & video 2 youtube

function post2youtube(){

  //debug

  console.log('post2youtube');

  //put video

  //put text

  //put img url

  }//function post2youtube end

//query upload img and video snapshot

function getImgAndVideoSnapshot(){

  //回傳抓去到的照片與影片截圖

  return document.querySelectorAll('div > div._drags > span.img');

  }//function getImgAndVideoSnapshot end

//post test & image & video 2 fb

function post2FB(){

  //debug

  if(window.debug) console.log('post2FB');

  //put video url

  //put text

  //put img url

  }//function post2FB end

//post test & image & video 2 pixnet

function post2pixnet(){

   //debug

  if(window.debug) console.log('post2pixnet');

  //put video url

  //put text

  //put img url

  }//function post2pixnet end

//當按下新增影片時，要做的事情。

function selectVideoEvent(){

  }//function selectVideoEvent end

//當編輯好文章內容，按下發布按鈕時要做的事情。

function post_event(){

  //取得post訊息的按鈕

  btn_post=document.getElementsByClassName('btn_post');

  //debug

  if(window.debug) console.log(btn_post);

  //當按下 post 時

  btn_post[0].addEventListener('click',function(event){

    //debug

    if(window.debug) console.log('preventDefault & stopPropagation');

    //disable default event action

    event.preventDefault();

    //disbale event propagation

    event.stopPropagation();

    //debug

    if(window.debug) console.log('clicked');

    //取得要發布的內文區段

    post_conetent_section=document.getElementsByClassName('write_post _tl_write_post');

    //debug

    if(window.debug) console.log(post_conetent_section);

    //取得發布的網頁文字內容

    post_conetent_html=post_conetent_section[0].children[1].children[0].innerHTML;

    //debug

    if(window.debug) console.log(post_conetent_html);

    //debug

    if(window.debug) console.log(localStorage.qbpwcf);

    //debug

    if(window.debug) console.log(JSON.parse(localStorage.qbpwcf));

    //從 storage 取出 qbpwcf

    qbpwcf=JSON.parse(localStorage.qbpwcf);

    //儲存發布的網頁文字內容

    qbpwcf.Extention.LineTimeline.html=post_conetent_html;

    //debug

    if(window.debug) console.log(qbpwcf.Extention.LineTimeline.html);

    //將 qbpwcf 儲存到 storage

    localStorage.qbpwcf=JSON.stringify(qbpwcf);

    //debug

    if(window.debug) console.log(localStorage.qbpwcf);

     //debug

    if(window.debug) console.log(JSON.parse(localStorage.qbpwcf));

    //取得發布的文字內容

    post_conetent_text=post_conetent_section[0].children[1].children[0].innerText;

    //debug

    if(window.debug) console.log(post_conetent_text);

    //debug

    if(window.debug) console.log(JSON.parse(localStorage.qbpwcf));

    //從 storage 取出 qbpwcf

    qbpwcf=JSON.parse(localStorage.qbpwcf);

    //儲存發布的文字內容

    qbpwcf.Extention.LineTimeline.text=post_conetent_text;

    //debug

    if(window.debug) console.log(qbpwcf.Extention.LineTimeline.text);

    //將 qbpwcf 儲存到 storage

    localStorage.qbpwcf=JSON.stringify(qbpwcf);

    //debug

    if(window.debug) console.log(localStorage.qbpwcf);

    //如果該區段有照片

    if(post_content_image_section=document.getElementsByClassName('media_grid imgtype_grid').length!==0){

      //取得圖片的區域

      post_content_image_section=document.getElementsByClassName('media_grid imgtype_grid')[0].children;

      //debug

      if(window.debug) console.log(post_content_image_section);

      //取得圖片的區域有多少張照片

      post_content_image_section_length=post_content_image_section.length

      //debug

      if(window.debug) console.log(post_content_image_section_length);

      //依照每張照片

      for(i=0;i<post_content_image_section_length;i++){

        //debug

        if(window.debug) console.log(post_content_image_section[i]);

        //debug

        if(window.debug) console.log(post_content_image_section[i].children[0].style.backgroundImage);

        //debug

        if(window.debug) console.log(post_content_image_section[i].children[0].style.backgroundImage.split('url(\"'));

        //debug

        if(window.debug) console.log(post_content_image_section[i].children[0].style.backgroundImage.split('url(\"')[1].split('\")'));

        //debug

        if(window.debug) console.log(post_content_image_section[i].children[0].style.backgroundImage.split('url(\"')[1].split('\")')[0]);

        //從 storage 取出 qbpwcf

        qbpwcf=JSON.parse(localStorage.qbpwcf);

        //儲存照片

        qbpwcf.Extention.LineTimeline.img.push(post_content_image_section[i].children[0].style.backgroundImage.split('url(\"')[1].split('\")')[0]);

        //debug

        if(window.debug) console.log(qbpwcf.Extention.LineTimeline.img);

        //將 qbpwcf 儲存到 storage

        localStorage.qbpwcf=JSON.stringify(qbpwcf);

        //debug

        if(window.debug) console.log(localStorage.qbpwcf);

        }//for end

      }//if end

    //post to youtube

    post2youtube();

    //post to fb

    post2FB();

    //post to pixnet

    post2pixnet();

    //init local storage

    initLocalStorage();

    });//addEventListen end

  }//function post_evevt end

//function show share button event

function showShareBtnEvent(){

  //debug

  if(window.debug) console.log('enter function showShareBtnEvent');

  //取得文章列表

  articles=document.querySelectorAll('article');

  //debug

  if(window.debug) console.log(articles);

  //set start point

  i=0;

  //針對每個文章

  while(i<articles.length){

    //debug

    if(window.debug) console.log(i);

    //取得index數值的內容

    index=Object.assign({},{i});

    //debug

    if(window.debug) console.log(index);

    //debug

    if(window.debug) console.log(index.i.valueOf());

    //取得index的數值

    index=index.i.valueOf();

     //debug

    if(window.debug) console.log(index);

    //debug

    if(window.debug) console.log(articles);

    //debug

    if(window.debug) console.log(articles[index]);

    //從 storage 取出 qbpwcf

    qbpwcf=JSON.parse(localStorage.qbpwcf);

    //儲存for的index

    qbpwcf.Extention.LineTimeline.forIndex=index;

    //debug

    if(window.debug) console.log(qbpwcf.Extention.LineTimeline.forIndex);

    //將 qbpwcf 儲存到 storage

    localStorage.qbpwcf=JSON.stringify(qbpwcf);

    //debug

    if(window.debug) console.log(localStorage.qbpwcf);

    //增加滑鼠移動進取後要出現後觸發事件

    articles[index].addEventListener('mouseover',function(event){

      //debug

      if(window.debug) console.log('enter mouseover event');

      //debug

      if(window.debug) console.log(event);

      //get event trigger element

      elementTrigger=event.target;

      //如果不是 article tag

      while(elementTrigger.nodeName!=='ARTICLE'){

        //取得上層元素

        elementTrigger=elementTrigger.parentElement;

        }//while end

      //從 storage 取出 qbpwcf

      qbpwcf=JSON.parse(localStorage.qbpwcf);

      //debug

      if(window.debug) console.log(qbpwcf);

      //儲存for的index

      i=qbpwcf.Extention.LineTimeline.forIndex;

      //debug

      if(window.debug) console.log(i);

      //取得index數值的內容

      index=Object.assign({},i);

      //debug

      if(window.debug) console.log(index);

      //create notify text node

      text=document.createTextNode('Click me to Post to FB & Youtube & Pixnet~ ');

      //create notify span

      notify_span=document.createElement('span');

      //put notify to span

      notify_span.appendChild(text);

      //create notify a

      notify_a=document.createElement('a');

      //create notify href

      notify_a.href="#";

      //prevent click event

      notify_a.onclick=function(e){

        e.preventDefault();

        //get content

        //debug

        if(window.debug) console.log('get post content');

        //save to localStorage

        //debug

        if(window.debug) console.log('save to localStorage');

        //scroll to top

        //debug

        if(window.debug) console.log('scroll to top');

        //click write new post

        //debug

        if(window.debug) console.log('click write new post');

        }

      //put notify_span to notify_a

      notify_a.appendChild(notify_span);

      //create ad text node

      text=document.createTextNode('Powered by QBPWCF!');

      //create ad span

      ad_span=document.createElement('span');

      //red color font

      ad_span.style.color='red';

      //put ad to span

      ad_span.appendChild(text);

      //create div node

      div=document.createElement('div');

      //將 span 內容放進 div 裡面

      div.appendChild(notify_a);

      div.appendChild(ad_span);

      //背景顏色

      div.style.backgroundColor='#CCCCFF';

      //debug

      if(window.debug) console.log(div);

      //debug

      if(window.debug) console.log(document);

			//debug

			if(window.debug) console.log(elementTrigger.firstChild.firstChild.textContent);

			if(window.debug) console.log(div.firstChild.textContent);

			if(window.debug) console.log(elementTrigger.firstChild.firstChild.textContent==div.firstChild.textContent);

      //如果沒有提示文字

      if(elementTrigger.firstChild.firstChild.textContent!==div.firstChild.textContent){

        //debug

        if(window.debug) console.log('no tool text');

        //將提示內容放到標題上方

        elementTrigger.prepend(div);

        //debug

        if(window.debug) console.log(elementTrigger.firstChild);

        }//if end

      });//articles event end

    //step +1

    i++;

    }//while end

  }//function showShareBtnEvent end

//function share button clcik event

function shareBtnClickEvent(){

	//get text

	//get img

	//get video

  }//function shareBtnClickEvent end

//init local storage

function initLocalStorage(){

  //json struc

  qbpwcf={

    Extention:{

      LineTimeline:{

          //text

          text:"",

          //html

          html:"",

          //img

          img:[],

          //video

          video:[]

          }

      }

  }

  //initil storage

  localStorage.qbpwcf=JSON.stringify(qbpwcf);

  }//function initLocationStorage end

//debug

console.log('found target url');

//on ready

setTimeout(function(){

  window.addEventListener('load', function(event){

    //debug

    console.log('All resources finished loading!');

    if(checkStorageSupport()===true){

      //init local storage

      initLocalStorage();

      //bind post event

      post_event();

      //show share button event

      showShareBtnEvent();

		  //bind click for share event

		  shareBtnClickEvent();

      }//if end

    });

  },1);