From 5ac6494aa2f1c49d0ce9b1cda988c9a31ed85bfb Mon Sep 17 00:00:00 2001 From: Kyparn <93533136+Kyparn@users.noreply.github.com> Date: Fri, 25 Feb 2022 11:46:41 +0100 Subject: [PATCH 01/13] update --- code/chart.js | 36 ++++++++++++++++++ code/index.html | 57 ++++++++++++++++++---------- code/script.js | 99 +++++++++++++++++++++++++++++++++++++++++++++++++ code/style.css | 83 ++++++++++++++++++++++++++++++++++++++++- 4 files changed, 254 insertions(+), 21 deletions(-) diff --git a/code/chart.js b/code/chart.js index 92e85a30..4b0decb4 100644 --- a/code/chart.js +++ b/code/chart.js @@ -2,3 +2,39 @@ const ctx = document.getElementById('chart').getContext('2d') //"Draw" the chart here 👇 +const myChart = new Chart(ctx, { + type: 'line', + data: { + labels: ['Red', 'Blue', 'Yellow', 'Green', 'Purple', 'Orange'], + datasets: [ + { + label: '# of Votes', + data: [12, 19, 3, 5, 2, 3], + backgroundColor: [ + 'rgba(255, 99, 132, 0.2)', + 'rgba(54, 162, 235, 0.2)', + 'rgba(255, 206, 86, 0.2)', + 'rgba(75, 192, 192, 0.2)', + 'rgba(153, 102, 255, 0.2)', + 'rgba(255, 159, 64, 0.2)', + ], + borderColor: [ + 'rgba(255, 99, 132, 1)', + 'rgba(54, 162, 235, 1)', + 'rgba(255, 206, 86, 1)', + 'rgba(75, 192, 192, 1)', + 'rgba(153, 102, 255, 1)', + 'rgba(255, 159, 64, 1)', + ], + borderWidth: 1, + }, + ], + }, + options: { + scales: { + y: { + beginAtZero: true, + }, + }, + }, +}) diff --git a/code/index.html b/code/index.html index 2fb5e0ae..2bdaeccd 100644 --- a/code/index.html +++ b/code/index.html @@ -1,21 +1,40 @@ - - - - - Project GitHub Tracker - - - -

GitHub Tracker

-

Projects:

-
- - - - - - - - \ No newline at end of file + + + + + Project GitHub Tracker + + + + + + + +
+

+ GitHub Tracker + logo +

+
+
+
+ +
+ +
+ + + + + + diff --git a/code/script.js b/code/script.js index e69de29b..94440e55 100644 --- a/code/script.js +++ b/code/script.js @@ -0,0 +1,99 @@ +// GITHUB API +const username = 'Kyparn' +const API_USER = `https://api.github.com/users/${username}` +const API_REPO = `https://api.github.com/users/${username}/repos` +let reponame = '' +const personData = document.getElementById('personData') + +const apiToken = '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' + +const api_Token = apiToken || process.API_KEY +console.log(apiToken) + +const options = { + method: 'GET', + headers: { + Authorization: `${apiToken}`, + }, +} + +//USER INFO + +const getUserData = () => { + fetch(API_USER) + .then((res) => res.json()) + .then((user) => { + console.log(user) + personData.innerHTML = ` +
+ +

${user.name}

+

${user.location}

+

+

+
` + }) +} +// ALL OF MY REPOS + +const getRepos = () => { + fetch(API_REPO, options) + .then((res) => res.json()) + .then((data) => { + console.log(data) + + // Filtering in out my forkd repo + const filtered = data.filter( + (repo) => repo.fork && repo.name.startsWith('project-'), + ) + console.log(filtered) + filtered.forEach((repo) => { + const pushedDate = new Date(repo.pushed_at).toLocaleDateString( + 'en-se', + { + hour: '2-digit', + minute: '2-digit', + weekday: 'long', + year: 'numeric', + month: 'long', + day: 'numeric', + }, + ) + + projects.innerHTML += ` +
+

Latest push ${pushedDate}

+

${repo.name}

+

${repo.default_branch}

+

Repository ${repo.name}

