mumuki-styles 1.15.1 → 1.15.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 49b95f8fcec5ef36f11660173d8f730eb66f3a4f
-  data.tar.gz: e39c877bc60abca963835abacf1580b774cb1d70
+  metadata.gz: 674216b443c03a9321dd23982bf9fe07335b7db2
+  data.tar.gz: b64ace560a30a6e537baf566c4d40e4e9c0f8bab
 SHA512:
-  metadata.gz: 35a83efa8f1f7d787d0579570519578fa5d6ddb0861cc858f793425670d19ff3d3b1ea6b379b2afda46fcf961c73fb26c737dc232e1a82992e9679bd75a7317b
-  data.tar.gz: d025d168648ad52f245cfc2fcb4d9a1f38002b25bb1851d5a6a4d42c1465d79edfa6824d856c27e11548bb4ecd15d59a3f5842b38995769c9b9b6b36768ba6d7
+  metadata.gz: 23af8d17c476160a9a0dbb7462c9eacd19c7dea540393861227223edbd56f199f35be0f132594ffa72c4a5186f3c75ed150df965fe23381cfc8c09b7582f76fa
+  data.tar.gz: ed541f61ed8c2b625d40b6fa86165281b53552c1a96619cec49c220e17971f4a2e266239ff84e373544188acd24a1d0cc1d51eeb6d19025046fe93e5a36b40d2

data/README.md

@@ -1,60 +1,8 @@
 # mumuki-styles
 
-### How to use it in with rails-assets?
-
-1. Add the following code into `Gemfile`
-
- ```ruby
- source 'https://rails-assets.org' do
-   gem 'rails-assets-mumuki-styles'
- end
- ```
-
-  or use a specific version
-
-  ```ruby
-  source 'https://rails-assets.org' do
-    gem 'rails-assets-mumuki-styles', '1.3.0'
-  end
-  ```
-
-1. Install it running
-
-  ```bash
-  bundle install
-  ```
-
-1. Add the following code into `app/assets/javascripts/application.js`
-
-  ```js
-  //= require mumuki-styles
-  //= require bootstrap-sass
-  ```
-
-1. Add the following code into `app/assets/stylesheets/application.scss`
+## Components
 
-  ```scss
-  @import "mumuki-styles";
-  ```
-  **Note**: If you do not use SCSS, add `*= require mumuki-styles` to `app/assets/stylesheets/application.css` file
-
-
-### How to use it with bower?
-
-1. Run `bower install --save mumuki-styles`
-1. Add the css and js files to `index.html`
-
-  ```html
-  <link rel="stylesheet" href="bower_compoments/mumuki-styles/dist/css/mumuki-styles.css">
-  <script src="bower_compoments/mumuki-styles/dist/javascript/mumuki-styles.js"></script>
-  ```
-1. if you are using SCSS, simply import the scss file
-
-  ```scss
-  @import "bower_compoments/mumuki-styles/dist/scss/mumuki-styles.scss"
-  ```
-
-### Using mu-file-browser
+### mu-file-browser
 
 ```html
   <div
@@ -91,6 +39,9 @@
 
 With jQuery you can use function `$('.mu-file-browser').renderFileBrowser()`;
 
+
+### mu-erd
+
 ```html
 <div
   class='mu-erd'
@@ -154,6 +105,7 @@ With jQuery you can use function `$('.mu-file-browser').renderFileBrowser()`;
 
 With jQuery you can use function `$('.mu-erd').renderERD()`;
 
