_layouts/appscms-imagekit.html in appscms-tools-theme-4.5.4 vs _layouts/appscms-imagekit.html in appscms-tools-theme-4.6.2
- old
+ new
@@ -1,96 +1,96 @@
----
-layout: appscms-feature
----
-
-<div class="container">
- {%- assign pageData = site.data[page.folderName][page.lang][page.fileName] -%}
- {%- assign pageDisplay = page.display | default: "none" -%}
- <div class="workspace" style="display: {{pageDisplay}}">
- <div class="imagekit-panel">
- <div class="row">
- <div class="col-12">
- <div class="download-wrapper mt-3">
- <div class="row rowclass">
- <div class="col-7">
- <div class="d-flex align-items-center">
- <div class="select-format-title">image's format</div>
- <div class="download-format">
- <select name="image-format" id="image-format">
- {%- if pageData.downloadFormats -%} {%- for item in
- pageData.downloadFormats -%}
- <option value="{{item}}">{{item}}</option>
- {%- endfor -%} {%- else -%}
- <option value="png">png</option>
- <option value="jpg">jpg</option>
- <option value="jpeg">jpeg</option>
- <option value="webp">webp</option>
- <option value="gif">gif</option>
- {%- endif -%}
- </select>
- </div>
- </div>
- </div>
- <div class="col-5">
-
-
-
-
- <div class="d-flex align-items-center">
- <button id="download-button" style="background: var(--primary-color)">
- <svg id="download-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
- <path d="M256 0C114.6 0 0 114.6 0 256c0 141.4 114.6 256 256 256s256-114.6 256-256C512 114.6 397.4 0 256 0zM382.6 302.6l-103.1 103.1C270.7 414.6 260.9 416 256 416c-4.881 0-14.65-1.391-22.65-9.398L129.4 302.6c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L224 306.8V128c0-17.69 14.33-32 32-32s32 14.31 32 32v178.8l49.38-49.38c12.5-12.5 32.75-12.5 45.25 0S395.1 290.1 382.6 302.6z"/>
- </svg>
- <span class="button-loader"></span>
- Download
- </button>
-
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- {%- if page.commonStructure != false -%}
- <div class="row">
- {%- if page.optionPanel == false -%}
- <div class="col-md-12 mx-auto mb-2">
- <div class="select-img-panel">
- <div id="saving-data" style="display: none">
-
-<div class="appscms-loader d-flex">
- <div class="lds-roller"><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div></div>
-</div>
-
- <div class="text-center mt-4">Saving your files...</div>
- </div>
- <div id="canvas-box-panel"></div>
- </div>
- {{content}}
- </div>
- {%- else -%}
- <div class="col-md-7 mx-auto mb-2">
- <div class="select-img-panel">
- <div id="saving-data" style="display: none">
-
-<div class="appscms-loader d-flex">
- <div class="lds-roller"><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div></div>
-</div>
-
- <div class="mt-4 text-center">Saving your files...</div>
- </div>
- <div id="canvas-box-panel"></div>
- </div>
- </div>
- <div class="col-md-5">
- <div class="options-panel">
- {%- if pageData.optionPanelTitle -%}
- <div class="title">{{pageData.optionPanelTitle}}</div>
- {%- endif -%} {{content}}
- </div>
- </div>
- {%- endif -%}
- </div>
- {%- else -%} {{content}} {%- endif -%}
- </div>
- </div>
-</div>
+---
+layout: appscms-feature
+---
+
+<div class="container">
+ {%- assign pageData = site.data[page.folderName][page.lang][page.fileName] -%}
+ {%- assign pageDisplay = page.display | default: "none" -%}
+ <div class="workspace" style="display: {{pageDisplay}}">
+ <div class="imagekit-panel">
+ <div class="row">
+ <div class="col-12">
+ <div class="download-wrapper mt-3">
+ <div class="row rowclass">
+ <div class="col-7">
+ <div class="d-flex align-items-center">
+ <div class="select-format-title">image's format</div>
+ <div class="download-format">
+ <select name="image-format" id="image-format">
+ {%- if pageData.downloadFormats -%} {%- for item in
+ pageData.downloadFormats -%}
+ <option value="{{item}}">{{item}}</option>
+ {%- endfor -%} {%- else -%}
+ <option value="png">png</option>
+ <option value="jpg">jpg</option>
+ <option value="jpeg">jpeg</option>
+ <option value="webp">webp</option>
+ <option value="gif">gif</option>
+ {%- endif -%}
+ </select>
+ </div>
+ </div>
+ </div>
+ <div class="col-5">
+
+
+
+
+ <div class="d-flex align-items-center">
+ <button id="download-button" style="background: var(--primary-color)">
+ <svg id="download-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+ <path d="M256 0C114.6 0 0 114.6 0 256c0 141.4 114.6 256 256 256s256-114.6 256-256C512 114.6 397.4 0 256 0zM382.6 302.6l-103.1 103.1C270.7 414.6 260.9 416 256 416c-4.881 0-14.65-1.391-22.65-9.398L129.4 302.6c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L224 306.8V128c0-17.69 14.33-32 32-32s32 14.31 32 32v178.8l49.38-49.38c12.5-12.5 32.75-12.5 45.25 0S395.1 290.1 382.6 302.6z"/>
+ </svg>
+ <span class="button-loader"></span>
+ Download
+ </button>
+
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ {%- if page.commonStructure != false -%}
+ <div class="row">
+ {%- if page.optionPanel == false -%}
+ <div class="col-md-12 mx-auto mb-2">
+ <div class="select-img-panel">
+ <div id="saving-data" style="display: none">
+
+<div class="appscms-loader d-flex">
+ <div class="lds-roller"><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div></div>
+</div>
+
+ <div class="text-center mt-4">Saving your files...</div>
+ </div>
+ <div id="canvas-box-panel"></div>
+ </div>
+ {{content}}
+ </div>
+ {%- else -%}
+ <div class="col-md-7 mx-auto mb-2">
+ <div class="select-img-panel">
+ <div id="saving-data" style="display: none">
+
+<div class="appscms-loader d-flex">
+ <div class="lds-roller"><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div></div>
+</div>
+
+ <div class="mt-4 text-center">Saving your files...</div>
+ </div>
+ <div id="canvas-box-panel"></div>
+ </div>
+ </div>
+ <div class="col-md-5">
+ <div class="options-panel">
+ {%- if pageData.optionPanelTitle -%}
+ <div class="title">{{pageData.optionPanelTitle}}</div>
+ {%- endif -%} {{content}}
+ </div>
+ </div>
+ {%- endif -%}
+ </div>
+ {%- else -%} {{content}} {%- endif -%}
+ </div>
+ </div>
+</div>