aboutsummaryrefslogtreecommitdiff
path: root/src/components/image_cropper/image_cropper.vue
diff options
context:
space:
mode:
Diffstat (limited to 'src/components/image_cropper/image_cropper.vue')
-rw-r--r--src/components/image_cropper/image_cropper.vue55
1 files changed, 9 insertions, 46 deletions
diff --git a/src/components/image_cropper/image_cropper.vue b/src/components/image_cropper/image_cropper.vue
index e841256d..129e6f46 100644
--- a/src/components/image_cropper/image_cropper.vue
+++ b/src/components/image_cropper/image_cropper.vue
@@ -2,57 +2,20 @@
<div class="image-cropper">
<div v-if="dataUrl">
<div class="image-cropper-image-container">
- <img
- ref="img"
- :src="dataUrl"
- alt=""
- @load.stop="createCropper"
- >
+ <img ref="img" :src="dataUrl" alt="" @load.stop="createCropper" />
</div>
<div class="image-cropper-buttons-wrapper">
- <button
- class="btn"
- type="button"
- :disabled="submitting"
- @click="submit"
- v-text="saveText"
- />
- <button
- class="btn"
- type="button"
- :disabled="submitting"
- @click="destroy"
- v-text="cancelText"
- />
- <button
- class="btn"
- type="button"
- :disabled="submitting"
- @click="submitWithoutCropping"
- v-text="saveWithoutCroppingText"
- />
- <i
- v-if="submitting"
- class="icon-spin4 animate-spin"
- />
+ <button class="btn" type="button" :disabled="submitting" @click="submit" v-text="saveText"></button>
+ <button class="btn" type="button" :disabled="submitting" @click="destroy" v-text="cancelText"></button>
+ <button class="btn" type="button" :disabled="submitting" @click="submitWithoutCropping" v-text="saveWithoutCroppingText"></button>
+ <i class="icon-spin4 animate-spin" v-if="submitting"></i>
</div>
- <div
- v-if="submitError"
- class="alert error"
- >
- {{ submitErrorMsg }}
- <i
- class="button-icon icon-cancel"
- @click="clearError"
- />
+ <div class="alert error" v-if="submitError">
+ {{submitErrorMsg}}
+ <i class="button-icon icon-cancel" @click="clearError"></i>
</div>
</div>
- <input
- ref="input"
- type="file"
- class="image-cropper-img-input"
- :accept="mimes"
- >
+ <input ref="input" type="file" class="image-cropper-img-input" :accept="mimes">
</div>
</template>