fixed showroom field form bug, removed ordering, fixed card js in node page

sites/all/modules/features/materio_content_types/materio_content_types.features.field_instance.inc

@@ -2394,7 +2394,7 @@ function materio_content_types_field_default_field_instances() {
         'label' => 'hidden',
         'settings' => array(),
         'type' => 'hidden',
-        'weight' => 15,
+        'weight' => 16,
       ),
       'cardsmall' => array(
         'label' => 'above',
@@ -2489,7 +2489,7 @@ function materio_content_types_field_default_field_instances() {
           'viewmode' => 'cardmedium',
         ),
         'type' => 'tode',
-        'weight' => 10,
+        'weight' => 23,
       ),
       'cardsmall' => array(
         'label' => 'above',
@@ -2586,7 +2586,7 @@ function materio_content_types_field_default_field_instances() {
           'viewmode' => 'cardmedium',
         ),
         'type' => 'tode',
-        'weight' => 9,
+        'weight' => 22,
       ),
       'cardsmall' => array(
         'label' => 'above',
@@ -2763,7 +2763,7 @@ function materio_content_types_field_default_field_instances() {
         'label' => 'above',
         'settings' => array(),
         'type' => 'hidden',
-        'weight' => 10,
+        'weight' => 11,
       ),
       'cardsmall' => array(
         'label' => 'above',
@@ -2844,7 +2844,7 @@ function materio_content_types_field_default_field_instances() {
         'label' => 'above',
         'settings' => array(),
         'type' => 'hidden',
-        'weight' => 11,
+        'weight' => 12,
       ),
       'cardsmall' => array(
         'label' => 'above',
@@ -2924,7 +2924,7 @@ function materio_content_types_field_default_field_instances() {
         'label' => 'hidden',
         'settings' => array(),
         'type' => 'hidden',
-        'weight' => 16,
+        'weight' => 17,
       ),
       'cardsmall' => array(
         'label' => 'hidden',
@@ -3219,7 +3219,7 @@ function materio_content_types_field_default_field_instances() {
         'label' => 'above',
         'settings' => array(),
         'type' => 'hidden',
-        'weight' => 13,
+        'weight' => 14,
       ),
       'cardsmall' => array(
         'label' => 'above',
@@ -3395,7 +3395,7 @@ function materio_content_types_field_default_field_instances() {
         'label' => 'above',
         'settings' => array(),
         'type' => 'hidden',
-        'weight' => 12,
+        'weight' => 13,
       ),
       'cardsmall' => array(
         'label' => 'above',
@@ -3574,7 +3574,7 @@ Vous devez avant d\'utiliser un nouveau tag le créer <a href="/admin/structure/
         'label' => 'above',
         'settings' => array(),
         'type' => 'hidden',
-        'weight' => 14,
+        'weight' => 15,
       ),
       'cardsmall' => array(
         'label' => 'above',
@@ -3660,7 +3660,7 @@ Vous devez avant d\'utiliser un nouveau tag le créer <a href="/admin/structure/
         'label' => 'hidden',
         'settings' => array(),
         'type' => 'hidden',
-        'weight' => 8,
+        'weight' => 9,
       ),
       'cardsmall' => array(
         'label' => 'above',
@@ -3743,7 +3743,7 @@ Vous devez avant d\'utiliser un nouveau tag le créer <a href="/admin/structure/
         'label' => 'above',
         'settings' => array(),
         'type' => 'hidden',
-        'weight' => 9,
+        'weight' => 10,
       ),
       'cardsmall' => array(
         'label' => 'above',

sites/all/modules/features/materio_content_types/materio_content_types.strongarm.inc

@@ -412,7 +412,7 @@ function materio_content_types_strongarm() {
         'workflow' => array(
           'cardmedium' => array(
             'weight' => '8',
-            'visible' => TRUE,
+            'visible' => FALSE,
           ),
           'cardbig' => array(
             'weight' => '15',

sites/all/modules/features/showroom/showroom.features.user_permission.inc

@@ -210,10 +210,22 @@ function showroom_user_default_permissions() {
     'module' => 'override_node_options',
   );
 
+  // Exported permission: 'materio showroom edit all samples fields'.
+  $permissions['materio showroom edit all samples fields'] = array(
+    'name' => 'materio showroom edit all samples fields',
+    'roles' => array(
+      'administrator' => 'administrator',
+      'root' => 'root',
+    ),
+    'module' => 'materio_showroom',
+  );
+
   // Exported permission: 'materio showroom migrate fields'.
   $permissions['materio showroom migrate fields'] = array(
     'name' => 'materio showroom migrate fields',
-    'roles' => array(),
+    'roles' => array(
+      'root' => 'root',
+    ),
     'module' => 'materio_showroom',
   );
 

sites/all/modules/features/showroom/showroom.info

@@ -71,6 +71,7 @@ features[user_permission][] = edit own showroom content
 features[user_permission][] = edit terms in showroom
 features[user_permission][] = edit users with role 13
 features[user_permission][] = enter showroom revision log entry
+features[user_permission][] = materio showroom edit all samples fields
 features[user_permission][] = materio showroom migrate fields
 features[user_permission][] = merge showroom terms
 features[user_permission][] = override showroom authored by option

sites/all/modules/gui/materiobasemod/js/materio_showroom.js

@@ -0,0 +1,16 @@
+/**
+ * @file
+ * Javascript for Field Example.
+ */
+
+/**
+ * Provides a farbtastic colorpicker for the fancier widget.
+ */
+(function ($) {
+  Drupal.behaviors.field_materio_showroom_location = {
+    attach: function(context) {
+      // console.log('hello materio_showroom');
+      $(".field-multiple-drag", ".field-type-field-materio-showroom-location").hide();
+    }
+  }
+})(jQuery);

sites/all/modules/gui/materiobasemod/materio_showroom.module

@@ -182,23 +182,19 @@ function materio_showroom_field_widget_info() {
  * 'rgb' form element.
  */
 function materio_showroom_field_widget_form(&$form, &$form_state, $field, $instance, $langcode, $items, $delta, $element) {
-  $locval = isset($items[$delta]['location']) ? $items[$delta]['location'] : '';
-  $showroom_tid = isset($items[$delta]['showroom_tid']) ? $items[$delta]['showroom_tid'] : 0;
-
   $widget = $element;
   $widget['#delta'] = $delta;
 
   switch ($instance['widget']['type']) {
- // TODO: loop through showrooms and don't allow more than one field by show room
-
-    case 'materio_showroom_location_text':
+     case 'materio_showroom_location_text':
+      $locval = isset($items[$delta]['location']) ? $items[$delta]['location'] : '';
+      $showroom_tid = isset($items[$delta]['showroom_tid']) ? $items[$delta]['showroom_tid'] : 0;
 
       $widget['showroom_tid'] = array(
         '#type' => 'hidden',
         '#default_value' => $showroom_tid,
         // Allow a slightly larger size that the field length to allow for some
         // configurations where all characters won't fit in input field.
-        '#size' => 10,
         '#maxlength' => 255,
       );
 
@@ -208,10 +204,15 @@ function materio_showroom_field_widget_form(&$form, &$form_state, $field, $insta
         '#default_value' => $locval,
         // Allow a slightly larger size that the field length to allow for some
         // configurations where all characters won't fit in input field.
-        '#size' => 10,
+        '#size' => 20,
         '#maxlength' => 255,
       );
 
+      $widget['#attached'] = array(
+        // Add javascript to remove the draggable behaviour.
+        'js' => array(drupal_get_path('module', 'materio_showroom') . '/js/materio_showroom.js'),
+      );
+
       break;
   }
 
@@ -280,6 +281,8 @@ function _materio_showroom_alter_location_field_form(&$form, &$form_state, $form
   $node = $form['#node'];
   $nodetype = $form['type']['#value'];
 
+  // dsm($form_state, 'form_state');
+
   global $user;
   $user = user_load($user->uid); // Make sure the user object is fully loaded
   // dsm($user, 'user');
@@ -312,13 +315,14 @@ function _materio_showroom_alter_location_field_form(&$form, &$form_state, $form
     foreach ($showroomfieldinstances as $field_name) {
       // retrive various field infos
       $field_info = field_info_field($field_name);
-      $field_instance = field_info_instance('node', $field_name, $nodetype);
       // dsm($field_info, 'field_info');
+      $field_instance = field_info_instance('node', $field_name, $nodetype);
 
       // get all terms from chosen vocabulary in field instance widget settings
       $vid = $field_instance['widget']['settings']['vocabulary'];
       $voc = taxonomy_vocabulary_load($vid);
       $tree = taxonomy_get_tree($vid);
+      // dsm($tree, 'tree');
       foreach ($tree as $key => $term) {
         $terms[$term->tid] = $term->name;
       }
@@ -335,54 +339,71 @@ function _materio_showroom_alter_location_field_form(&$form, &$form_state, $form
 
       // get already recorded values
       $old_items = field_get_items('node', $node, $field_name);
+      // dsm($old_items, 'old_items');
       foreach ($old_items as $i => $value) {
         $values[$value['showroom_tid']] = $value['location'];
       }
       // dsm($values, 'values');
 
       // build new item list
-      foreach ($terms as $tid => $name) {
-        $items[] = array(
-          'showroom_tid' => $tid,
-          'location' => isset($values[$tid]) ? $values[$tid] : ''
-        );
-      }
+      // for ($k=0; $k < 3; $k++) {
+        foreach ($terms as $tid => $name) {
+          $items[] = array(
+            'showroom_tid' => "$tid",
+            'location' => isset($values[$tid]) ? $values[$tid] : ''
+          );
+        }
+      // }
       // dsm($items, 'items');
 
+      // change form_state items count
+      // without this, form wont populated with all wanted items
+      $form_state['field'][$field_name][LANGUAGE_NONE]['items_count'] = count($items);
+
       // retrieve new field form with our custom items
-      $new_field_form = field_default_form('node', $node, $field_info, $field_instance, LANGUAGE_NONE, $items, $form, $form_state);
-      // dsm($new_field_form, 'default_form');
+      $new_field_form = field_default_form('node', null, $field_info, $field_instance, LANGUAGE_NONE, $items, $form, $form_state)[$field_name];
+      // dsm($new_field_form, 'new_field_form');
+
+
+      // $elements = field_multiple_value_form($field_info, $field_instance, LANGUAGE_NONE, $items, $form, $form_state);
+      // dsm($elements, 'elements');
+
 
       // change items location field title
       // and check access comparing term id with user taged with
       $i = 0;
       foreach ($terms as $tid => $name) {
-        $item = $new_field_form[$field_name][LANGUAGE_NONE][$i];
-        $new_field_form[$field_name][LANGUAGE_NONE][$i]['location']['#title'] = $terms[$item['showroom_tid']['#default_value']];
-        $new_field_form[$field_name][LANGUAGE_NONE][$i]['location']['#disabled'] = !in_array($tid, $user_showrooms);
+        $item = $new_field_form[LANGUAGE_NONE][$i];
+        $new_field_form[LANGUAGE_NONE][$i]['location']['#title'] = $terms[$item['showroom_tid']['#default_value']];
+        $disabled = !user_access('materio showroom edit all samples fields', $user) && !in_array($tid, $user_showrooms);
+        $new_field_form[LANGUAGE_NONE][$i]['location']['#disabled'] = $disabled;
         $i++;
       }
 
       // remove the last one more item added by default
-      unset($new_field_form[$field_name][LANGUAGE_NONE][$i]);
+      unset($new_field_form[LANGUAGE_NONE][$i]);
+
+      // remove "add more" button
+      unset($new_field_form[LANGUAGE_NONE]['add_more']);
+
+      // dsm($new_field_form, 'new_field_form');
 
       // delete normal field form and replace it with our new custom field form
       unset($form[$field_name]);
-      $form[$field_name] = $new_field_form[$field_name];
-
-      // remove "add more" button
-      unset($form[$field_name]['und']['add_more']);
+      $form[$field_name] = $new_field_form;
     }
   }
 }
 
-// TODO: migrate old location field to new one
-
 /**
  * Implements hook_permission().
  */
 function materio_showroom_permission() {
   return array(
+    'materio showroom edit all samples fields' =>  array(
+      'title' => t('Edit all materiO showroom samples fields'),
+      'description' => t('Edit all materiO showroom samples fields'),
+    ),
     'materio showroom migrate fields' =>  array(
       'title' => t('Migrate materio showroom location fields'),
       'description' => t('Migrate materio showroom location fields'),

sites/all/themes/gui/guibik/css/elements.css

@@ -1,9 +0,0 @@
-/** COMMONS */
-.inline-block {
-  display: inline-block;
-  display: moz-inline-stack;
-  *display: inline;
-  *zoom: 1;
-  vertical-align: top;
-}
-/** HTML5 */

sites/all/themes/gui/guibik/gulpfile.js

@@ -0,0 +1,39 @@
+'use strict';
+
+var gulp = require('gulp');
+var less = require('gulp-less');
+var LessAutoprefix = require('less-plugin-autoprefix');
+var jsmin = require('gulp-jsmin');
+var rename = require('gulp-rename');
+var watch = require('gulp-watch');
+
+var autoprefix = new LessAutoprefix({ browsers: ['last 2 versions'] });
+
+function handleError(err) {
+  console.log(err.toString());
+  // this.emit('end');
+}
+
+gulp.task('scripts', function () {
+    gulp.src('./js/guibik.js')
+        .pipe(jsmin())
+        .pipe(rename({suffix: '.min'}))
+        .pipe(gulp.dest('./js/'));
+});
+
+gulp.task('styles', function () {
+  gulp.src('./less/guibik.less')
+    .pipe(less({
+      plugins: [autoprefix]
+    }))
+    .pipe(gulp.dest('./css/'));
+});
+
+gulp.task('default', function () {
+});
+
+// default gulp task
+gulp.task('default', ['scripts', 'styles'], function() {
+  gulp.watch('./less/*.less', ['styles']);
+  gulp.watch('./js/*.js', ['scripts']);
+});

sites/all/themes/gui/guibik/js/guibik.min.js

@@ -0,0 +1,4 @@
+
+(function($){Drupal.behaviors.guibik={};Drupal.behaviors.guibik.attach=function(context){$('form.form-edit','.views-edit-view').each(function(index){var $this=$(this),_alt=false,_submit=function(event){event.preventDefault();$('input[type=submit]#edit-actions-save',$this).focus();$this.submit();return false;};$(document).bind({keydown:function(event){switch(event.keyCode){case 18:_alt=true;break;case 83:if(_alt)
+return _submit(event);}},keyup:function(event){switch(event.keyCode){case 18:_alt=false;break;}}});});};Drupal.behaviors.init_theme={};Drupal.behaviors.init_theme.attach=function(context){$('#messages-and-help > div.messages:not(.processed)').addClass('processed').each(function(){if($('a',this).size()||$(this).is('.error')||$(this).is('.warning')||$(this).text().length>100){$(this).prepend("<span class='close'>X</span>");$('span.close',this).click(function(){$(this).parent().slideUp('fast');});}
+else{$(this).animate({opacity:1},5000,'linear',function(){$(this).slideUp('fast');});}});};})(jQuery);

sites/all/themes/gui/guibik/less/gui.less

@@ -0,0 +1,592 @@
+/*
+ * www.g-u-i.net
+ */
+
+// =
+// =
+// =
+// =
+// =
+// ===== TYPOGRAHIE ======================================================================================================
+
+.8(){font-size:8px;}
+.9(){font-size:9px;}
+.10(){font-size:10px;}
+.11(){font-size:10px;}
+.12(){font-size:12px;}
+.14(){font-size:14px;}
+.16(){font-size:16px;}
+.18(){font-size:18px;}
+.20(){font-size:20px;}
+.24(){font-size:24px;}
+.28(){font-size:24px;}
+.30(){font-size:30px;}
+.36(){font-size:36px;}
+.48(){font-size:48px;}
+.60(){font-size:60px;}
+.72(){font-size:72px;}
+
+.regular(){font-weight:normal;}
+.bold(){font-weight:bold;}
+.100(){font-weight:100;}
+.200(){font-weight:200;}
+.300(){font-weight:300;}
+.400(){font-weight:400;}
+.500(){font-weight:500;}
+.600(){font-weight:600;}
+.700(){font-weight:700;}
+.800(){font-weight:800;}
+.900(){font-weight:900;}
+
+.upper(){text-transform: uppercase;}
+.italic(){font-style:italic;}
+.normal(){font-style: normal;}
+
+.hyphens(@value: auto)
+{
+  -webkit-hyphens:@value;
+     -moz-hyphens:@value;
+      -ms-hyphens:@value;
+       -o-hyphens:@value;
+          hyphens:@value;
+}
+.font-size(@value: 1em,@lineheight:1.3em)
+{
+  font-size:@value;
+  line-height:@lineheight;
+}
+
+@green:#17942A;
+@red:#E60000;
+
+// =
+// =
+// =
+// =
+// =
+// ===== SHORTCUTS =======================================================================================================
+
+// padding
+.p(@p){ padding:@arguments; }
+.p(@v, @h){ padding:@arguments; }
+.p(@t, @l, @b, @l){ padding:@arguments; }
+
+.pt(@p){ padding-top:@p; }
+.pr(@p){ padding-right:@p; }
+.pb(@p){ padding-bottom:@p; }
+.pl(@p){ padding-left:@p; }
+
+// margin
+.m(@p){ margin:@arguments; }
+.m(@v, @h){ margin:@arguments; }
+.m(@t, @l, @b, @l){ margin:@arguments; }
+
+.mt(@m){ margin-top:@m; }
+.mr(@m){ margin-right:@m; }
+.mb(@m){ margin-bottom:@m; }
+.ml(@m){ margin-left:@m; }
+
+.0(){ margin:0; padding:0; }
+
+// border
+.b(@b){ border: @b; }
+.b(@size, @color){ border: @size solid @color; }
+
+.bt(@b){ border-top: @b;}
+.bt(@size, @color){border-top: @size solid @color;}
+
+.br(@b){ border-right: @b;}
+.br(@size, @color){border-right: @size solid @color;}
+
+.bb(@b){ border-bottom: @b;}
+.bb(@size, @color){border-bottom: @size solid @color;}
+
+.bl(@b){ border-left: @b;}
+.bl(@size, @color){border-left: @size solid @color;}
+
+.bordered(@top-color: #EEE, @right-color: #EEE, @bottom-color: #EEE, @left-color: #EEE)
+{
+  border-top   : solid 1px @top-color;
+  border-right : solid 1px @right-color;
+  border-bottom: solid 1px @bottom-color;
+  border-left  : solid 1px @left-color;
+}
+
+// Background
+.bg(@color, @url, @repeat, @scrollfixed, @pos){background: @arguments;}
+.bgc(@color){background-color: @arguments;}
+.bkgd(@params){background: @arguments;}
+.bkgdc(@color){.bgc(@arguments);}
+
+.bgca(@r, @g, @b, @a){
+  background-color: rgb(@r, @g, @b); // ie8
+  background-color: rgba(@r, @g, @b, @a);
+  *background-color: rgb(@r, @g, @b); // ie7
+};
+
+// Selection
+.selection(@bgcolor,@color)
+{
+    &::selection {
+    	background:@bgcolor;
+    	color:@color;
+    }
+    &::-moz-selection {
+    	background:@bgcolor;
+    	color:@color;
+    }
+    &::-webkit-selection {
+    	background:@bgcolor;
+    	color:@color;
+    }
+}
+
+// Colors
+.color(@value)
+{
+  &,
+  & *{color:@value;}
+}
+
+// Opacity
+.opacity(@opacity: 0.5)
+{
+  -webkit-opacity: @opacity;
+   -khtml-opacity: @opacity;
+     -moz-opacity: @opacity;
+          opacity: @opacity;
+}
+
+// size
+.size(@height, @width) {
+  width: @width;
+  height: @height;
+}
+.square(@size) {
+  .size(@size, @size);
+}
+
+// center
+.center-block() {
+  display: block;
+  margin-left: auto;
+  margin-right: auto;
+}
+
+// =
+// =
+// =
+// =
+// =
+// ===== DISPLAY UTILS ===================================================================================================
+
+// Inline blocks
+.inlineblock(@align:top)
+{
+    display:moz-inline-stack;
+    display:inline-block;
+    vertical-align:@align;
+    zoom:1;
+    *display:inline;
+    // .ie7 &, .ie8 &{display:block;float:left;}
+}
+
+.db(){display:block;}
+.dbn(){display:none;}
+.dib(){.inlineblock;}
+.dib(@align){.inlineblock(@align);}
+
+.float(@align:left){
+  .db; float:@align;
+}
+
+.abs(@value) { position:absolute; top:@value; left:@value; bottom:@value; right:@value; }
+.abs(@top, @left) { position:absolute; top:@top; left:@left; }
+.abs(@top, @right, @bottom, @left) { position:absolute; top:@top; left:@left; bottom:@bottom; right:@right; };
+
+.fix(@value) { position:fixed; top:@value; left:@value; bottom:@value; right:@value; }
+.fix(@top, @left) { position:fixed; top:@top; left:@left; }
+.fix(@top, @right, @bottom, @left) { position:fixed; top:@top; left:@left; bottom:@bottom; right:@right; };
+
+// Columns system
+@g:0;
+.g() { width:@g; }
+.col(@col,@coltotal:@n,@gutter:@g) {
+  width: @col * ( 100% - ((@coltotal - 1) * @gutter) ) / @coltotal + ((@col - 1) * @gutter);
+}
+.inside-left(@col,@coltotal:@n,@gutter:@g) {
+  padding-left: @col * ( 100% - ((@coltotal - 1) * @gutter) ) / @coltotal + (@col * @gutter);
+}
+.inside-right(@col,@coltotal:@n,@gutter:@g) {
+  padding-right: @col * ( 100% - ((@coltotal - 1) * @gutter) ) / @coltotal + (@col * @gutter);
+}
+
+
+// Vertical alignement
+//
+//    ___ .align-child()
+//   |
+//   |  Permet l’alignement vertical d’un objet par rapport à son premier parent (dans son conteneur direct).
+//   |
+//   |  1 param   : @vertical-align
+//
+.align-child(@align:middle){
+  &:before { content: ""; .dib(middle); overflow: hidden; visibility: hidden; width: 0; height: 100%; }
+  & > * { .dib(@align); }
+}
+
+.clear-after(){
+  &:after{clear:both;content:'';display:block;height:0px;overflow:hidden;visibility:hidden;width:0px;}
+}
+
+// For clearing floats like a boss h5bp.com/q
+.clearix() {
+  *zoom: 1;
+  &:before,
+  &:after {
+    display: table;
+    content: "";
+    // Fixes Opera/contenteditable bug:
+    // http://nicolasgallagher.com/micro-clearfix-hack/#comment-36952
+    line-height: 0;
+  }
+  &:after {
+    clear: both;
+  }
+}
+
+// =
+// =
+// =
+// =
+// =
+// ===== CSS3 ============================================================================================================
+
+// Gradients
+.gradient(@color: #F5F5F5, @start: #EEE, @stop: #FFF)
+{
+  background: @color;
+  background: -webkit-gradient(linear,
+                               left bottom,
+                               left top,
+                               color-stop(0, @start),
+                               color-stop(1, @stop));
+  background: -ms-linear-gradient(bottom,
+                                  @start,
+                                  @stop);
+  background: -moz-linear-gradient(center bottom,
+                                   @start 0%,
+                                   @stop 100%);
+}
+.bw-gradient(@color: #F5F5F5, @start: 0, @stop: 255)
+{
+  background: @color;
+  background: -webkit-gradient(linear,
+                               left bottom,
+                               left top,
+                               color-stop(0, rgb(@start,@start,@start)),
+                               color-stop(1, rgb(@stop,@stop,@stop)));
+  background: -ms-linear-gradient(bottom,
+                                  rgb(@start,@start,@start) 0%,
+                                  rgb(@start,@start,@start) 100%);
+  background: -moz-linear-gradient(center bottom,
+                                   rgb(@start,@start,@start) 0%,
+                                   rgb(@stop,@stop,@stop) 100%);
+}
+
+// Shadows
+//
+//    ___ .box-shadow()
+//   |
+//   |  Ombré extérieur.
+//   |
+//   |  1 param   : @blur
+//   |  2+ params : @horizontal / @vertical / @blur / @color: #000 / @spread: 0px
+//
+//    ___ .inset-shadow()
+//   |
+//   |  Ombré intérieur.
+//   |
+//   |  1 param   : @blur
+//   |  2+ params : @horizontal / @vertical / @blur / @color: #000 / @spread: 0px
+//
+.box-shadow(@blur: 9px)
+{
+  filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=0, Color='#000');
+  -ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=0, Color='#000')";
+  -webkit-box-shadow: 0 0 @blur #000;
+     -moz-box-shadow: 0 0 @blur #000;
+      -ms-box-shadow: 0 0 @blur #000;
+          box-shadow: 0 0 @blur #000;
+}
+.box-shadow(@x, @y, @blur: 9px, @color: #000, @spread: 0px)
+{
+  filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=@x, OffY=@y, Color=~'@{color}');
+  -ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=@{x}, OffY=@{y}, Color='@{color}')";
+  -webkit-box-shadow: @x @y @blur @spread @color;
+     -moz-box-shadow: @x @y @blur @spread @color;
+      -ms-box-shadow: @x @y @blur @spread @color;
+          box-shadow: @x @y @blur @spread @color;
+}
+.inset-shadow(@blur: 9px)
+{
+  filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=0, Color='#000');
+  -ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=0, Color='#000')";
+  -webkit-box-shadow: 0 0 @blur #000 inset;
+     -moz-box-shadow: 0 0 @blur #000 inset;
+      -ms-box-shadow: 0 0 @blur #000 inset;
+          box-shadow: 0 0 @blur #000 inset;
+}
+.inset-shadow(@x, @y, @blur: 9px, @color: #000, @spread: 0px)
+{
+  filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=@x, OffY=@y, Color=~'@{color}');
+  -ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=0, Color='@{color}')";
+  -webkit-box-shadow: @x @y @blur @spread @color inset;
+     -moz-box-shadow: @x @y @blur @spread @color inset;
+      -ms-box-shadow: @x @y @blur @spread @color inset;
+          box-shadow: @x @y @blur @spread @color inset;
+}
+
+.drop-shadow(@x-axis: 0, @y-axis: 1px, @blur: 2px, @alpha: 0.1)
+{
+  -webkit-box-shadow: @x-axis @y-axis @blur rgba(0, 0, 0, @alpha);
+  -moz-box-shadow: @x-axis @y-axis @blur rgba(0, 0, 0, @alpha);
+  box-shadow: @x-axis @y-axis @blur rgba(0, 0, 0, @alpha);
+}
+
+// Border radius
+.rounded(@radius: 2px)
+{
+  -webkit-border-radius: @radius;
+     -moz-border-radius: @radius;
+          border-radius: @radius;
+  -webkit-background-clip: padding-box;
+     -moz-background-clip: padding;
+          background-clip: padding-box;
+}
+.border-radius(@topleft: 0, @topright: 0, @bottomright: 0, @bottomleft: 0)
+{
+	-webkit-border-radius:@arguments;
+	   -moz-border-radius:@arguments;
+	        border-radius:@arguments;
+  -webkit-background-clip: padding-box;
+     -moz-background-clip: padding;
+          background-clip: padding-box;
+}
+
+// transitions
+.transition-simply-prefix(@string) {
+  -webkit-transition: @string;
+  -moz-transition: @string;
+  -o-transition: @string;
+  transition: @string;
+}
+
+//
+//    ___ .transition()
+//   |
+//   |  1 param   : @property
+//   |  2 params  : @property / @duration
+//   |  3+ params : @property / @duration / @transitiondelay:0s , @timingfunction:ease-out
+//
+//    ___ .transitions()
+//   |
+//   |  Permet de fixer des paramètres spécifique par propriétés, exemple:
+//   |
+//   |  .transitions(
+//   |     'height , padding  , margin , box-shadow',
+//   |     '.5s    , .2s      , .2s    , .2s',
+//   |     '0s     , 0s       , 0s     , .3s',
+//   |     'linear , ease-out , linear , ease-out'
+//   |  );
+//
+.transition(@property: all)
+{
+  -webkit-transition: @property;
+     -moz-transition: @property;
+       -o-transition: @property;
+          transition: @property;
+}
+.transition(@property, @duration)
+{
+  -webkit-transition: @arguments;
+     -moz-transition: @arguments;
+       -o-transition: @arguments;
+          transition: @arguments;
+}
+.transition(@property, @duration, @transitiondelay, @timingfunction:ease-out)
+{
+  -webkit-transition: @arguments;
+     -moz-transition: @arguments;
+       -o-transition: @arguments;
+          transition: @arguments;
+}
+.transitions(@property: all, @duration:0s, @transitiondelay:0s, @timingfunction:ease-out)
+{
+  -webkit-transition-property       :~'@{property}';
+  -webkit-transition-duration       :~'@{duration}';
+  -webkit-transition-delay          :~'@{transitiondelay}';
+  -webkit-transition-timing-function:~'@{timingfunction}';
+     -moz-transition-property       :~'@{property}';
+     -moz-transition-duration       :~'@{duration}';
+     -moz-transition-delay          :~'@{transitiondelay}';
+     -moz-transition-timing-function:~'@{timingfunction}';
+       -o-transition-property       :~'@{property}';
+       -o-transition-duration       :~'@{duration}';
+       -o-transition-delay          :~'@{transitiondelay}';
+       -o-transition-timing-function:~'@{timingfunction}';
+          transition-property       :~'@{property}';
+          transition-duration       :~'@{duration}';
+          transition-delay          :~'@{transitiondelay}';
+          transition-timing-function:~'@{timingfunction}';
+}
+
+.transitions-duration(@duration: 0s)
+{
+  -webkit-transition-duration: ~'@{duration}';
+     -moz-transition-duration: ~'@{duration}';
+       -o-transition-duration: ~'@{duration}';
+          transition-duration: ~'@{duration}';
+}
+
+.transition-duration(@duration: 0.2s)
+{
+  -webkit-transition-duration: @duration;
+     -moz-transition-duration: @duration;
+       -o-transition-duration: @duration;
+          transition-duration: @duration;
+}
+
+.transitions-delay(@delay: 0s)
+{
+  -webkit-transition-delay: ~'@{delay}';
+     -moz-transition-delay: ~'@{delay}';
+       -o-transition-delay: ~'@{delay}';
+          transition-delay: ~'@{delay}';
+}
+
+// Rotate
+//
+//    ___ .rotation()
+//   |
+//   |  1 param   : @degree
+//
+//    ___ .rotate()
+//   |
+//   |  Tentative de compatibilté étendue (fonctionne uniquement pour 0, 90, 180 ou 270 degrés).
+//   |
+//   |  1 param  : @degree
+//   |  3 params : @degree / @originX / @originY
+//
+.rotation(@deg:5deg)
+{
+  -webkit-transform: rotate(@deg);
+     -moz-transform: rotate(@deg);
+          transform: rotate(@deg);
+}
+.rotate(@value, @originX:0%, @originY:0%, @unit:'deg')
+{
+  // filter: progid:DXImageTransform.Microsoft.BasicImage(rotation = (360 / @value) + 1); //0, 1, 2, or 3 rotate 0, 90, 180 or 270
+  -webkit-transform: rotate(~"@{value}@{unit}"); // ~"@{value}@{unit}" rather than @value@unit remove the spaces between value and unit.
+     -moz-transform: rotate(~"@{value}@{unit}");
+      -ms-transform: rotate(~"@{value}@{unit}");
+       -o-transform: rotate(~"@{value}@{unit}");
+          transform: rotate(~"@{value}@{unit}");
+  -webkit-transform-origin:@originX @originY;
+     -moz-transform-origin:@originX @originY;
+      -ms-transform-origin:@originX @originY;
+       -o-transform-origin:@originX @originY;
+          transform-origin:@originX @originY;
+}
+
+// Scale
+.scale(@ratio:1.5)
+{
+  -webkit-transform:scale(@ratio);
+     -moz-transform:scale(@ratio);
+          transform:scale(@ratio);
+}
+
+// Translate
+.translate(@x:0, @y:0)
+{
+  -webkit-transform: translate(@x, @y);
+     -moz-transform: translate(@x, @y);
+      -ms-transform: translate(@x, @y);
+       -o-transform: translate(@x, @y);
+          transform: translate(@x, @y);
+}
+
+// Columns
+.columns(@colwidth: 250px, @colcount: 0, @colgap: 50px, @columnRuleColor: #EEE, @columnRuleStyle: solid, @columnRuleWidth: 1px)
+{
+  -webkit-column-width     : @colwidth;
+  -webkit-column-count     : @colcount;
+  -webkit-column-gap       : @colgap;
+  -webkit-column-rule-color: @columnRuleColor;
+  -webkit-column-rule-style: @columnRuleStyle;
+  -webkit-column-rule-width: @columnRuleWidth;
+     -moz-column-width     : @colwidth;
+     -moz-column-count     : @colcount;
+     -moz-column-gap       : @colgap;
+     -moz-column-rule-color: @columnRuleColor;
+     -moz-column-rule-style: @columnRuleStyle;
+     -moz-column-rule-width: @columnRuleWidth;
+          column-width     : @colwidth;
+          column-count     : @colcount;
+          column-gap       : @colgap;
+          column-rule-color: @columnRuleColor;
+          column-rule-style: @columnRuleStyle;
+          column-rule-width: @columnRuleWidth;
+}
+
+.edit-link(@bc:#CCFF2F,@c:#333)
+{
+  .dib;
+  background-color:@bc;
+  border:1px solid;
+  border-color:darken(desaturate(@bc, 35%),15%) darken(desaturate(@bc, 35%),15%) darken(desaturate(@bc, 35%),20%);
+  .rounded;
+  color: @c;
+  cursor: pointer;
+  .font-size(.8em,1em);
+  font-weight: normal;
+  padding: 0.25em 0.75em;
+  margin-top:.5em;
+
+  &:hover{background-color:darken(@bc, 20%);}
+  &:active{
+    text-shadow: 0 1px 0 lighten(@bc,5%);
+    background-color:darken(@bc, 20%);
+    //.inset-shadow(0,0,2px,darken(@bc,60));
+  }
+}
+
+.loader(@fc:#000,@bc:#ccc,@h:8px,@radius:0px)
+{
+  // Safari/chrome
+  &::-webkit-progress-bar{background-color:@bc;.rounded(@radius);}
+  &::-webkit-progress-value{background-color:@fc;.rounded(@radius);}
+  // Firefox
+  &{background-color:@bc;.rounded(@radius);height:@h;}
+  &::-moz-progress-bar{background-color:@fc;.rounded(@radius);}
+}
+
+// =
+// =
+// =
+// =
+// =
+// ===== RETINA ==========================================================================================================
+
+// retina.less
+// A helper mixin for applying high-resolution background images (http://www.retinajs.com)
+.at2x(@path, @w: auto, @h: auto) {
+  background-image: url(@path);
+  @at2x_path: ~`"@{path}".split('.').slice(0, "@{path}".split('.').length - 1).join(".") + "@2x" + "." + "@{path}".split('.')["@{path}".split('.').length - 1]`;
+
+  @media all and (-webkit-min-device-pixel-ratio : 1.5) {
+    background-image: url(@at2x_path);
+    background-size: @w @h;
+  }
+}

sites/all/themes/gui/guibik/less/guibik.less

@@ -56,6 +56,38 @@ select.form-select {
   max-width:100%;
 }
 
+input.form-autocomplete:disabled,
+input.form-text:disabled,
+textarea.form-textarea:disabled,
+select.form-select:disabled{
+  padding:3px;
+  border-width:0px;
+  border-style:solid;
+  border-color:none;
+  background:#fff;
+  color:#1A1A1A;
+  max-width:100%;
+}
+
+
+input.form-autocomplete:hover:disabled,
+input.form-text:hover:disabled,
+input.form-file:hover:disabled,
+textarea.form-textarea:hover:disabled,
+select.form-select:hover:disabled,
+input.form-autocomplete:focus:disabled,
+input.form-text:focus:disabled,
+input.form-file:focus:disabled,
+input.form-checkbox:focus:disabled,
+input.form-radio:focus:disabled,
+textarea.form-textarea:focus:disabled,
+select.form-select:focus:disabled{
+  color: inherit;;
+  border-color: #fff;
+  -webkit-box-shadow: #fff 0 0 0px;
+     -moz-box-shadow: #fff 0 0 0px;
+          box-shadow: #fff 0 0 0px;
+}
 
 span.autocomplete-deluxe-button{top:0.25em;}
 

sites/all/themes/gui/guibik/package.json

@@ -0,0 +1,19 @@
+{
+  "name": "guibik",
+  "version": "1.0.0",
+  "description": "An Admin theme for drupal 7 based on rubik.",
+  "main": "gulpfile.js",
+  "author": "Bachir Soussi Chiadmi",
+  "license": "GPLv3",
+  "homepage": "https://materio.com",
+  "devDependencies": {
+    "gulp": "latest",
+    "gulp-autoprefixer": "latest",
+    "gulp-jsmin": "latest",
+    "gulp-less": "latest",
+    "gulp-rename": "latest",
+    "gulp-strip-debug": "latest",
+    "gulp-watch": "latest",
+    "less-plugin-autoprefix": "^1.5.1"
+  }
+}

sites/all/themes/gui/materiobasetheme/css/styles.css

@@ -4176,16 +4176,16 @@ article.node-materiau.vm-bookmark, article.node-breve.vm-bookmark {
         height: 17px; }
   article.node-materiau.vm-bookmark div.workflow, article.node-breve.vm-bookmark div.workflow {
     position: absolute;
-    top: 0;
-    left: 0;
+    bottom: 0;
+    right: 0;
     z-index: 11;
     padding: 5px;
-    border-radius: 5px 0 3px 0;
+    border-radius: 3px 0 5px 0;
     background-clip: padding-box;
     font-size: 10px;
     vertical-align: top;
-    background-color: rgba(255, 255, 255, 0.9);
-    color: #000; }
+    background-color: rgba(20, 20, 20, 0.9);
+    color: #fff; }
     article.node-materiau.vm-bookmark div.workflow span, article.node-breve.vm-bookmark div.workflow span {
       padding: 3px 0 0 4px;
       display: moz-inline-stack;
@@ -4378,16 +4378,16 @@ article.node-materiau.vm-cardsmall, article.node-breve.vm-cardsmall {
         height: 17px; }
   article.node-materiau.vm-cardsmall div.workflow, article.node-breve.vm-cardsmall div.workflow {
     position: absolute;
-    top: 0;
-    left: 0;
+    bottom: 0;
+    right: 0;
     z-index: 11;
     padding: 5px;
-    border-radius: 5px 0 3px 0;
+    border-radius: 3px 0 5px 0;
     background-clip: padding-box;
     font-size: 10px;
     vertical-align: top;
-    background-color: rgba(255, 255, 255, 0.9);
-    color: #000; }
+    background-color: rgba(20, 20, 20, 0.9);
+    color: #fff; }
     article.node-materiau.vm-cardsmall div.workflow span, article.node-breve.vm-cardsmall div.workflow span {
       padding: 3px 0 0 4px;
       display: moz-inline-stack;
@@ -4642,16 +4642,16 @@ article.node-materiau.vm-cardmedium, article.node-breve.vm-cardmedium {
         height: 17px; }
   article.node-materiau.vm-cardmedium div.workflow, article.node-breve.vm-cardmedium div.workflow {
     position: absolute;
-    top: 0;
-    left: 0;
+    bottom: 0;
+    right: 0;
     z-index: 11;
     padding: 5px;
-    border-radius: 5px 0 3px 0;
+    border-radius: 3px 0 5px 0;
     background-clip: padding-box;
     font-size: 10px;
     vertical-align: top;
-    background-color: rgba(255, 255, 255, 0.9);
-    color: #000; }
+    background-color: rgba(20, 20, 20, 0.9);
+    color: #fff; }
     article.node-materiau.vm-cardmedium div.workflow span, article.node-breve.vm-cardmedium div.workflow span {
       padding: 3px 0 0 4px;
       display: moz-inline-stack;
@@ -4998,16 +4998,16 @@ article.node-materiau.vm-cardbig, article.node-breve.vm-cardbig {
         height: 17px; }
   article.node-materiau.vm-cardbig div.workflow, article.node-breve.vm-cardbig div.workflow {
     position: absolute;
-    top: 0;
-    left: 0;
+    bottom: 0;
+    right: 0;
     z-index: 11;
     padding: 5px;
-    border-radius: 5px 0 3px 0;
+    border-radius: 3px 0 5px 0;
     background-clip: padding-box;
     font-size: 10px;
     vertical-align: top;
-    background-color: rgba(255, 255, 255, 0.9);
-    color: #000; }
+    background-color: rgba(20, 20, 20, 0.9);
+    color: #fff; }
     article.node-materiau.vm-cardbig div.workflow span, article.node-breve.vm-cardbig div.workflow span {
       padding: 3px 0 0 4px;
       display: moz-inline-stack;
@@ -5350,16 +5350,16 @@ article.node-materiau.vm-cardfull, article.node-breve.vm-cardfull {
         height: 17px; }
   article.node-materiau.vm-cardfull div.workflow, article.node-breve.vm-cardfull div.workflow {
     position: absolute;
-    top: 0;
-    left: 0;
+    bottom: 0;
+    right: 0;
     z-index: 11;
     padding: 5px;
-    border-radius: 5px 0 3px 0;
+    border-radius: 3px 0 5px 0;
     background-clip: padding-box;
     font-size: 10px;
     vertical-align: top;
-    background-color: rgba(255, 255, 255, 0.9);
-    color: #000; }
+    background-color: rgba(20, 20, 20, 0.9);
+    color: #fff; }
     article.node-materiau.vm-cardfull div.workflow span, article.node-breve.vm-cardfull div.workflow span {
       padding: 3px 0 0 4px;
       display: moz-inline-stack;
@@ -5648,16 +5648,16 @@ article.node-materiau.vm-cardfull, article.node-breve.vm-cardfull {
             height: 17px; }
       .print-node-materiau div.workflow {
         position: absolute;
-        top: 0;
-        left: 0;
+        bottom: 0;
+        right: 0;
         z-index: 11;
         padding: 5px;
-        border-radius: 5px 0 3px 0;
+        border-radius: 3px 0 5px 0;
         background-clip: padding-box;
         font-size: 10px;
         vertical-align: top;
-        background-color: rgba(255, 255, 255, 0.9);
-        color: #000; }
+        background-color: rgba(20, 20, 20, 0.9);
+        color: #fff; }
         .print-node-materiau div.workflow span {
           padding: 3px 0 0 4px;
           display: moz-inline-stack;

sites/all/themes/gui/materiobasetheme/js/script.js

@@ -1,6 +1,3 @@
-// @koala-prepend "gui_ck_fw/gui.js"
-// @codekit-prepend "gui.js"
-
 (function($) {
 
 
@@ -48,13 +45,13 @@
         // touch scroll
         position = {x:null,y:null},
         translate3d_content = 0,
-        _isLoggedIn = !$('body').is('.not-logged-in'),
-        _isFrontNotLogged = $('body').is('.front.not-logged-in'),
+        _isLoggedIn = !_$body.is('.not-logged-in'),
+        _isFrontNotLogged = _$body.is('.front.not-logged-in'),
         _isFrontHomeV2 = _$body.is('.home-v2'),
         _skrollr,
-        _isMembershipForm = $('body').is('.page-node-11186'), //$('body').is('.page-node-11187') || ,
-        // _isBreveMateriauNodePage = $('body').is('.node-type-breve') || $('body').is('.node-type-materiau');
-        _isBreveMateriauNodePage = _themeSettings.page_callback == 'node_page_view' && (_themeSettings.node_type == 'materiau' || _themeSettings.node_type == 'breve'),
+        _isMembershipForm = _$body.is('.page-node-11186'), //$('body').is('.page-node-11187') || ,
+        _isBreveMateriauNodePage = _$body.is('.node-type-breve') || _$body.is('.node-type-materiau'),
+        // _isBreveMateriauNodePage = _themeSettings.page_callback == 'node_page_view' && (_themeSettings.node_type == 'materiau' || _themeSettings.node_type == 'breve'),
         _resizeTimer,
         _max_480 = function(){ return (viewport().width < 479); },
         _480_768 = function(){ return ( !_max_480() && _max_768() ); },
@@ -531,7 +528,7 @@
     };
 
     function onResultsChanged(event){
-      // trace('MaterioBaseTheme :: onResultsChanged',event);
+      trace('MaterioBaseTheme :: onResultsChanged',event);
       $(document).scrollTop(0);
 
       focusCard($('#content .search-results, #content .actuality-items').children('.node:first-child'));

sites/all/themes/gui/materiobasetheme/preprocess/html.pre.php

@@ -71,8 +71,8 @@ foreach ($heads as $type=>$head)
 	drupal_add_html_head($head, $type);
 
 
+// this is not working anymore, node object don't shows up on vars
 $node = isset($vars['node']) ? $vars['node'] : false;
-
 # add body classes
 if($node){
 
@@ -142,5 +142,3 @@ foreach ($vars['head_title_array'] as $key => $value){
   }
 }
 $vars['head_title'] = $vars['head_array']['title'] =  strip_tags(implode(' | ',  $head_title_array));
-
-

sites/all/themes/gui/materiobasetheme/scss/styles.scss

@@ -1305,11 +1305,11 @@ $cardfull_h:610px;
   // &:hover{nav.nav{display:block;}}
 
   div.workflow{
-    position:absolute; top:0; left:0; z-index:11;
+    position:absolute; bottom:0; right:0; z-index:11;
     padding: 5px;
-    @include border-radius(5px, 0, 3px, 0);
+    @include border-radius(3px, 0, 5px, 0);
     @include fs11; vertical-align: top;
-    background-color: rgba(255, 255, 255, 0.9); color:#000;
+    background-color: rgba(20, 20, 20, 0.9); color:#fff;
     span{padding: 3px 0 0 4px; @include inlineblock();}
   }