appscms-tools-theme 0.6.7 → 0.7.2

Sign up to get free protection for your applications and to get access to all the features.
@@ -2,6 +2,7 @@
2
2
  {%- assign tool = page.tool -%}
3
3
  {%- assign data = site.data.rating.rating.tools -%}
4
4
  <div class="rating-tool">
5
+ <img id="rating-img" loading='lazy' src="/assets/images/rating.png" alt="rating-img">
5
6
  <div class="rating-text">Rate this tool</div>
6
7
  <div class="rating-stars" >
7
8
  <i class="fas fa-star rating-star"></i><i class="fas fa-star rating-star"></i
@@ -49,7 +50,11 @@ fetch('https://ratingapi-main.netlify.app/.netlify/functions/api/v1/rating/add',
49
50
  ratingValue.innerText=data.rating
50
51
  count.innerText=data.votes
51
52
  }
53
+ let ratingImg = document.querySelector('#rating-img');
54
+ console.log(ratingImg);
55
+ ratingImg.addEventListener('load', (event) => {
52
56
  fetchRating()
57
+ });
53
58
  const ratingNode=document.getElementsByClassName('rating-star')
54
59
  let ratedValue=localStorage.getItem(`${tool}rating`)
55
60
  if(ratedValue){
@@ -13,17 +13,23 @@
13
13
  <script type="application/ld+json">
14
14
  {
15
15
  "@context": "http://schema.org",
16
- "@type": "Product",
17
- "brand": "{{site.name}}",
16
+ "@type": "WebApplication",
17
+ "operatingSystem":"All - Windows/Mac/iOS/Linux/Android",
18
+ "applicationCategory":"UtilitiesApplication",
18
19
  "name": "{{name}}",
19
- "description": "{{description}}",
20
- "category": "Productivity",
20
+ "url":"{{site.url | append: page.url}}",
21
+ "image":"{{site.siteurl}}{{site.logo}}",
21
22
  "aggregateRating": {
22
- "@type": "AggregateRating",
23
+ "@type": "AggregateRating",
23
24
  "worstRating":"1",
24
25
  "bestRating":"5",
25
26
  "ratingValue": "{{rating}}",
26
27
  "ratingCount": "{{votes}}"
28
+ },
29
+ "offers": {
30
+ "@type": "Offer",
31
+ "price": "0.00",
32
+ "priceCurrency": "USD"
27
33
  }
28
34
  }
29
35
  </script>
@@ -0,0 +1,20 @@
1
+ {% assign file = page.fileName %}
2
+ {% assign lang = page.lang %}
3
+ {% assign folder = page.folderName %}
4
+ {% assign uspData= site.data[folder][lang][file] %}
5
+
6
+ <h2 class="feature-h1 my-4" >{{uspData.USP_Heading}}</h2>
7
+ <table class="table table-bordered table-striped table-light " >
8
+ <tbody>
9
+ {%- for item in uspData.USPS -%}
10
+ <tr>
11
+ <th scope="row">
12
+ {{item.USP_VALUE}}
13
+ </th>
14
+ <td>
15
+ {{item.USP_FACTOR}}
16
+ </td>
17
+ </tr>
18
+ {%- endfor -%}
19
+ </tbody>
20
+ </table>
@@ -0,0 +1,153 @@
1
+ {% assign file = page.fileName %}
2
+ {% assign lang = page.lang %}
3
+ {% assign folder = page.folderName %}
4
+ {% assign accessData= site.data[folder][lang][file] %}
5
+ {% assign compareFiles= accessData.compare_formats %}
6
+ {%- for i in compareFiles -%}
7
+ {%- if forloop.index ==1 -%}
8
+ {%- assign item = i | downcase -%}
9
+ {%- assign firstFile = site.data.files[accessData.filelang][item] -%}
10
+ {%- endif -%}
11
+ {%- if forloop.index ==2 -%}
12
+ {%- assign item = i | downcase -%}
13
+ {%- assign secondFile = site.data.files[accessData.filelang][item] -%}
14
+ {%- endif -%}
15
+ {%- endfor -%}
16
+ {%- if firstFile and secondFile -%}
17
+ {%- if firstFile.Format or secondFile.Format -%}
18
+ <h1 class="feature-h1 text-left my-4" >Details of {{firstFile.Format}} and {{secondFile.Format}} file format</h1>
19
+ {%- endif -%}
20
+ <table class="table table-bordered ">
21
+ <tbody>
22
+
23
+ {%- if firstFile.Format or secondFile.Format -%}
24
+ <tr>
25
+ <th scope="row">Format</th>
26
+ <td>{{firstFile.Format}}</td>
27
+ <td>{{secondFile.Format}}</td>
28
+ </tr>
29
+ {%- endif -%}
30
+ {%- if firstFile.ShortName or secondFile.ShortName -%}
31
+ <tr>
32
+ <th scope="row">Short Name</th>
33
+ <td>{{firstFile.ShortName}}</td>
34
+ <td>{{secondFile.ShortName}}</td>
35
+ </tr>
36
+ {%- endif -%}
37
+
38
+ {%- if firstFile.FullName or secondFile.FullName -%}
39
+ <tr>
40
+ <th scope="row">Full Name</th>
41
+ <td>{{firstFile.FullName}}</td>
42
+ <td>{{secondFile.FullName}}</td>
43
+ </tr>
44
+ {%- endif -%}
45
+ {%- if firstFile.Category or secondFile.Category -%}
46
+ <tr>
47
+ <th scope="row">Category</th>
48
+ <td>{{firstFile.Category}}</td>
49
+ <td>{{secondFile.Category}}</td>
50
+ </tr>
51
+ {%- endif -%}
52
+ {%- if firstFile.Pros or secondFile.Pros -%}
53
+ <tr>
54
+ <th scope="row">Pros</th>
55
+ <td>{{firstFile.Pros}}</td>
56
+ <td>{{secondFile.Pros}}</td>
57
+ </tr>
58
+ {%- endif -%}
59
+ {%- if firstFile.Cons or secondFile.Cons -%}
60
+ <tr>
61
+ <th scope="row">Cons</th>
62
+ <td>{{firstFile.Cons}}</td>
63
+ <td>{{secondFile.Cons}}</td>
64
+ </tr>
65
+ {%- endif -%}
66
+ {%- if firstFile.CreatedbyName or secondFile.CreatedbyName -%}
67
+ <tr>
68
+ <th scope="row">CreatedbyName</th>
69
+ <td>{{firstFile.CreatedbyName}}</td>
70
+ <td>{{secondFile.CreatedbyName}}</td>
71
+ </tr>
72
+ {%- endif -%}
73
+ {%- if firstFile.CreatedbyLink or secondFile.CreatedbyLink -%}
74
+ <tr>
75
+ <th scope="row">CreatedbyLink</th>
76
+ <td>{{firstFile.CreatedbyLink}}</td>
77
+ <td>{{secondFile.CreatedbyLink}}</td>
78
+ </tr>
79
+ {%- endif -%}
80
+ {%- if firstFile.CreatedInYear or secondFile.CreatedInYear -%}
81
+ <tr>
82
+ <th scope="row">CreatedInYear</th>
83
+ <td>{{firstFile.CreatedInYear}}</td>
84
+ <td>{{secondFile.CreatedInYear}}</td>
85
+ </tr>
86
+ {%- endif -%}
87
+ {%- if firstFile.BasicInformation or secondFile.BasicInformation -%}
88
+ <tr>
89
+ <th scope="row">BasicInformation</th>
90
+ <td>{{firstFile.BasicInformation}}</td>
91
+ <td>{{secondFile.BasicInformation}}</td>
92
+ </tr>
93
+ {%- endif -%}
94
+ {%- if firstFile.DetailedInformation or secondFile.DetailedInformation -%}
95
+ <tr>
96
+ <th scope="row">DetailedInformation</th>
97
+ <td>{{firstFile.DetailedInformation}}</td>
98
+ <td>{{secondFile.DetailedInformation}}</td>
99
+ </tr>
100
+ {%- endif -%}
101
+ {%- if firstFile.Softwaresused or secondFile.Softwaresused -%}
102
+ <tr>
103
+ <th scope="row">Platform Supported</th>
104
+ <td>
105
+ {%- for item in firstFile.Softwaresused -%}
106
+ <ul class="pl-0" >
107
+ <li><b>{{item.platform}}</b> </li>
108
+ <div class="pl-0 d-flex flex-wrap justify-content-between softwares-section flex-column " >
109
+ {%- for data in item.softwares -%}
110
+ <div class="d-flex mb-3" >
111
+ {%- if data.image -%}
112
+ <img src={{data.image}} alt="software" loading='lazy' >
113
+ {%- endif -%}
114
+ <div >
115
+ <a class="d-block software-name" href="{{data.link}}"><div>{{data.name}}</div></a>
116
+ <div class="software-value" >{{data.type}}</div>
117
+ </div>
118
+ </div>
119
+
120
+ {%- endfor -%}
121
+ </div>
122
+ </ul>
123
+ {%- endfor -%}
124
+ </td>
125
+ <td>
126
+ {%- for item in secondFile.Softwaresused -%}
127
+ <ul>
128
+ <li><b>{{item.platform}}</b> </li>
129
+ <div class="pl-0 d-flex flex-wrap justify-content-between softwares-section flex-column " >
130
+ {%- for data in item.softwares -%}
131
+ <div class="d-flex mb-3" >
132
+ {%- if data.image -%}
133
+ <img src={{data.image}} alt="software" loading='lazy' >
134
+ {%- endif -%}
135
+ <div >
136
+ <a class="d-block software-name" href="{{data.link}}"><div>{{data.name}}</div></a>
137
+ <div class="software-value" >{{data.type}}</div>
138
+ </div>
139
+ </div>
140
+
141
+ {%- endfor -%}
142
+ </div>
143
+ </ul>
144
+ {%- endfor -%}
145
+ </td>
146
+ </tr>
147
+ {%- endif -%}
148
+
149
+ </tbody>
150
+ </table>
151
+ {%- else -%}
152
+
153
+ {%- endif -%}
@@ -0,0 +1,104 @@
1
+ {% assign file = page.fileName %}
2
+ {% assign lang = page.lang %}
3
+ {% assign folder = page.folderName %}
4
+ {% assign accessData= site.data[folder][lang][file] %}
5
+ {% assign filesData= accessData.display_formats %}
6
+ {%- for i in filesData -%}
7
+ {%- assign item = i | downcase -%}
8
+ {%- assign fileData = site.data.files[accessData.filelang][item] -%}
9
+ {%- assign static = site.static_files -%}
10
+ {%- if fileData.size>0 -%}
11
+ <div class="col-12">
12
+ <h2 class="feature-h1 text-left my-4" >{{fileData.Format}}</h2>
13
+ </div>
14
+ <table class="table table-bordered " >
15
+ <tbody>
16
+ {%- if fileData.ShortName -%}
17
+ <tr >
18
+ <th scope="row" class="pr-5">Short Name </th>
19
+ <td>{{fileData.ShortName}}</td>
20
+ </tr>
21
+ {%- endif -%}
22
+ {%- if fileData.FullName -%}
23
+ <tr >
24
+ <th scope="row" class="pr-5">Full Name </th>
25
+ <td>{{fileData.FullName}}</td>
26
+ </tr>
27
+ {%- endif -%}
28
+ {%- if fileData.Category -%}
29
+ <tr >
30
+ <th scope="row" class="pr-5">Category</th>
31
+ <td>{{fileData.Category}}</td>
32
+ </tr>
33
+ {%- endif -%}
34
+ {%- if fileData.Pros -%}
35
+ <tr >
36
+ <th scope="row" class="pr-5">Pros</th>
37
+ <td>{{fileData.Pros}}</td>
38
+ </tr>
39
+ {%- endif -%}
40
+ {%- if fileData.Cons -%}
41
+ <tr >
42
+ <th scope="row" class="pr-5">Cons</th>
43
+ <td>{{fileData.Cons}}</td>
44
+ </tr>
45
+ {%- endif -%}
46
+ {%- if fileData.BasicInformation -%}
47
+ <tr >
48
+ <th scope="row" class="pr-5">Basic Information</th>
49
+ <td>{{fileData.BasicInformation}}</td>
50
+ </tr>
51
+ {%- endif -%}
52
+ {%- if fileData.DetailedInformation -%}
53
+ <tr >
54
+ <th scope="row" class="pr-5">Detailed Information</th>
55
+ <td>{{fileData.DetailedInformation}}</td>
56
+ </tr>
57
+ {%- endif -%}
58
+ {%- if fileData.CreatedbyName -%}
59
+ <tr >
60
+ <th scope="row" class="pr-5">Created by</th>
61
+ <td>{{fileData.CreatedbyName}}</td>
62
+ </tr>
63
+ {%- endif -%}
64
+ {%- if fileData.CreatedbyLink -%}
65
+ <tr >
66
+ <th scope="row" class="pr-5">Created by Link</th>
67
+ <td>{{fileData.CreatedbyLink}}</td>
68
+ </tr>
69
+ {%- endif -%}
70
+ {%- if fileData.CreatedInYear -%}
71
+ <tr >
72
+ <th scope="row" class="pr-5">Created In Year</th>
73
+ <td>{{fileData.CreatedInYear}}</td>
74
+ </tr>
75
+ {%- if fileData.Softwaresused -%}
76
+ <tr>
77
+ <th scope="row">Platforms Supported</th>
78
+ <td class="d-flex flex-wrap " >
79
+ {%- for item in fileData.Softwaresused -%}
80
+ <ul class="pl-0 pr-md-5" >
81
+ <li><b>{{item.platform}}</b> </li>
82
+ <div class="pl-0 d-flex flex-wrap justify-content-between softwares-section flex-column " >
83
+ {%- for data in item.softwares -%}
84
+ <div class="d-flex mb-3" >
85
+ {%- if data.image -%}
86
+ <img src={{data.image}} alt="software" loading='lazy' >
87
+ {%- endif -%}
88
+ <div >
89
+ <a class="d-block software-name" href="{{data.link}}"><div>{{data.name}}</div></a>
90
+ <div class="software-value" >{{data.type}}</div>
91
+ </div>
92
+ </div>
93
+ {%- endfor -%}
94
+ </div>
95
+ </ul>
96
+ {%- endfor -%}
97
+ </td>
98
+ </tr>
99
+ {%- endif -%}
100
+ {%- endif -%}
101
+ </tbody>
102
+ </table>
103
+ {%- endif -%}
104
+ {%- endfor -%}
@@ -4,7 +4,7 @@
4
4
  <div class="container">
5
5
  <div class="footer-wrapper">
6
6
  {%- if dataToShow.logo -%}
7
- <div class="footer-logo-cont"><img loading="lazy" src="{{dataToShow.logo}}" height="100px" width='180px' title="logo"
7
+ <div class="footer-logo-cont"><img loading="lazy" src="{{dataToShow.logo}}" title="logo"
8
8
  class="footer-logo">
9
9
  <div class="footer-title">{{dataToShow.heading}}</div>
10
10
  </div>
@@ -3,7 +3,7 @@
3
3
  {% assign lang = page.lang %}
4
4
  {% assign dataArr = site.data.[page.folderName][lang][file] %}
5
5
  {% assign dataToShow = dataArr %}
6
- {% assign title = dataToShow.TITLE | replace:"$variable", page.value | default: site.title %}
6
+ {% assign title = dataToShow.TITLE | replace:"$variable", page.value | default:page.title | default: site.title %}
7
7
  {% assign description = dataToShow.META | replace:"$variable", page.value | default: site.description %}
8
8
  {% assign keywords = dataToShow.keywords %}
9
9
  {% assign favicon = site.favicon %}
@@ -62,19 +62,19 @@
62
62
  {
63
63
  "@context": "http://schema.org",
64
64
  "@type": "HowTo",
65
- "name": "{{dataToShow.HOW_TO_CONTENT.heading}}",
65
+ "name": "{{dataToShow.HOW_TO_CONTENT.heading | replace:'"', "'" }}",
66
66
  "image": "{{site.siteurl}}{{dataToShow.HOW_TO_CONTENT.logoImageUrl}}",
67
67
  "step": [
68
68
  {%- for item in dataToShow.HOW_TO_CONTENT.steps-%}
69
69
  {%- if forloop.last == true -%}
70
70
  { "@type": "HowToStep",
71
- "text": "{{item}}",
71
+ "text": "{{item | replace:'"', "'" }}",
72
72
  "image": "{{site.siteurl}}{{dataToShow.HOW_TO_CONTENT.logoImageUrl}}",
73
73
  "url": "{{site.siteurl}}#step{{ forloop.index }}"
74
74
  }
75
75
  {%- else -%}
76
76
  { "@type": "HowToStep",
77
- "text": "{{item}}",
77
+ "text": "{{item | replace:'"', "'" }}",
78
78
  "image": "{{site.siteurl}}{{dataToShow.HOW_TO_CONTENT.logoImageUrl}}",
79
79
  "url": "{{site.siteurl}}#step{{ forloop.index}}"
80
80
  },
@@ -95,18 +95,18 @@
95
95
  {%- for item in dataToShow.FAQ-%}
96
96
  {%- if forloop.last == true -%}
97
97
  {"@type": "Question",
98
- "name": "{{item.question}}",
98
+ "name": "{{item.question | replace:'"', "'" }}",
99
99
  "acceptedAnswer": {
100
100
  "@type": "Answer",
101
- "text": "{{item.answer}}"
101
+ "text": "{{item.answer | replace:'"', "'" }}"
102
102
  }
103
103
  }
104
104
  {%- else -%}
105
105
  {"@type": "Question",
106
- "name": "{{item.question}}",
106
+ "name": "{{item.question | replace:'"', "'" }}",
107
107
  "acceptedAnswer": {
108
108
  "@type": "Answer",
109
- "text": "{{item.answer}}"
109
+ "text": "{{item.answer | replace:'"', "'" }}"
110
110
  }
111
111
  },
112
112
  {%- endif -%}
@@ -1,5 +1,5 @@
1
1
  <header id="header">
2
- <nav class="navbar navbar-expand-lg navbar-dark bg-light mx-xl-4 py-3">
2
+ <nav class="navbar navbar-expand-lg navbar-dark bg-light py-3">
3
3
  {%- assign navbar = site.data.blog.nav -%}
4
4
  {% if navbar.navbarBrandText != "" %}
5
5
  <a class="navbar-brand" href="/" title="{{navbar.navbarBrandText}}">{{navbar.navbarBrandText}}</a>
@@ -1,5 +1,8 @@
1
1
  {% assign lang = page.lang %}
2
2
  {% assign dataToShow = site.data.header[lang].data %}
3
+ {% assign file = page.fileName %}
4
+ {% assign folder = page.folderName %}
5
+ {% assign Data= site.data[folder][lang][file] %}
3
6
  <header class="nav-header">
4
7
 
5
8
  <nav class="navbar navbar-expand-lg py-3 px-sm-2">
@@ -18,19 +21,25 @@
18
21
  </button>
19
22
 
20
23
  <div class="collapse navbar-collapse" id="navbarSupportedContent">
21
- {%- if dataToShow.megaMenu -%}
22
- <li class="nav-item nav__item">
24
+
25
+ {%- if Data.megaMenu -%}
26
+ <li class="nav-item nav__item">
23
27
  <a class="dropdown-toggle ml-lg-5" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
24
- {{dataToShow.megaMenu.nav-link-name}}
28
+ {{Data.megaMenu.nav-link-name}}
25
29
  </a>
26
30
  <ul class="dropmenu dropdown-menu" aria-labelledby="navbarDropdown">
27
31
  <div class="inner-dropdown">
28
- {%- for item in dataToShow.megaMenu.dropdown -%}
32
+ {%- for item in Data.megaMenu.dropdown -%}
29
33
  <div class="catPad mb-4">
30
34
  <li class="text-muted">{{item.categoryName}}</li>
31
35
  <div> {%- for item in item.links -%}
32
36
  <li>
33
- <a href="{{item.url}}"><img class="d-inline mr-2" loading="lazy" style="height:20px;width:20px;" src="{{item.iconSrc}}">{{item.name}}</li></a>
37
+ <a href="{{item.url}}">
38
+ {%- if item.iconSrc -%}
39
+ <img class="d-inline mr-2" loading="lazy" style="height:20px;width:20px;" src="{{item.iconSrc}}">
40
+ {%- endif -%}
41
+ {{item.name}}
42
+ </a></li>
34
43
  {%- endfor -%}
35
44
  </div>
36
45
  </div>
@@ -38,7 +47,35 @@
38
47
  </div>
39
48
  </ul>
40
49
  </li>
50
+ {%- else -%}
51
+ {%- if dataToShow.megaMenu -%}
52
+ <li class="nav-item nav__item">
53
+ <a class="dropdown-toggle ml-lg-5" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
54
+ {{dataToShow.megaMenu.nav-link-name}}
55
+ </a>
56
+ <ul class="dropmenu dropdown-menu" aria-labelledby="navbarDropdown">
57
+ <div class="inner-dropdown">
58
+ {%- for item in dataToShow.megaMenu.dropdown -%}
59
+ <div class="catPad mb-4">
60
+ <li class="text-muted">{{item.categoryName}}</li>
61
+ <div> {%- for item in item.links -%}
62
+ <li>
63
+ <a href="{{item.url}}">
64
+ {%- if item.iconSrc -%}
65
+ <img class="d-inline mr-2" loading="lazy" style="height:20px;width:20px;" src="{{item.iconSrc}}">
66
+ {%- endif -%}
67
+ {{item.name}}</a> </li>
68
+ {%- endfor -%}
69
+ </div>
70
+ </div>
71
+ {%- endfor -%}
72
+ </div>
73
+ </ul>
74
+ </li>
75
+ {%- endif -%}
41
76
  {%- endif -%}
77
+
78
+
42
79
  <ul class="navbar-nav mr-auto ">
43
80
  {% for item in dataToShow.navItems %}
44
81
  <li class="nav-item nav__item">
@@ -46,10 +83,10 @@
46
83
  </li>
47
84
  {% endfor %}
48
85
  </ul>
49
- </nav>
50
86
  </div>
51
- </nav>
52
87
  </div>
88
+ </nav>
89
+
53
90
  </header>
54
91
 
55
92