+
` + + const getPullRequests = (repos) => { + //Get all the PRs for each project. + repos.forEach((repo) => { + fetch( + 'https://api.github.com/repos/technigo/' + + repo.name + + '/pulls?per_page=200', + options, + ) + .then((res) => res.json()) + .then((data) => { + console.log(data) + //TODO + //1. Find only the PR that you made by comparing pull.user.login + // with repo.owner.login + //2. Now you're able to get the commits for each repo by using + // the commits_url as an argument to call another function + //3. You can also get the comments for each PR by calling + // another function with the review_comments_url as argument + }) + }) + } + getPullRequests(filtered) + }) + }) +} + +getUserData() +getRepos() diff --git a/code/style.css b/code/style.css index 7c8ad447..4d449cec 100644 --- a/code/style.css +++ b/code/style.css @@ -1,3 +1,82 @@ +* { + padding: 0; + margin: 0; +} + body { - background: #FFECE9; -} \ No newline at end of file + animation: 10000ms ease-in-out infinite color-change; + font-family: 'Roboto', sans-serif; + display: flex; + flex-direction: column; + min-height: 100vh; +} +header { + padding: 50px; + text-align: center; + justify-content: center; +} + +footer { + background: linear-gradient(150deg, #191b1b, #736bc7, #3a09b5) fixed; + text-align: center; + padding: 50px; +} +.info { + text-align: center; +} +.img { + margin: 20px; + border-radius: 20px; + width: 200px; +} +.personData { + justify-items: center; + display: grid; +} +.repoInfo { + background: linear-gradient(150deg, #191b1b, #736bc7, #3a09b5) fixed; + padding: 20px; + border-radius: 20px; + border: 1px black solid; + margin: 20px; + justify-items: center; + display: grid; +} +.cardInfo { + text-transform: uppercase; + font-size: 20px; +} +.chart { + width: 200px; +} +@keyframes color-change { + 0% { + background-color: rgb(5, 23, 82); + } + 20% { + background-color: rgb(65, 32, 153); + } + 40% { + background-color: rgb(142, 120, 240); + } + 60% { + background-color: rgb(176, 151, 235); + } + 80% { + background-color: rgb(149, 157, 233); + } + 100% { + background-color: rgb(172, 169, 232); + } +} +@media only screen and (min-width: 768px) { + .repoInfo { + justify-items: center; + display: grid; + } +} +.personData { + justify-items: center; + display: grid; + grid-template-columns: repeat(2, 1fr); +} From 68c761bbfd9dbf5e7010fd473ebd58e56d537230 Mon Sep 17 00:00:00 2001 From: Kyparn <93533136+Kyparn@users.noreply.github.com> Date: Sun, 27 Feb 2022 09:00:07 +0100 Subject: [PATCH 02/13] commits problem --- code/chart.js | 2 +- code/github.png | Bin 0 -> 21580 bytes code/index.html | 1 - code/script.js | 78 ++++++++++++++++++++++++------------------------ code/style.css | 1 - 5 files changed, 40 insertions(+), 42 deletions(-) create mode 100644 code/github.png diff --git a/code/chart.js b/code/chart.js index 4b0decb4..188ccb41 100644 --- a/code/chart.js +++ b/code/chart.js @@ -2,7 +2,7 @@ const ctx = document.getElementById('chart').getContext('2d') //"Draw" the chart here 👇 -const myChart = new Chart(ctx, { +const drawChart = new Chart(ctx, { type: 'line', data: { labels: ['Red', 'Blue', 'Yellow', 'Green', 'Purple', 'Orange'], diff --git a/code/github.png b/code/github.png new file mode 100644 index 0000000000000000000000000000000000000000..1f67c1d0831eca50dda99200a039ad7b63991f30 GIT binary patch literal 21580 zcmeFZ`9IWM+&}&vii(s}rkIpnS+no1Y>hn?*_CkF#x_yb=~9+3GGt%ESRz!iXDM4{ z%Sf_}oiSk~yD{c_ru)ACi0|X^sULWl^FHUi_UCJPPmGy~{_$hyk3kT09C=;G9D>p*nI|Cde0Nf2}qLhAf;>tWV1@zDocRy#Uq(n{H9?vrP1TO6!T>%4tgBK|JsV(iQ0@^_*& zT4kpV+}!dc@`M$uoZT|okE^n$IPzT>4xWvWC~!rtS_Yte;AsS9d*k6x`?k z{ri6$`2PV1Fr4oeA*l6jW@e^pn7g}scB2UH77x1xHE($5gN04GcDUE0=7oR*-)+H> z&@l&*h>s}b)vA!^f{MhgVOm(Ye&ukZ^Blbkg7lujAZWJuho{0Yl|cC7QiF1==^Gz5 zD9xmfj(cV!mjug)KGGXZ2o(Wzm{kt-)u?G|yKE1CJVAvwWeSFl^+^fyxHeMT1hdN{NWYvyJX1$HB<*nQEZp9!o6TZk z30NkKZwCZn_)>fNd)1{CRmbpEg4seEMgzW|McP%q8k~%OF<=ZYZ4wTZP;8V&;!IJK&9tb2f1r~wV6C5m_k`Nu(&mN4 z>!doWRP@cD(gl{(W=Dzx{Ce(6Kx1%z1oZMcAn?VTFxuV&S{U8ekNzkr%)(r~;i%KJ zOKNl4^<2yHEoCeRRKmmpVF;sdP{h5$SFikyRU9ZMu#}HFb=Cy^q>oc=Y^njaTnJ{U zpcR75F8llY_ga?+fs z9kG)j7gVd!sa{PJ+xbq=)E#LEGQuC{QQ%d)W2-jYn}@U$ zA3w|OaFMKhwb2xP!bi2{>v9CLd~56J)2BQI;N(7Va@>{fcgwCEp<{F%WOsf9rcGL! z+)X*aTGUdHB58{kp`BdDZU#;Ex#j8EtAtpiAT6-hd!xPP#+G3Bk#~V8V#5Ph^a*G@ z5(YVnzs}8UwA4g~5%I1D8SxZYG#{Dcd5_Sl%E85HhPp-PZbu}!H`}Tdp8A+N|+2HPTeBt5+Xy_AQdYX8* zg+b8c`W7Psu^<>D^9{G5D9g%W>oaStxbh4OGdm6>EfBb<-*}K}Sc#M4BQnS3AzZdn z3O`PjH`%YIEW)ArPGBEb0bAAYy14&(fwRBtW`{l@4cq#>ES1Wq^t;O@V08k4V1Ahe z$d5#|MIP_kJi+@gy~ke2O|pSCO-og%X{D7wunAZheQ*=aj`0IGhiAm|C`wMY1g_Fk zMy?1I4ybD#U4Bl@6&xJ&wz+fXCpXxS7wm@}DKgGXA^LSoNWE2~KS zj()!vj!(Vu{P||O?qFud8@YEJc_lv>+OG}08a#Hf-(h$qU|XjPf` z8;+htFi&mOzwgCQq8_O5DeX)$wXQfpP@Q(Xo>LWRH#dEwZt*M>wPJ|c`V-I?>Wn^u zS!;)&-(0^o_dM@y6$>|MnV%vuPesp5HhDZJRsPxxs%4xa1y0c{N-s+2E^J9b*MdE| zJU`-7QLAVTP6U%<2vFARIN%d(HQ*oYC?wrl2!3^&t@zKrkWJw7&$HP~7wsifAgvF2 z85(2j`$@R4%MFKHkE9Vjo(uNpW@i(DR3_*rxsNix=;VZ6e&Qew(ktf<)(0e@W9zG5 z9DnCOMW|N9aKKJR2tZo$Rt5IqIgRuJ{2p6#dpqBIdSYvURmrLxYW-IR!r(lL$RqU| zFkgpoAO>2?tupn-A$OVw`WR+l`t-$@AKc^RXw0bx7K8?%*j%liFUE8I_m`JPlN3?= z=Cxx89T6B@1Hen6x38>K2c*0O`p6||JSc0tSAtvu{7AOfNB-Hc zDBGN0JPGM1G(s@0*EcHZDe0lD_#q&c%XbUMbLAWFbmhc_vFWHN^SXdQTp- zEuMy=5@3)Kkc)}pc6ds%UMz;;jt}}%$tg+7wmwNSQ z|B6+LIzt-M)BKK(Omc(``t=4a!Y!X;(0GnmQqI*zzrvM~#%%}SRL7NBAnA!B9;+=A zWaY`?WfMQg@%Aw0tb^1bw>*p_e$R5$7^d1b=r;83p_+7NdHq|Y|0*O zJ%BR)$RFH07Z^?Fw>(u^h&6!*v};NSu)fe@Z}VO2?KaE zeSULq{r*-Mau7&L`kFkF)K_t5txcV}@#ISbu>Io&psA_$ zXNWM!X>R(8aD9+|g{)Yh3OSCajhyT1@8e)R{Q@}IW8i7n zyCB+-%hu>32LyLYSoq}l63z}ewl55Byto>C6U_=4VY)78sy4m>mfT&SjkyXupg^+o z2%BJ&@%RcW#1Vzu+kH`0H96K8xC#Ov=G~0;QE7glN5pZu3A-1hWDfjeGVqUg(MQbm zz}|=6iK}*vYf8GQ0B#F^FE_x6ytgiw0{3-p0}+TpY+Yuk3E>%VjA=fKLX-sS#ekM` z2&Uwt%n&?(6DR_Ui$fwh1kDB|w_~kya;wXSsrF#^vtak@z;PlUwb12}z2JG#^d;i* z>wrcgaCcuX0=xg}IQwg;Y(0!F3%Cu%eNykC&GIOsY%hTAVa$+Hz)h;Fi-x$HKl%ui z{IhLqGH8j~;mSRg<{Nx%3f?=swEBGH(EtK6gJrr}R;c}tm^fg<=fJZpRw=X^yrpg+ zr1dmQ9hfr~D2d%!1e4KaNhTI7AtWPbl|XG@KLR~d@Tn@U8CwZ|1|H?)v&9rVcOEI| zrB&fvfI`2_->M%e00_5m;8H6dI1~Mn5zm~oZ7N+%446LV*_e4|PT1!fudx7~C@AU4 z74l<&Z=MR44_oMBYtwvC=f}>EGc)=^#=4A8V=<2f-ptg^P6&|Sf{SCcdngKxe)E15 z_CvfHERatc5Va7_o(rhY&QaIiiaWlWzR08}`z8a0gh};lUtsn!_Y^hQNX3|pRj5=aF?YP zEMl+6P}{g0h_MM7_N5?yP_6(a66PzLSc#D0}b%Unbb}*1po)05|8haKMgGvpZ6fA(U=+ zpTalM@_yqLXHGE%ry)#M)Y~AL{x@Qc`*4#`AT&Q9)2cMZqcjCPVY4N{KVLQ9syyJ= z*2-9m&G*^f{{CE$`bcF^{RP$Elyn_t68}P5$4%rKnT7}5y?fVz^F&4w*)0aG%b6g* zaPV@7ynh#cNSXrOzO1YLsaKbD`Cvh91i_kL zZNkjwz^G?=LjES-o?$>O5i2tQh+IG4A3KM0 z$BjTON2fn~;%9$O^UaTV=!4+QpL>kLg2ZR*VeU z#rqirE|5F$Fbv2uByVu{e%YY1z?XH_?&X5>AG4of3f>TV?VEqDx~`azgq-%K9dIm? zp$aPZjM8v(O;#!8aU8IGX|UPC!C7P$TTpbS-D#qa(%GP~QgL{|D2dUfiFY$`R_g7RFuHUyx$)EnJV zn~=r^E@=(Gp^_}Uf*Y1O4iX@1arR6LEf_*+3aZTB0f8UxAD*-$0gLM_zZ$&sePbi@ ze?aHLzrDreTHA(jbXT1;`PoW#pSF+$Kw7#pHqb3BX?Lk3icTkc48XcdfwAQQy#x5m zjPPUeLUN}TfeNUt8C|h7{Sy_A{BufeIOwW zpb6}nv*&o7@9se;wONQfF(5H3oSvcbh@nr5*t2( zuvEl+!Cc$?vKY^eE>WU5d9z9+%je^RVY|SKDlWIqyNwd=AJAR#Mtg-oBCG|f7=EB} zM}bb`x}H>ad=^{|YFDTa!KA zab>DfQ?t6Yt9huP{Qb|qwXvx~?>Q_r&Z)^E7UhCb3wfS zYMnC)Qnqb{?VEF9&oYT)_?vFwX#D|zRr`^9Jn6^RH;QfS8f*!-uQpl}Zby8a z`UR2`>Gm$sruzDNmvRf$+kdNNJti-xuW(qNnYM9HmzK9p#IWMaTV;g!Ae!4%Y83D| z)pxqrsa{K)&DCm29hc%BO)Cz&@^CTBV@; z>YR6DM`309#)J7?=Px}yg=}nWNx@i?qjH(O^`Hug25?0Z$4Hr0dA_clNB(`%w(DR`5dp~Ggjp>8*9ydaH$pBar ziMf14nXR5Mc(ycZ=jENtea{=2DTUPOmORrXbea|xD6VD(Ovl8)?Th? zX3UK7ymCLS?LJ{W)8Bs^OMxO|U>L&BH+S27aXUo|N4}rsuCF^@@-htfdt5W5S`Aru z7ApJ%c*UNQVlVEd(cpyRozjNPkb{GRYTF4tvLq5|l?$B422L}p9CjtrY710_dtMGN zt;Ap)rZ=^Zem91P1mEs*0`cpEY@I9Nog~ld4Myiy|CC< z0{Z$N3=>leDqdW+Gh=jtF4J-5p-zw1#8>mxqaFnUn7fXU5YZ~9~R zS^25!^|_fvWLkkN#;F5p)lqdDDwU@klrCap?swLPYgMnE_nGU#Yer)s>=|Z=%gcA< zokP<5%MDKa_3JBqW?mmycn>G#eE(NYK|c`cV%(vcaR)(K5W4G-4JQJ+_}zB^#&!8d z4&4QP$VVIwrQHEc=ubjlV=Rz#yR5>bwWi=T`re3u27d|e+^hBgvVrttVHl*mGes%^ zn}+7Gtjvi=0lv_v+m&&sG@rrUjg89xT@@pjTSU4(3Ma~tQ*cjU&@HnZ5@2#-V~Y1Ay2z2=~@e$=jOk<0915C-B9Wpw*ZTZZ`k|Vy+`xzicEtPVPXm%ce z+;__xjQyn{X_+6dt*Q(t{V^0#E{#Lb(0#S-sBT)}z|q!3AisO!x#`nUEs;I=U|oh{ zuaEOxPU=%<$P74w>3d*B9hEJg$Dky~+3Gw3_EL#a1oI~RTEyb4nw4bNUoRe+@&ROU zE-Y8&3XcESJQi**8%Q&he0XjT8t;(MVMjzTjrO5E^Z+3L| zj1c+m0H@HFp;gLS*weRNQ0tCt@D22}FXiq(mWqLf!<%;N>shaZ!nEjHF7f{Ucq~LY z#tb=?D=ThaM209K-i|NJ3>=5_5=cRpcACz|sk16$--*$^L@~R4OEGlT2dcZG3>4pkWEF-d4!p+u)5P=k#TpvD#YH;C`hNb*A8@y zefwAL!YKr7`~ov%J8kQ4FKUSG*?7pVEL* zEQcw~j3 zny-49v0EfqCl&GWX2&#vpO`hbdlM8NB|!D+*#HG?f0-N$p8n{j1=nVW;?AV* zGUs;dadk_UobJ`Ru_jR1X&@peY5C1VzG?5_lu6^FqMZS$m!BAjpSWyUpnCaZHVpIj z6V&?CXS+*R@m4#|y_zHr5MV5*FP9NfEo1l-z=X36PuMjEtQ-Y~h4K?L}FfMjSH zKwdY{teCX{RPFXjY9GKLc3>xAZR4Oq{6A=Yv2@ydJb95F1H=3)pRTT; zk`JKc(99BG44}npweW}NYcch>xnb~>QI17fbq8@0=%~4?J}bly>8Q%8ylj`8 zsmX<~7LrXj2nUPUQ!}S8K5>FBp4W%;1bxHpK(zicv=U&0J5XpSc=9f&DXf3-$Sn}n z?-JyiqVRGJ1$asO#Q-UWb&rfM_s(Fov@K<47ZtC`KqrN#)jlWsRw)A5kQM@X!HU!1 zB;L5j4n4UCT?Ci{=6s*94a!`uz%G+@a_G9~Ya>dl;YUCUjgQi0O};@nP(VHcvhn+O zGl(us{+bz(I%ql_g!2T@&-6d zKG;o39FSOxQYcX zT!Yb_602eZQf^<*f?=e=wS6cU>0`s79AgL=ntUrKTu>$NRu6?c8}kcL^aOe08A>$o z#PvUmN1*xlA@g6^goq$0@QYO1HEulteB)wVfFs8 z)6;L$)6;L}3z!+RL#I&&AT8AscKlOheUp>{}Xpr}I%I`JYsRHXr?_2B!s6d>$)6_;X# zeUpj`^H3Y4m3KbAvq?}QmLi&DyLS)J@$2W0m9ViwA_(|zy^KY;62sAWviks;KGKXZ#iunZ4 zr|4{Pf7HsA0T^_dyae2ci}SOotV_t~?kIG{dO zlW`oPG1Z`r-KDSp(i#ql8kJkjN|U71*B00=5(4v?zupT93erY1mp+AI_=)N&FYi~x zaX@Bvr~ogtw%Z0Z_j1Y@xaSY^tmq8B*;Y?WF-reTXs&liCjqJqF z=KsB7-1yA1GrT`|-;v2~6KL3zrFCmLHHz%O(Gm_8NDt-a7Qw`}K_xXL4X z2t1Rz&LV?$>0FtCo*3fpKLU0u0I=idbNWzZAJG!PU@aW!!`b68{)eE$_aMi)Q?h*? zyjQ!|hrqR;uR9--P6W}r9#*Tsqml})dlEa$?|2o!EWe{IC?&9QrXLFx%icK%Tx1Q%`=*M7|4#gm&DJ$}Wp zlfcI`^kf%2Z>ttjfq>?hXQavZ#JV>n45`NbUgAn&kutP;G)6i*pvc>$v)+-;e@lZ zgfO$d^f5Fv{IJDt^@;PZs@?njN#WE22=6S=P}1*FSu}GMFwVacYs(gZ3Vd4t|IgeH z$OSF{iF+dT)eKzr*(bI!(K=9Og=uZpQ6utszPd=mm*Y?jBF)&bP+a7Q8w2Wr3Wb?6 zJ7(JY7g~h~0wF7i4AQU85Y5cH18T+?`AP{^ui)(sFr-v)YupC+XOaEy8Xvb{;8TT; z7QBYC{dnSQRQO*Q(SVV9n>sFzPn03=ygeQm^)478e zDs}ndFMvG#CDZt$@^i3?ByCWc7L9B4N3<@E*V&daYE=VP z@mBEwz3y@6Jq(hhb$|a8&p|@3f3zAzr7hk62}5z|p_&bO-+RIU`C5K z-%W#UB8U{6o+N zSmCo^A68z3|N&hR#?0+C$70pTNV| z)7R%eeHM&>IbidAz{g+fe!Ag}tS8lW46`BW(~ME0kAf(=GJo}aw|6v3YZF{T)D?=$ z%2ZbcrtnBy_2FLsJCH?>*8iQa<17Ig*s+dsE&cx9zRCA)T;4yR$WO#@<%YcXJr!{# zTJj)@iT1C16!2VjTxrhqKBxy+BB>HIMFnLkk_svSnt@Pd#!R*uIDY&2dOQMi=`)o^ zde(nTVD^Iu{}EI7)1{z?CdCjOIbA&rg+ghlFt_T+BKza9qO!8o01!%m%gUd}HFF_u zz;4P{k@Ntjw(XTuHzW{2N+52En=Abv1jpHY4qs%b+QUBtfg-)00CI|gRm?k?ad{Z!c1GrY9_`~;@)Jt*LwOAV84 zC}2V@qE%J^Rou+bCEEtUhCK7015p)N>(0^x6)Dcz197I+$45FKt>|`I8Q|;;!D@YT zZx&1v#8ra9w2ToCke<$f{z!=eK-r$Fn-wQpj@XKt;)Y{XnP7FyDI}>E-=ird|7EB$ zL%=kn38~a@J^fqHs1c;WWNHxe&QS)=>RuiOdE~v-8q~HbKN9cK*A+G2Kwlisyx6I{;i+i zJq+@)8BqMcX&2;))_=Oe&CT5cY6JjJe$wb^CZ@vV2!{UnK~K!=wj}K~Ba0-$E_QBw|2`&^eHs)p=%)}6$SM!n)YR<=AtM&C z&#cqank>yFR1Rsq1-1J@qaX{k{`}l7cL5g!6w;9~nCM``&`ifF(|Zj=%jy;@_MW z#>cL~M>O;8_9y2u#>~JB*MK{o?48jr^&hKGAH55t&=Jw3Ai`08h*$2 z1e9!%;+&AU5eax|Fs?ir|Mp|1`lknt#E;8gUua6is1n*6sNmP&?PX#x66`wt^_{r< zcK>y21kwCP(+ZJN)}G*S&j`$m&HkrdFgtzRDkU2v_l_k+J+xIJuV{`}Z%hrpg7PXO zKR?Stp`Ru~Nb}xtO~UJ8J}^h&DC((UJShc6(6mecC$-rZ1+|-NwPQ^tgxdp%=YkUb zy$5b#VFwzZID+j34Re*$9FTMRQo%Iu?to$38L&JuJ@j$|jP6x_f`y*NsO&LKEz14c zB-Q`b=l_pr zKsVk&nB2L@v7bhrryX=`1~q|EzNz1!`N-~1$AjeltSG5lB2ECDAJZKd`?#yW$-{-) zR}jn`MrrJaYmF}i+uDwzYJml`(t$MZd?D6zII0n)fUHuB+yL=YTh3NnYzqe$)~3Tf z(?*IJWefoK?vT+c4k_Z~_ zw*X&Jdn!8-VsO*m$0OVsZb1P+P7z>&C{T#@bY~&_Lz>+L8C?PN8wJw0*)E#)z|p#! zOMYZFMo$QIT04xL-S#*F!^`W&`gf+A*q!3I+2aac>1Cjj+SM1kG8?Hppvtuxn_I_v zteP=`yh|WN*#cu?Ls@Fb!?WH$=)!t|xt0|$R@ixCl1SH3VG8`xvmE$Nj<$>}vj6}b zR?6S~PIk}G(DL_mcu4w&kjB1K766$!xF>AI!cUM1Hd*QQcrc57p2(C;1XDHM6o;#B zp=dVBlM(%VE{tlMm=@gf$MwNgm?12yfzS&+>nI8TMfLIaKR&x%2V*L-?}Y-+GN^clKsDWMky1x5-$ za1Y@okeBQC?$`#CE5j=6?OGt1>b;QsJR!gl`TxGK#J&YJ4W|RtVi(ePkjO%03Y8&5Z7H4in8-c za738Avv@Y{mV-;~XW}G*jBY-QU}pb#E5+GVe%tc8injjMngxKv)-Qx)n0!5a0mjG8mwd_bBLm z=w%dbo8rB719_j?2+^W?DtyRexEjHTkCf&SV_b-}J3DSp(BDCdj8b`M|2wopcdvFt zjNAkUnj=&_9eae_G7gMp4!W;Wbs2N&(m^pBb5Bi3NuYGf=vw51q0Cs^1q9JIO;VA3 zygEI--;>y|`9olrbr^Iz+(*8DA7Q*iu-=ZiCiq3j&Xd6EAuG!VM%S167B6byz-+R* zhf9C*hAooE$;0dok9Brmli+cn{Q@9q(Q)hPRsRQh^(ePB4Ouq$C_Zw%$k8n$Cp}Hw zj?({JPVtGRKSAOvZ9PXYJeRcll!yv6MV~A!1jrUAxJ&P$rO$9Uzi@V`{5gT5gVNpK zPLAA<&+p3S!wk@$v+Lduk+WV!Ox`(hyK2OCns!iS7xWY#e4N^!Yep5a6Wlia?&6|R z4F*9F1OJE?FN}{jtqVTN$BP)K+#E+%{zBO=Z=0%ZM7(I#0cGBqo?>#W-QLn7R&{L{ z)Z)YAcVuw8ax`6J_%cCVfB#MrUW$ALr%@)j>sdC`a9QO@k_ThHeLgn!M1NrydCDvL z9C62+azI)^ZJz-Q9$>Wf{%=e?{`}<4yUk&XM_NC7O?-Id;##>~R!?2ceBTh=l_jm2 zykS)z{&qDCSvfp*0rBLmg1n~UHe`y^&)85(y&&oK2z|Pf(ArBGLe+XlbHK1HK&M_M z7KMwFxARpgm@CMzq9OOt`Vv-8x$_U|>4oF{SANNeeBZ=L%2dS?mvLZR*e-tRmV{9x zBWGROrn(A03M&%%GU69rfWp$L<(6D%Q zw7Tq@L$%lUCDNB=DWRd*kny86+7yQuBONhROKxK2B4Zw1|E^#Wqn1acv8z5TBg)Q) zd9P_i7fiXhzGu`qRWSt}Y<$8$Kq!?|q|P%qy?RqtRx=o13#nT~bq?sGe{US-J(s${ zoLV7G9up1?zGyc2-S6e3rs9+&=OCDs6P68r^fAH4qBad(XgC?LU1r?SybwnG zB|hf&*F$#Q9$4tjbPcE-<6(8lv>mG3yL4Cj>i>?|0V13jy6tg)q;dXW ze-Yd0^FUJl?I79KVS`x_MEcJg+t@&j*C27IGDGnRTb0JJ34*|n7(z2bD-k3hui_5PvBSD zK6texJ)cjh`(0NWwM(%4^4{AkzxW$&1(QqW(%XUFs{s!A5iR6-N7UAT03HVv3_QG*c;Z9(7%e4J-P*kPb65H4Dn%67 z=%U6x=*tkBFMU}Txjw^Td?d-R5_E^1dOs52)ZIe>#LXTo;cF zGMQL)P|qzgmH71!sQJH$p(^9Hzz)tNf@*DGVf>=@9Ut3c(^cCgmS`aG2mRb=ow009N{OJu9v8~VrjzY6?WfHk&y{r z_&PGuzY2OnbKFaev2O=gS69;)?;m|nxP1+bKJS?8wa!l8sc~*`OpYf~QzwZ>@a|s97umvPQ z&K{(N3CS2(y8{Ye9T zPs|D}d7}2so8K!D_9gB>H;&Z4A5YDiv>D#aP41iOHgBQ-ie5~mI4d<4#D zeZF!Z(~Mi&(F(TMpzxjou4Z+a~l6%X}tv6nAgaM zIv)@&)P7x-QrYv{%tSBh(A{tng+u z^Y-h~(j@^>LJGx^eQtlC)GNFN&BC4mI;B4n9zM|Fy-a+2$vkLdU}&h8-7jX01EB&} zc98ijuXp2F9qN@A{T-TBB$a>SPQ&BG+7#97ZbSW67XavfWE8!+X`pG>;8ZY|9QN=o zilQ4~Ti`xctKVmN!Y}^Dpeec5K+$J4WpqnBk)WAOaePv^p}Ev>;7Mlx$qo{n33EHT zwN6}rO}tnWV|H2Yv(OKLFhTw;@HD5NXLpLkswCoL=-2wm@L=*0y&r#i5(O%+AYhqb zW=8N%tO?1vP(a}uv#K(kVO8FU?@V4}7G%mLN8Sth8nVja4}E>tw8-p~v6L`+;3pG{ ztjN=ANwo+S^cys*=ULXrGMqsEsBB`*%BSmYFDJ9S^Pf8DCusOMKiF)GuyzDL{Hw-l zbI)*2DwoLX{bNAhyi!(%VuQm1#~%!5SAlmK5S)z$wbIwj_wEnLr9PEXOS@PBrb&vZ zG)vuf12Xpb#xqdr5n=axTtnzBI<=3SXk3KWA)^)BeqH_?OipPE8?*_Dej9~3@;(m1$ z#82L1onnT{^m~JHxne|EW-ka|ug10{#Af;p0zH#?*M3(!bxlZrmM<-JFBp8}r*kX9 z))hXVrD@UdnCj~0MmCf&IYE=X9^9XuOHU_ont@p&WYWzRIw4xgT;)D9tsS8B0+xEM z+qY}=iq|*bsj_EGZamw0NM@n5BolH|QI3n7H~Tbez^i0Vh1xGc?|`eg_Ctu%-2Pyp zs=~JvlXk5WM`EK(N`HCpaZYk`266@8o!p+D1#e4}zlkP>uJq z51Frjl$+AR-SmIE(mmtmA=T5{Ok=dR5AN%n&wYUV+<*q@4v)z7{@ zGUp4q@Q9%e(&i0s(X4G^#psd8%&Zhq;@=(a7!Qu0XoX4t4PR2d`)o`#3 z#)3PTxB(+@5Zary0uKm@}+<<0Db^+KsTTyYl%4zG;)(|Ntm|~Ur z7EGHpdbztSs0tKLj>l~(*kp{Cn|596+g&wKlt!bhY#b(&rI3z4!PWl_-lnJnGb45E zEFVKten{Aa-K#olV{7}NtaORbfU`d#nmMzY;&Pp{0*ZTQLZZJgaV*&YGN}9TK}{wT z-r59G;I-1y(M8n4@my;W4sNv?uNCkLmacUHpMoyv;p z7uz43$CY%@sKGM-*!=MG6PuB(a?RcxB_O1Y%*hb^tZKmWPh}z*uu;{Z))Pa^CX=JK zf|}Z%{>ZgY%M1>~Z`|Zudvoo0v7mm4itdM%#kJX0wTHi_bP#9-%Gm{ycXYJ3B=Mgc z`u+w96-#?nh1!m3bxe?mxRjJsVKko@aC?2-9v)JnbqCf%H7$1Xy-yR@*`j{;JZ<7! zlN})2-csz%DRm1YM$u)G30{RnVA-T!ZoHW8E zPEI0fTP8c&(7&%gCVE}*(eBW7vXj`1>EP%nYcQBDZxgOGg|V%#w_M-^CKPc`Dglp^{S`5Bm&E$uZGsx}+AlCX%$4Atx|{XWy^sfVZVdSKbUq5|lqA57R>-Tx~`lq|QxzD19Qzy%^n<{_AyRc!7<5nhszTA$eWZF!0S6zc4GnehU@m z$n+@8v>>pOCSKp$WUTCq;$lM$cJ>Z@7~PS~qF{;LnJx92v~FOI%m$?B66K_NIr*fB zzQTTenqhs)B+m`?E$Mwf$?D^hLUa4|VSSn>IqT8K*g;u%ym2;>a6-qRVBdJgN>)}@ zN*u(2@=5Z;-@$&ogL(qO)$#7-Ld#?CtpS8!ZV=u?(C4yuRR+V7s>eOCBvw! zB39!EDgj+kXUAmaHWg^pCgIZGMVjK0k`vY7-9=gcvxc=<*wbs^C0S}50Rg%Gt6aRX zF+V@AY6z&g3boSSfB5j>d%{DM4zC2!PsO~ir2&jLvA&={O2$h--GSFBL?4N}42X#= za;u2V3V)C8avPP;CX5;ALs><`x4fv237pbjiwsy>ORSYcc4R?NGu3UMHLM-?7PFIU z45j`8u9DASPGLdU%+A;mnmJ`kn9VUs?*+P*kinQ#mvxs1dxevlc$Nw8@dm@!0n+ggNdr z)%sZV2bH#(5N!iE6&Yn*xRGafBJ6jBVHB|9j#t&y#k|02n2}GyMOdJp7rVQ=o5I>< z`R|>ko2mc#{G)tz9H7Y`;3^`oK?LL5LMTb&NENNpvQR6Fd&WW}2(0G{9_nfJnOZ5M z7n%P$?82Lvm_W5X8p-0ee5pufn;BzqS?RBg&%1{?2Y_w26mGNw_vo=eA~iA=S6@(e zu$GW&sRW|9!VIx%4b{*U`Rz{^C>_#SChP2P?vk+*qke=Q_y zypz@p*VVxjWLh6~i#6SQRZ)4F2ulKA!N6=G-<#=YAO#F7qex&TUX?_u%+AaVen^Hp zs?BFfRW9xI7OFa$!y!kmtev*4Jp!WmioWeQlDr3^F89+iSZimHHnGMMs5tT-gfTXk z?_J`baWx3csyMwib)Brpy+G0&0k44-fbR!5dtf*uS1EyjCApNMAtT(2p&<{KTJPNW z=vW}H$Jt^tPl3Kksrii6m?AVn9u}fcjwg+bjO>2ieMdlK>GV~;8r_O7lyy7>NK7h! zU2#BO-df3yei%Ydk^L4EtsiK<*FRS4HKw2_yB=7}r|gGEpAHdXZvFOExzO^v@p=*9 zzo4)HnGvsAUY;B@7&3H7(LVO!Ed7WIICqwd9HFNyj9CiRb6&H&Yc1KPfmHn zk7-9q{{artIml&UCc3T$&DQF+6EX7twR7!XOOer z;T0iGLmte=e`DtUbbq+#-gEZd=iA@jXYYN#pE-EfeI?)lEc4rsJUrYR^)@zY{Kudl zV(!{gFMhZr=F>t_L)HWnVJp{xWvLf4s1c9bU_AS9EW!Q_fT1Ul%cqFBA3?fuJE*+M zNY#n1JE_W3sbsWr+Y3{YD4dfB-927cHi#MFJr)Amnv-_SNpNvDoyrUQ>|-ZE zh%<5x6G`n82Nf%`=;^Gfk2u|ydqaVN9`k7#4%XD~CLBO3*8L=VY_n|KvxY5%Q-J4V zsco}n&6I1@4IC2nZ=Fte0amo^0A4oer&Oh=i7O);)mxixmf_-{vOj8o95hOQK;?Nv zsv1_+(>(y?-W_5jj7nGVCrJpt59+iVsXQq4ICDDURVtL#p75^v`R{M|4fS#{ech=^ zkdm&xUfvlPYJVFuWf!G!TJLicnG7IJiae-25oK{o0jhTl7);y-c@Z^k>dos9y)v`5 zfieogzW#w`xzGwYV!UpU7oG9d)uGQT%5YIX`-Th+jUNDG+(=*7VuY_8XOb6R1K+{> z=q|xmuAiAv`Gu9wLi7>V;sQ0_S*vVi^81puz}o2;ll^um-_*fAEyEyMMI-CvWIk&#i)n1bA#aH$g>VK1Ltvc~_7H@WF-`uLF$7f+fCG9l!NEng*##P<uudwK~{Sca%Eqb&)D8J>AC0MY1uDH zuDE;fvjsnFl&$RuA(KNti?pRoc~u<*r&gTrkb*DWKCis+1Saqnn*W%4A;P2Q@+P0z zv8Pe0Hc??_f)Fz-qaOad`fixpW@}^3$h}^8As6^j18?#X@bY++^698^*34wLk0;jhlfiN`zxQ0%GPhVEl7|_3}U)#_VJ@d zjt|h*NA&23#z@k9KdLw~Vxm-*;kNQ|$fr3}z0DSg*WD!Qbb~u6M*%loqd?iV2yR`b znR~h|$JTC~!?5v~#Kh$7etzt_Ojl)CAcBP7(a!GO8u|E({GxLafAQ$I90cq+)P7;Z z0FaP9Z*155GJ+ymTlF?+mcgJnGoi$(JCX1w2;z1V60wTXGbqI=!X;gTdcCkhas*@> z+t~LnL%*8B_wjnPKDG(MWd8Bw^rWO0CVq>TG6#NGcn*}mxd$_UTR4-i0w6feZ>RSY zLhB_4HBHBJ8-TKj^71(Sy&dfeMhyu~{y06Yurkkj;Q(m&m9h71ub4Xh32MBEX?6@e z$?ud?wYBc_4ZBDGX|q8L@ahIuuN^fO){U?9iQc?Xj4I7*J%gR00~2I&beQ`0%(D*l zSYW(LGckUYsQVQ*d0qYV%TgBQ%9q)9wD!_&OJw$f*ZD|NvK~7>r)mAqrPaWJ^ypcH z-wj=?gfv;=m9 zY`goY&iR@%Oyb?SIgK&bUQu0>z@$aYJXSQTQSa(GGew%muq--vXLZ{aFHNHHC0MiK zuihzSw5A*N=7E?;bPl_9HxbSJ5q47Wtq@=+<0gEy2dch`xsLX#r9@qMh~1&(ax23g z?q|E*T4fEyXerG;l4y5uF>Ghx&=RvlgdP4|;1U2>o4M_FvBRQWwmT$;)A%J7lX#y5 xlKs`x3>?7*nVB70Qjin!|LcE70{FQV=i@Es|9;+{>Zop$(NZI{|h*;$~gc4 literal 0 HcmV?d00001 diff --git a/code/index.html b/code/index.html index 2bdaeccd..2b0fc98c 100644 --- a/code/index.html +++ b/code/index.html @@ -34,7 +34,6 @@

