comment

@@ -2,7 +2,7 @@
 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
 <svg xmlns="http://www.w3.org/2000/svg">
 <metadata>
-Created by FontForge 20120731 at Wed Oct 19 11:59:28 2016
+Created by FontForge 20120731 at Thu Oct 27 21:00:01 2016
  By admin
 </metadata>
 <defs>
@@ -19,7 +19,7 @@ Created by FontForge 20120731 at Wed Oct 19 11:59:28 2016
     bbox="-0.75 -212 1160 896.75"
     underline-thickness="50"
     underline-position="-100"
-    unicode-range="U+0078-E637"
+    unicode-range="U+0078-E63A"
   />
 <missing-glyph horiz-adv-x="374" 
 d="M34 0v682h272v-682h-272zM68 34h204v614h-204v-614z" />
@@ -182,5 +182,14 @@ t117 -34.5t80 -90.5h228q27 56 80 90.5t117.5 34.5t117.5 -34.5t79 -90.5h46v765h-76
     <glyph glyph-name="uniE637" unicode="&#xe637;" 
 d="M1020 810q0 34 -24 58t-59 24h-851q-34 0 -58.5 -24t-24.5 -58v-852q0 -34 24.5 -58t58.5 -24h851q35 0 59 24t24 58v852zM815 464l-304 -304q-16 -16 -38.5 -16t-38.5 16l-191 191q-17 16 -17 39t16.5 39t39 16t38.5 -16l153 -152l264 264q16 16 39 16t39 -16t16 -38.5
 t-16 -38.5z" />
+    <glyph glyph-name="uniE638" unicode="&#xe638;" 
+d="M512 -64q-185 0 -316.5 131.5t-131.5 316.5t131.5 316.5t316.5 131.5t316.5 -131.5t131.5 -316.5t-131.5 -316.5t-316.5 -131.5zM512 768q-104 0 -192.5 -51.5t-140 -140t-51.5 -192.5t51.5 -192.5t140 -140t192.5 -51.5t192.5 51.5t140 140t51.5 192.5t-51.5 192.5
+t-140 140t-192.5 51.5zM727 502.5q-9 9.5 -22.5 9.5t-22.5 -9l-234 -236l-103 106q-9 9 -22.5 9.5t-23 -9t-9.5 -22.5t9 -23l126 -129h1v-1q1 -1 7 -4q0 -1 1 -1.5t2 -1.5q6 -2 12 -2t12 2q1 1 2 1.5t2 1.5q5 3 7 4v1l256 259q10 9 9.5 22t-9.5 22.5z" />
+    <glyph glyph-name="uniE639" unicode="&#xe639;" 
+d="M242 332q-9 -64 11.5 -125t66.5 -107q80 -80 193 -80t193 79.5t79.5 192.5t-80.5 193q-75 76 -181.5 80.5t-187.5 -63.5l19 58q2 6 -0.5 11.5t-7.5 6.5l-5 2q-13 3 -17 -10l-31 -96v-1l-2 -6q-2 -6 1 -10.5t8 -6.5l7 -1h1l101 -23q13 -3 17 10l1 5q1 5 -2.5 10t-9.5 6
+l-59 13v1q70 60 163 57t158 -69q69 -69 69.5 -166.5t-68 -166t-166.5 -68.5t-167 69q-39 40 -57 92t-10 108q1 7 -3.5 13.5t-12.5 7.5t-14 -3.5t-7 -12.5zM328 477v0v0zM328 477z" />
+    <glyph glyph-name="uniE63A" unicode="&#xe63a;" 
+d="M783 332q-2 8 -8 12.5t-13.5 3.5t-12.5 -7.5t-4 -13.5q8 -56 -9.5 -108t-57.5 -92q-69 -69 -166.5 -69t-166 68.5t-68.5 166t69 166.5q66 66 159 69t162 -57l1 -1l-60 -13q-5 -1 -9 -6t-2 -10l1 -5q3 -13 17 -10l101 23l7 1q5 2 8 6.5t2 10.5l-2 6l-1 1l-30 96
+q-4 13 -18 10l-4 -2q-6 -1 -8 -6.5t-1 -11.5l19 -58q-81 68 -187 63.5t-182 -80.5q-80 -80 -80 -193t79.5 -192.5t193 -79.5t193.5 80q46 46 66.5 107t11.5 125zM696 477v0v0zM696 477z" />
   </font>
 </defs></svg>

@@ -48,6 +48,12 @@ ImgPreview.prototype = new Dialog({
     inherit: true
 });
 
+ImgPreview.prototype.close = function() {
+    this.$mask && this.$mask.addClass('hide');
+    this.$el.addClass('hide');
+};
+
+
 ImgPreview.prototype.preview = function(url) {
 
     if (url) {

-.img-preview{
+.img-preview-dialog{
+    padding:10px;
+    padding-top:0;
+    border:none;
 
+    .toolbar{
+        padding: 10px;
+        font-size: 13px;
+
+        .preview-route-left, preview-route-right {
+            display: inline-block;
+            margin-left: 10px;
+            margin-right: 10px;
+        }
+    }
 }

@@ -388,3 +388,6 @@
         padding-bottom: 0;
     }
 }
+
+
+@import "../common/img-preview";