diff options
Diffstat (limited to 'src/components/image_cropper/image_cropper.vue')
| -rw-r--r-- | src/components/image_cropper/image_cropper.vue | 55 |
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> |
