_layouts/appscms-imagekit.html in appscms-tools-theme-4.0.3 vs _layouts/appscms-imagekit.html in appscms-tools-theme-4.0.4
- old
+ new
@@ -1,113 +1,113 @@
----
-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
- 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
- >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">
- <img
- loading="lazy"
- src="/assets/images/loader.gif"
- alt="saving"
- {%-
- if
- site.crossorigin
- -%}
- crossorigin
- {%-
- endif
- -%}
- />
- <span class="ml-2">Saving your images...</span>
- </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">
- <img
- loading="lazy"
- src="/assets/images/loader.gif"
- alt="saving"
- {%-
- if
- site.crossorigin
- -%}
- crossorigin
- {%-
- endif
- -%}
- />
- <span class="ml-2">Saving your images...</span>
- </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
+ 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
+ >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">
+ <img
+ loading="lazy"
+ src="/assets/images/loader.gif"
+ alt="saving"
+ {%-
+ if
+ site.crossorigin
+ -%}
+ crossorigin
+ {%-
+ endif
+ -%}
+ />
+ <span class="ml-2">Saving your images...</span>
+ </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">
+ <img
+ loading="lazy"
+ src="/assets/images/loader.gif"
+ alt="saving"
+ {%-
+ if
+ site.crossorigin
+ -%}
+ crossorigin
+ {%-
+ endif
+ -%}
+ />
+ <span class="ml-2">Saving your images...</span>
+ </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>