carnival 0.0.59 → 0.1.0

data/app/assets/javascripts/carnival/vizir_admin.js

@@ -1,4 +1,5 @@
 // add/remove dynamic fields
+var Carnival = {}
 String.prototype.unescapeHtml = function () {
     var temp = document.createElement("div");
     temp.innerHTML = this;
@@ -7,6 +8,105 @@ String.prototype.unescapeHtml = function () {
     return result;
 }
 
+Carnival.remoteFunction = function(url, successCallback, errorCallback, method, data, showOverlay){
+  if(!data)
+    data = {};
+  var ajaxParams = {
+    url: url,
+    type: method,
+    data: data,
+    success: function(data, status, jqXHR){
+      Carnival.callFunc(successCallback, data);
+    },
+    error: function(jqXHR, status, error){
+      Carnival.callFunc(errorCallback, data);
+    },
+    complete: function(jqXHR, status){
+    }
+  };
+
+  if(showOverlay)
+    showModalOverlay();
+
+  $.ajax(ajaxParams);
+}
+
+Carnival.callFunc = function(functionName, data){
+  var func = window[functionName];
+  if(func)
+  {
+    if(typeof func === 'function')
+    {
+      func(data);
+    }
+  }else{
+    if(console && console.warn)
+      console.warn('The funcion ' + functionName + ' was not implemented')
+  }
+}
+
+Carnival.submitIndexForm = function(){
+  $("#advanced_search_form input").each(function(){
+    var inputValue = $(this).val();
+
+    if(inputValue == "____/__/__")
+      $(this).val('');
+  });
+
+  $("#advanced_search_form select").each(function(){
+    var inputValue = $(this).val();
+
+    if(inputValue == "-1")
+      $(this).val('');
+  });
+  var form = $('.carnival-index-form').find('form')
+  form.submit();
+}
+
+Carnival.setIndexPageParam = function(name, value){
+  var form = $('.carnival-index-form').find('form')
+  form.find('input[name='+name+']').val(value);
+}
+
+Carnival.getIndexPageParam = function(name){
+  var form = $('.carnival-index-form').find('form')
+  return form.find('input[name='+name+']').val();
+}
+
+Carnival.removeAdvancedSearch = function(key){
+  var input = $("[name='advanced_search["+key+"]']");
+  input.val('');
+  Carnival.submitIndexForm()
+}
+
+Carnival.reloadIndexPage = function(){
+  Carnival.setIndexPageParam('page', 1);
+  Carnival.submitIndexForm()
+}
+
+Carnival.setIndexPageParamAndReload = function(name, value){
+  Carnival.setIndexPageParam(name, value);
+  Carnival.reloadIndexPage();
+}
+
+Carnival.sortColumn = function(column, direction){
+  Carnival.setIndexPageParam('sort_column', column);
+  Carnival.setIndexPageParam('sort_direction', direction);
+  Carnival.reloadIndexPage();
+}
+
+Carnival.goToPage = function(page){
+  Carnival.setIndexPageParam('page', page);
+  Carnival.submitIndexForm()
+}
+
+Carnival.sortIndexList = function(elem){
+  var selectedOption = $(elem).find('option:selected');
+  var columnName = $(selectedOption).data('columnName');
+  var sortDir = $(selectedOption).data('sortDir');
+  Carnival.sortColumn(columnName, sortDir);
+}
+
 function removeFields(link) {
   $(link).prev("input[type=hidden]").val("1");
   $(link).closest(".fields").slideToggle("show");
@@ -32,8 +132,17 @@ function markActive(){
 // page load functions
 
 var pageLoad = function(){
-  $('ul.menu').clone().appendTo('div.menu.short');
 
+  width = 0;
+
+  $('.advanced-search-tag').each(function(){
+    width += $(this).outerWidth();
+    var explodeLevel = Math.floor(width/$('.advanced-search-tags').width());
+    if(explodeLevel >= 1)
+      $(this).parent().addClass('explode'+ explodeLevel);
+  })
+
+  $('ul.menu').clone().appendTo('div.menu.short');
 
   $('.dropdown_main_menu_sublevel').hide(0);
 
@@ -52,8 +161,8 @@ var pageLoad = function(){
     return false
   })
 
-  $('.dataTables_info').insertAfter('.dataTables_paginate');
-  $(".chosen").chosen({no_results_text: "Nenhum resultado encontrado", disable_search_threshold: 5});
+
+  $(".carnival-select").select2({width: '100%'});
   $(".popup").click(function(e){
     e.preventDefault()
     var url = $(this).attr('href')
@@ -94,16 +203,50 @@ var pageLoad = function(){
 
 // form load functions
 
+function setupDateFields(){
+  var dateOptions = {
+    format: 'Y/m/d',
+    mask: true,
+    timepicker: false
+  };
+  var dateTimeOptions = $.extend({}, dateOptions, { timepicker: true, format: 'Y/m/d H:i'})
+
+  $(".datepicker").datetimepicker(dateOptions);
+  $(".datetimepicker").datetimepicker(dateTimeOptions);
+}
+
 var formLoad = function(){
-  $(".datepicker").datepicker({
-    dateFormat: 'yy-mm-dd'
+  setupDateFields();
+  $('select').select2({width: '100%'});
+  $('input.previewable').change(function() {
+    var that = $( this );
+    var reader = new FileReader();
+    var img = $(this).siblings('img.previewable');
+
+    reader.onload = function(e) {
+      var val = e.target.result;
+      img.attr('src', val);
+    }
+
+    if (this.files && this.files[0]) {
+      reader.readAsDataURL(this.files[0]);
+    } else {
+      img.attr('src', '');
+    }
   });
-  $('.chosen').chosen();
-  $(".chosen-container").css({width:$(".chosen-container").parent().css("width")})
+  $('.carnival-select').select2({width: '100%'});
   selectRemote();
 }
 
 $(document).ready(function(){
   pageLoad();
   formLoad();
+
+
+  $('a').each(function(){this_=$(this);if(this_.hasClass() == false){this_.addClass('link')}})
+
+  $('*[data-carnival-show-overlay=true]').on('ajax:beforeSend', function(xhr, settings) {
+    showModalOverlay();
+  });
+
 });

data/app/assets/stylesheets/carnival/actions.css.scss

@@ -0,0 +1,140 @@
+/************************ ACTIONS BASE STYLES *********************** STAR */
+
+.carnival-action-link, .carnival-action-button{
+  display: block;
+  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
+  text-align: center;
+  border-right: none;
+  border-radius: 2px;
+  cursor: pointer;
+  transition: all 0.3s ease;
+}
+
+.carnival-action-link{
+  font-size: 11px;
+  padding: 2px 6px 0px 6px;
+  float: right;
+}
+
+.carnival-action-button{
+  font-size: 13px;
+  padding: 0px 10px 0px;
+  float: left;
+  background: white;
+  background: -webkit-linear-gradient(-90deg, #fff, #f0f0f0);
+  background: -moz-linear-gradient(-90deg, #fff, #f0f0f0);
+  background: linear, -90deg, white, #f0f0f0;
+  color: #333;
+  line-height: 26px;
+  border: 1px solid rgba(0, 0, 0, 0.21);
+  opacity: 0.7;
+}
+
+.carnival-action-link:hover, .carnival-action-button:hover{
+  text-decoration: none !important;
+  opacity: 1;
+}
+
+/************************ ACTIONS BASE STYLES *********************** END */
+
+/********************** ACTIONS SPECIFIC STYLES ********************* START */
+
+.add{
+  background: url(image_path('carnival/novo.png')) 41px -38px;
+  font-size: 14px !important;
+  padding: 1px 10px 0px 28px;
+  color: #fff;
+  line-height: 25px;
+  float: right;
+}
+
+.add:hover{
+  background: url(image_path('carnival/novo.png')) 41px -38px;
+}
+
+.voltar{
+  background: url(image_path('carnival/voltar.png')) 42px -38px;
+  font-size: 14px !important;
+  padding: 1px 10px 0px 28px;
+  color: #fff;
+  line-height: 25px;
+  float: right;
+}
+
+.voltar:hover{
+  background: url(image_path('carnival/voltar.png')) 42px -38px;
+}
+
+.novo, .search-submit{
+  background: #007ae1;
+  color: #fff; 
+}
+
+.novo:hover, .search-submit:hover{
+  background: #007ae1;
+  color: #fff; 
+}
+
+.remover{
+  background: #d63e30;
+  color: #fff; 
+}
+
+.remover:hover{
+  background: #d63e30;
+  color: #fff; 
+}
+
+.apagar{
+  color: #d63e30;
+}
+
+.apagar:hover{
+  background: #d63e30;
+  color: #fff;
+}
+
+.editar{
+  color:#007ae1;
+}
+
+.editar:hover{
+  background:#007ae1;
+  color:#fff;
+}
+
+.visualizar{
+  color: #5F6374;
+}
+
+.visualizar:hover{
+  background: #5F6374;
+  color:#fff;
+}
+
+.pdf, .csv{
+  padding: 0px 10px 0px 25px;
+  position: relative;
+}
+
+.pdf:before, .csv:before{
+  content: '';
+  display: block;
+  width: 25px;
+  height: 25px;
+  background: url(image_path('carnival/sprites.png'));
+  background-size: 400px;
+  position: absolute;
+  left: 7px;
+  top: 6px;
+}
+
+.pdf:before{
+  background-position: -279px -502px;
+}
+
+.csv:before{
+  background-position: -101px -50px; 
+}
+
+/********************** ACTIONS SPECIFIC STYLES ********************* START */

data/app/assets/stylesheets/carnival/admin.css

@@ -1,14 +1,23 @@
 /*
  *= require_self
- *= require carnival/vizir-grid.css
- *= require carnival/datatable.css
+ *= require carnival/structure.css
+ *= require carnival/header.css
+ *= require carnival/menu.css
+ *= require carnival/footer.css
+ *= require carnival/forms.css
+ *= require carnival/actions.css
+ *= require carnival/carnival-table.css
+ *= require carnival/carnival-list.css
+ *= require carnival/carnival-grid.css
+ *= require carnival/period.css
+ *= require carnival/listing-tools.css
+ *= require carnival/search.css
+ *= require carnival/scope.css
+ *= require carnival/pagination.css
+ *= require carnival/modal.css
+ *= require carnival/grid.css
  *= require carnival/jquery.noty.css
- *= require carnival/chosen.css
  *= require carnival/colorbox.css
- *= require carnival/formframe.css
- *= require carnival/main.css
  *= require carnival/select2.css
- *= require carnival/jquery-ui-1.8.11.custom
- *= require carnival/perfect-scrollbar-0.4.6.min
- *= require carnival/jquery.fancybox
+ *= require carnival/external/jquery.datetimepicker.css
 */

data/app/assets/stylesheets/carnival/carnival-grid.css

@@ -0,0 +1,48 @@
+.carnival-grid{
+  padding: 0;
+  margin: 15px 0px 0px;  
+  float: left;
+  width: 100%;
+}
+
+.carnival-grid-item{ 
+  padding: 0px 15px 15px 0px;
+  margin: 0;
+  box-sizing: border-box;
+  transition: all 0.3s ease;
+  width:25%;
+  float: left;
+  height: 280px;
+  position: relative;
+}
+
+.carnival-grid-card{
+  background: #f6f6f6;
+  border-radius: 4px;
+  border: 1px solid #e0e0e0;
+  height: 100%;
+  width: 100%;
+  transition: all 0.3s ease;
+  box-sizing: border-box;
+  padding: 15px;
+ }
+
+.carnival-grid-card:hover{
+  background: #fcfcfc;
+}
+
+.carnival-grid-item .row:last-child{
+  position: absolute;
+  right: 30px;
+  bottom: 30px;
+}
+
+.carnival-grid-item .carnival-action-link{
+  margin: 0;
+}
+
+.carnival-grid-card .label{
+  font-weight: bold;
+  margin: 0px 4px 0px 0px;
+  float: left;
+}

data/app/assets/stylesheets/carnival/carnival-list.css

@@ -0,0 +1,39 @@
+.carnival-list{
+  padding: 0;
+  margin: 0;  
+}
+
+.carnival-list-item:first-child{
+  margin: 15px 0px 15px 0px;  
+}
+
+.carnival-list-item{
+  border: 1px solid #e0e0e0; 
+  float: left;
+  width: 100%;
+  padding: 15px;
+  margin: 0px 0px 15px 0px;
+  box-sizing: border-box;
+  background: #f6f6f6;
+  border-radius: 4px;
+  transition: all 0.3s ease;
+}
+
+.carnival-list-item:hover{
+  background: #fcfcfc;
+}
+
+.carnival-list-item .carnival-action-link{
+  margin: -5px 0px 0px 0px;
+}
+
+.carnival-list-item .attr{
+  float: left;
+  width: 25%;
+}
+
+.carnival-list-item .label{
+  font-weight: bold;
+  margin: 0px 4px 0px 0px;
+  float: left;
+}