From a517d3b529fe478e878c12b50f6021c38639576f Mon Sep 17 00:00:00 2001
From: Manan Jethwani <mananjethwani02@gmail.com>
Date: Mon, 12 Jul 2021 17:59:26 +0530
Subject: [PATCH 1/3] added modal for downloading zim file on welcome page

---
 static/resources_list.txt   |   4 ++
 static/skin/bittorrent.png  | Bin 0 -> 20601 bytes
 static/skin/download.png    | Bin 0 -> 722 bytes
 static/skin/hash.png        | Bin 0 -> 705 bytes
 static/skin/home.css        |  78 +++++++++++++++++++++++++++++++++++-
 static/skin/index.js        |  66 +++++++++++++++++++++++++++++-
 static/skin/magnet.png      | Bin 0 -> 818 bytes
 static/templates/index.html |   7 ++++
 8 files changed, 152 insertions(+), 3 deletions(-)
 create mode 100644 static/skin/bittorrent.png
 create mode 100644 static/skin/download.png
 create mode 100644 static/skin/hash.png
 create mode 100644 static/skin/magnet.png

diff --git a/static/resources_list.txt b/static/resources_list.txt
index 9939f4b61..41552195d 100644
--- a/static/resources_list.txt
+++ b/static/resources_list.txt
@@ -18,6 +18,10 @@ skin/jquery-ui/images/ui-bg_glass_95_fef1ec_1x400.png
 skin/jquery-ui/jquery-ui.theme.min.css
 skin/jquery-ui/jquery-ui.min.css
 skin/caret.png
+skin/bittorrent.png
+skin/magnet.png
+skin/download.png
+skin/hash.png
 skin/search-icon.svg
 skin/taskbar.js
 skin/langList.js
diff --git a/static/skin/bittorrent.png b/static/skin/bittorrent.png
new file mode 100644
index 0000000000000000000000000000000000000000..5a34549ca00260218fc6e1afb1d4ea41727301c7
GIT binary patch
literal 20601
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

literal 0
HcmV?d00001