- diff --git a/code/script.js b/code/script.js index 94440e55..0af69ffd 100644 --- a/code/script.js +++ b/code/script.js @@ -8,7 +8,7 @@ const personData = document.getElementById('personData') const apiToken = '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' const api_Token = apiToken || process.API_KEY -console.log(apiToken) +//console.log(apiToken) const options = { method: 'GET', @@ -34,6 +34,7 @@ const getUserData = () => { ` }) } +getUserData() // ALL OF MY REPOS const getRepos = () => { @@ -47,53 +48,52 @@ const getRepos = () => { (repo) => repo.fork && repo.name.startsWith('project-'), ) console.log(filtered) + filtered.forEach((repo) => { - const pushedDate = new Date(repo.pushed_at).toLocaleDateString( - 'en-se', - { - hour: '2-digit', - minute: '2-digit', - weekday: 'long', - year: 'numeric', - month: 'long', - day: 'numeric', - }, - ) + let projectID = repo.id projects.innerHTML += ` -
-

Latest push ${pushedDate}

+
+

${new Date(repo.pushed_at).toDateString()}

${repo.name}

${repo.default_branch}

-

Repository ${repo.name}

+

Repository ${repo.name}

` + }) + getCommits(data, projectID) + //chart + getPullRequests(filtered) + drawChart(filtered.length) + }) +} +const getPullRequests = (repos) => { + //Get all the PRs for each project. + repos.forEach((repo) => { + fetch( + `https://api.github.com/repos/Technigo/${repo.name}/pulls?per_page=100`, + options, + ) + .then((res) => res.json()) + .then((data) => { + const commits = document.getElementById(`commit-${repo.name}`) - const getPullRequests = (repos) => { - //Get all the PRs for each project. - repos.forEach((repo) => { - fetch( - 'https://api.github.com/repos/technigo/' + - repo.name + - '/pulls?per_page=200', - options, - ) - .then((res) => res.json()) - .then((data) => { - console.log(data) - //TODO - //1. Find only the PR that you made by comparing pull.user.login - // with repo.owner.login - //2. Now you're able to get the commits for each repo by using - // the commits_url as an argument to call another function - //3. You can also get the comments for each PR by calling - // another function with the review_comments_url as argument - }) - }) - } - getPullRequests(filtered) + const pulls = data.find((pull) => pull.user.login === repo.owner.login) }) + }) +} +// Function to get commits +const getCommits = (project, projectID) => { + const GIT_COMMIT_API = project.commits_url.replace('{/sha}', '') + fetch(GIT_COMMIT_API) + .then((res) => res.json()) + .then((data) => { + let numberOfCommits = data.length + document.getElementById(projectID).innerHTML += ` +

