projekt kivitendo

use SL::Layout::Material;

use SL::Layout::MobileLogin;

  return SL::Layout::Material->new   if $params{style} eq 'mobile';

  return SL::Layout::MobileLogin->new if $params{style} eq 'mobile_login';

package SL::Layout::Material;

use strict;

use parent qw(SL::Layout::Base);

use SL::Layout::None;

use SL::Layout::MaterialMenu;

use SL::Layout::MaterialStyle;

use SL::Layout::Content;

sub get_stylesheet_for_user {

  # overwrite kivitendo fallback

  'css/material';

}

sub init_sub_layouts {

  [

    SL::Layout::None->new,

    SL::Layout::MaterialStyle->new,

    SL::Layout::MaterialMenu->new,

    SL::Layout::Content->new,

  ]

}

1;

package SL::Layout::MaterialMenu;

use strict;

use parent qw(SL::Layout::Base);

use SL::Menu;

sub init_menu {

  SL::Menu->new('mobile');

}

sub javascripts_inline {

<<'EOL';

  document.addEventListener('DOMContentLoaded', function() {

    var elems = document.querySelectorAll('.sidenav');

    var instances = M.Sidenav.init(elems);

  });

EOL

}

sub pre_content {

  $_[0]->presenter->render('menu/material', menu => $_[0]->menu);

}

1;

package SL::Layout::MaterialStyle;

use strict;

use parent qw(SL::Layout::Base);

sub use_stylesheet {

  "https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css",

  "https://fonts.googleapis.com/icon?family=Material+Icons";

}

sub use_javascript {

  "https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js";

}

sub javascripts_inline {

<<'EOL';

  document.addEventListener('DOMContentLoaded', function() {

    var elems = document.querySelectorAll('select');

    var instances = M.FormSelect.init(elems);

  });

EOL

}

sub get_stylesheet_for_user {

  # overwrite kivitendo fallback

  'css/material';

}

1;

package SL::Layout::MobileLogin;

use strict;

use parent qw(SL::Layout::Base);

use SL::Layout::MaterialStyle;

use SL::Layout::MaterialMenu;

sub start_content {

  "<div id='login' class='login'>\n";

}

sub end_content {

  "</div>\n";

}

sub get_stylesheet_for_user {

  # overwrite kivitendo fallback

  'css/material';

}

sub init_sub_layouts {

  [

    SL::Layout::MaterialStyle->new,

    SL::Layout::MaterialMenu->new,

  ]

}

1;

# This is the main menu config file for mobile user space menu entries.

#

# Th structure is the same as in user/, but currently infinite nesting is not supported.

#

---

- id: test_entry

  name: Test

  icon: test

  order: 100

  access: customer_vendor_edit|customer_vendor_all_edit

  params:

    action: CustomerVendor/add

    db: customer

- id: warehouse_produce_assembly

  name: Produce Assembly

  icon: assembly_produce

  order: 200

  access: warehouse_management

  module: wh.pl

  params:

    action: transfer_warehouse_selection

    trans_type: assembly

- id: warehouse_transfer

  name: Transfer

  order: 300

  access: warehouse_management

  module: wh.pl

  params:

    action: transfer_warehouse_selection

    trans_type: transfer

- id: warehouse_removal

  name: Removal

  order: 400

  access: warehouse_management

  module: wh.pl

  params:

    action: transfer_warehouse_selection

    trans_type: removal

[%- USE T8 %]

[%- USE L %]

[%- USE HTML %]

[%- USE LxERP -%]

<nav>

  <div class="nav-wrapper">

    <a class="brand-logo">Kivitendo</a>

    <a href="#" data-target="nav-mobile" class="sidenav-trigger"><i class="material-icons">menu</i></a>

    <ul id="nav" class="right hide-on-med-and-down">

      [%- FOREACH node = menu.tree %]

        [%- NEXT UNLESS node.visible %]

        <li>[% L.link(menu.href_for_node(node) || '#', menu.name_for_node(node), target=node.target) %]</li>

      [%- END %]

    </ul>

  </div>

</nav>

<ul id="nav-mobile" class="sidenav">

  [%- FOREACH node = menu.tree %]

    [%- NEXT UNLESS node.visible %]

    <li>[% L.link(menu.href_for_node(node) || '#', menu.name_for_node(node), target=node.target) %]</li>

  [%- END %]

</ul>