promethee 1.2.19 → 1.2.20

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 3ebe76241cae12f83fcf8ca84f0c1fa495d2647b
-  data.tar.gz: 46f2da0d25783ffc00ae730c4abe85a261a06586
+  metadata.gz: cdb086d92715e7201121632e7620b5208da4916c
+  data.tar.gz: 31be901fdfabbdb68f46932b0d33176fbad3043e
 SHA512:
-  metadata.gz: 941574f9912c81eb7cd3d98d88c0915bca5def63294fbdba44bb20c8a5e22867a59b33ce198e12b90980414f028e9f6b145ebeefac2f4fcaa593e48298b7eb84
-  data.tar.gz: 9d8a4d6abb4ddef400c445db43e48c4e79813c57fafc3e7bed150df7e0c27b5d57aa368000fd58a59d338f5f91cb33f3cfd20182d303dde55e8c8496a6080e9a
+  metadata.gz: a31c31932a6f58c96f7233d37b22e8c8446a162b5e192f2c0c71ea9ebc2e217d2b6b480107fa5b2bdf09ed40f5cfd3abc61411e291ad3e025ec52387c803b7c2
+  data.tar.gz: 223d280103237157924952eb0e9952cc1e0abdde9b17c37e2a34a622142768d7e57ca4f862c06990bd339609552705a24731750437214c6a8b0a1098cac47879

data/app/assets/stylesheets/promethee-edit/_write.sass

@@ -86,8 +86,9 @@
     &-selected
       position: relative
       border: 2px solid transparent
+
       &--visible
         border-color: #253742
 
-    &:hover &-selected:not(&--visible)
-      border-color: #eee
+    &:hover
+      background: rgba(0, 0, 0, .05)

data/app/assets/stylesheets/promethee-edit.sass

@@ -9,26 +9,33 @@ $promethee-color: #ff9900 !default
 
 .promethee-edit
   background: white
-  position: relative
-  &--fullscreen
-    position: fixed
-    left: 0
-    right: 0
-    bottom: 0
-    top: 50px
-    z-index: 10000
-    overflow: auto
-    .promethee-edit__write
-      padding-right: 300px
-      padding-top: 15px
-    .promethee-edit__inspect
-      top: 65px
+  position: fixed
+  left: 0
+  right: 0
+  bottom: 0
+  top: 0
+  padding-top: 50px
+  z-index: 10000
+  overflow: auto
+  .promethee-edit__write
+    padding-right: 300px
+    padding-top: 15px
+  .promethee-edit__inspect
+    top: 65px
+
+  &--closed
+    display: none
 
   &__navbar
-    border-radius: 0
-    border: none
     background: #232323
+    width: 100%
     margin-bottom: 0
+    top: 0
+    left: 0
+    border-radius: 0
+    border: none
+    z-index: 10000
+    position: fixed
     ul.nav li a
       color: white
       &:hover

data/app/views/promethee/_edit.html.erb

