You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

SettingsPreferences.vue 8.8KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245
  1. <template>
  2. <div class="c-settings-preferences">
  3. <section class="box box-section">
  4. <box-section-item
  5. label="Number of runs"
  6. description="The transformation can be different each time, here you can set how many times your photo will be processed. In the end you can save the one you like best.">
  7. <input v-model="currentValue.executions" type="number" min="1" class="input" />
  8. </box-section-item>
  9. <box-section-item
  10. label="Randomize every run"
  11. description="Random preferences will be set at each run">
  12. <select v-model="currentValue.randomizePreferences" class="input">
  13. <option :value="true">Enabled</option>
  14. <option :value="false">Disabled</option>
  15. </select>
  16. </box-section-item>
  17. <box-section-item
  18. v-show="!currentValue.randomizePreferences"
  19. label="Progressive every run"
  20. description="Preferences will increase their value +0.2 in each run">
  21. <select v-model="currentValue.progressivePreferences" class="input">
  22. <option :value="true">Enabled</option>
  23. <option :value="false">Disabled</option>
  24. </select>
  25. </box-section-item>
  26. </section>
  27. <section class="box box-section">
  28. <box-section-item :description="`Current value: ${currentValue.boobs.size}`" label="Boob Size">
  29. <div class="slider-container">
  30. <input
  31. v-model="currentValue.boobs.size"
  32. type="range"
  33. class="slider"
  34. in="0.3"
  35. max="2"
  36. step="0.1" />
  37. <span class="min">0.3</span>
  38. <span class="max">2.0</span>
  39. </div>
  40. </box-section-item>
  41. <box-section-item
  42. v-show="currentValue.randomizePreferences"
  43. label="Randomize"
  44. description="Randomize the value in each run.">
  45. <select v-model="currentValue.boobs.randomize" class="input">
  46. <option :value="true">Enabled</option>
  47. <option :value="false">Disabled</option>
  48. </select>
  49. </box-section-item>
  50. <box-section-item
  51. v-show="!currentValue.randomizePreferences && currentValue.progressivePreferences"
  52. label="Progressive"
  53. description="Increase the value progressively in each run">
  54. <select v-model="currentValue.boobs.progressive" class="input">
  55. <option :value="true">Enabled</option>
  56. <option :value="false">Disabled</option>
  57. </select>
  58. </box-section-item>
  59. </section>
  60. <section class="box box-section">
  61. <box-section-item :description="`Current value: ${currentValue.areola.size}`" label="Areola Size">
  62. <div class="slider-container">
  63. <input
  64. v-model="currentValue.areola.size"
  65. type="range"
  66. class="slider"
  67. in="0.3"
  68. max="2"
  69. step="0.1" />
  70. <span class="min">0.3</span>
  71. <span class="max">2.0</span>
  72. </div>
  73. </box-section-item>
  74. <box-section-item
  75. v-show="currentValue.randomizePreferences"
  76. label="Randomize"
  77. description="Randomize the value in each run.">
  78. <select v-model="currentValue.areola.randomize" class="input">
  79. <option :value="true">Enabled</option>
  80. <option :value="false">Disabled</option>
  81. </select>
  82. </box-section-item>
  83. <box-section-item
  84. v-show="!currentValue.randomizePreferences && currentValue.progressivePreferences"
  85. label="Progressive"
  86. description="Increase the value progressively in each run">
  87. <select v-model="currentValue.areola.progressive" class="input">
  88. <option :value="true">Enabled</option>
  89. <option :value="false">Disabled</option>
  90. </select>
  91. </box-section-item>
  92. </section>
  93. <section class="box box-section">
  94. <box-section-item :description="`Current value: ${currentValue.nipple.size}`" label="Nipple Size">
  95. <div class="slider-container">
  96. <input
  97. v-model="currentValue.nipple.size"
  98. type="range"
  99. class="slider"
  100. in="0.3"
  101. max="2"
  102. step="0.1" />
  103. <span class="min">0.3</span>
  104. <span class="max">2.0</span>
  105. </div>
  106. </box-section-item>
  107. <box-section-item
  108. v-show="currentValue.randomizePreferences"
  109. label="Randomize"
  110. description="Randomize the value in each run.">
  111. <select v-model="currentValue.nipple.randomize" class="input">
  112. <option :value="true">Enabled</option>
  113. <option :value="false">Disabled</option>
  114. </select>
  115. </box-section-item>
  116. <box-section-item
  117. v-show="!currentValue.randomizePreferences && currentValue.progressivePreferences"
  118. label="Progressive"
  119. description="Increase the value progressively in each run">
  120. <select v-model="currentValue.nipple.progressive" class="input">
  121. <option :value="true">Enabled</option>
  122. <option :value="false">Disabled</option>
  123. </select>
  124. </box-section-item>
  125. </section>
  126. <section class="box box-section">
  127. <box-section-item :description="`Current value: ${currentValue.vagina.size}`" label="Vagina Size">
  128. <div class="slider-container">
  129. <input
  130. v-model="currentValue.vagina.size"
  131. type="range"
  132. class="slider"
  133. in="0.3"
  134. max="1.5"
  135. step="0.1"></input>
  136. <span class="min">0.3</span>
  137. <span class="max">1.5</span>
  138. </div>
  139. </box-section-item>
  140. <box-section-item
  141. v-show="currentValue.randomizePreferences"
  142. label="Randomize"
  143. description="Randomize the value in each run.">
  144. <select v-model="currentValue.vagina.randomize" class="input">
  145. <option :value="true">Enabled</option>
  146. <option :value="false">Disabled</option>
  147. </select>
  148. </box-section-item>
  149. <box-section-item
  150. v-show="!currentValue.randomizePreferences && currentValue.progressivePreferences"
  151. label="Progressive"
  152. description="Increase the value progressively in each run">
  153. <select v-model="currentValue.vagina.progressive" class="input">
  154. <option :value="true">Enabled</option>
  155. <option :value="false">Disabled</option>
  156. </select>
  157. </box-section-item>
  158. </section>
  159. <section class="box box-section">
  160. <box-section-item :description="`Current value: ${currentValue.pubicHair.size}`" label="Pubic Hair">
  161. <div class="slider-container">
  162. <input
  163. v-model="currentValue.pubicHair.size"
  164. type="range"
  165. class="slider"
  166. in="0"
  167. max="2"
  168. step="0.1"></input>
  169. <span class="min">Disabled</span>
  170. <span class="max">2.0</span>
  171. </div>
  172. </box-section-item>
  173. <box-section-item
  174. v-show="currentValue.randomizePreferences"
  175. label="Randomize"
  176. description="Randomize the value in each run.">
  177. <select v-model="currentValue.pubicHair.randomize" class="input">
  178. <option :value="true">Enabled</option>
  179. <option :value="false">Disabled</option>
  180. </select>
  181. </box-section-item>
  182. <box-section-item
  183. v-show="!currentValue.randomizePreferences && currentValue.progressivePreferences"
  184. label="Progressive"
  185. description="Increase the value progressively in each run">
  186. <select v-model="currentValue.pubicHair.progressive" class="input">
  187. <option :value="true">Enabled</option>
  188. <option :value="false">Disabled</option>
  189. </select>
  190. </box-section-item>
  191. </section>
  192. <section class="box box-section">
  193. <box-section-item v-if="false" label="Photo restoration" description="Restore the cropped photo to the original photo.">
  194. <select v-model="currentValue.useRestoration" class="input">
  195. <option :value="true">Enabled</option>
  196. <option :value="false">Disabled</option>
  197. </select>
  198. </box-section-item>
  199. <box-section-item v-if="false" label="waifu2x" description="waifu2x will try to resize your transformed photo to 1024x1024 with the least possible quality loss.">
  200. <select v-model="currentValue.useWaifu" class="input">
  201. <option :value="true">Enabled</option>
  202. <option :value="false">Disabled</option>
  203. </select>
  204. </box-section-item>
  205. <box-section-item
  206. v-if="false"
  207. label="Use Custom Mask"
  208. hint="(Advanced) You can edit the masks of the photo before processing.">
  209. <select v-model="currentValue.useCustomMask" class="input">
  210. <option :value="false">Disabled</option>
  211. <option :value="true">Enabled</option>
  212. </select>
  213. </box-section-item>
  214. </section>
  215. </div>
  216. </template>
  217. <script>
  218. import { VModel } from '~/mixins'
  219. export default {
  220. mixins: [VModel]
  221. }
  222. </script>