projekt kivitendo

use JSON;

use Rose::DB::Object::Helpers qw(as_tree);

 'scalar --get_set_init' => [ qw(models customers project_types project_statuses projects) ],

__PACKAGE__->run_before('check_auth',   except => [ qw(ajax_autocomplete) ]);

__PACKAGE__->run_before('load_project', only   => [ qw(edit update destroy) ]);

sub action_ajax_autocomplete {

  my ($self, %params) = @_;

  $::form->{filter}{'all:substr:multi::ilike'} =~ s{[\(\)]+}{}g;

  # if someone types something, and hits enter, assume he entered the full name.

  # if something matches, treat that as sole match

  # unfortunately get_models can't do more than one per package atm, so we d it

  # the oldfashioned way.

  if ($::form->{prefer_exact}) {

    my $exact_matches;

    if (1 == scalar @{ $exact_matches = SL::DB::Manager::Project->get_all(

      query => [

        obsolete => 0,

        SL::DB::Manager::Project->type_filter($::form->{filter}{type}),

        or => [

          description   => { ilike => $::form->{filter}{'all:substr:multi::ilike'} },

          projectnumber => { ilike => $::form->{filter}{'all:substr:multi::ilike'} },

        ]

      ],

      limit => 2,

    ) }) {

      $self->projects($exact_matches);

    }

  }

  $::form->{sort_by} = 'customer_and_description';

  my @hashes = map {

   +{

     value         => $_->full_description(style => 'full'),

     label         => $_->full_description(style => 'full'),

     id            => $_->id,

     projectnumber => $_->projectnumber,

     description   => $_->description,

     cvars         => { map { ($_->config->name => { value => $_->value_as_text, is_valid => $_->is_valid }) } @{ $_->cvars_by_config } },

    }

  } @{ $self->projects }; # neato: if exact match triggers we don't even need the init_projects

  $self->render(\ SL::JSON::to_json(\@hashes), { layout => 0, type => 'json', process => 0 });

}

sub action_test_page {

  $_[0]->render('project/test_page');

}