@@ -69,44 +69,48 @@ promethee.controller('PrometheeController', ['$scope', function($scope) {
 
 <div
   id="promethee"
-  class="promethee-edit"
   ng-app="Promethee"
-  ng-class="{ 'promethee-edit--fullscreen': promethee.fullscreen }"
   ng-controller="PrometheeController as prometheeController"
   ng-init="promethee.data=<%= promethee_data.to_json %>"
   >
-  <input type="hidden" name="page[data]" id="page_data" value="{{promethee.data}}" />
-  <nav class="navbar navbar-default promethee-edit__navbar" ng-class="{'navbar-fixed-top': promethee.fullscreen }">
-    <div class="container-fluid">
-      <div class="navbar-header promethee-edit__icon">
-        <div class="navbar-brand"><%= File.read(__dir__ + '/../../assets/images/icon-promethee.svg').html_safe %></div>
-      </div>
-      <div id="navbar">
-        <ul class="nav navbar-nav navbar-right">
-          <li ng-click="promethee.mode = 'write'" ng-class="{active: promethee.mode == 'write'}"><a><%= fa_icon :pencil %></a></li>
-          <li ng-click="promethee.mode = 'move'" ng-class="{active: promethee.mode == 'move'}"><a><%= fa_icon :arrows %></a></li>
-          <li ng-click="enablePreview()" ng-class="{active: promethee.mode == 'preview'}">
-            <a data-toggle="dropdown"><%= fa_icon :eye %></a>
-            <ul class="dropdown-menu" ng-show="promethee.mode == 'preview'">
-              <li ng-click="promethee.preview = 'desktop'" ng-class="{active: promethee.preview == 'desktop'}"><a><i class="fa fa-desktop"></i></a></li>
-              <li ng-click="promethee.preview = 'tablet'" ng-class="{active: promethee.preview == 'tablet'}"><a><i class="fa fa-tablet"></i></a></li>
-              <li ng-click="promethee.preview = 'mobile'" ng-class="{active: promethee.preview == 'mobile'}"><a><i class="fa fa-mobile"></i></a></li>
-            </ul>
-          </li>
-          <li ng-click="promethee.fullscreen = !promethee.fullscreen">
-            <a ng-show="promethee.fullscreen"><%= fa_icon :expand %></a>
-            <a ng-hide="promethee.fullscreen"><%= fa_icon :compress %></a>
-          </li>
-        </ul>
+
+  <div class="text-center">
+    <span class="btn btn-info" ng-click="opened = true">Open Prométhée Editor</span>
+  </div>
+
+  <div class="promethee-edit" ng-class="{'promethee-edit--closed': !opened}">
+    <input type="hidden" name="page[data]" id="page_data" value="{{promethee.data}}" />
+    <nav class="navbar navbar-default promethee-edit__navbar" ng-class="{'navbar-fixed-top': promethee.fullscreen }">
+      <div class="container-fluid">
+        <div class="navbar-header promethee-edit__icon">
+          <div class="navbar-brand"><%= File.read(__dir__ + '/../../assets/images/icon-promethee.svg').html_safe %></div>
+        </div>
+        <div id="navbar">
+          <ul class="nav navbar-nav navbar-right">
+            <li ng-click="promethee.mode = 'write'" ng-class="{active: promethee.mode == 'write'}"><a><%= fa_icon :pencil %></a></li>
+            <li ng-click="promethee.mode = 'move'" ng-class="{active: promethee.mode == 'move'}"><a><%= fa_icon :arrows %></a></li>
+            <li ng-click="enablePreview()" ng-class="{active: promethee.mode == 'preview'}">
+              <a data-toggle="dropdown"><%= fa_icon :eye %></a>
+              <ul class="dropdown-menu" ng-show="promethee.mode == 'preview'">
+                <li ng-click="promethee.preview = 'desktop'" ng-class="{active: promethee.preview == 'desktop'}"><a><i class="fa fa-desktop"></i></a></li>
+                <li ng-click="promethee.preview = 'tablet'" ng-class="{active: promethee.preview == 'tablet'}"><a><i class="fa fa-tablet"></i></a></li>
+                <li ng-click="promethee.preview = 'mobile'" ng-class="{active: promethee.preview == 'mobile'}"><a><i class="fa fa-mobile"></i></a></li>
+              </ul>
+            </li>
+            <li ng-click="opened = false">
+              <a><%= fa_icon :close %></a>
+            </li>
+          </ul>
+        </div>
       </div>
-    </div>
-  </nav>
+    </nav>
 
-  <% promethee_component_partials.each do |partial| %>
-    <%= render partial %>
-  <% end %>
+    <% promethee_component_partials.each do |partial| %>
+      <%= render partial %>
+    <% end %>
 
-  <%= render 'promethee/edit/write' %>
-  <%= render 'promethee/edit/move' %>
-  <%= render 'promethee/edit/preview' %>
+    <%= render 'promethee/edit/write' %>
+    <%= render 'promethee/edit/move' %>
+    <%= render 'promethee/edit/preview' %>
+  </div>
 </div>

data/lib/promethee/rails/version.rb

@@ -1,5 +1,5 @@
 module Promethee
   module Rails
-    VERSION = '1.2.19'
+    VERSION = '1.2.20'
   end
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: promethee
 version: !ruby/object:Gem::Version
-  version: 1.2.19
+  version: 1.2.20
 platform: ruby
 authors:
 - Julien Dargelos