From 4b7947d98c0625cfc53b481e2240a275e48c0d19 Mon Sep 17 00:00:00 2001
From: zotlabs <mike@macgirvin.com>
Date: Tue, 23 Jan 2018 16:36:56 -0800
Subject: replace image cropping library
---
library/cropperjs | 1 +
1 file changed, 1 insertion(+)
create mode 160000 library/cropperjs
(limited to 'library/cropperjs/examples/cropper-in-modal.html')
diff --git a/library/cropperjs b/library/cropperjs
new file mode 160000
index 000000000..6ac2b895f
--- /dev/null
+++ b/library/cropperjs
@@ -0,0 +1 @@
+Subproject commit 6ac2b895f1630d659f54b31c0900ff2085cf04df
--
cgit v1.2.3
From 1e8dcaffc977be9757b14ad23a4cc9f98c70ae60 Mon Sep 17 00:00:00 2001
From: zotlabs <mike@macgirvin.com>
Date: Tue, 23 Jan 2018 16:40:23 -0800
Subject: cleanup git issue
---
library/cropperjs | 1 -
1 file changed, 1 deletion(-)
delete mode 160000 library/cropperjs
(limited to 'library/cropperjs/examples/cropper-in-modal.html')
diff --git a/library/cropperjs b/library/cropperjs
deleted file mode 160000
index 6ac2b895f..000000000
--- a/library/cropperjs
+++ /dev/null
@@ -1 +0,0 @@
-Subproject commit 6ac2b895f1630d659f54b31c0900ff2085cf04df
--
cgit v1.2.3
From 5902528bae21b560b6be4879e5e87ed36ce099b6 Mon Sep 17 00:00:00 2001
From: zotlabs <mike@macgirvin.com>
Date: Tue, 23 Jan 2018 16:42:24 -0800
Subject: undo and redo adding new cropper library as it had a .git config from
the original project
---
library/cropperjs/examples/cropper-in-modal.html | 76 ++++++++++++++++++++++++
1 file changed, 76 insertions(+)
create mode 100644 library/cropperjs/examples/cropper-in-modal.html
(limited to 'library/cropperjs/examples/cropper-in-modal.html')
diff --git a/library/cropperjs/examples/cropper-in-modal.html b/library/cropperjs/examples/cropper-in-modal.html
new file mode 100644
index 000000000..a9ce3e80b
--- /dev/null
+++ b/library/cropperjs/examples/cropper-in-modal.html
@@ -0,0 +1,76 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+ <meta charset="utf-8">
+ <meta http-equiv="x-ua-compatible" content="ie=edge">
+ <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+ <title>Cropper.js</title>
+ <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css">
+ <link rel="stylesheet" href="../dist/cropper.css">
+ <style>
+ .img-container img {
+ max-width: 100%;
+ }
+ </style>
+</head>
+<body>
+
+ <div class="container">
+ <h1>Cropper in a Bootstrap modal</h1>
+
+ <!-- Button trigger modal -->
+ <button type="button" class="btn btn-primary" data-target="#modal" data-toggle="modal">
+ Launch the demo
+ </button>
+
+ <!-- Modal -->
+ <div class="modal fade" id="modal" role="dialog" aria-labelledby="modalLabel" tabindex="-1">
+ <div class="modal-dialog" role="document">
+ <div class="modal-content">
+ <div class="modal-header">
+ <h5 class="modal-title" id="modalLabel">Cropper</h5>
+ <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+ <span aria-hidden="true">×</span>
+ </button>
+ </div>
+ <div class="modal-body">
+ <div class="img-container">
+ <img id="image" src="../docs/images/picture.jpg" alt="Picture">
+ </div>
+ </div>
+ <div class="modal-footer">
+ <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <script src="https://code.jquery.com/jquery-3.1.1.slim.min.js"></script>
+ <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/js/bootstrap.min.js"></script>
+ <script src="../dist/cropper.js"></script>
+ <script>
+ window.addEventListener('DOMContentLoaded', function () {
+ var image = document.getElementById('image');
+ var cropBoxData;
+ var canvasData;
+ var cropper;
+
+ $('#modal').on('shown.bs.modal', function () {
+ cropper = new Cropper(image, {
+ autoCropArea: 0.5,
+ ready: function () {
+
+ // Strict mode: set crop box data first
+ cropper.setCropBoxData(cropBoxData).setCanvasData(canvasData);
+ }
+ });
+ }).on('hidden.bs.modal', function () {
+ cropBoxData = cropper.getCropBoxData();
+ canvasData = cropper.getCanvasData();
+ cropper.destroy();
+ });
+ });
+ </script>
+</body>
+</html>
--
cgit v1.2.3