added crop icon

influitive · Sep 3, 2015 · 7b2941c · 7b2941c
1 parent 3956494
commit 7b2941c
Show file tree

Hide file tree

Showing 10 changed files with 50 additions and 7 deletions.
diff --git a/infl-fonts/influicons.css b/infl-fonts/influicons.css
@@ -99,4 +99,5 @@
 .ic.ic-disqus:before { content: "\E04B" }
 .ic.ic-circle-empty:before { content: "\E04C" }
 .ic.ic-cursor-click:before { content: "\E04D" }
-.ic.ic-coins-old:before { content: "\E04E" }
+.ic.ic-crop:before { content: "\E04E" }
+.ic.ic-coins-old:before { content: "\E04F" }
diff --git a/infl-fonts/influicons.eot b/infl-fonts/influicons.eot
diff --git a/infl-fonts/influicons.html b/infl-fonts/influicons.html
@@ -395,6 +395,11 @@
             &lt;span class="ic ic-cursor-click"&gt;
         </p>
 
+        <p>
+            <span class="ic ic-crop" /></span>
+            &lt;span class="ic ic-crop"&gt;
+        </p>
+
         <p>
             <span class="ic ic-coins-old" /></span>
             &lt;span class="ic ic-coins-old"&gt;

diff --git a/infl-fonts/influicons.svg b/infl-fonts/influicons.svg
diff --git a/infl-fonts/influicons.ttf b/infl-fonts/influicons.ttf
diff --git a/infl-fonts/influicons.woff b/infl-fonts/influicons.woff
diff --git a/infl-patternlab/source/css/style.css b/infl-patternlab/source/css/style.css
diff --git a/infl-patternlab/source/js/infl-components.js b/infl-patternlab/source/js/infl-components.js
@@ -4358,6 +4358,17 @@ var UploadFile = function(initializeFilepicker, uploadOptions){
     window.filepicker.pick(optionsWithCompression, onSuccess, onError);
   }
 
+  function crop(onSuccess, ratio, image){
+    var optionsWithCrop = uploadOptions();
+    if(ratio){
+      optionsWithCrop.cropRatio = ratio;
+    }
+    optionsWithCrop.services.push('CONVERT');
+    optionsWithCrop.conversions = ['crop'];
+
+    window.filepicker.processImage(image, optionsWithCrop, onSuccess);
+  }
+
   function onError(FPError){
     console.log(FPError);
   }
@@ -4367,7 +4378,8 @@ var UploadFile = function(initializeFilepicker, uploadOptions){
     upload : upload,
     uploadWithCrop : uploadWithCrop,
     covertToImage : covertToImage,
-    uploadAndCompress : uploadAndCompress
+    uploadAndCompress : uploadAndCompress,
+    crop : crop
   };
 };
 
@@ -53923,6 +53935,8 @@ var icons = {
 
     "cursor-click": "cursor-click",
 
+    "crop": "crop",
+
     "coins-old": "coins-old",
 
 

diff --git a/infl-patternlab/source/js/patterns/atoms/influicons-list.js b/infl-patternlab/source/js/patterns/atoms/influicons-list.js
@@ -156,6 +156,8 @@ var icons = {
 
     "cursor-click": "cursor-click",
 
+    "crop": "crop",
+
     "coins-old": "coins-old",
 
 

diff --git a/infl-styles/_icon.scss b/infl-styles/_icon.scss
@@ -775,12 +775,22 @@
 }
 
 
-.ic.ic-coins-old:before {
+.ic.ic-crop:before {
   content: "\E04E"
 }
 
-@mixin ic-coins-old() {
+@mixin ic-crop() {
   font-family: 'influicons';
   content: "\E04E"
 }
 
+
+.ic.ic-coins-old:before {
+  content: "\E04F"
+}
+
+@mixin ic-coins-old() {
+  font-family: 'influicons';
+  content: "\E04F"
+}
+