| <div id="weight-helper" style="transform: scale({{scale}});"> |
| <wh:preview> |
| {{#with preview}} |
| {{#if hasResponse}} |
| <div id="wh:preview-pane" class="preview-pane card" data-name="{{modelName}}" style="{{pos pos}}"> |
| <img class="preview" src="{{previewUrl}}" style="height: {{height}}px;"> |
| <div id="wh:preview__top-row" class="action-row button-top"> |
| {{#if modelName}}{{#if definedExtraNetworksRequestMetadata}}{{#if hasMetadata}} |
| <div id="wh:preview__metadata" class="metadata-btn card-btn" title="Show internal metadata"></div> |
| {{/if}}{{/if}}{{/if}} |
| {{#if modelName}}{{#if definedExtraNetworksEditUserMetadata}} |
| <div id="wh:preview__edit" class="edit-btn card-btn" title="Edit metadata"></div> |
| {{/if}}{{/if}} |
| {{#if modelId}} |
| <div id="wh:preview__civitai" class="civitai-btn card-btn" title="Open civitai"></div> |
| {{/if}} |
| {{#if hasTriggerWords}} |
| <div id="wh:preview__add-trigger" class="add-trigger-btn card-btn" title="Add trigger words"></div> |
| {{/if}} |
| </div> |
| {{#if description}} |
| <div id="wh:preview__bottom-row" class="action-row button-bottom"> |
| <div id="wh:preview__note-open" class="card-btn note-btn"></div> |
| </div> |
| <textarea id="wh:preview__desc" class="description">{{description}}</textarea> |
| <div id="wh:preview__note-close" class="card-btn description-close-btn"></div> |
| {{/if}} |
| </div> |
| {{/if}} |
| {{/with}} |
| </wh:preview> |
| <header id="wh:header"> |
| <span> |
| {{#with lock}} |
| <span id="wh:lock" class="lock {{flag}}" style="{{visible visible}}"> |
| <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"> |
| <path d="M21,10H19V7A7,7,0,0,0,5,7v3H3a1,1,0,0,0-1,1v9a4,4,0,0,0,4,4H18a4,4,0,0,0,4-4V11A1,1,0,0,0,21,10Zm-9,9.5A2.5,2.5,0,1,1,14.5,17,2.5,2.5,0,0,1,12,19.5ZM15,10H9V7a3,3,0,0,1,6,0v3Z"></path> |
| </svg> |
| </span> |
| {{/with}} |
| <label class="name">{{title}}</label> |
| </span> |
| <div class="history"> |
| <a id="wh:clear" class="icon">clear</a> |
| <div class="page"> |
| <a id="wh:page__prev" class="icon"><</a> |
| <label id="wh:page__label" class="page-label">{{page}}</label> |
| <a id="wh:page__next" class="icon">></a> |
| </div> |
| </div> |
| </header> |
| <span id="wh:metadata" class="metadata"> |
| <span> |
| <span>Alg</span> |
| <span id="wh:metadata__alg">-----</span> |
| </span> |
| <span> |
| <span>SD</span> |
| <span id="wh:metadata__sdver">-----</span> |
| </span> |
| <a id="wh:reload" class="icon mini svg"> |
| <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 492 492"> |
| <g> |
| <path d="M484.08,296.216c-5.1-5.128-11.848-7.936-19.032-7.936H330.516c-14.828,0-26.86,12.036-26.86,26.868v22.796 |
| c0,7.168,2.784,14.064,7.884,19.16c5.092,5.088,11.82,8.052,18.976,8.052H366.1c-31.544,30.752-74.928,50.08-120.388,50.08 |
| c-71.832,0-136.028-45.596-159.744-113.344c-5.392-15.404-19.972-25.784-36.28-25.784c-4.316,0-8.592,0.708-12.7,2.144 |
| c-9.692,3.396-17.48,10.352-21.932,19.596c-4.456,9.248-5.04,19.684-1.648,29.368c34.496,98.54,127.692,164.74,232.144,164.74 |
| c64.132,0,123.448-23.948,169.572-67.656v25.22c0,14.836,12.384,27.108,27.224,27.108h22.792c14.84,0,26.86-12.272,26.86-27.108 |
| V315.24C492,308.056,489.2,301.304,484.08,296.216z"></path> |
| </g> |
| <g> |
| <path d="M478.628,164.78C444.132,66.244,350.916,0.044,246.464,0.044c-64.136,0-123.464,23.952-169.588,67.66v-25.22 |
| c0-14.832-12.344-27.112-27.184-27.112H26.896C12.06,15.372,0,27.652,0,42.484V176.76c0,7.18,2.824,13.868,7.944,18.964 |
| c5.096,5.128,11.86,7.932,19.044,7.932l-0.08,0.06h134.604c14.84,0,26.832-12.028,26.832-26.86v-22.8 |
| c0-14.836-11.992-27.216-26.832-27.216h-35.576c31.544-30.752,74.932-50.076,120.392-50.076 |
| c71.832,0,136.024,45.596,159.74,113.348c5.392,15.404,19.968,25.78,36.28,25.78c4.32,0,8.588-0.704,12.7-2.144 |
| c9.696-3.396,17.48-10.348,21.932-19.596C481.432,184.9,482.02,174.472,478.628,164.78z"></path> |
| </g> |
| </svg> |
| </a> |
| </span> |
| {{#each weights}} |
| <section id="wh:weight_{{this.group}}" class="wh:weight border p" data-group="{{this.group}}" style="{{display this.visible}}"> |
| <span> |
| <label>{{this.label}}</label> |
| {{#if this.useCheck}} |
| <input class="wh:check" type="checkbox" {{checked this.checked}}> |
| {{/if}} |
| </span> |
| <div class="f f-c g-4"> |
| <input class="wh:slider slider" type="range" value="{{this.sliderValue}}" min="{{this.sliderMin}}" max="{{this.sliderMax}}" step="{{this.sliderStep}}"> |
| <input class="wh:updown value" type="number" value="{{this.updownValue}}" step="{{this.updownStep}}"> |
| </div> |
| </section> |
| {{/each}} |
| <button id="wh:extra_button" style="{{display extraButton.visible}}">show more options</button> |
| <section class="border p"> |
| <label>LBW</label> |
| <div class="f col g-4 w-fill"> |
| <div class="f g-2 f-end"> |
| <select id="wh:lora_type" style="flex-grow: 1;"> |
| {{#each loraTypes}} |
| <option value="{{this.value}}" {{#if this.selected}}selected{{/if}}>{{this.name}}</option> |
| {{/each}} |
| </select> |
| <div class="border p f g-2 f-end"> |
| <div class="f g-2 f-end"> |
| {{#each sdvers}} |
| <input id="wh:sdver_{{lower this.value}}" class="wh:sdver" value="{{this.value}}" type="radio" name="sd-version" {{checked this.checked}}> |
| <label class="radio-label" for="wh:sdver_{{lower this.value}}">{{this.name}}</label> |
| {{/each}} |
| </div> |
| </div> |
| </div> |
| <div class="f g-2 f-end"> |
| <select class="wh:preset_select" style="flex-grow: 1;"> |
| <wh:lbwpresets> |
| <option value=""></option> |
| {{#each presets}} |
| <option value="{{this.value}}" {{selected this.selected}}>{{this.name}}</option> |
| {{/each}} |
| </wh:lbwpresets> |
| </select> |
| <div class="p f g-2 f-end"> |
| <div class="f g-2 f-end"> |
| {{#with xyz}} |
| <input id="wh:xyz" value="XYZ" type="checkbox" {{checked checked}}> |
| <label id="wh:xyz_label" class="radio-label" for="wh:xyz">{{label}}</label> |
| {{/with}} |
| </div> |
| </div> |
| </div> |
| <div class="wh:lbwblocks f col g-2" style="display: flex;"> |
| <wh:lbwblocks> |
| {{#each lbwBlocks}} |
| <div id="wh:lbwblock_{{lower this.label}}" class="border p f g-2 col"> |
| <wh:lbws> |
| {{#each lbws}} |
| <div class="wh:lbw f g-2"> |
| <label>{{this.label}}</label> |
| <div class="f f-c g-4"> |
| <input class="wh:slider slider" type="range" data-index="{{@index}}" value="{{this.sliderValue}}" min="{{this.sliderMin}}" max="{{this.sliderMax}}" step="{{this.sliderStep}}"> |
| <input class="wh:updown value" type="number" data-index="{{@index}}" value="{{this.updownValue}}" step="{{this.updownStep}}"> |
| </div> |
| </div> |
| {{/each}} |
| </wh:lbws> |
| </div> |
| {{/each}} |
| </wh:lbwblocks> |
| </div> |
| </div> |
| </section> |
| </div> |
| |
