jekyll-zeta 0.10.4 → 0.10.5

data/_includes/heatmap.js

@@ -1,463 +1,28 @@
-function __filldata(heatmapid,endYear,WeeKStartStr,heatMapLoadCount,_MonthStr,_showWeek,_allyearurl,dataSourceObj) {
-
-
-  function idx2Ymd(idx) {
-    let t = new Date(endStamp - (DayCount - 1 - idx) * 3600000 * 24);
-    let m = t.getMonth() + 1;
-    let d = t.getDate();
-    return `${t.getFullYear()}-${m < 10 ? "0" + m : m}-${
-      d < 10 ? "0" + d : d
-    }`;
-  }
-  
-
-
-  const WeeKStart = parseInt(WeeKStartStr)
-  const color = dataSourceObj && dataSourceObj.color;
-  var beginDate = dataSourceObj && dataSourceObj.beginDate;
-  if(beginDate && beginDate.length != 10){
-    beginDateArr = beginDate.split('-');
-    // to yyyy-mm-dd
-    if (beginDateArr.length == 3) {
-      beginDate = `${beginDateArr[0]}-${beginDateArr[1].padStart(2,'0')}-${beginDateArr[2].padStart(2,'0')}`
-      
-    }
-  }
-
-
-  var GDATA = window._G_DATA;
-  if (!GDATA) {
-    GDATA = {}
-    window._G_DATA = GDATA
-  }
-
-
-  function date2ymd(t) {
-    let m = t.getMonth() + 1;
-    let d = t.getDate();
-    return `${t.getFullYear()}-${m < 10 ? "0" + m : m}-${d < 10 ? "0" + d : d}`;
-  }
-
-  const todayYmd = date2ymd(new Date())
-  // 指定日期，可以是年2014  或者 年月 2012-12-03
-
-  var  maxDateYmd = `${endYear}-12-31`
-  if (endYear &&  endYear.length == 4) {
-     maxDateYmd = `${endYear}-12-31`  
-  }else if(endYear && endYear.length == 10) { /// 
-    maxDateYmd = endYear
-  }else if(!endYear){
-    maxDateYmd = todayYmd
-    
-  }
-  endYear = maxDateYmd.substring(0, 4)
-
-  const minYmd = `${Number(endYear) - 1}${maxDateYmd.substring(4)}`
-  
-
- 
-  
-  const dateEnd =
-    endYear && endYear.length == 4 ? new Date(maxDateYmd) : new Date();
-
-  const endStamp = dateEnd.getTime();
-  const dayEleId = Math.random().toString(16).substring(2);
-  let arr = _allyearurl.split("/");
-  arr.pop();
-  const jsonUrlBase = arr.join("/");
-
-  const nLastColumnCount = (dateEnd.getDay() -  WeeKStart + 7) % 7 + 1
-  const ColumnsCount = 53;
-  const RowCount = 7;
-  const DayCount = (ColumnsCount - 1) * RowCount + nLastColumnCount;
-
-  let queue  = window._y_queue || []
-  window._y_queue = queue;
- 
- 
-
-  function getAllYearCfg(){
-     /// 如果直接有数据，那么组装成
-  if (dataSourceObj && dataSourceObj.allYear) {
-    return Promise.resolve(dataSourceObj.allYear)
-  }
-    
-    
-    
-    if (GDATA['_allYear']) {
-      return GDATA['_allYear'];
-    }
-
-    if (window._isFetchAllYearData == 1) {
-      return new Promise(r=>{
-        queue.push(r);
-      })
-    }
-
-    
-    window._isFetchAllYearData = 1;
-    return fetch(_allyearurl)
-      .then((r) => r.json())
-      .then(d => { 
-        window._isFetchAllYearData = 0;
-        if (queue.length) {
-          queue.forEach(calback=>{calback(d)});
-          queue.length = 0;
-        }
-        GDATA['_allYear'] = d ;return d ;})
-  }
-
-  !(function fillData() {
-    let year = "" + dateEnd.getFullYear();
-    let preYear = "" + (year - 1);
-    getAllYearCfg()
-      .then((d) => {
-        let yearCfg = d;
-        let arr = [];
-        if (yearCfg[year]) {
-          arr.push(getYearData(year));
-        }
-
-        if (yearCfg[preYear]) {
-          arr.push(getYearData(preYear));
-        }
-        Promise.all(arr).then((alldata) => {
-          let combineData = {};
-          let d1 = alldata[0];
-          let d2 = alldata[1];
-
-          for (const key in d1) {
-            if (Object.prototype.hasOwnProperty.call(d1, key)) {
-              const element = d1[key];
-              let keyNew = "K1-" + key;
-              combineData[keyNew] = element;
-            }
-          }
-
-          for (const key in d2) {
-            if (Object.prototype.hasOwnProperty.call(d2, key)) {
-              const element = d2[key];
-              let keyNew = "K2-" + key;
-              combineData[keyNew] = element;
-            }
-          }
-
-          updateCell(combineData);
-        });
-      });
-
-    function getIndex(ymd) {
-      return (
-        DayCount -
-        Math.floor((endStamp - new Date(ymd).getTime()) / (24 * 3600000)) -
-        1
-      );
-    }
-
-   
-
-    function updateCell(data) {
-      if (!data) return;
-
-
-      let daysEle = document.getElementById(dayEleId);
-      let dayCells = daysEle.childNodes;
-
-      let Map = {};
-
-      for (const key in data) {
-        if (Object.prototype.hasOwnProperty.call(data, key)) {
-          const element = data[key];
-          if (Array.isArray(element)) {
-            element.forEach((e) => {
-              if (e.date ) {
-                let arr = Map[e.date];
-                if (!arr) {
-                  arr = [];
-                  Map[e.date] = arr;
-                }
-                arr.push(e);
-              }
-            });
-          }
-        }
-      }
-
-      let ymdArr = [];
-
-      for (const dateKeyYmd in Map) {
-        if (Object.prototype.hasOwnProperty.call(Map, dateKeyYmd)) {
-          ymdArr.push(dateKeyYmd);
-        }
-      }
-
-      var G_idxOfDay = DayCount - 1;
-
-      function shuffle(array) {
-        let currentIndex = array.length;
-
-        // While there remain elements to shuffle...
-        while (currentIndex != 0) {
-          // Pick a remaining element...
-          let randomIndex = Math.floor(Math.random() * currentIndex);
-          currentIndex--;
-
-          // And swap it with the current element.
-          [array[currentIndex], array[randomIndex]] = [
-            array[randomIndex],
-            array[currentIndex],
-          ];
-        }
-      }
-
-      const SEQ = new Array(DayCount);
-      let tmp = DayCount;
-      while (tmp-- > 0) {
-        SEQ[tmp] = tmp;
-      }
-
-      shuffle(SEQ);
-
-      function update1Day() {
-        if (G_idxOfDay < 0) {
-          return;
-        }
-        const idxOfDay = SEQ[G_idxOfDay--];
-        let dateKeyYmd = idx2Ymd(idxOfDay);
-        let arrPostInOneDay = Map[dateKeyYmd];
-
-        
-
-        let hideblock = false
-        if (minYmd) {
-          hideblock = dateKeyYmd < minYmd;
-        }
-
-        let isFuture = dateKeyYmd > todayYmd;
-
-        const dayCell = dayCells[idxOfDay];
-        dayCell.dataset.x = dateKeyYmd
-        if (hideblock) {
-          dayCell.classList = 'heatmap-day-cell hm-check-notyet'
-        }else if(isFuture){
-          dayCell.classList = parseInt(dateKeyYmd.substring(5, 7)) % 2 == 1 ? 'heatmap-day-cell hm-check-future-b' : 'heatmap-day-cell hm-check-future-a'
-        }
-        else if(beginDate && dateKeyYmd < beginDate && (!arrPostInOneDay || arrPostInOneDay.length == 0)){
-          const nobg =
-          parseInt(dateKeyYmd.substring(5, 7)) % 2 == 1
-            ? "hm-check-future-b"
-            : "hm-check-future-a";
-
-          dayCell.classList = `heatmap-day-cell ${nobg}`;
-        }
-        else{
-          
-           const nobg =
-          parseInt(dateKeyYmd.substring(5, 7)) % 2 == 1
-            ? "hm-check-no-b"
-            : "hm-check-no-a";
-        dayCell.classList = `heatmap-day-cell ${
-          !arrPostInOneDay
-            ? nobg
-            : arrPostInOneDay.length > 2
-            ?  ("hm-check3")
-            : arrPostInOneDay.length == 2 ?
-             ( "hm-check2") 
-            : "hm-check"
-        }`;
-
-         
-        if(arrPostInOneDay && arrPostInOneDay.length){
-          // arrPostInOneDay
-          let objWithColor = arrPostInOneDay.find(function(e){return  e.color})
-          if(objWithColor){
-            dayCell.style.backgroundColor = objWithColor.color ;//+ (arrPostInOneDay.length > 2 ? "ff" : arrPostInOneDay.length > 1 ? 'cc' : '99')
-          }else{
-            dayCell.style.backgroundColor = color + (arrPostInOneDay.length > 2 ? "ff" : arrPostInOneDay.length > 1 ? 'cc' : '99')
-          }
-          
-        }
-
-        
-
-        if (arrPostInOneDay && arrPostInOneDay.length > 0) {
-          let isDirectly = arrPostInOneDay.length == 1;
-          let tip = document.createElement("div");
-
-          if (isDirectly) {
-            let lnk = document.createElement("a");
-
-            lnk.href = arrPostInOneDay[0].url ? arrPostInOneDay[0].url : 'javascript:void(0);';
-            dayCell.appendChild(lnk);
-          }
-
-          tip.className = "hm-tip";
-          let desc = "";
-          arrPostInOneDay.forEach((element) => {
-            let lnk = document.createElement("a");
-            lnk.className = "hm-tiplink";
-            lnk.href = element.url || 'javascript:void(0);'
-            tip.appendChild(lnk);
-
-            let t = document.createElement("span");
-            t.className = "hm-date";
-            t.innerText = dateKeyYmd.substring(5);
-            lnk.appendChild(t);
-
-            let t2 = document.createElement("span");
-            t2.className = "hm-title";
-            t2.innerText = element.title;
-            lnk.appendChild(t2);
-          });
-          dayCell.appendChild(tip);
-        }
-        }
-
-        
-      }
-
-      function updateMultiDays() {
-        let day = heatMapLoadCount;
-        if (!day || day <= 0) {
-          day = 8;
-        }
-        while (day--) {
-          update1Day();
-        }
-
-        if (G_idxOfDay >= 0) {
-          requestAnimationFrame(updateMultiDays);
-        }
-      }
-      requestAnimationFrame(updateMultiDays);
-
-      return;
-    }
-
-    function getYearData(year) {
-      year = '' + year
-
-      if (dataSourceObj ) {return Promise.resolve(dataSourceObj[year])}
-      if(GDATA[year]){
-
-        return GDATA[year]
-      }
-
-      let queueFlgKey = '_singleyearFlg' + year
-      let queueArrKey = '_singleyearQueue' + year
-      if (GDATA[queueFlgKey] == 1) {
-        // console.log('put in queue',year,Math.random())
-        let arrQueue = GDATA[queueArrKey]
-        if (!arrQueue) {
-          arrQueue = []
-          GDATA[queueArrKey] = arrQueue;
-        }
-        
-        return  new Promise(r=>{
-          arrQueue.push(r);
-        });
-      }
-
-
-      GDATA[queueFlgKey] = 1;
-      // console.log('RealQuery',year,Math.random())
-      return fetch(`${jsonUrlBase}/${year}.json`)
-        .then((r) => r.json())
-        .then(d=>{
-          GDATA[queueFlgKey] = 0 ;GDATA[year] = d; 
-          let queue = GDATA[queueArrKey];
-          // console.log('queryFinish',year)
-          if(queue && queue.length){
-            queue.forEach(cb=>{
-              // console.log('queryFinishQueue',year,queue.length,Math.random());
-              cb(d);})
-            queue.length = 0;
-            GDATA[queueArrKey] = undefined
-          }
-
-          return d})
-        .catch((e) => {
-          return null;
-        });
-    }
-  })();
-  (function initMap() {
-    let Father = document.getElementById(heatmapid);
-
-    const Frag = document.createDocumentFragment();
-
-    const monthEle = document.createElement("div");
-    monthEle.className = "heatmap-month";
-    Frag.appendChild(monthEle);
-    const monthStrArr = _MonthStr.split(" ");
-
-    let nowM = dateEnd.getMonth();
-    let nowWeekIdx = nLastColumnCount - 1;
-
-    let monthEleArr = []
-    for (let i = 0; i < monthStrArr.length; i++) {
-      let m = document.createElement("span");
-      m.className = "heatmap-month-cell";
-      // m.innerHTML = `${monthStr[(i + nowM + 1) % 12]}`;
-      monthEle.appendChild(m);
-      monthEleArr.push(m)
-    }
-
-    /// reset month cell postion
-
-    
-    for (let index = 0 ,j = 0; index < ColumnsCount && j < monthStrArr.length; index++) {
-      const ymd = idx2Ymd(index  * 7)
-      const m = ymd.substring(5,7)
-      const d = ymd.substring(8,10)
-      
-      if (d <= '07') {
-        let ele = monthEleArr[j ++]
-        console.log(ymd,m,d)
-        ele.innerText =  monthStrArr[Number(m) - 1]
-        ele.style.gridColumnStart = index  + 1
-        ele.style.gridColumnEnd = 'span 4'
-  
-      }
-    }
-
-
-
-
-    const weekEle = document.createElement("div");
-    weekEle.className = "heatmap-week";
-    const WeekStr = _showWeek.split(" ");
-
-    for (let i = 0; i < WeekStr.length; i++) {
-      const idx = (i + WeeKStart) % 7
-      let m = document.createElement("div");
-      m.className = "heatmap-week-cell";
-      m.innerHTML = i % 2  ?  `<span>${WeekStr[idx]}</span>` : ''
-      weekEle.appendChild(m);
-    }
-
-    Frag.appendChild(weekEle);
-
-    const dayEle = document.createElement("div");
-
-    dayEle.className = "heatmap-day";
-    dayEle.id = dayEleId;
-
-    // console.log(nowWeekIdx, firstDateDayDiff);
-
-    for (let c = 0; c < ColumnsCount; c++) {
-      for (let r = 0; r < RowCount; r++) {
-        if (r > nowWeekIdx && c == ColumnsCount - 1) {
-          break;
-        }
-
-        let m = document.createElement("span");
-        m.classList = `heatmap-day-cell hm-check-nodata`;
-        dayEle.appendChild(m);
-      }
-    }
-
-    Frag.appendChild(dayEle);
-    Father.append(Frag);
-  })();
-};
+function __filldata(e,t,n,a,l,r,c,s){function o(e){let t=new Date(y-36e5*($-1-e)*24),n=t.getMonth()+1,a=t.getDate();return`${t.getFullYear()}-${n<10?"0"+n:n}-${a<10?"0"+a:a}`}
+const i=parseInt(n),h=s&&s.color;var m=s&&s.beginDate;m&&10!=m.length&&(beginDateArr=m.split("-"),
+3==beginDateArr.length&&(m=`${beginDateArr[0]}-${beginDateArr[1].padStart(2,"0")}-${beginDateArr[2].padStart(2,"0")}`));var d=window._G_DATA;d||(d={},window._G_DATA=d);const u=function(e){
+let t=e.getMonth()+1,n=e.getDate();return`${e.getFullYear()}-${t<10?"0"+t:t}-${n<10?"0"+n:n}`}(new Date);var p=`${t}-12-31`;t&&4==t.length?p=`${t}-12-31`:t&&10==t.length?p=t:t||(p=u),
+t=p.substring(0,4);const f=`${Number(t)-1}${p.substring(4)}`,g=t&&4==t.length?new Date(p):new Date,y=g.getTime(),w=Math.random().toString(16).substring(2);let b=c.split("/");b.pop()
+;const D=b.join("/"),E=(g.getDay()-i+7)%7+1,$=364+E;let _=window._y_queue||[];window._y_queue=_,function(){let e=""+g.getFullYear(),t=""+(e-1);function n(e){if(e=""+e,s)return Promise.resolve(s[e])
+;if(d[e])return d[e];let t="_singleyearFlg"+e,n="_singleyearQueue"+e;if(1==d[t]){let e=d[n];return e||(e=[],d[n]=e),new Promise((t=>{e.push(t)}))}return d[t]=1,
+fetch(`${D}/${e}.json`).then((e=>e.json())).then((a=>{d[t]=0,d[e]=a;let l=d[n];return l&&l.length&&(l.forEach((e=>{e(a)})),l.length=0,d[n]=void 0),a})).catch((e=>null))}
+(s&&s.allYear?Promise.resolve(s.allYear):d._allYear?d._allYear:1==window._isFetchAllYearData?new Promise((e=>{_.push(e)})):(window._isFetchAllYearData=1,
+fetch(c).then((e=>e.json())).then((e=>(window._isFetchAllYearData=0,_.length&&(_.forEach((t=>{t(e)})),_.length=0),d._allYear=e,e))))).then((l=>{let r=l,c=[];r[e]&&c.push(n(e)),r[t]&&c.push(n(t)),
+Promise.all(c).then((e=>{let t={},n=e[0],l=e[1];for(const e in n)if(Object.prototype.hasOwnProperty.call(n,e)){const a=n[e];t["K1-"+e]=a}for(const e in l)if(Object.prototype.hasOwnProperty.call(l,e)){
+const n=l[e];t["K2-"+e]=n}!function(e){if(!e)return;let t=document.getElementById(w).childNodes,n={};for(const t in e)if(Object.prototype.hasOwnProperty.call(e,t)){const a=e[t]
+;Array.isArray(a)&&a.forEach((e=>{if(e.date){let t=n[e.date];t||(t=[],n[e.date]=t),t.push(e)}}))}let l=[];for(const e in n)Object.prototype.hasOwnProperty.call(n,e)&&l.push(e);var r=$-1;function c(e){
+let t=e.length;for(;0!=t;){let n=Math.floor(Math.random()*t);t--,[e[t],e[n]]=[e[n],e[t]]}}const s=new Array($);let i=$;for(;i-- >0;)s[i]=i;function d(){if(r<0)return;const e=s[r--]
+;let a=o(e),l=n[a],c=!1;f&&(c=a<f);let i=a>u;const d=t[e]
+;if(d.dataset.x=a,c)d.classList="heatmap-day-cell hm-check-notyet";else if(i)d.classList=parseInt(a.substring(5,7))%2==1?"heatmap-day-cell hm-check-future-b":"heatmap-day-cell hm-check-future-a";else if(m&&a<m&&(!l||0==l.length)){
+const e=parseInt(a.substring(5,7))%2==1?"hm-check-future-b":"hm-check-future-a";d.classList=`heatmap-day-cell ${e}`}else{const e=parseInt(a.substring(5,7))%2==1?"hm-check-no-b":"hm-check-no-a"
+;if(d.classList=`heatmap-day-cell ${l?l.length>2?"hm-check3":2==l.length?"hm-check2":"hm-check":e}`,l&&l.length){let e=l.find((function(e){return e.color}))
+;d.style.backgroundColor=e?e.color:h+(l.length>2?"ff":l.length>1?"cc":"99")}if(l&&l.length>0){let e=1==l.length,t=document.createElement("div");if(e){let e=document.createElement("a")
+;e.href=l[0].url?l[0].url:"javascript:void(0);",d.appendChild(e)}t.className="hm-tip";l.forEach((e=>{let n=document.createElement("a");n.className="hm-tiplink",n.href=e.url||"javascript:void(0);",
+t.appendChild(n);let l=document.createElement("span");l.className="hm-date",l.innerText=a.substring(5),n.appendChild(l);let r=document.createElement("span");r.className="hm-title",r.innerText=e.title,
+n.appendChild(r)})),d.appendChild(t)}}}function p(){let e=a;for((!e||e<=0)&&(e=8);e--;)d();r>=0&&requestAnimationFrame(p)}c(s),requestAnimationFrame(p)}(t)}))}))}(),function(){
+let t=document.getElementById(e);const n=document.createDocumentFragment(),a=document.createElement("div");a.className="heatmap-month",n.appendChild(a);const c=l.split(" ");g.getMonth();let s=E-1,h=[]
+;for(let e=0;e<c.length;e++){let e=document.createElement("span");e.className="heatmap-month-cell",a.appendChild(e),h.push(e)}for(let e=0,t=0;e<53&&t<c.length;e++){
+const n=o(7*e),a=n.substring(5,7),l=n.substring(8,10);if(l<="07"){let n=h[t++];n.innerText=c[Number(a)-1],n.style.gridColumnStart=e+1,n.style.gridColumnEnd="span 4"}}
+const m=document.createElement("div");m.className="heatmap-week";const d=r.split(" ");for(let e=0;e<d.length;e++){const t=(e+i)%7;let n=document.createElement("div");n.className="heatmap-week-cell",
+n.innerHTML=e%2?`<span>${d[t]}</span>`:"",m.appendChild(n)}n.appendChild(m);const u=document.createElement("div");u.className="heatmap-day",u.id=w
+;for(let e=0;e<53;e++)for(let t=0;t<7&&!(t>s&&52==e);t++){let e=document.createElement("span");e.classList="heatmap-day-cell hm-check-nodata",u.appendChild(e)}n.appendChild(u),t.append(n)}()}