+### mu-browser
 
 ```html
   <div
@@ -191,6 +143,50 @@ gem 'mumuki-styles', github: 'mumuki/mumuki-styles', branch: 'master'
 
 And then bundle install
 
+### How to use it in with rails-assets?
+
+1. Add the following code into `Gemfile`
+
+  ```ruby
+  gem 'mumuki-styles'
+  ```
+
+1. Install it running
+
+  ```bash
+  bundle install
+  ```
+
+1. Add the following code into `app/assets/javascripts/application.js`
+
+  ```js
+  //= require mumuki-styles
+  ```
+
+1. Add the following code into `app/assets/stylesheets/application.scss`
+
+  ```scss
+  @import "mumuki-styles";
+  ```
+  **Note**: If you do not use SCSS, add `*= require mumuki-styles` to `app/assets/stylesheets/application.css` file
+
+
+### How to use it with bower?
+
+1. Run `bower install --save mumuki-styles`
+1. Add the css and js files to `index.html`
+
+  ```html
+  <link rel="stylesheet" href="bower_compoments/mumuki-styles/dist/css/mumuki-styles.css">
+  <script src="bower_compoments/mumuki-styles/dist/javascript/mumuki-styles.js"></script>
+  ```
+1. if you are using SCSS, simply import the scss file
+
+  ```scss
+  @import "bower_compoments/mumuki-styles/dist/scss/mumuki-styles.scss"
+  ```
+
+
 ## Ruby Version
 
 `mumuki-styles` works with Ruby 2.3.1

data/app/assets/javascripts/mumuki-styles.js

@@ -12621,6 +12621,12 @@ if (typeof jQuery === 'undefined') {
     }
   }
 
+  mumuki.resize = function (callback) {
+    window.addEventListener('resize', callback);
+    setTimeout(callback, 500);
+    callback();
+  }
+
 })(window, document);
 
 
@@ -12761,7 +12767,9 @@ mumuki.load(function () {
     return self;
   }
 
-  $('.mu-file-browser').renderFileBrowser();
+  mumuki.resize(function () {
+    $('.mu-file-browser').renderFileBrowser();
+  });
 
 });
 
@@ -12807,13 +12815,25 @@ mumuki.load(function () {
       return { x1: x1, x2: x2, y1: y1, y2: y2, mi: (x1 + x2) / 2, dx1: -C, dx2: C };
     },
     up_right: function ($entity, $column) {
-      return;
+      var x1 = $entity.from.position().left + $entity.from.width() + BORDER;
+      var y1 = $column.from.position().top + $column.from.height() / 2 + 5;
+      var x2 = $entity.to.position().left;
+      var y2 = $column.to.position().top + $column.to.height() / 2 + 5;
+      return { x1: x1, x2: x2, y1: y1, y2: y2, mi: (x1 + x2) / 2, dx1: C, dx2: -C };
     },
     down_left: function ($entity, $column) {
-      return;
+      var x1 = $entity.from.position().left;
+      var y1 = $column.from.position().top + $column.from.height() / 2 + 5;
+      var x2 = $entity.to.position().left + $entity.to.width() + BORDER;
+      var y2 = $column.to.position().top + $column.to.height() / 2 + 5;
+      return { x1: x1, x2: x2, y1: y1, y2: y2, mi: (x1 + x2) / 2, dx1: -C, dx2: C };
     },
     down_right: function ($entity, $column) {
-      return;
+      var x1 = $entity.from.position().left + $entity.from.width() + BORDER;
+      var y1 = $column.from.position().top + $column.from.height() / 2 + 5;
+      var x2 = $entity.to.position().left;
+      var y2 = $column.to.position().top + $column.to.height() / 2 + 5;
+      return { x1: x1, x2: x2, y1: y1, y2: y2, mi: (x1 + x2) / 2, dx1: C, dx2: -C };
     },
   }
 
@@ -12985,12 +13005,10 @@ mumuki.load(function () {
     return self;
   }
 
-  window.addEventListener('resize', function () {
+  mumuki.resize(function () {
     $('.mu-erd').renderERD();
   });
 
-  $('.mu-erd').renderERD();
-
 });
 
 mumuki.load(function () {
@@ -13064,6 +13082,8 @@ mumuki.load(function () {
     return self;
   }
 
-  $('.mu-browser').renderWebBrowser();
+  mumuki.resize(function () {
+    $('.mu-browser').renderWebBrowser();
+  });
 
 });

data/app/assets/stylesheets/components/_mu-file-browser.scss

@@ -2,7 +2,6 @@
   width: 100%;
   position: relative;
   header {
-    margin: 15px;
     margin-bottom: 0;
     padding: 15px;
     border: $mu-component-border;
@@ -30,7 +29,6 @@
   main {
     border: $mu-component-border;
     border-top: none;
-    margin: 15px;
     margin-top: 0;
     ul {
       @include display-flex(row wrap, flex-start, flex-start);

data/app/assets/stylesheets/mumuki-styles.css

@@ -9560,7 +9560,6 @@ pre code {
   width: 100%;
   position: relative; }
   .mu-file-browser header {
-    margin: 15px;
     margin-bottom: 0;
     padding: 15px;
     border: 2px solid #cfd9db;
@@ -9586,7 +9585,6 @@ pre code {
   .mu-file-browser main {
     border: 2px solid #cfd9db;
     border-top: none;
-    margin: 15px;
     margin-top: 0; }
     .mu-file-browser main ul {
       display: flex;

data/lib/mumuki/styles/version.rb

@@ -1,5 +1,5 @@
 module Mumuki
   module Styles
-    VERSION = "1.15.1"
+    VERSION = "1.15.2"
   end
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: mumuki-styles
 version: !ruby/object:Gem::Version
-  version: 1.15.1
+  version: 1.15.2
 platform: ruby
 authors:
 - Federico Scarpa
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2017-12-29 00:00:00.000000000 Z
+date: 2018-01-02 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bundler