Number of commits: ${numberOfCommits}

+ ` }) } -getUserData() getRepos() diff --git a/code/style.css b/code/style.css index 4d449cec..220be519 100644 --- a/code/style.css +++ b/code/style.css @@ -78,5 +78,4 @@ footer { .personData { justify-items: center; display: grid; - grid-template-columns: repeat(2, 1fr); } From dfb201b1f936bf2ded00aa0558a347a54bb98b9a Mon Sep 17 00:00:00 2001 From: Kyparn <93533136+Kyparn@users.noreply.github.com> Date: Sun, 27 Feb 2022 10:55:31 +0100 Subject: [PATCH 03/13] commits problem --- code/script.js | 13 ++++++------- 1 file changed, 6 insertions(+), 7 deletions(-) diff --git a/code/script.js b/code/script.js index 0af69ffd..f1afca47 100644 --- a/code/script.js +++ b/code/script.js @@ -61,8 +61,9 @@ const getRepos = () => { repo.html_url }" target="blank">Repository ${repo.name}

` + getCommits(data, projectID) }) - getCommits(data, projectID) + //chart getPullRequests(filtered) drawChart(filtered.length) @@ -84,16 +85,14 @@ const getPullRequests = (repos) => { }) } // Function to get commits -const getCommits = (project, projectID) => { - const GIT_COMMIT_API = project.commits_url.replace('{/sha}', '') - fetch(GIT_COMMIT_API) +const getCommits = (projects, projectID) => { + const GIT_COMMIT_API = projects.commits_url.replace('{/sha}', '') + fetch(GIT_COMMIT_API, options) .then((res) => res.json()) .then((data) => { let numberOfCommits = data.length document.getElementById(projectID).innerHTML += ` -

