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 4.7KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154
  1. <template>
  2. <div class="c-preferences">
  3. <section v-show="currentValue.advanced.transformMode !== 'import-maskfin'" id="preferences-runs" class="box box--items">
  4. <div class="box__header">
  5. <h2 class="title">
  6. Per run.
  7. </h2>
  8. <h3 class="subtitle">
  9. Customize what will happen when you nudify.
  10. </h3>
  11. </div>
  12. <div class="box__content">
  13. <box-item
  14. label="Runs."
  15. description="Number of times the photo will be nudified.">
  16. <input v-model="currentValue.body.executions" type="number" min="1" class="input">
  17. </box-item>
  18. <box-item
  19. label="Randomize."
  20. description="Set random body preferences at each run.">
  21. <select v-model="currentValue.body.randomize" class="input">
  22. <option :value="true">
  23. Enabled
  24. </option>
  25. <option :value="false">
  26. Disabled
  27. </option>
  28. </select>
  29. </box-item>
  30. <box-item
  31. v-show="!currentValue.body.randomize"
  32. label="Progressive."
  33. :description="`Body preferences will increase ${currentValue.body.progressive.rate} at each run.`">
  34. <select v-model="currentValue.body.progressive.enabled" class="input">
  35. <option :value="true">
  36. Enabled
  37. </option>
  38. <option :value="false">
  39. Disabled
  40. </option>
  41. </select>
  42. </box-item>
  43. <box-item
  44. v-show="!currentValue.body.randomize && currentValue.body.progressive.enabled"
  45. label="Progressive rate."
  46. :description="`Value: ${currentValue.body.progressive.rate}`">
  47. <VueSlider v-model="currentValue.body.progressive.rate" :min="0.1" :max="0.9" :interval="0.05" />
  48. </box-item>
  49. </div>
  50. </section>
  51. <!-- Boobs -->
  52. <Preference id="preferences-body" v-model="currentValue.body.boobs" label="Boobs" />
  53. <!-- Areola -->
  54. <Preference v-model="currentValue.body.areola" label="Areola" :min="0" />
  55. <!-- Nipple -->
  56. <Preference v-model="currentValue.body.nipple" label="Nipple" :min="0" />
  57. <!-- Vagina -->
  58. <Preference v-model="currentValue.body.vagina" label="Vagina" :max="1.5" />
  59. <!-- Pubic Hair -->
  60. <Preference v-model="currentValue.body.pubicHair" label="Pubic Hair" :min="0" />
  61. <!-- Advanced -->
  62. <section id="preferences-advanced" class="box box--items">
  63. <div class="box__header">
  64. <h2 class="title">
  65. Advanced.
  66. </h2>
  67. <h3 class="subtitle">
  68. Additional processing settings.
  69. </h3>
  70. </div>
  71. <div class="box__content">
  72. <box-item
  73. id="preferences-advanced-scale"
  74. label="Scale method."
  75. description="Indicates how the photo will be scaled, this changes the quality of the result dramatically.">
  76. <select v-model="currentValue.advanced.scaleMode" class="input">
  77. <option value="none">
  78. None
  79. </option>
  80. <option value="auto-rescale">
  81. Fixed
  82. </option>
  83. <option value="auto-resize">
  84. Scale and pad
  85. </option>
  86. <option value="auto-resize-crop">
  87. Scale and crop
  88. </option>
  89. <option value="overlay">
  90. Overlay
  91. </option>
  92. <option value="cropjs">
  93. Crop
  94. </option>
  95. </select>
  96. </box-item>
  97. <box-item
  98. id="preferences-advanced-color"
  99. label="Color transfer."
  100. description="Use a experimental algorithm to try to recover the original colors of the photo.">
  101. <select v-model="currentValue.advanced.useColorTransfer" class="input">
  102. <option :value="true">
  103. Enabled
  104. </option>
  105. <option :value="false">
  106. Disabled
  107. </option>
  108. </select>
  109. </box-item>
  110. <box-item
  111. label="Transformation method."
  112. description="Advanced users. Indicates additional options for transformation.">
  113. <select v-model="currentValue.advanced.transformMode" class="input">
  114. <option value="normal">
  115. Nudify
  116. </option>
  117. <option value="export-maskfin">
  118. Nudify & Maskfin
  119. </option>
  120. <option value="import-maskfin">
  121. Nudify with Maskfin
  122. </option>
  123. </select>
  124. </box-item>
  125. </div>
  126. </section>
  127. </div>
  128. </template>
  129. <script>
  130. import { tutorial } from '~/modules'
  131. import { VModel } from '~/mixins'
  132. export default {
  133. mixins: [VModel],
  134. mounted() {
  135. tutorial.preferences()
  136. },
  137. }
  138. </script>