diff --git a/static/skin/download.png b/static/skin/download.png
new file mode 100644
index 0000000000000000000000000000000000000000..14dd22d07ec7a09b07b71a59fc0da560fb2f3df6
GIT binary patch
literal 722
zcmeAS@N?(olHy`uVBq!ia0vp^2_VeD1|%QND7OGoY)RhkE)4%caKYZ?lNlJ8+C5zy
zLn`LHy=$8hoG5YhW4&${SCa)tlcbDGNJ*ifh@*hZQT~GB;*#Rx(vp(ml2y%D&adUW
zcJQPlyEr@hMx~}J7p|<2%9hQu3YmPb|IYV$)%UCGKJ=)bulDnBDw^Ch69gh{OB*~F
zu<I=M;orgkW@3)iLOuiUst^Cq>1+tzkYA#9QvTnmJECu-=j!lVA5Qbzkgu2giq$AW
z?&JIH+GC}!SZ|$U?byj+D6a5~=}1h&3~qs9#w0z5Gh_>{UesWGfW52!WKxK0emR>(
z=%Kf#&j#4AeBHx8;kZ^EM^@wK1NvXSKijjJVGj3%_9K}OtbYY;KIi|yX@W{i-^7~i
zK-s)oHLQLtrySl1e2}a?arhZ`fyIrN*-7$?_v-MP&TnXDJRhsQyJ7na=lGfB2i`4E
zU$;>9K=zl1`xSrMc7@&I+v6nu@AN;uwcA81{JuWi&#*1DV4vF!9-qM2AD0hI^YXi<
zAl*>i!vEiJ!^TC%rspgQW*0p4XLzk`?d#mjXs&7hC;G?P<1y=k<9?WH-LsXtUhtzR
zyg~I7`+xQwS~twSrZ>25YX2|2L+7SRQhKBOlJ@-!F(Pjz_C7vfbNKLowmDOBuM4?1
z>iuuO&)UcFJ!>jo0sD^|^Espb^eqEN7?3!cYJc*njPH&;F}B4AlqYph@GflFdcXNQ
z&%B>?Wy;k-&4*1&mt8vK`&-=qv5GwNucT#3VvW8k;-WlHxThYu#1+9bFLa~Fl6jks
z?X}mo=M<kUr)taT{AtoF#b$e+?`!7iePFl|t&wRA0^RrG7fn_c6)Hbn2TY_4p00i_
I>zopr0GjDMZU6uP

literal 0
HcmV?d00001

diff --git a/static/skin/hash.png b/static/skin/hash.png
new file mode 100644
index 0000000000000000000000000000000000000000..f4885145b03618d4e07eb7356ba55ff584b4bb49
GIT binary patch
literal 705
zcmeAS@N?(olHy`uVBq!ia0vp^2_VeD1|%QND7OGoY)RhkE)4%caKYZ?lNlJ8$~;{h
zLn`LHy=$Kx94K?_<MTVx6K@@xzCf0xJ4j~k-^&O2f~=mf-bg6W-Nzf)l{9h6zSai|
zE`*h{A6%HJX(2LqS6FOb(fjj`g#z9G{G{ZH&wrM5u5Um6_nDj*pGrdq6f9Bd*>&Jq
zO#VKjEoTe388<U5^MAPOU;6z73zrSDDc5q}>%Z^Y6j9Q!)qDN9d8gU?8DBG;aNF6z
z8P?YDH7#z<wqI+N(i&GV*yq)KlseEm<L55U4cpHid*J8OvZDN5NSsY$-aq}eg3lEN
z&jQb^`OSG_&g-+&+xR`oZ(DjsKE1j1cXj#id5YhC*YLcZv6JOVWa!$8_B-a6nDVOA
zCnZLF==*X1WE=OpnI$n__>SbL8Vee)%&21DGJUcp!%U_LrZ>bt>~4L2{r`_&-<r#(
zlpgc-2ML4aFp1wjJF0i4&)aYR(s-ul!@qA<)NXjPYk3vZ36TaLMhJ1NPU)D{$xEFx
z{s^-w1Tz?6Bj$GeZS^~n<p<RQ)U2MAf?^87JTMDr=rpOh9ljDE(>Bdui1+)e_3H5r
z>j(S-A8y)C?(@Ib*s)%3Tkdxst)|>c_dkqAubDLN7Jm&-JG|kcY!Q0~FbdilO5exa
zWqojSZ@+i-y`3xmH_fWt$o0VYOpa{ifpZ1VUL>B$326x1A37&rq}!mnYs>b<Mhw|k
zzg$duUYjnk`M?SL<gbrTon8$L-#>poHbq|f|N8BICSVk=&5<xm+9oRq1)i77*?6b1
Uze{TQ227I-p00i_>zopr07g_nUjP6A

literal 0
HcmV?d00001

diff --git a/static/skin/home.css b/static/skin/home.css
index 5c07bf7ee..e1a539793 100644
--- a/static/skin/home.css
+++ b/static/skin/home.css
@@ -256,6 +256,7 @@ body {
 }
 
 .book__links > a, .book__links > span {
+    cursor: pointer;
     text-decoration: none;
     color: #00b4e4;
     position: relative;
@@ -263,11 +264,86 @@ body {
     font-family: roboto;
 }
 
-.book__links > a:hover {
+.book__links > a:hover, .book__links > span:hover {
     background: #00b4e4;
     color: white;
 }
 
+.modal-wrapper {
+    position: fixed;
+    z-index: 100;
+    top: 0;
+    left: 0;
+    width: 100vw;
+    height: 100vh;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    align-content: center;
+    background-color: rgba(0, 0, 0, 30%);
+}
+
+.modal {
+    color: #444343;
+    height: 280px;
+    width: 250px;
+    margin: 15px;
+    background-color: #f7f7f7;
+    border: 1px solid #ececec;
+    border-radius: 3px;
+}
+
+.modal-heading {
+    background-color: #f0f0f0;
+    height: 20%;
+    width: 100%;
+    border-bottom: 1px solid #ececec;
+    display: grid;
+    grid-template-columns: 3fr 1fr;
+}
+
+.modal-title {
+    display: flex;
+    font-size: 15px;
+    align-items: center;
+    padding-left: 20px;
+    font-family: poppins;
+}
+
+.modal-close-button {
+    cursor: pointer;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+
+.modal-content {
+    padding: 20px;
+}
+
+.modal-content div {
+    width: 100%;
+    height: 40px;
+}
+
+.modal-content a {
+    text-decoration: none;
+}
+
+.modal-content a>div {
+    position: relative;
+    top: -26px;
+    left: 50px;
+    text-decoration: underline;
+    color: black;
+}
+
+.modal-content img {
+    display: inline-block;
+    margin: 0 10px;
+    height: 30px;
+}
+
 .fadeOut {
     position: fixed;
     display: none;
diff --git a/static/skin/index.js b/static/skin/index.js
index 4febd9540..487f70aba 100644
--- a/static/skin/index.js
+++ b/static/skin/index.js
@@ -101,7 +101,7 @@
             <div class='book__description' title='${description}'>${description}</div>
             <div class='book__languageTag'>${language.substr(0, 2).toUpperCase()}</div>
             <div class='book__tags'><div class="book__tags--wrapper">${tagHtml}</div></div>
-            <div class='book__links'> <a href="${link}" data-hover="Preview">Preview</a>${downloadLink ? `&nbsp;|&nbsp;<a href="${downloadLink}" data-hove="Download" download>Download</a>` : ''} </div></div>`;
+            <div class='book__links'> <a href="${link}" data-hover="Preview">Preview</a>${downloadLink ? `&nbsp;|&nbsp;<span class="download" data-link=${downloadLink} class="modal-button">Download</span>` : ''} </div></div>`;
         return divTag;
     }
 
@@ -114,6 +114,62 @@
         }
     }
 
+    function insertModal(button) {
+        const downloadLink = button.getAttribute('data-link');
+        button.addEventListener('click', () => {
+            document.body.insertAdjacentHTML('beforeend', `<div class="modal-wrapper">
+                <div class="modal">
+                    <div class="modal-heading">
+                        <div class="modal-title">
+                            <div>
+                                Download
+                            </div>
+                        </div>
+                        <div onclick="closeModal()" class="modal-close-button">
+                            <div>
+                                <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none">
+                                    <path fill-rule="evenodd" clip-rule="evenodd" d="M13.7071 1.70711C14.0976 1.31658 14.0976 
+                                    0.683417 13.7071 0.292893C13.3166 -0.0976311 12.6834 -0.0976311 12.2929 0.292893L7 5.58579L1.70711
+                                    0.292893C1.31658 -0.0976311 0.683417 -0.0976311 0.292893 0.292893C-0.0976311 0.683417
+                                    -0.0976311 1.31658 0.292893 1.70711L5.58579 7L0.292893 12.2929C-0.0976311 12.6834
+                                    -0.0976311 13.3166 0.292893 13.7071C0.683417 14.0976 1.31658 14.0976 1.70711 13.7071L7
+                                    8.41421L12.2929 13.7071C12.6834 14.0976 13.3166 14.0976 13.7071 13.7071C14.0976 13.3166 
+                                    14.0976 12.6834 13.7071 12.2929L8.41421 7L13.7071 1.70711Z" fill="black" />
+                                </svg>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="modal-content">
+                        <div class="modal-regular-download">
+                            <a href="${downloadLink}" download>
+                                <img src="../skin/download.png" alt="direct download" />
+                                <div>Direct download</div>
+                            </a>
+                        </div>
+                        <div class="modal-regular-download">
+                            <a href="${downloadLink}.sha256" download>
+                                <img src="../skin/hash.png" alt="download hash" />
+                                <div>Download sha256 hash</div>
+                            </a>
+                        </div>
+                        <div class="modal-regular-download">
+                            <a href="${downloadLink}.magnet">
+                                <img src="../skin/magnet.png" alt="download magnet" />
+                                <div>Download magnet link</div>
+                            </a>
+                        </div>
+                        <div class="modal-regular-download">
+                            <a href="${downloadLink}.torrent" download>
+                                <img src="../skin/bittorrent.png" alt="download torrent" />
+                                <div>Download torrent file</div>
+                            </a>
+                        </div>
+                    </div>
+                </div>
+            </div>`);
+        })
+    }
+
     async function loadBooks() {
         loader.style.display = 'block';
         return await fetch(queryUrlBuilder()).then(async (resp) => {
@@ -222,7 +278,13 @@
         });
         books = [...books].filter((book) => {return !booksToFilter.has(getInnerHtml(book, 'id'))});
         booksToDelete.forEach(book => {iso.remove(book);});
-        books.forEach((book) => {iso.insert(generateBookHtml(book, sort))});
+        books.forEach((book) => {
+            iso.insert(generateBookHtml(book, sort))
+            const downloadButton = document.querySelector(`[data-id="${getInnerHtml(book, 'id')}"] .download`);
+            if (downloadButton) {
+                insertModal(downloadButton);
+            }
+        });
     }
 
     async function resetAndFilter(filterType = '', filterValue = '') {
diff --git a/static/skin/magnet.png b/static/skin/magnet.png
new file mode 100644
index 0000000000000000000000000000000000000000..e792fa5a3579f1e825d0a0f4dbe98877b79a9bf4
GIT binary patch
literal 818
zcmV-21I_%2P)<h;3K|Lk000e1NJLTq002Ay002A)1^@s6I{evk00006VoOIv0RI60
z0RN!9r;`8x0_RCYK~!jg?V7)9Q&AMhzvm_KXQf!{kX8{v>SBU<H$RqQ3nC7sPP!{<
zhx#u#*u8@;{ul&tsDq0RLg`j;3VBs(ql1HBr9rnsjgchpI8;SS&As>C_a5c-e#Y=U
z=X}4M+#B8_fW>05SavQH^?+ircpAVcGv@)E0x$^R1b_hm8vwo%(MM)pVdlk7r}KJw
zdHH)(ej*86E|*7q-@n1kmjRsAEN?OM3jj}+mX;O(aG2gg4eYwEAfh_}CPM1{hKOcr
zwc5)NdI1P2a4wfSoXKQniRfBbJ^zJ><{ihGu2!p`jC+|jD3wZMzVAN+kTvZkVI9Ct
z&-0#}G)b8hyRLf+z#M>nlRk><18^mq&7#q0ECy{7IIs}nHWAGNaDw&-0uhZ54Gj%6
z8jblN^??ElA*KP$2B{5+O3+Pf2X<X|l8BxnhTrgB5YhPX@Nj)?ZSB2QosPItsT}Kc
zI&T3S(Q+3Z>#0<#pmTd`oxg6kdmlR|ECBR(yWIym1<HYi5EINisqZOrE*6W$OR8d>
z4bKEH6AR2d1I6R16u3|*oChFGOhwFDA;bk0p;BPSaju*BiG`~wBI(y4pU)r6WHR3X
z95A*NEk6JZdY;$pC6aD9olcJ;oUkn-x=TcrcDvozZnyi0r~=>~fK~|o_X8M}iPAEG
z<2dJ-jUP!r6VXJiR$JNfc@;oa2=N%eD*(q$h7i#hfQ4Qfl{1_(F@ep^ZWs11p69*8
z<}>t9lR>`kpOI;#fth*4!~_vN>=pJ8ze7JVoF(<Dvf-nKCgwEcI@;|RlnGP<_nA0o
zHk%(*wXIgGZZZqNA(=oW@E#Kf^?H3H3hjT`D-*=}@V*nUfs>96oOEp9q+<go9UD05
z*uY6g`if^Op6B&^@h5}`^)Cux&)anywt<t54V-keZ|Sga;kf7Rx(%xY{$kL7H9$?I
w^Q3`^XeywIRc4;jEsA@d#bU8oESC8A1;mTZ;AbF_Y5)KL07*qoM6N<$f|8qVng9R*

literal 0
HcmV?d00001

diff --git a/static/templates/index.html b/static/templates/index.html
index f3617e5a0..c6f05aa42 100644
--- a/static/templates/index.html
+++ b/static/templates/index.html
@@ -71,4 +71,11 @@
     <div class="loader" style="position: absolute; top: 50%"><div class="loader-spinner"></div></div>
     <div id="kiwixfooter" class="kiwixfooter">Powered by&nbsp;<a href="https://kiwix.org">Kiwix</a></div>
   </body>
+  <script>
+    function closeModal() {
+      for(modal of document.getElementsByClassName('modal-wrapper')) {
+        modal.remove();
+      }
+    }
+  </script>
 </html>

From a8a96a99f411527f0b4160939f8439b8e1b583e1 Mon Sep 17 00:00:00 2001
From: Manan Jethwani <mananjethwani02@gmail.com>
Date: Tue, 13 Jul 2021 00:23:38 +0530
Subject: [PATCH 2/3] corrected working of magnet link

---
 static/skin/home.css        | 6 +++++-
 static/skin/index.js        | 4 ++--
 static/templates/index.html | 5 +++++
 3 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/static/skin/home.css b/static/skin/home.css
index e1a539793..f7742d8a9 100644
--- a/static/skin/home.css
+++ b/static/skin/home.css
@@ -330,7 +330,11 @@ body {
     text-decoration: none;
 }
 
-.modal-content a>div {
+.modal-content span {
+    cursor: pointer;
+}
+
+.modal-content a>div, .modal-content span>div {
     position: relative;
     top: -26px;
     left: 50px;
diff --git a/static/skin/index.js b/static/skin/index.js
index 487f70aba..a5904e583 100644
--- a/static/skin/index.js
+++ b/static/skin/index.js
@@ -153,10 +153,10 @@
                             </a>
                         </div>
                         <div class="modal-regular-download">
-                            <a href="${downloadLink}.magnet">
+                            <span onclick="fetchAndRedirect('${downloadLink}.magnet')">
                                 <img src="../skin/magnet.png" alt="download magnet" />
                                 <div>Download magnet link</div>
-                            </a>
+                            </span>
                         </div>
                         <div class="modal-regular-download">
                             <a href="${downloadLink}.torrent" download>
diff --git a/static/templates/index.html b/static/templates/index.html
index c6f05aa42..41c0b294a 100644
--- a/static/templates/index.html
+++ b/static/templates/index.html
@@ -77,5 +77,10 @@
         modal.remove();
       }
     }
+    async function fetchAndRedirect(link) {
+      const response = await fetch(link);
+      const magnetLink = await response.text();
+      window.location = magnetLink;
+    }
   </script>
 </html>

From 646502f9cfcf1fee1e825cfffea3e540741699d0 Mon Sep 17 00:00:00 2001
From: Manan Jethwani <mananjethwani02@gmail.com>
Date: Tue, 13 Jul 2021 20:00:43 +0530
Subject: [PATCH 3/3] changed font style for modal

---
 static/skin/home.css        | 12 +++++-------
 static/skin/index.js        | 12 ++++++------
 static/templates/index.html |  5 -----
 3 files changed, 11 insertions(+), 18 deletions(-)

diff --git a/static/skin/home.css b/static/skin/home.css
index f7742d8a9..f49548b86 100644
--- a/static/skin/home.css
+++ b/static/skin/home.css
@@ -330,16 +330,14 @@ body {
     text-decoration: none;
 }
 
-.modal-content span {
-    cursor: pointer;
-}
-
-.modal-content a>div, .modal-content span>div {
+.modal-content a>div {
     position: relative;
-    top: -26px;
+    top: -28px;
     left: 50px;
     text-decoration: underline;
-    color: black;
+    font-size: 13px;
+    font-family: poppins;
+    color: #444343;
 }
 
 .modal-content img {
diff --git a/static/skin/index.js b/static/skin/index.js
index a5904e583..90807e07c 100644
--- a/static/skin/index.js
+++ b/static/skin/index.js
@@ -143,25 +143,25 @@
                         <div class="modal-regular-download">
                             <a href="${downloadLink}" download>
                                 <img src="../skin/download.png" alt="direct download" />
-                                <div>Direct download</div>
+                                <div>Direct</div>
                             </a>
                         </div>
                         <div class="modal-regular-download">
                             <a href="${downloadLink}.sha256" download>
                                 <img src="../skin/hash.png" alt="download hash" />
-                                <div>Download sha256 hash</div>
+                                <div>Sha256 hash</div>
                             </a>
                         </div>
                         <div class="modal-regular-download">
-                            <span onclick="fetchAndRedirect('${downloadLink}.magnet')">
+                            <a href="${downloadLink}.magnet" target="_blank">
                                 <img src="../skin/magnet.png" alt="download magnet" />
-                                <div>Download magnet link</div>
-                            </span>
+                                <div>Magnet link</div>
+                            </a>
                         </div>
                         <div class="modal-regular-download">
                             <a href="${downloadLink}.torrent" download>
                                 <img src="../skin/bittorrent.png" alt="download torrent" />
-                                <div>Download torrent file</div>
+                                <div>Torrent file</div>
                             </a>
                         </div>
                     </div>
diff --git a/static/templates/index.html b/static/templates/index.html
index 41c0b294a..c6f05aa42 100644
--- a/static/templates/index.html
+++ b/static/templates/index.html
@@ -77,10 +77,5 @@
         modal.remove();
       }
     }
-    async function fetchAndRedirect(link) {
-      const response = await fetch(link);
-      const magnetLink = await response.text();
-      window.location = magnetLink;
-    }
   </script>
 </html>