Number of commits: ${numberOfCommits}

- ` +

Number of commits: ${numberOfCommits}

` }) } - getRepos() From d2110f75afe9fc9fce155e0406ebc2f1c8dcdb97 Mon Sep 17 00:00:00 2001 From: Kyparn <93533136+Kyparn@users.noreply.github.com> Date: Sun, 27 Feb 2022 18:15:57 +0100 Subject: [PATCH 04/13] commit fixed --- .gitignore | 2 ++ code/index.html | 3 ++- code/script.js | 52 ++++++++++++++++++++++++------------------------- code/style.css | 3 +++ 4 files changed, 32 insertions(+), 28 deletions(-) create mode 100644 .gitignore diff --git a/.gitignore b/.gitignore new file mode 100644 index 00000000..5282ce4a --- /dev/null +++ b/.gitignore @@ -0,0 +1,2 @@ + +code/secret.js \ No newline at end of file diff --git a/code/index.html b/code/index.html index 2b0fc98c..3e1953d3 100644 --- a/code/index.html +++ b/code/index.html @@ -29,10 +29,11 @@

- © Copyright 2021 Simon Andersson Student @ Technigo - All Rights + © Copyright 2022 Simon Andersson Student @ Technigo - All Rights Reserved

+ diff --git a/code/script.js b/code/script.js index f1afca47..84dd5251 100644 --- a/code/script.js +++ b/code/script.js @@ -2,11 +2,9 @@ const username = 'Kyparn' const API_USER = `https://api.github.com/users/${username}` const API_REPO = `https://api.github.com/users/${username}/repos` -let reponame = '' +const projects = document.getElementById('projects') const personData = document.getElementById('personData') -const apiToken = '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' - const api_Token = apiToken || process.API_KEY //console.log(apiToken) @@ -29,70 +27,70 @@ const getUserData = () => {