sub init_projects {

  if ($::form->{no_paginate}) {

    $_[0]->models->disable_plugin('paginated');

  }

  $_[0]->models->get;

}

      customer_and_description => 1,

  all => sub {

    my ($key, $value, $prefix) = @_;

    return or => [ map { $prefix . $_ => $value } qw(projectnumber description customer.name) ]

  }

      customer_and_description => [ qw(customer.name project.description) ],

  } elsif ($params{style} =~ m/full/) {

    $description = $self->projectnumber;

    if ($self->description && do { my $desc = quotemeta $self->description; $self->projectnumber !~ m/$desc/ }) {

      $description .= ' ' . $self->description;

    }

    $description = $self->customer->name . " (${description})";

=item C<full>

Returns the customer name followed by the project number and project

description in parenthesis (e.g. "Evil Corp (12345 World

domination)"). If the project's description is already part of the

project's number then it will not be appended.

our @EXPORT = qw(project project_picker);

sub project_picker {

  my ($self, $name, $value, %params) = @_;

  $value      = SL::DB::Manager::Project->find_by(id => $value) if $value && !ref $value;

  my $id      = delete($params{id}) || $self->name_to_id($name);

  my @classes = $params{class} ? ($params{class}) : ();

  push @classes, 'project_autocomplete';

  my $ret =

    $self->input_tag($name, (ref $value && $value->can('id') ? $value->id : ''), class => "@classes", type => 'hidden', id => $id) .

    join('', map { $params{$_} ? $self->input_tag("", delete $params{$_}, id => "${id}_${_}", type => 'hidden') : '' } qw(customer_id)) .

    $self->input_tag("", ref $value ? $value->displayable_name : '', id => "${id}_name", %params);

  $::request->layout->add_javascripts('autocomplete_project.js');

  $::request->presenter->need_reinit_widgets($id);

  $self->html_tag('span', $ret, class => 'project_picker');

}

sub project_picker           { return _call_presenter('project_picker',           @_); }

.projectpicker-undefined,

namespace('kivi', function(k){

  k.ProjectPicker = function($real, options) {

    // short circuit in case someone double inits us

    if ($real.data("project_picker"))

      return $real.data("project_picker");

    var KEY = {

      ESCAPE: 27,

      ENTER:  13,

      TAB:    9,

      LEFT:   37,

      RIGHT:  39,

      PAGE_UP: 33,

      PAGE_DOWN: 34,

    };

    var CLASSES = {

      PICKED:       'projectpicker-picked',

      UNDEFINED:    'projectpicker-undefined',

    }

    var o = $.extend({

      limit: 20,

      delay: 50,

    }, options);

    var STATES = {

      PICKED:    CLASSES.PICKED,

      UNDEFINED: CLASSES.UNDEFINED

    }

    var real_id      = $real.attr('id');

    var $dummy       = $('#' + real_id + '_name');

    var $customer_id = $('#' + real_id + '_customer_id');

    var state        = STATES.PICKED;

    var last_real    = $real.val();

    var last_dummy   = $dummy.val();

    var timer;

    function ajax_data(term) {

      var data = {

        'filter.all:substr:multi::ilike': term,

        'filter.valid': 'valid',

        no_paginate:  $('#no_paginate').prop('checked') ? 1 : 0,

        current:  $real.val(),

      };

      if ($customer_id && $customer_id.val())

        data['filter.customer_id'] = $customer_id.val().split(',');

      return data;

    }

    function set_item (item) {

      if (item.id) {

        $real.val(item.id);

        // autocomplete ui has name, use the value for ajax items, which contains displayable_name

        $dummy.val(item.name ? item.name : item.value);

      } else {

        $real.val('');

        $dummy.val('');

      }

      state                 = STATES.PICKED;

      last_real             = $real.val();

      last_dummy            = $dummy.val();

      last_unverified_dummy = $dummy.val();

      $real.trigger('change');

      $real.trigger('set_item:ProjectPicker', item);

      annotate_state();

    }

    function make_defined_state () {

      if (state == STATES.PICKED) {

        annotate_state();

        return true

      } else if (state == STATES.UNDEFINED && $dummy.val() == '')

        set_item({})

      else {

        last_unverified_dummy = $dummy.val();

        set_item({ id: last_real, name: last_dummy })

      }

      annotate_state();

    }

    function annotate_state () {

      if (state == STATES.PICKED)

        $dummy.removeClass(STATES.UNDEFINED).addClass(STATES.PICKED);

      else if (state == STATES.UNDEFINED && $dummy.val() == '')

        $dummy.removeClass(STATES.UNDEFINED).addClass(STATES.PICKED);

      else {

        last_unverified_dummy = $dummy.val();

        $dummy.addClass(STATES.UNDEFINED).removeClass(STATES.PICKED);

      }

    }

    function update_results () {

      $.ajax({

        url: 'controller.pl?action=Project/project_picker_result',

        data: $.extend({

            'real_id': $real.val(),

        }, ajax_data(function(){ var val = $('#project_picker_filter').val(); return val === undefined ? '' : val })),

        success: function(data){ $('#project_picker_result').html(data) }

      });

    };

    function result_timer (event) {

      if (!$('no_paginate').prop('checked')) {

        if (event.keyCode == KEY.PAGE_UP) {

          $('#project_picker_result a.paginate-prev').click();

          return;

        }

        if (event.keyCode == KEY.PAGE_DOWN) {

          $('#project_picker_result a.paginate-next').click();

          return;

        }

      }

      window.clearTimeout(timer);

      timer = window.setTimeout(update_results, 100);

    }

    $dummy.autocomplete({

      source: function(req, rsp) {

        $.ajax($.extend(o, {

          url:      'controller.pl?action=Project/ajax_autocomplete',

          dataType: "json",

          data:     ajax_data(req.term),

          success:  function (data){ rsp(data) }

        }));

      },

      select: function(event, ui) {

        set_item(ui.item);

      },

    });

    /*  In case users are impatient and want to skip ahead:

     *  Capture <enter> key events and check if it's a unique hit.

     *  If it is, go ahead and assume it was selected. If it wasn't don't do

     *  anything so that autocompletion kicks in.  For <tab> don't prevent

     *  propagation. It would be nice to catch it, but javascript is too stupid

     *  to fire a tab event later on, so we'd have to reimplement the "find

     *  next active element in tabindex order and focus it".

     */

    /* note:

     *  event.which does not contain tab events in keypressed in firefox but will report 0

     *  chrome does not fire keypressed at all on tab or escape

     */

    $dummy.keydown(function(event){

      if (event.which == KEY.ENTER || event.which == KEY.TAB) {

        // if string is empty assume they want to delete

        if ($dummy.val() == '') {

          set_item({});

          return true;

        } else if (state == STATES.PICKED) {

          return true;

        }

        if (event.which == KEY.TAB) event.preventDefault();

        $.ajax({

          url: 'controller.pl?action=Project/ajax_autocomplete',

          dataType: "json",

          data: $.extend( ajax_data($dummy.val()), { prefer_exact: 1 } ),

          success: function (data) {

            if (data.length == 1) {

              set_item(data[0]);

              if (event.which == KEY.ENTER)

                $('#update_button').click();

            } else {

            }

            annotate_state();

          }

        });

        if (event.which == KEY.ENTER)

          return false;

      } else {

        state = STATES.UNDEFINED;

      }

    });

    $dummy.blur(function(){

      window.clearTimeout(timer);

      timer = window.setTimeout(annotate_state, 100);

    });

    // now add a picker div after the original input

    var pcont  = $('<span>').addClass('position-absolute');

    var picker = $('<div>');

    $dummy.after(pcont);

    pcont.append(picker);

    var pp = {

      real:           function() { return $real },

      dummy:          function() { return $dummy },

      type:           function() { return $type },

      customer_id:    function() { return $customer_id },

      update_results: update_results,

      result_timer:   result_timer,

      set_item:       set_item,

      reset:          make_defined_state,

      is_defined_state: function() { return state == STATES.PICKED },

      init_results:    function () {

        $('div.project_picker_project').each(function(){

          $(this).click(function(){

            set_item({

              id:   $(this).children('input.project_picker_id').val(),

              name: $(this).children('input.project_picker_description').val(),

            });

            $dummy.focus();

            return true;

          });

        });

        $('#project_selection').keydown(function(e){

           if (e.which == KEY.ESCAPE) {

             $dummy.focus();

           }

        });

      }

    }

    $real.data('project_picker', pp);

    return pp;

  }

});

$(function(){

  $('input.project_autocomplete').each(function(i,real){

    kivi.ProjectPicker($(real));

  })

});

[% USE L %]

<h1>Projekt-Picker-Testpage</h1>

<br>

[% L.project_picker('project_id', '', style='width: 600px') %] text<br>