appscms-tools-theme 2.7.0 → 2.7.2

Sign up to get free protection for your applications and to get access to all the features.
@@ -1,57 +1,57 @@
1
- {
2
- "Language": "English",
3
- "htmlLangAtt": "en",
4
- "H1": "The frame",
5
- "H2": "Upload the image and apply your favourite border",
6
- "color": "#ff6131",
7
- "imgwidth": "35px",
8
- "imgheight": "35px",
9
- "imgalt": "altvalue",
10
- "nofileupload": true,
11
- "variant": "primary",
12
- "TITLE": "Image border tool- Surround your images with a border",
13
- "META": "Image border tool helps you to add a simple border frame to your image. You can customize border colour and width. Border sets the focal subject.",
14
- "TEXTUAL_CONTENT": [],
15
- "FAQ": [
16
- {
17
- "question": "",
18
- "answer": ""
19
- }
20
- ],
21
- "jsfilepaths": [
22
- "/assets/js/googledrive.js",
23
- "/assets/js/perspective.min.js",
24
- "https://cdnjs.cloudflare.com/ajax/libs/cropperjs/1.5.12/cropper.min.js",
25
- "/assets/js/frame.js"
26
- ],
27
- "cssfilepaths": [
28
- "https://cdnjs.cloudflare.com/ajax/libs/cropperjs/1.5.12/cropper.css",
29
- "/assets/css/frame.css"
30
- ],
31
- "mainPreviewImage": "https://cdn.photofunia.com/effects/balloon/icons/medium.jpg",
32
- "imageSamples": [
33
- "https://cdn.photofunia.com/effects/balloon/icons/medium.jpg",
34
- "https://cdn.photofunia.com/effects/balloon/icons/medium.jpg",
35
- "https://cdn.photofunia.com/effects/balloon/icons/medium.jpg",
36
- "https://cdn.photofunia.com/effects/balloon/icons/medium.jpg"
37
- ],
38
- "image": {
39
- "src": "/assets/images/gallary.png",
40
- "height": 277,
41
- "width": 378,
42
- "x": 110,
43
- "y": 180
44
- },
45
- "effectImagePath": "/assets/images/gallary.png",
46
- "elements": [
47
- {
48
- "type": "image",
49
- "label": "Choose Your Image"
50
- },
51
- {
52
- "type": "text",
53
- "id": "text-1",
54
- "label": "text"
55
- }
56
- ]
1
+ {
2
+ "Language": "English",
3
+ "htmlLangAtt": "en",
4
+ "H1": "The frame",
5
+ "H2": "Upload the image and apply your favourite border",
6
+ "color": "#ff6131",
7
+ "imgwidth": "35px",
8
+ "imgheight": "35px",
9
+ "imgalt": "altvalue",
10
+ "nofileupload": true,
11
+ "variant": "primary",
12
+ "TITLE": "Image border tool- Surround your images with a border",
13
+ "META": "Image border tool helps you to add a simple border frame to your image. You can customize border colour and width. Border sets the focal subject.",
14
+ "TEXTUAL_CONTENT": [],
15
+ "FAQ": [
16
+ {
17
+ "question": "",
18
+ "answer": ""
19
+ }
20
+ ],
21
+ "jsfilepaths": [
22
+ "/assets/js/googledrive.js",
23
+ "/assets/js/perspective.min.js",
24
+ "https://cdnjs.cloudflare.com/ajax/libs/cropperjs/1.5.12/cropper.min.js",
25
+ "/assets/js/frame.js"
26
+ ],
27
+ "cssfilepaths": [
28
+ "https://cdnjs.cloudflare.com/ajax/libs/cropperjs/1.5.12/cropper.css",
29
+ "/assets/css/frame.css"
30
+ ],
31
+ "mainPreviewImage": "https://cdn.photofunia.com/effects/balloon/icons/medium.jpg",
32
+ "imageSamples": [
33
+ "https://cdn.photofunia.com/effects/balloon/icons/medium.jpg",
34
+ "https://cdn.photofunia.com/effects/balloon/icons/medium.jpg",
35
+ "https://cdn.photofunia.com/effects/balloon/icons/medium.jpg",
36
+ "https://cdn.photofunia.com/effects/balloon/icons/medium.jpg"
37
+ ],
38
+ "image": {
39
+ "src": "/assets/images/gallary.png",
40
+ "height": 277,
41
+ "width": 378,
42
+ "x": 110,
43
+ "y": 180
44
+ },
45
+ "effectImagePath": "/assets/images/gallary.png",
46
+ "elements": [
47
+ {
48
+ "type": "image",
49
+ "label": "Choose Your Image"
50
+ },
51
+ {
52
+ "type": "text",
53
+ "id": "text-1",
54
+ "label": "text"
55
+ }
56
+ ]
57
57
  }
@@ -1,24 +1,24 @@
1
- {
2
- "Language": "English",
3
- "htmlLangAtt": "en",
4
- "H1": "All effects",
5
- "H2": "Largest and best collection of photo effects",
6
- "color": "#ff6131",
7
- "imgwidth": "35px",
8
- "imgheight": "35px",
9
- "imgalt": "altvalue",
10
- "nofileupload": true,
11
- "variant": "primary",
12
- "TITLE": "Image border tool- Surround your images with a border",
13
- "META": "Image border tool helps you to add a simple border frame to your image. You can customize border colour and width. Border sets the focal subject.",
14
- "TEXTUAL_CONTENT": [],
15
- "FAQ": [
16
- {
17
- "question": "",
18
- "answer": ""
19
- }
20
- ],
21
- "cssfilepaths": [
22
- "/assets/css/frame.css"
23
- ]
1
+ {
2
+ "Language": "English",
3
+ "htmlLangAtt": "en",
4
+ "H1": "All effects",
5
+ "H2": "Largest and best collection of photo effects",
6
+ "color": "#ff6131",
7
+ "imgwidth": "35px",
8
+ "imgheight": "35px",
9
+ "imgalt": "altvalue",
10
+ "nofileupload": true,
11
+ "variant": "primary",
12
+ "TITLE": "Image border tool- Surround your images with a border",
13
+ "META": "Image border tool helps you to add a simple border frame to your image. You can customize border colour and width. Border sets the focal subject.",
14
+ "TEXTUAL_CONTENT": [],
15
+ "FAQ": [
16
+ {
17
+ "question": "",
18
+ "answer": ""
19
+ }
20
+ ],
21
+ "cssfilepaths": [
22
+ "/assets/css/frame.css"
23
+ ]
24
24
  }
@@ -1,58 +1,58 @@
1
- {% if page.url != '/' %}
2
- {% if jekyll.environment == 'production' and site.adsId %}
3
- <script>
4
- const autoLoadDuration = 5; //In Seconds
5
- const eventList = ["keydown", "mousemove", "wheel", "touchmove", "touchstart", "touchend"];
6
-
7
- const autoLoadTimeout = setTimeout(runScripts, autoLoadDuration * 1000);
8
-
9
- eventList.forEach(function (event) {
10
- window.addEventListener(event, triggerScripts, { passive: true })
11
- });
12
-
13
- function triggerScripts() {
14
- runScripts();
15
- clearTimeout(autoLoadTimeout);
16
- eventList.forEach(function (event) {
17
- window.removeEventListener(event, triggerScripts, { passive: true });
18
- });
19
- }
20
-
21
- function runScripts() {
22
- document.querySelectorAll("script[delay]").forEach(function (scriptTag) {
23
- scriptTag.setAttribute("src", scriptTag.getAttribute("delay"));
24
- });
25
- }
26
- </script>
27
- <script type="text/javascript" delay="/assets/js/ads.js" crossorigin="anonymous"></script>
28
- {% endif %}
29
-
30
- {% if jekyll.environment == 'development' and site.adsId %}
31
- <script>
32
- const autoLoadDuration = 5; //In Seconds
33
- const eventList = ["keydown", "mousemove", "wheel", "touchmove", "touchstart", "touchend"];
34
-
35
- const autoLoadTimeout = setTimeout(runScripts, autoLoadDuration * 1000);
36
-
37
- eventList.forEach(function (event) {
38
- window.addEventListener(event, triggerScripts, { passive: true })
39
- });
40
-
41
- function triggerScripts() {
42
- runScripts();
43
- clearTimeout(autoLoadTimeout);
44
- eventList.forEach(function (event) {
45
- window.removeEventListener(event, triggerScripts, { passive: true });
46
- });
47
- }
48
-
49
- function runScripts() {
50
- document.querySelectorAll("script[delay]").forEach(function (scriptTag) {
51
- scriptTag.setAttribute("src", scriptTag.getAttribute("delay"));
52
- });
53
- }
54
- </script>
55
- <script type="text/javascript" delay="/assets/js/ads.js" crossorigin="anonymous"></script>
56
-
57
- {% endif %}
1
+ {% if page.url != '/' %}
2
+ {% if jekyll.environment == 'production' and site.adsId %}
3
+ <script>
4
+ const autoLoadDuration = 5; //In Seconds
5
+ const eventList = ["keydown", "mousemove", "wheel", "touchmove", "touchstart", "touchend"];
6
+
7
+ const autoLoadTimeout = setTimeout(runScripts, autoLoadDuration * 1000);
8
+
9
+ eventList.forEach(function (event) {
10
+ window.addEventListener(event, triggerScripts, { passive: true })
11
+ });
12
+
13
+ function triggerScripts() {
14
+ runScripts();
15
+ clearTimeout(autoLoadTimeout);
16
+ eventList.forEach(function (event) {
17
+ window.removeEventListener(event, triggerScripts, { passive: true });
18
+ });
19
+ }
20
+
21
+ function runScripts() {
22
+ document.querySelectorAll("script[delay]").forEach(function (scriptTag) {
23
+ scriptTag.setAttribute("src", scriptTag.getAttribute("delay"));
24
+ });
25
+ }
26
+ </script>
27
+ <script type="text/javascript" delay="/assets/js/ads.js" crossorigin="anonymous"></script>
28
+ {% endif %}
29
+
30
+ {% if jekyll.environment == 'development' and site.adsId %}
31
+ <script>
32
+ const autoLoadDuration = 5; //In Seconds
33
+ const eventList = ["keydown", "mousemove", "wheel", "touchmove", "touchstart", "touchend"];
34
+
35
+ const autoLoadTimeout = setTimeout(runScripts, autoLoadDuration * 1000);
36
+
37
+ eventList.forEach(function (event) {
38
+ window.addEventListener(event, triggerScripts, { passive: true })
39
+ });
40
+
41
+ function triggerScripts() {
42
+ runScripts();
43
+ clearTimeout(autoLoadTimeout);
44
+ eventList.forEach(function (event) {
45
+ window.removeEventListener(event, triggerScripts, { passive: true });
46
+ });
47
+ }
48
+
49
+ function runScripts() {
50
+ document.querySelectorAll("script[delay]").forEach(function (scriptTag) {
51
+ scriptTag.setAttribute("src", scriptTag.getAttribute("delay"));
52
+ });
53
+ }
54
+ </script>
55
+ <script type="text/javascript" delay="/assets/js/ads.js" crossorigin="anonymous"></script>
56
+
57
+ {% endif %}
58
58
  {% endif %}
@@ -1,52 +1,52 @@
1
- {% if page.url != '/' %}
2
- {% if jekyll.environment == 'production' and site.profitablecpmgateId %}
3
- <script>
4
- const eventList = ["keydown", "mousemove", "wheel", "touchmove", "touchstart", "touchend"];
5
- eventList.forEach(function (event) {
6
- window.addEventListener(event, triggerScripts, { passive: true })
7
- });
8
-
9
- function triggerScripts() {
10
- runScripts();
11
- eventList.forEach(function (event) {
12
- window.removeEventListener(event, triggerScripts, { passive: true });
13
- });
14
- }
15
-
16
- function runScripts() {
17
- document.querySelectorAll("script[delay]").forEach(function (scriptTag) {
18
- scriptTag.setAttribute("src", scriptTag.getAttribute("delay"));
19
- });
20
- }
21
- </script>
22
- <script type="text/javascript" delay="/assets/js/append-div.js" crossorigin="anonymous"></script>
23
- <script async="async" type="text/javascript" data-cfasync="false"
24
- delay="//pl17448257.profitablecpmgate.com/{{site.profitablecpmgateId}}/invoke.js" crossorigin="anonymous"></script>
25
- {% endif %}
26
-
27
- {% if jekyll.environment == 'development' and site.profitablecpmgateId %}
28
- <script>
29
- const eventList = ["keydown", "mousemove", "wheel", "touchmove", "touchstart", "touchend"];
30
- eventList.forEach(function (event) {
31
- window.addEventListener(event, triggerScripts, { passive: true })
32
- });
33
-
34
- function triggerScripts() {
35
- runScripts();
36
- eventList.forEach(function (event) {
37
- window.removeEventListener(event, triggerScripts, { passive: true });
38
- });
39
- }
40
-
41
- function runScripts() {
42
- document.querySelectorAll("script[delay]").forEach(function (scriptTag) {
43
- scriptTag.setAttribute("src", scriptTag.getAttribute("delay"));
44
- });
45
- }
46
- </script>
47
- <script type="text/javascript" delay="/assets/js/append-div.js" crossorigin="anonymous"></script>
48
- <script async="async" type="text/javascript" data-cfasync="false"
49
- delay="//pl17448257.profitablecpmgate.com/{{site.profitablecpmgateId}}/invoke.js" crossorigin="anonymous"></script>
50
-
51
- {% endif %}
1
+ {% if page.url != '/' %}
2
+ {% if jekyll.environment == 'production' and site.profitablecpmgateId %}
3
+ <script>
4
+ const eventList = ["keydown", "mousemove", "wheel", "touchmove", "touchstart", "touchend"];
5
+ eventList.forEach(function (event) {
6
+ window.addEventListener(event, triggerScripts, { passive: true })
7
+ });
8
+
9
+ function triggerScripts() {
10
+ runScripts();
11
+ eventList.forEach(function (event) {
12
+ window.removeEventListener(event, triggerScripts, { passive: true });
13
+ });
14
+ }
15
+
16
+ function runScripts() {
17
+ document.querySelectorAll("script[delay]").forEach(function (scriptTag) {
18
+ scriptTag.setAttribute("src", scriptTag.getAttribute("delay"));
19
+ });
20
+ }
21
+ </script>
22
+ <script type="text/javascript" delay="/assets/js/append-div.js" crossorigin="anonymous"></script>
23
+ <script async="async" type="text/javascript" data-cfasync="false"
24
+ delay="//pl17448257.profitablecpmgate.com/{{site.profitablecpmgateId}}/invoke.js" crossorigin="anonymous"></script>
25
+ {% endif %}
26
+
27
+ {% if jekyll.environment == 'development' and site.profitablecpmgateId %}
28
+ <script>
29
+ const eventList = ["keydown", "mousemove", "wheel", "touchmove", "touchstart", "touchend"];
30
+ eventList.forEach(function (event) {
31
+ window.addEventListener(event, triggerScripts, { passive: true })
32
+ });
33
+
34
+ function triggerScripts() {
35
+ runScripts();
36
+ eventList.forEach(function (event) {
37
+ window.removeEventListener(event, triggerScripts, { passive: true });
38
+ });
39
+ }
40
+
41
+ function runScripts() {
42
+ document.querySelectorAll("script[delay]").forEach(function (scriptTag) {
43
+ scriptTag.setAttribute("src", scriptTag.getAttribute("delay"));
44
+ });
45
+ }
46
+ </script>
47
+ <script type="text/javascript" delay="/assets/js/append-div.js" crossorigin="anonymous"></script>
48
+ <script async="async" type="text/javascript" data-cfasync="false"
49
+ delay="//pl17448257.profitablecpmgate.com/{{site.profitablecpmgateId}}/invoke.js" crossorigin="anonymous"></script>
50
+
51
+ {% endif %}
52
52
  {% endif %}
@@ -1,90 +1,90 @@
1
- ---
2
- layout: feature
3
- ---
4
-
5
- {% assign file = page.fileName %}
6
- {% assign lang = page.lang %}
7
- {% assign folder = page.folderName %}
8
- {% assign calculatorData= site.data[folder][lang][file].calculatorData %}
9
-
10
- <div class="container">
11
- <div class="calculator-workspace">
12
- <div class="row w-100 mx-auto">
13
- <form id="calculator-form" class="w-100">
14
- {%- for item in calculatorData.calculatorRow -%}
15
- <div class="row" id="calculator-row-{{forloop.index}}">
16
- {%- if item.labelName -%}
17
- <div class="col-md-12">
18
- <div class="d-flex">
19
- <label for="{{item.labelId}}">{{item.labelName}}</label>
20
- {%- if item.toolTip -%} <span class="calculator-tooltip" data-toggle="tooltip"
21
- data-placement="top" title="{{item.toolTip}}"><i
22
- class="fas fa-info-circle"></i></span>{%-
23
- endif -%}
24
- </div>
25
- </div>
26
- {%- endif -%}
27
- {%- if item.dropDown or item.inputBox or item.dateTimePicker -%}
28
- <div class="col-md-12">
29
- <div class="d-flex calculator-inputs">
30
- {%- if item.inputBox -%}
31
- {%- assign inputBoxType = "number" -%}
32
- {%- if item.inputType -%}
33
- {%- assign inputBoxType = item.inputType -%}
34
- {%- endif -%}
35
- <input class="form-control" type="{{inputBoxType}}" name="{{item.inputName}}"
36
- id="{{item.inputId}}">
37
- {%- endif -%}
38
- {%- if item.dropDown -%}
39
- <select class="form-control" name="{{item.dropDownName}}" id="{{item.dropDownId}}"></select>
40
- {%- endif -%}
41
- {%- if item.dateTimePicker -%}
42
- <input class="form-control" type="date" name="{{item.dateTimePicker}}"
43
- id="{{item.dateTimePickerId}}">
44
- {%- endif -%}
45
- {%- if item.unit -%}
46
- <div class="unit">{{item.unit}}</div>
47
- {%- endif -%}
48
-
49
- </div>
50
-
51
- </div>
52
- {%- endif -%}
53
-
54
-
55
- </div>
56
- {%- endfor -%}
57
- <div id="dynamic-section"></div>
58
- </form>
59
-
60
- </div>
61
- <div class="row w-100 mx-auto">
62
- {%- if calculatorData.ButtonValue -%}
63
- <div class="col-12 mt-4 px-0">
64
- <div class="d-flex justify-content-end">
65
- <button class="submit-button" style="background-color:{{site.data[folder][lang][file].color}} ;"
66
- type="{{calculatorData.ButtonType}}"
67
- id="{{calculatorData.ButtonId}}">{{calculatorData.ButtonValue}}</button>
68
- </div>
69
-
70
- </div>
71
- {%- endif -%}
72
- {%- if calculatorData.resultDiv -%}
73
- <div class="col-12 mt-3">
74
- <div class="result-section" id="result-section">
75
-
76
- </div>
77
- </div>
78
- {%- endif -%}
79
- </div>
80
-
81
- </div>
82
- {%- if calculatorData.calculatorWarning-%}
83
- <div class="warning-alert-box mt-4">
84
- <div class="alert alert-danger" role="alert">
85
- {{ calculatorData.calculatorWarning }}
86
- </div>
87
- </div>
88
- {%- endif -%}
89
-
1
+ ---
2
+ layout: feature
3
+ ---
4
+
5
+ {% assign file = page.fileName %}
6
+ {% assign lang = page.lang %}
7
+ {% assign folder = page.folderName %}
8
+ {% assign calculatorData= site.data[folder][lang][file].calculatorData %}
9
+
10
+ <div class="container">
11
+ <div class="calculator-workspace">
12
+ <div class="row w-100 mx-auto">
13
+ <form id="calculator-form" class="w-100">
14
+ {%- for item in calculatorData.calculatorRow -%}
15
+ <div class="row" id="calculator-row-{{forloop.index}}">
16
+ {%- if item.labelName -%}
17
+ <div class="col-md-12">
18
+ <div class="d-flex">
19
+ <label for="{{item.labelId}}">{{item.labelName}}</label>
20
+ {%- if item.toolTip -%} <span class="calculator-tooltip" data-toggle="tooltip"
21
+ data-placement="top" title="{{item.toolTip}}"><i
22
+ class="fas fa-info-circle"></i></span>{%-
23
+ endif -%}
24
+ </div>
25
+ </div>
26
+ {%- endif -%}
27
+ {%- if item.dropDown or item.inputBox or item.dateTimePicker -%}
28
+ <div class="col-md-12">
29
+ <div class="d-flex calculator-inputs">
30
+ {%- if item.inputBox -%}
31
+ {%- assign inputBoxType = "number" -%}
32
+ {%- if item.inputType -%}
33
+ {%- assign inputBoxType = item.inputType -%}
34
+ {%- endif -%}
35
+ <input class="form-control" type="{{inputBoxType}}" name="{{item.inputName}}"
36
+ id="{{item.inputId}}">
37
+ {%- endif -%}
38
+ {%- if item.dropDown -%}
39
+ <select class="form-control" name="{{item.dropDownName}}" id="{{item.dropDownId}}"></select>
40
+ {%- endif -%}
41
+ {%- if item.dateTimePicker -%}
42
+ <input class="form-control" type="date" name="{{item.dateTimePicker}}"
43
+ id="{{item.dateTimePickerId}}">
44
+ {%- endif -%}
45
+ {%- if item.unit -%}
46
+ <div class="unit">{{item.unit}}</div>
47
+ {%- endif -%}
48
+
49
+ </div>
50
+
51
+ </div>
52
+ {%- endif -%}
53
+
54
+
55
+ </div>
56
+ {%- endfor -%}
57
+ <div id="dynamic-section"></div>
58
+ </form>
59
+
60
+ </div>
61
+ <div class="row w-100 mx-auto">
62
+ {%- if calculatorData.ButtonValue -%}
63
+ <div class="col-12 mt-4 px-0">
64
+ <div class="d-flex justify-content-end">
65
+ <button class="submit-button" style="background-color:{{site.data[folder][lang][file].color}} ;"
66
+ type="{{calculatorData.ButtonType}}"
67
+ id="{{calculatorData.ButtonId}}">{{calculatorData.ButtonValue}}</button>
68
+ </div>
69
+
70
+ </div>
71
+ {%- endif -%}
72
+ {%- if calculatorData.resultDiv -%}
73
+ <div class="col-12 mt-3">
74
+ <div class="result-section" id="result-section">
75
+
76
+ </div>
77
+ </div>
78
+ {%- endif -%}
79
+ </div>
80
+
81
+ </div>
82
+ {%- if calculatorData.calculatorWarning-%}
83
+ <div class="warning-alert-box mt-4">
84
+ <div class="alert alert-danger" role="alert">
85
+ {{ calculatorData.calculatorWarning }}
86
+ </div>
87
+ </div>
88
+ {%- endif -%}
89
+
90
90
  </div>
@@ -207,6 +207,7 @@
207
207
  </p>
208
208
  </div>
209
209
  </li>
210
+ <hr>
210
211
  {% endfor %}
211
212
  </ul>
212
213
  </div>