${user.name}

${user.location}

-

-

+

${user.bio}

` }) } getUserData() -// ALL OF MY REPOS +// Function to fetch my repositories const getRepos = () => { fetch(API_REPO, options) .then((res) => res.json()) .then((data) => { console.log(data) - - // Filtering in out my forkd repo + // Filter to get only my forked repos from Technigo const filtered = data.filter( (repo) => repo.fork && repo.name.startsWith('project-'), ) - console.log(filtered) filtered.forEach((repo) => { + // Creating unique ID for each forked repo let projectID = repo.id projects.innerHTML += ` -
-

${new Date(repo.pushed_at).toDateString()}

-

${repo.name}

-

${repo.default_branch}

-

Repository ${repo.name}

-
` - getCommits(data, projectID) - }) +
+ logo +

${new Date(repo.pushed_at).toDateString()}

+

Branch ${repo.default_branch}

+

Repository ${repo.name}

- //chart +
` + + // Invoking function to get the number of commits for the projects + getCommits(repo, projectID) + }) getPullRequests(filtered) drawChart(filtered.length) }) } -const getPullRequests = (repos) => { - //Get all the PRs for each project. - repos.forEach((repo) => { + +const getPullRequests = (filtered) => { + filtered.forEach((repo) => { fetch( - `https://api.github.com/repos/Technigo/${repo.name}/pulls?per_page=100`, + `https://api.github.com/repos/technigo/${repo.name}/pulls?per_page=100`, options, ) .then((res) => res.json()) .then((data) => { - const commits = document.getElementById(`commit-${repo.name}`) - + console.log(data) const pulls = data.find((pull) => pull.user.login === repo.owner.login) }) }) } -// Function to get commits + const getCommits = (projects, projectID) => { const GIT_COMMIT_API = projects.commits_url.replace('{/sha}', '') fetch(GIT_COMMIT_API, options) .then((res) => res.json()) .then((data) => { + console.log(data) let numberOfCommits = data.length document.getElementById(projectID).innerHTML += `

