interchange / wellwell

Interchange WellWell catalog
http://www.icdevgroup.org/
7 stars 4 forks source link
perl

=== === We don't pay any heed to backward compatibility for Wellwell until it is announced as stable and mature enough. === ===

%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% WellWell is the new Interchange Shop Starter Kit. %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

It's main difference from previous IC demo catalogs that it doesn't tend to be a demo, but rather a frame for building new catalogs.

It's main building blocks are components, assembled together with [compose] called from within pages.

Flaws in Standard / Interchange


Goals


In consequence this deprecates the following tags in this scope: [button], [image].

Prerequisites


Interchange 5.7.1 and at least: Dispatch.pm 1.103 Order.pm 2.104

Composition


[compose] basically just evaluates the components passed inside the [compose] tag and fits them into the containers inside the template.

Templates

Templates are HTML files with placeholders for the containers. The placeholders are uppercase words inside curly braces. A very simple template would look like:

{HTMLHEAD} {BODY}

Components

Components are evaluated as ITL and put into the placeholders.

[compose component.body="hello_world" ]

To automatically create a wrapping div for each component, set COMPOSE_CONTAINER to 1.

Automatic components/attributes

Usually certain components appear on every page and you don't want to specify them inside the [compose] tag.

[compose] examines the following variables which set components and attributes globally:

MV_COMPONENT_AUTO MV_ATTRIBUTE_AUTO

Example: Variable MV_COMPONENT_AUTO htmlhead:htmlhead left:menu,categorynav body:infobox Variable MV_ATTRIBUTE_AUTO menu.name=main

Users, Roles and Permissions


Users

Users are stored in the "users" table. The primary key is "uid", quite like an Unix user id, which is used to identify the user through the system. Other settings, like username and email, can be changed by the user.

Roles

Roles allow to group users and grant them permissions. Users are allowed to be in multiple roles.

Roles are stored in the "roles" table. The primary key is "rid", quite like an Unix group id, which the exception of the two default roles (anonymous and authenticated).

The default user roles are:

* Anonymous user: this role is used for users that don't have a user account or that are not authenticated.
* Authenticated user: this role is automatically granted to all logged in users.

The anonymous user has always the rid of 1 and the authenticated user has always the rid of 2.

This matches the following records in the permissions table:

rid | uid | perm
-----+-----+--------------- 1 | 0 | anonymous 2 | 0 | authenticated

The relationship between users and roles is kept in the "user_roles" table, e.g.

uid | rid -----+----- 1 | 3 1 | 4

Permissions

Permissions can be assigned to a role or to an user. If you want to restrict some content, you can use the [acl] tag for checking for proper permissions.

The following example produces a link only if the current user has the "create_content" permission.

[acl check create_content] Create content [/acl]

[acl] returns its body on success or the permission if body is empty.

Please note that [acl check] without a permission is always successful.

Acl parameter in [compose] ..........................

Permissions can be checked for a complete page like that:

[compose acl.check="view_titles" acl.bounce="index" components.body="title_info" ]

Please note that submitted [form] forms bypass this permission check because they are evaluated during autoload.

Menus .....

Only menu entries with sufficient permission will be displayed (permission field in menus table).

Forms


The recommended way to call [form] forms is within the compose tag:

[compose components.body="product_info wishlist_add" forms.wishlist_add.name="wishlist_add" /]

Parts

Each form consists of one or multiple subforms, called parts. The parts are stored in the "form_series" table:

name Form name part Part name label Label displayed on top of the form (optional) template Template (optional) profile Profile to check input in this part (optional) position Position of part (1,2,3,...)

Template

Forms are build from templates as well. The default template is located at:

templates/form

Alternative templates can be specified in table form_series, field template.

The default template looks as follows:

{PREPEND} {TOP}

{TITLE} {FIELDS} {SUBMIT}

{BOTTOM}

{PREPEND} is a placeholder which can be used for form components. {TOP} starts the HTML form. {TITLE} shows the label field from form_series table. {FIELDS} contains the regular form elements. {SUBMIT} contains the button form elements (as specified in form_elements table or default submit button) {BOTTOM} ends the HTML form.

Elements

The elements of a form (part) are stored in the "form_elements" table:

code Serial number name Name of form element label Label for form element component Part name priority Sort order in form (descending) widget Widget

The widget is passed by the form_element_field theme function to the [display] tag.

One exception to that is the "legend" widget, which just displays the label of the form_element.

Attributes

Every form element can have a set of attributes, stored in the form_attributes table. They are working pretty much the same as in the metadata table for the Interchange UI.

Attributes can be applied for every form element with a certain name:

wellwell=> select * from form_attributes where name = 'country'; code | name | component | attribute | value
------+---------+-----------+--------------+------------------------------------------------------------ 32 | country | | lookup_query | SELECT code,name FROM country ORDER BY priority DESC, name

Or only for a certain from:

wellwell=> select * from form_attributes where component = 'content_edit'; code | name | component | attribute | value ------+------+--------------+-----------+------- 30 | uri | content_edit | width | 200 31 | body | content_edit | height | 400

Hooks

There are two hooks for forms:

form_NAME_load (e.g. form_checkout_load) form_NAME_save (e.g. form_checkout_save)

The first parameter for the hook sub is the part name.

Load ....

The load hook is called for the setup of a form part. It is not called if the profile check for the form part has been failed.

The return value of the load hook is either a false value or a hash reference which can contain the following members:

page triggers a bounce to that page instead of displaying the form

attributes hash reference providing defaults for form attributes

Save ....

The save hook is called if the form part has been successfully submitted (e.g. profile check successful).

Theming

Most aspects of a form can be 'themed':

Currently, you can modify one of the existing theme functions:

theme_form_title theme_form_element theme_form_element_label theme_form_element_field theme_form_submit

Components

Regular components can also included in forms. Examples are dynamic form parts and supplementary content.

Form components are stored in the "form_components" table.

name - form name part - form part (empty if component applies to all parts of the form) component - component name location - placeholder used to place the component, e.g prepend for {PREPEND} placeholder priority - sort order in placeholder (descending)

Plugins


Plugins are living in the plugins subdirectory of wellwell.

Plugins are activated by adding them to PLUGINS variable (comma separated list of plugins).

Please read the README for the plugin first and follow the instructions before activating the plugin.

Authoring plugins

Plugins are basically a small WellWell catalog on its own.

Configuration

The configuration file is called plugin.cfg. The basic configuration is as follows:

Message Loading helloworld plugin.

Variable CURPLUGIN helloworld include plugins/default.cfg

Info file

The info file NAME.info contains basic information about the plugin:

name version author

E.g.

name = Hello world! version = 0.1 author = Stefan Hornburg (Racke) racke@linuxia.de

Directory structure

NAME.info - info file (see Info file) plugin.cfg - configuration file (see Configuration) code - directory for custom code (tags, functions, ...) pages/NAME - directory for pages components - directory for components

Images


Originals for (product) images are recorded in images table.

Paging


Paging can be controlled by passing parameters to [searchcontainer].

paging_startlinks => always show # links at the beginning paging_endlinks => always show # links at the end paging_slidelength => length of sliding window

Example: 96 pages, startlinks 3, endlinks 1, slidelength 5

page 1 shows: 1,2,3,4,5,..,96 page 8 shows: 1,2,3,..,6,7,8,9,10,..,96

Processing


  1. Autoload Autoload checks for form submissions so we can reroute the request based on certain conditions.

Routes


More flexible routes needs modifications to Interchange itself, but here we go:

Modules for Composition Framework


Vend::Compose::Address => addresses, [address] Vend::Compose::Taxonomy

Features