_layouts/feature-download.html in appscms-tools-theme-3.0.8 vs _layouts/feature-download.html in appscms-tools-theme-3.0.9
- old
+ new
@@ -1,312 +1,312 @@
-{% assign file = page.fileName %}
-{% assign lang = page.lang %}
-{% assign folder = page.folderName %}
-{% assign downloadData= site.data[folder][lang][file] %}
-<!DOCTYPE html>
-<html lang="{{homeData.htmlLangAtt}}">
-{% include head/index.html %}
-
-<body>
- {% include header/index.html %}
- <div class="container">
- {%- if site.monumetricId and page.url != '/' and page.lang == "en" -%}
-
- <div class="row">
- <div class="col-md-9 mx-auto">
- {%- endif -%}
- <div class="download-section">
- <div class="row">
- <div class="col-md-12 px-0">
- <div class="success-msg-cont mb-0 ">
- <?xml version="1.0" encoding="iso-8859-1"?>
- <div class="success-greeting">
- <svg height='22px' width='22px' version="1.1" id="Layer_1"
- xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
- x="0px" y="0px" viewBox="0 0 496.158 496.158"
- style="enable-background:new 0 0 496.158 496.158;" xml:space="preserve">
- <path style="fill:#fff;" d="M496.158,248.085c0-137.021-111.07-248.082-248.076-248.082C111.07,0.003,0,111.063,0,248.085
- c0,137.002,111.07,248.07,248.082,248.07C385.088,496.155,496.158,385.087,496.158,248.085z" />
- <path style="fill:#57bd91;" d="M384.673,164.968c-5.84-15.059-17.74-12.682-30.635-10.127c-7.701,1.605-41.953,11.631-96.148,68.777
- c-22.49,23.717-37.326,42.625-47.094,57.045c-5.967-7.326-12.803-15.164-19.982-22.346c-22.078-22.072-46.699-37.23-47.734-37.867
- c-10.332-6.316-23.82-3.066-30.154,7.258c-6.326,10.324-3.086,23.834,7.23,30.174c0.211,0.133,21.354,13.205,39.619,31.475
- c18.627,18.629,35.504,43.822,35.67,44.066c4.109,6.178,11.008,9.783,18.266,9.783c1.246,0,2.504-0.105,3.756-0.322
- c8.566-1.488,15.447-7.893,17.545-16.332c0.053-0.203,8.756-24.256,54.73-72.727c37.029-39.053,61.723-51.465,70.279-54.908
- c0.082-0.014,0.141-0.02,0.252-0.043c-0.041,0.01,0.277-0.137,0.793-0.369c1.469-0.551,2.256-0.762,2.301-0.773
- c-0.422,0.105-0.641,0.131-0.641,0.131l-0.014-0.076c3.959-1.727,11.371-4.916,11.533-4.984
- C385.405,188.218,389.034,176.214,384.673,164.968z" />
- <g>
- </g>
- <g>
- </g>
- <g>
- </g>
- <g>
- </g>
- <g>
- </g>
- <g>
- </g>
- <g>
- </g>
- <g>
- </g>
- <g>
- </g>
- <g>
- </g>
- <g>
- </g>
- <g>
- </g>
- <g>
- </g>
- <g>
- </g>
- <g>
- </g>
- </svg>
- <p class="success-msg"> {{downloadData.successmessage | default: 'Hurray! your
- operation was
- completed'
- }}
- </p>
- </div>
- <button onclick="history.back()"> <i class="fas fa-redo"></i> Try processing another
- file</button>
- </div>
- <div class="try-more-features">
- <h2 class="msg_headings border-bottom-none"> {{downloadData.tryfeatureheading |
- default:
- 'You can also
- try
- These features'
- }} </h2>
- <div class="row feature-showcase ">
- {%- if downloadData.recommendedfeatures -%}
- {%- for item in downloadData.recommendedfeatures -%}
- <div class="col-md-6 pb-3">
-
- <a class="px-2 feature-showcase-div w-100 d-flex justify-content-between "
- href="{{item.url}}">
- <span><img src="{{item.logo}}" alt="feature-logo" {%- if site.crossorigin
- -%} crossorigin="anonymous" {%- endif -%}> <span class="ml-3 ">
- {{item.name}}</span></span> <span class='d-inline-block ml-auto'><i
- class="fas fa-chevron-right"></i></span> </a>
- </div>
- {%- endfor -%}
- {%- else -%}
- code2
- {%- endif -%}
-
- </div>
- </div>
- </div>
- <div class="row w-100 mx-auto">
- <div class="col-12 try-more-features">
- {%- if downloadData.recommendedsitesheading -%}
- <p class="msg_headings">{{downloadData.recommendedsitesheading}}</p>
- {%- else -%}
- <p class="msg_headings">Try our other sites for safe processing of you files ! </p>
- {%- endif -%}
- </div>
-
- {%- if downloadData.recommendedsites -%}
- {%- assign recommendedsitesData = downloadData.recommendedsites -%}
- {%- for item in recommendedsitesData -%}
- <div class="col-md-4 col-sm-6 mb-4 col-lg-3 website-wrap ">
- <img loading='lazy' class="website-img" src="{{item.logo}}" alt="{{item.name}} logo" {%-
- if site.crossorigin -%} crossorigin="anonymous" {%- endif -%}> <a target="_blank"
- href="{{item.url}}">{{item.name}}</a>
- </div>
- {%- endfor -%}
- {%- else -%}
- <div class="col-md-4 col-sm-6 mb-4 col-lg-3 website-wrap">
- <img loading='lazy' class="website-img"
- src="https://d33wubrfki0l68.cloudfront.net/0623ca017395ac8b757b16b645ff38a89963b01b/a43c6/assets/logo.svg"
- alt="safepdfkitlogo" {%- if site.crossorigin -%} crossorigin="anonymous" {%- endif
- -%}> <a target="_blank" href="https://safepdfkit.com">Safepdfkit.com</a>
- </div>
- <div class="col-md-4 col-sm-6 mb-4 col-lg-3 website-wrap">
- <img class="website-img" loading='lazy'
- src="https://d33wubrfki0l68.cloudfront.net/796c1a01dae9c2d10224fd72a820156974b26ab1/3b885/assets/images/logo.png"
- alt="Safeaudiokit-logo" {%- if site.crossorigin -%} crossorigin="anonymous" {%-
- endif -%}> <a target="_blank" href="https://safeaudiokit.com">safeaudiokit.com</a>
- </div>
- <div class="col-md-4 col-sm-6 mb-4 col-lg-3 website-wrap">
- <img class="website-img"
- src="https://d33wubrfki0l68.cloudfront.net/ab0207d780c019c54db62b002396bc8c3fddddaf/9abb9/assets/safevideokit.svg"
- alt="Safevideokitlogo" {%- if site.crossorigin -%} crossorigin="anonymous" {%- endif
- -%}> <a target="_blank" href="https://safevideokit.com">safevideokit.com</a>
- </div>
- <div class="col-md-4 col-sm-6 mb-4 col-lg-3 website-wrap ">
- <img loading='lazy' class="website-img"
- src="https://d33wubrfki0l68.cloudfront.net/2e37a1020563aa528471da7425b8e58343e2baf7/a186c/picture.png"
- alt="Safeimagekitlogo" {%- if site.crossorigin -%} crossorigin="anonymous" {%- endif
- -%}> <a target="_blank" href="https://safeimagekit.com/">safeimagekit.com</a>
- </div>
- <div class="col-md-4 col-sm-6 mb-4 col-lg-3 website-wrap">
- <img loading='lazy' class="website-img"
- src="https://d33wubrfki0l68.cloudfront.net/74bf3f3836d56b30d16137169cd4c28bf15494ed/11962/js/pt.png"
- alt="safezipkitlogo" {%- if site.crossorigin -%} crossorigin="anonymous" {%- endif
- -%}> <a target="_blank" href="https://safezipkit.com/">safezipkit.com</a>
- </div>
- <div class="col-md-4 col-sm-6 mb-4 col-lg-3 website-wrap">
- <img loading='lazy' class="website-img"
- src="https://d33wubrfki0l68.cloudfront.net/325cdfad7de6cae4a03aecfadc70b38af754cbd0/d87f9/assets/images/logo.png"
- alt="Safeimageconverter logo" {%- if site.crossorigin -%} crossorigin="anonymous"
- {%- endif -%}> <a target="_blank" href="https://safeaudioconverter.com/">
- safeaudioconverter.com
-
- </a>
- </div>
- <div class="col-md-4 col-sm-6 mb-4 col-lg-3 website-wrap">
- <img loading='lazy' class="website-img" src="/assets//images/safevideoconverter.svg"
- alt="safevideoconverter logo" {%- if site.crossorigin -%} crossorigin="anonymous"
- {%- endif -%}> <a target="_blank"
- href="https://safevideoconverter.com/">safevideoconverter.com</a>
- </div>
- <div class="col-md-4 col-sm-6 mb-4 col-lg-3 website-wrap">
- <img loading='lazy' class="website-img"
- src="https://d33wubrfki0l68.cloudfront.net/c8fef6be5192b9fa57b8503c6ad93befa361926d/a66d0/picture.svg"
- alt="safeimageconverter logo" {%- if site.crossorigin -%} crossorigin="anonymous"
- {%- endif -%}> <a target="_blank"
- href="https://safeimageconverter.com/">safeimageconverter</a>
- </div>
- {%- endif -%}
-
- </div>
- <div class="col-md-12 download-page-rate-us sites-config py-0">
- <img id="rating-img" loading='lazy' src="/assets/images/rating.png" alt="rating-img" {%- if
- site.crossorigin -%} crossorigin {%- endif -%}>
- <div class="rating-tool" style="border: none;">
- <div class="rating-text">{{downloadData.rateus | default: 'Rate us'}}</div>
- <div class="rating-stars">
- <i class="fas fa-star rating-star"></i><i class="fas fa-star rating-star"></i><i
- class="fas fa-star rating-star"></i><i class="fas fa-star rating-star"></i><i
- class="fas fa-star rating-star"></i>
- </div>
- <div class="rating-value ml-2">
- {%- for item in data -%}
- {%- if item.name ==tool -%}
- {%- assign rating = item.rating -%}
- {%- assign votes = item.votes -%}
- {%- endif -%}
- {%- endfor -%}
- <span class="rating"> <strong id='rating'>0</strong><span>/5</span> </span>
- <span class="total-ratings" id='count'>0 </span>{{downloadData.votes |
- default: 'votes'}}
- </div>
- </div>
- <script>
- const ratingValue = document.getElementById('rating')
- const count = document.getElementById('count')
- const setRating = async (rating) => {
- const name = '{{site.name}}'
- const urlParams = new URLSearchParams(window.location.search)
- let tool = urlParams.get('tool')
- const data = { website: name, feature: tool, rating: rating };
- fetch('https://ratingapi-main.netlify.app/.netlify/functions/api/v1/rating/add', {
- method: 'POST',
- headers: {
- 'Content-Type': 'application/json',
- },
- body: JSON.stringify(data),
- })
- .then(response => response.json())
- .then(data => {
- ratingValue.innerText = data.rating
- count.innerText = data.count
- })
- .catch((error) => {
- console.error('Error:', error);
- });
- }
- const urlParams = new URLSearchParams(window.location.search)
- let tool = urlParams.get('tool')
- const fetchRating = async () => {
-
- const data = await fetch(`https://ratingapi-main.netlify.app/.netlify/functions/api/v1/${tool}/rating`).then(res => res.json())
- ratingValue.innerText = data.rating
- count.innerText = data.votes
- }
- let ratingImg = document.querySelector('#rating-img');
- ratingImg.addEventListener('load', (event) => {
- fetchRating()
- });
- const ratingNode = document.getElementsByClassName('rating-star')
- let ratedValue = localStorage.getItem(`${tool}rating`)
- if (ratedValue) {
- Array.from(ratingNode).slice(0, ratedValue).map(item => {
- item.style.color = '#FDD300'
- })
- }
-
- Array.from(ratingNode).map(item => item.addEventListener('click', () => {
- const urlParams = new URLSearchParams(window.location.search)
- let tool = urlParams.get('tool')
- if (!localStorage.getItem(`${tool}rating`)) {
- function indexInClass(node) {
- var className = node.className;
- var num = 0;
- for (var i = 0; i < ratingNode.length; i++) {
- if (ratingNode[i] === node) {
- return num;
- }
- num++;
- }
- return -1;
- }
- const index = indexInClass(item)
- Array.from(ratingNode).slice(0, index + 1).map(item => {
- item.style.color = '#FDD300'
- })
- setRating(index + 1)
- localStorage.setItem(`${tool}rating`, index + 1)
- }
- }))
- </script>
- </div>
- <div class="col-12">
- <div class="download-social-share">
- {%- if site.data.blog.share.platforms -%}
- <div class="d-flex align-items-center flex-column justify-content-center" " >
- <p class=" share-heading mb-0 " >
- {%- if downloadData.socialshareheading -%}
- {{downloadData.socialshareheading}}
- {%- else -%}
- we are a free to use platform for safe processing of your files. We need to your support to grow. Help us by sharing us on social media. Thanks !
- {%- endif -%}
- </p>
-<div>
- {% assign url = site.url %}
- {% for share in site.data.blog.share.platforms %}
- {% assign link = share.link | replace: 'URL', url %}
- {{page.title}}
- <a id=" {{share.type}}" href="{{ link }}" data-toggle="tooltip"
- onclick="window.open(this.href, 'pop-up', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0'); return false;"
- data-placement="top" title="{{ share.type }}" aria-label="{{ share.type }}">
- <i class="fa-fw {{ share.icon }} mb-0 py-3"></i>
- </a>
- {% endfor %}
- </div>
- </ul>
- </ul>
- </div>
- {%- endif -%}</p>
- </div>
- </div>
-
- </div>
- </div>
- {%- if site.monumetricId and page.url != '/' and page.lang == "en" -%}
-
- </div>
- </div>
- </div>
- {%- endif -%}
- {% include footer/index.html %}
- {% include script.html %}
-
-</body>
-
+{% assign file = page.fileName %}
+{% assign lang = page.lang %}
+{% assign folder = page.folderName %}
+{% assign downloadData= site.data[folder][lang][file] %}
+<!DOCTYPE html>
+<html lang="{{homeData.htmlLangAtt}}">
+{% include head/index.html %}
+
+<body>
+ {% include header/index.html %}
+ <div class="container">
+ {%- if site.monumetricId and page.url != '/' and page.lang == "en" -%}
+
+ <div class="row">
+ <div class="col-md-9 mx-auto">
+ {%- endif -%}
+ <div class="download-section">
+ <div class="row">
+ <div class="col-md-12 px-0">
+ <div class="success-msg-cont mb-0 ">
+ <?xml version="1.0" encoding="iso-8859-1"?>
+ <div class="success-greeting">
+ <svg height='22px' width='22px' version="1.1" id="Layer_1"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
+ x="0px" y="0px" viewBox="0 0 496.158 496.158"
+ style="enable-background:new 0 0 496.158 496.158;" xml:space="preserve">
+ <path style="fill:#fff;" d="M496.158,248.085c0-137.021-111.07-248.082-248.076-248.082C111.07,0.003,0,111.063,0,248.085
+ c0,137.002,111.07,248.07,248.082,248.07C385.088,496.155,496.158,385.087,496.158,248.085z" />
+ <path style="fill:#57bd91;" d="M384.673,164.968c-5.84-15.059-17.74-12.682-30.635-10.127c-7.701,1.605-41.953,11.631-96.148,68.777
+ c-22.49,23.717-37.326,42.625-47.094,57.045c-5.967-7.326-12.803-15.164-19.982-22.346c-22.078-22.072-46.699-37.23-47.734-37.867
+ c-10.332-6.316-23.82-3.066-30.154,7.258c-6.326,10.324-3.086,23.834,7.23,30.174c0.211,0.133,21.354,13.205,39.619,31.475
+ c18.627,18.629,35.504,43.822,35.67,44.066c4.109,6.178,11.008,9.783,18.266,9.783c1.246,0,2.504-0.105,3.756-0.322
+ c8.566-1.488,15.447-7.893,17.545-16.332c0.053-0.203,8.756-24.256,54.73-72.727c37.029-39.053,61.723-51.465,70.279-54.908
+ c0.082-0.014,0.141-0.02,0.252-0.043c-0.041,0.01,0.277-0.137,0.793-0.369c1.469-0.551,2.256-0.762,2.301-0.773
+ c-0.422,0.105-0.641,0.131-0.641,0.131l-0.014-0.076c3.959-1.727,11.371-4.916,11.533-4.984
+ C385.405,188.218,389.034,176.214,384.673,164.968z" />
+ <g>
+ </g>
+ <g>
+ </g>
+ <g>
+ </g>
+ <g>
+ </g>
+ <g>
+ </g>
+ <g>
+ </g>
+ <g>
+ </g>
+ <g>
+ </g>
+ <g>
+ </g>
+ <g>
+ </g>
+ <g>
+ </g>
+ <g>
+ </g>
+ <g>
+ </g>
+ <g>
+ </g>
+ <g>
+ </g>
+ </svg>
+ <p class="success-msg"> {{downloadData.successmessage | default: 'Hurray! your
+ operation was
+ completed'
+ }}
+ </p>
+ </div>
+ <button onclick="history.back()"> <i class="fas fa-redo"></i> Try processing another
+ file</button>
+ </div>
+ <div class="try-more-features">
+ <h2 class="msg_headings border-bottom-none"> {{downloadData.tryfeatureheading |
+ default:
+ 'You can also
+ try
+ These features'
+ }} </h2>
+ <div class="row feature-showcase ">
+ {%- if downloadData.recommendedfeatures -%}
+ {%- for item in downloadData.recommendedfeatures -%}
+ <div class="col-md-6 pb-3">
+
+ <a class="px-2 feature-showcase-div w-100 d-flex justify-content-between "
+ href="{{item.url}}">
+ <span><img src="{{item.logo}}" alt="feature-logo" {%- if site.crossorigin
+ -%} crossorigin="anonymous" {%- endif -%}> <span class="ml-3 ">
+ {{item.name}}</span></span> <span class='d-inline-block ml-auto'><i
+ class="fas fa-chevron-right"></i></span> </a>
+ </div>
+ {%- endfor -%}
+ {%- else -%}
+ code2
+ {%- endif -%}
+
+ </div>
+ </div>
+ </div>
+ <div class="row w-100 mx-auto">
+ <div class="col-12 try-more-features">
+ {%- if downloadData.recommendedsitesheading -%}
+ <p class="msg_headings">{{downloadData.recommendedsitesheading}}</p>
+ {%- else -%}
+ <p class="msg_headings">Try our other sites for safe processing of you files ! </p>
+ {%- endif -%}
+ </div>
+
+ {%- if downloadData.recommendedsites -%}
+ {%- assign recommendedsitesData = downloadData.recommendedsites -%}
+ {%- for item in recommendedsitesData -%}
+ <div class="col-md-4 col-sm-6 mb-4 col-lg-3 website-wrap ">
+ <img loading='lazy' class="website-img" src="{{item.logo}}" alt="{{item.name}} logo" {%-
+ if site.crossorigin -%} crossorigin="anonymous" {%- endif -%}> <a target="_blank"
+ href="{{item.url}}">{{item.name}}</a>
+ </div>
+ {%- endfor -%}
+ {%- else -%}
+ <div class="col-md-4 col-sm-6 mb-4 col-lg-3 website-wrap">
+ <img loading='lazy' class="website-img"
+ src="https://d33wubrfki0l68.cloudfront.net/0623ca017395ac8b757b16b645ff38a89963b01b/a43c6/assets/logo.svg"
+ alt="safepdfkitlogo" {%- if site.crossorigin -%} crossorigin="anonymous" {%- endif
+ -%}> <a target="_blank" href="https://safepdfkit.com">Safepdfkit.com</a>
+ </div>
+ <div class="col-md-4 col-sm-6 mb-4 col-lg-3 website-wrap">
+ <img class="website-img" loading='lazy'
+ src="https://d33wubrfki0l68.cloudfront.net/796c1a01dae9c2d10224fd72a820156974b26ab1/3b885/assets/images/logo.png"
+ alt="Safeaudiokit-logo" {%- if site.crossorigin -%} crossorigin="anonymous" {%-
+ endif -%}> <a target="_blank" href="https://safeaudiokit.com">safeaudiokit.com</a>
+ </div>
+ <div class="col-md-4 col-sm-6 mb-4 col-lg-3 website-wrap">
+ <img class="website-img"
+ src="https://d33wubrfki0l68.cloudfront.net/ab0207d780c019c54db62b002396bc8c3fddddaf/9abb9/assets/safevideokit.svg"
+ alt="Safevideokitlogo" {%- if site.crossorigin -%} crossorigin="anonymous" {%- endif
+ -%}> <a target="_blank" href="https://safevideokit.com">safevideokit.com</a>
+ </div>
+ <div class="col-md-4 col-sm-6 mb-4 col-lg-3 website-wrap ">
+ <img loading='lazy' class="website-img"
+ src="https://d33wubrfki0l68.cloudfront.net/2e37a1020563aa528471da7425b8e58343e2baf7/a186c/picture.png"
+ alt="Safeimagekitlogo" {%- if site.crossorigin -%} crossorigin="anonymous" {%- endif
+ -%}> <a target="_blank" href="https://safeimagekit.com/">safeimagekit.com</a>
+ </div>
+ <div class="col-md-4 col-sm-6 mb-4 col-lg-3 website-wrap">
+ <img loading='lazy' class="website-img"
+ src="https://d33wubrfki0l68.cloudfront.net/74bf3f3836d56b30d16137169cd4c28bf15494ed/11962/js/pt.png"
+ alt="safezipkitlogo" {%- if site.crossorigin -%} crossorigin="anonymous" {%- endif
+ -%}> <a target="_blank" href="https://safezipkit.com/">safezipkit.com</a>
+ </div>
+ <div class="col-md-4 col-sm-6 mb-4 col-lg-3 website-wrap">
+ <img loading='lazy' class="website-img"
+ src="https://d33wubrfki0l68.cloudfront.net/325cdfad7de6cae4a03aecfadc70b38af754cbd0/d87f9/assets/images/logo.png"
+ alt="Safeimageconverter logo" {%- if site.crossorigin -%} crossorigin="anonymous"
+ {%- endif -%}> <a target="_blank" href="https://safeaudioconverter.com/">
+ safeaudioconverter.com
+
+ </a>
+ </div>
+ <div class="col-md-4 col-sm-6 mb-4 col-lg-3 website-wrap">
+ <img loading='lazy' class="website-img" src="/assets//images/safevideoconverter.svg"
+ alt="safevideoconverter logo" {%- if site.crossorigin -%} crossorigin="anonymous"
+ {%- endif -%}> <a target="_blank"
+ href="https://safevideoconverter.com/">safevideoconverter.com</a>
+ </div>
+ <div class="col-md-4 col-sm-6 mb-4 col-lg-3 website-wrap">
+ <img loading='lazy' class="website-img"
+ src="https://d33wubrfki0l68.cloudfront.net/c8fef6be5192b9fa57b8503c6ad93befa361926d/a66d0/picture.svg"
+ alt="safeimageconverter logo" {%- if site.crossorigin -%} crossorigin="anonymous"
+ {%- endif -%}> <a target="_blank"
+ href="https://safeimageconverter.com/">safeimageconverter</a>
+ </div>
+ {%- endif -%}
+
+ </div>
+ <div class="col-md-12 download-page-rate-us sites-config py-0">
+ <img id="rating-img" loading='lazy' src="/assets/images/rating.png" alt="rating-img" {%- if
+ site.crossorigin -%} crossorigin {%- endif -%}>
+ <div class="rating-tool" style="border: none;">
+ <div class="rating-text">{{downloadData.rateus | default: 'Rate us'}}</div>
+ <div class="rating-stars">
+ <i class="fas fa-star rating-star"></i><i class="fas fa-star rating-star"></i><i
+ class="fas fa-star rating-star"></i><i class="fas fa-star rating-star"></i><i
+ class="fas fa-star rating-star"></i>
+ </div>
+ <div class="rating-value ml-2">
+ {%- for item in data -%}
+ {%- if item.name ==tool -%}
+ {%- assign rating = item.rating -%}
+ {%- assign votes = item.votes -%}
+ {%- endif -%}
+ {%- endfor -%}
+ <span class="rating"> <strong id='rating'>0</strong><span>/5</span> </span>
+ <span class="total-ratings" id='count'>0 </span>{{downloadData.votes |
+ default: 'votes'}}
+ </div>
+ </div>
+ <script>
+ const ratingValue = document.getElementById('rating')
+ const count = document.getElementById('count')
+ const setRating = async (rating) => {
+ const name = '{{site.name}}'
+ const urlParams = new URLSearchParams(window.location.search)
+ let tool = urlParams.get('tool')
+ const data = { website: name, feature: tool, rating: rating };
+ fetch('https://ratingapi-main.netlify.app/.netlify/functions/api/v1/rating/add', {
+ method: 'POST',
+ headers: {
+ 'Content-Type': 'application/json',
+ },
+ body: JSON.stringify(data),
+ })
+ .then(response => response.json())
+ .then(data => {
+ ratingValue.innerText = data.rating
+ count.innerText = data.count
+ })
+ .catch((error) => {
+ console.error('Error:', error);
+ });
+ }
+ const urlParams = new URLSearchParams(window.location.search)
+ let tool = urlParams.get('tool')
+ const fetchRating = async () => {
+
+ const data = await fetch(`https://ratingapi-main.netlify.app/.netlify/functions/api/v1/${tool}/rating`).then(res => res.json())
+ ratingValue.innerText = data.rating
+ count.innerText = data.votes
+ }
+ let ratingImg = document.querySelector('#rating-img');
+ ratingImg.addEventListener('load', (event) => {
+ fetchRating()
+ });
+ const ratingNode = document.getElementsByClassName('rating-star')
+ let ratedValue = localStorage.getItem(`${tool}rating`)
+ if (ratedValue) {
+ Array.from(ratingNode).slice(0, ratedValue).map(item => {
+ item.style.color = '#FDD300'
+ })
+ }
+
+ Array.from(ratingNode).map(item => item.addEventListener('click', () => {
+ const urlParams = new URLSearchParams(window.location.search)
+ let tool = urlParams.get('tool')
+ if (!localStorage.getItem(`${tool}rating`)) {
+ function indexInClass(node) {
+ var className = node.className;
+ var num = 0;
+ for (var i = 0; i < ratingNode.length; i++) {
+ if (ratingNode[i] === node) {
+ return num;
+ }
+ num++;
+ }
+ return -1;
+ }
+ const index = indexInClass(item)
+ Array.from(ratingNode).slice(0, index + 1).map(item => {
+ item.style.color = '#FDD300'
+ })
+ setRating(index + 1)
+ localStorage.setItem(`${tool}rating`, index + 1)
+ }
+ }))
+ </script>
+ </div>
+ <div class="col-12">
+ <div class="download-social-share">
+ {%- if site.data.blog.share.platforms -%}
+ <div class="d-flex align-items-center flex-column justify-content-center" " >
+ <p class=" share-heading mb-0 " >
+ {%- if downloadData.socialshareheading -%}
+ {{downloadData.socialshareheading}}
+ {%- else -%}
+ we are a free to use platform for safe processing of your files. We need to your support to grow. Help us by sharing us on social media. Thanks !
+ {%- endif -%}
+ </p>
+<div>
+ {% assign url = site.url %}
+ {% for share in site.data.blog.share.platforms %}
+ {% assign link = share.link | replace: 'URL', url %}
+ {{page.title}}
+ <a id=" {{share.type}}" href="{{ link }}" data-toggle="tooltip"
+ onclick="window.open(this.href, 'pop-up', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0'); return false;"
+ data-placement="top" title="{{ share.type }}" aria-label="{{ share.type }}">
+ <i class="fa-fw {{ share.icon }} mb-0 py-3"></i>
+ </a>
+ {% endfor %}
+ </div>
+ </ul>
+ </ul>
+ </div>
+ {%- endif -%}</p>
+ </div>
+ </div>
+
+ </div>
+ </div>
+ {%- if site.monumetricId and page.url != '/' and page.lang == "en" -%}
+
+ </div>
+ </div>
+ </div>
+ {%- endif -%}
+ {% include footer/index.html %}
+ {% include script.html %}
+
+</body>
+
</html>
\ No newline at end of file