Number of commits: ${numberOfCommits}

` }) } + getRepos() diff --git a/code/style.css b/code/style.css index 220be519..ec01dee7 100644 --- a/code/style.css +++ b/code/style.css @@ -46,6 +46,9 @@ footer { text-transform: uppercase; font-size: 20px; } +.repoimg { + float: left; +} .chart { width: 200px; } From 7c204b1963f25b1cf63033f97ef11064b0246466 Mon Sep 17 00:00:00 2001 From: Kyparn <93533136+Kyparn@users.noreply.github.com> Date: Sun, 27 Feb 2022 22:48:05 +0100 Subject: [PATCH 05/13] all done --- code/chart.js | 51 ++++++++++++++++--------------------------------- code/index.html | 4 ++-- code/script.js | 49 ++++++++++++++++++++++++++++------------------- code/style.css | 33 ++++++++++++++++++++++---------- 4 files changed, 70 insertions(+), 67 deletions(-) diff --git a/code/chart.js b/code/chart.js index 188ccb41..7f21109a 100644 --- a/code/chart.js +++ b/code/chart.js @@ -2,39 +2,20 @@ const ctx = document.getElementById('chart').getContext('2d') //"Draw" the chart here 👇 -const drawChart = new Chart(ctx, { - type: 'line', - data: { - labels: ['Red', 'Blue', 'Yellow', 'Green', 'Purple', 'Orange'], - datasets: [ - { - label: '# of Votes', - data: [12, 19, 3, 5, 2, 3], - backgroundColor: [ - 'rgba(255, 99, 132, 0.2)', - 'rgba(54, 162, 235, 0.2)', - 'rgba(255, 206, 86, 0.2)', - 'rgba(75, 192, 192, 0.2)', - 'rgba(153, 102, 255, 0.2)', - 'rgba(255, 159, 64, 0.2)', - ], - borderColor: [ - 'rgba(255, 99, 132, 1)', - 'rgba(54, 162, 235, 1)', - 'rgba(255, 206, 86, 1)', - 'rgba(75, 192, 192, 1)', - 'rgba(153, 102, 255, 1)', - 'rgba(255, 159, 64, 1)', - ], - borderWidth: 1, - }, - ], - }, - options: { - scales: { - y: { - beginAtZero: true, - }, +const drawChart = (amount) => { + const configchart = { + type: 'doughnut', + data: { + label: ['Completed', 'Not Completed'], + datasets: [ + { + label: 'Total project at Technigo', + data: [amount, 19 - amount], + backgroundColor: ['#77E327', '#E33527'], + hoverOffset: 12, + }, + ], }, - }, -}) + } + const myProjects = new Chart(ctx, configchart) +} diff --git a/code/index.html b/code/index.html index 3e1953d3..8b7e76dc 100644 --- a/code/index.html +++ b/code/index.html @@ -22,7 +22,7 @@

-
+
@@ -33,7 +33,7 @@

Reserved

- + diff --git a/code/script.js b/code/script.js index 84dd5251..6817132e 100644 --- a/code/script.js +++ b/code/script.js @@ -5,8 +5,8 @@ const API_REPO = `https://api.github.com/users/${username}/repos` const projects = document.getElementById('projects') const personData = document.getElementById('personData') +//token const api_Token = apiToken || process.API_KEY -//console.log(apiToken) const options = { method: 'GET', @@ -15,78 +15,87 @@ const options = { }, } -//USER INFO +//Prints out the user info in the HTML const getUserData = () => { fetch(API_USER) .then((res) => res.json()) .then((user) => { - console.log(user) personData.innerHTML = `
-

${user.name}

-

${user.location}

-

${user.bio}

+

${user.name}

+

${user.location}

+

${user.bio}

` }) } getUserData() // Function to fetch my repositories + const getRepos = () => { fetch(API_REPO, options) .then((res) => res.json()) .then((data) => { - console.log(data) - // Filter to get only my forked repos from Technigo - const filtered = data.filter( + // This function filters out my projects from technigo + + const repos = data.filter( (repo) => repo.fork && repo.name.startsWith('project-'), ) - filtered.forEach((repo) => { - // Creating unique ID for each forked repo + repos.forEach((repo) => { + //Her we create a unique ID for each of my forked repos and print them in the HTML let projectID = repo.id projects.innerHTML += `
logo +

${new Date(repo.pushed_at).toDateString()}

Branch ${repo.default_branch}

Repository ${repo.name}

+

+

+ Pull requests:

` // Invoking function to get the number of commits for the projects getCommits(repo, projectID) }) - getPullRequests(filtered) - drawChart(filtered.length) + getPullRequest(repos) + drawChart(repos.length) }) } - -const getPullRequests = (filtered) => { - filtered.forEach((repo) => { +// This function +const getPullRequest = (repos) => { + repos.forEach((repo) => { fetch( - `https://api.github.com/repos/technigo/${repo.name}/pulls?per_page=100`, + `https://api.github.com/repos/Technigo/${repo.name}/pulls?per_page=100`, options, ) .then((res) => res.json()) .then((data) => { - console.log(data) + //Filter out my pullrequests const pulls = data.find((pull) => pull.user.login === repo.owner.login) + const myPullRequests = data.filter((pullRequest) => { + return pullRequest.user.login === username + }) + document.getElementById( + `pull-request-${repo.name}`, + ).innerHTML = `Pull Request: ${myPullRequests.length}` }) }) } - +// Function to get commits and print them out const getCommits = (projects, projectID) => { const GIT_COMMIT_API = projects.commits_url.replace('{/sha}', '') fetch(GIT_COMMIT_API, options) .then((res) => res.json()) .then((data) => { - console.log(data) let numberOfCommits = data.length document.getElementById(projectID).innerHTML += `

Number of commits: ${numberOfCommits}

` diff --git a/code/style.css b/code/style.css index ec01dee7..382a888a 100644 --- a/code/style.css +++ b/code/style.css @@ -24,10 +24,13 @@ footer { .info { text-align: center; } +.userInfo { + padding: 10px; +} .img { margin: 20px; border-radius: 20px; - width: 200px; + width: 300px; } .personData { justify-items: center; @@ -46,11 +49,17 @@ footer { text-transform: uppercase; font-size: 20px; } -.repoimg { - float: left; -} + .chart { - width: 200px; + aspect-ratio: 1 / 1; + margin: 0 auto; + max-height: 250px; + max-width: 250px; + padding: 25px; +} +.projects { + display: grid; + grid-template-columns: 1fr; } @keyframes color-change { 0% { @@ -72,13 +81,17 @@ footer { background-color: rgb(172, 169, 232); } } -@media only screen and (min-width: 768px) { +@media (min-width: 668px) { .repoInfo { justify-items: center; display: grid; } -} -.personData { - justify-items: center; - display: grid; + + .personData { + justify-items: center; + display: grid; + } + .projects { + grid-template-columns: 1fr 1fr; + } } From f753d009c20202c18db32ff495496a648ffcd35f Mon Sep 17 00:00:00 2001 From: Kyparn <93533136+Kyparn@users.noreply.github.com> Date: Sun, 27 Feb 2022 23:00:45 +0100 Subject: [PATCH 06/13] last ccs style --- code/chart.js | 2 +- code/style.css | 31 ++++++++++++++++++++++++------- 2 files changed, 25 insertions(+), 8 deletions(-) diff --git a/code/chart.js b/code/chart.js index 7f21109a..391601f9 100644 --- a/code/chart.js +++ b/code/chart.js @@ -12,7 +12,7 @@ const drawChart = (amount) => { label: 'Total project at Technigo', data: [amount, 19 - amount], backgroundColor: ['#77E327', '#E33527'], - hoverOffset: 12, + hoverOffset: 3, }, ], }, diff --git a/code/style.css b/code/style.css index 382a888a..fdb33650 100644 --- a/code/style.css +++ b/code/style.css @@ -17,7 +17,7 @@ header { } footer { - background: linear-gradient(150deg, #191b1b, #736bc7, #3a09b5) fixed; + background: linear-gradient(250deg, #191b1b, #736bc7, #3a09b5) fixed; text-align: center; padding: 50px; } @@ -29,14 +29,16 @@ footer { } .img { margin: 20px; - border-radius: 20px; + border-radius: 250px; width: 300px; + box-shadow: 1px 1px 5px black; } .personData { justify-items: center; display: grid; } .repoInfo { + box-shadow: 1px 1px 5px black; background: linear-gradient(150deg, #191b1b, #736bc7, #3a09b5) fixed; padding: 20px; border-radius: 20px; @@ -63,22 +65,37 @@ footer { } @keyframes color-change { 0% { - background-color: rgb(5, 23, 82); + background-color: rgb(7, 41, 152); } - 20% { + 10% { background-color: rgb(65, 32, 153); } - 40% { + 20% { background-color: rgb(142, 120, 240); } + 30% { + background-color: rgb(176, 151, 235); + } + 40% { + background-color: rgb(149, 157, 233); + } + 50% { + background-color: rgb(172, 169, 232); + } 60% { + background-color: rgb(149, 157, 233); + } + 70% { background-color: rgb(176, 151, 235); } 80% { - background-color: rgb(149, 157, 233); + background-color: rgb(142, 120, 240); + } + 90% { + background-color: rgb(65, 32, 153); } 100% { - background-color: rgb(172, 169, 232); + background-color: rgb(7, 41, 152); } } @media (min-width: 668px) { From 44650c5a6e812c8e4909946331bf8bf2e2f4e0bd Mon Sep 17 00:00:00 2001 From: Kyparn <93533136+Kyparn@users.noreply.github.com> Date: Sun, 27 Feb 2022 23:30:37 +0100 Subject: [PATCH 07/13] last ccs style --- code/style.css | 7 ++++++- 1 file changed, 6 insertions(+), 1 deletion(-) diff --git a/code/style.css b/code/style.css index fdb33650..3eb925b1 100644 --- a/code/style.css +++ b/code/style.css @@ -49,7 +49,8 @@ footer { } .cardInfo { text-transform: uppercase; - font-size: 20px; + font-size: 13px; + line-height: 20px; } .chart { @@ -111,4 +112,8 @@ footer { .projects { grid-template-columns: 1fr 1fr; } + .cardInfo { + font-size: 16px; + padding: 5px; + } } From 5f58c55b04e08e3c8a6fb54436a9ce2199024e06 Mon Sep 17 00:00:00 2001 From: Kyparn <93533136+Kyparn@users.noreply.github.com> Date: Mon, 28 Feb 2022 00:06:29 +0100 Subject: [PATCH 08/13] last ccs style --- code/chart.js | 1 - 1 file changed, 1 deletion(-) diff --git a/code/chart.js b/code/chart.js index 391601f9..7ffd7444 100644 --- a/code/chart.js +++ b/code/chart.js @@ -9,7 +9,6 @@ const drawChart = (amount) => { label: ['Completed', 'Not Completed'], datasets: [ { - label: 'Total project at Technigo', data: [amount, 19 - amount], backgroundColor: ['#77E327', '#E33527'], hoverOffset: 3, From c385c69bf0fe3b975778dc3e4fc8873a3f9587d3 Mon Sep 17 00:00:00 2001 From: Kyparn <93533136+Kyparn@users.noreply.github.com> Date: Mon, 28 Feb 2022 00:11:41 +0100 Subject: [PATCH 09/13] all done --- README.md | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/README.md b/README.md index 1613a3b0..783f2223 100644 --- a/README.md +++ b/README.md @@ -1,13 +1,13 @@ # GitHub Tracker -Replace this readme with your own information about your project. - -Start by briefly describing the assignment in a sentence or two. Keep it short and to the point. +This weeks project was to build a website that keept track on my info on github :) ## The problem -Describe how you approached to problem, and what tools and techniques you used to solve it. How did you plan? What technologies did you use? If you had more time, what would be next? +This week i had alot of problems with the code, all kinds of error and more more, i had help from my my team Foxes to fix the problem :) ## View it live Every project should be deployed somewhere. Be sure to include the link to the deployed project so that the viewer can click around and see what it's all about. + +Here u can se my page live -----> https://github-trackar.netlify.app/ From 6ef527da0676b572700213f4b4cac7a3e8b8b431 Mon Sep 17 00:00:00 2001 From: Kyparn <93533136+Kyparn@users.noreply.github.com> Date: Mon, 28 Feb 2022 00:14:13 +0100 Subject: [PATCH 10/13] all done --- code/chart.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/code/chart.js b/code/chart.js index 7ffd7444..3081242b 100644 --- a/code/chart.js +++ b/code/chart.js @@ -6,7 +6,7 @@ const drawChart = (amount) => { const configchart = { type: 'doughnut', data: { - label: ['Completed', 'Not Completed'], + labels: ['Finished', 'Not finished'], datasets: [ { data: [amount, 19 - amount], From 15b3f84e993353cd7cb8831a94c84753d723f5b7 Mon Sep 17 00:00:00 2001 From: Kyparn <93533136+Kyparn@users.noreply.github.com> Date: Mon, 28 Feb 2022 00:15:55 +0100 Subject: [PATCH 11/13] all done --- code/chart.js | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/code/chart.js b/code/chart.js index 3081242b..c4629782 100644 --- a/code/chart.js +++ b/code/chart.js @@ -6,9 +6,10 @@ const drawChart = (amount) => { const configchart = { type: 'doughnut', data: { - labels: ['Finished', 'Not finished'], + labels: ['Complete', 'Not Complete'], datasets: [ { + label: 'Technigo projects rate ', data: [amount, 19 - amount], backgroundColor: ['#77E327', '#E33527'], hoverOffset: 3, From 9aa6e768121581d5a281060765d30e847f0a8b58 Mon Sep 17 00:00:00 2001 From: Kyparn <93533136+Kyparn@users.noreply.github.com> Date: Mon, 28 Feb 2022 00:21:55 +0100 Subject: [PATCH 12/13] all done --- code/script.js | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/code/script.js b/code/script.js index 6817132e..71141f12 100644 --- a/code/script.js +++ b/code/script.js @@ -51,9 +51,12 @@ const getRepos = () => { projects.innerHTML += `
logo +

+ ${repo.name.replace('project-', '').replace('-', ' ')} +

${new Date(repo.pushed_at).toDateString()}

-

Branch ${repo.default_branch}

+

Branch : ${repo.default_branch}

Repository ${repo.name}

From e658268737fc63350cda30390ed5badcda234b35 Mon Sep 17 00:00:00 2001 From: Kyparn <93533136+Kyparn@users.noreply.github.com> Date: Mon, 28 Feb 2022 00:23:45 +0100 Subject: [PATCH 13/13] all done --- code/script.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/code/script.js b/code/script.js index 71141f12..9193a4dc 100644 --- a/code/script.js +++ b/code/script.js @@ -51,7 +51,7 @@ const getRepos = () => { projects.innerHTML += `
logo -

+

Project name: ${repo.name.replace('project-', '').replace('-', ' ')}