Child pages
  • Tutorial - Directory 1.0 Migration

Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Comment: Migrated to Confluence 5.3
Section
Column
width65%

Overview

Fluid Infusion trunk was restructured to make it easier to find, relate, and distinguish our code.

  • Components have all be moved into a "components" directory. This directory is then subdivided into individual directories for each of the specific components.
  • Framework code has been moved inside the "framework" directory. This directory is subdivided into core, fss, and renderer.
  • Demos are separated into two directories, "integration-demos" and "standalone-demos".
    • Integration demos consist of examples that are placed in context.
    • Stand-alone demos showcase the components on their own.
      • Included in the stand-alone demos are the quick start examples, designed as a quick starting point to using some of our components.
  • The lib directory is home to various 3rd party software that we depend on, e.g. jQuery.The tests directory contains the various unit tests, and manual tests for Fluid Infusion
  • A new pattern that has emerged, is to have individual directories for css, js, images, and etc. For example, a component will contain these sub-directories, as opposed to grouping all css, js together in a single higher level directory.

Below you will find images to help map your 0.8 directory to the new 1.0 structure.
While this is not a complete translation or the directory structure, it will point out key areas of interest.

Column
width35%
solid
Panel
borderStyle
borderColor#566b30
bgColor#fff
titleBGColor#D3E3C4
borderStylesolid
titleOn this Page
Table of Contents
toc
maxLevel
5
minLevel2
maxLevel5

Structure

  • src
    • webapp
      • components
      • framework
      • integeration-demos
      • lib
      • standalone-demos
      • tests
      • WEB-INF

Components

  • src
    • webapp
      • components
        • inlineEdit
        • pager
        • progress
        • reorderer
        • tableOfContents
        • uiOptions
        • undo
        • uploader
      • framework
      • integeration-demos
      • lib
      • standalone-demos
      • tests
      • WEB-INF

Framework

  • src
    • webapp
      • components
      • framework
        • core
        • fss
        • renderer
      • integeration-demos
      • lib
      • standalone-demos
      • tests
      • WEB-INF

Demos

  • src
    • webapp
      • components
      • framework
      • integration-demos
        • bspace
        • sakai
        • uportal
      • lib
      • standalone-demos
        • keyboard-a11y
        • lib
        • pager
        • quick-start-examples
        • renderer
        • reorderer
        • table-of-contents
      • tests
      • WEB-INF

Lib

  • src
    • webapp
      • components
      • framework
      • integeration-demos
      • lib
        • fastXmlPull
        • fckeditor
        • jquery
        • json
        • swfobject
        • swfupload
        • tiny_mce
      • standalone-demos
      • tests
      • WEB-INF

Tests

  • src
    • webapp
      • components
      • framework
      • integeration-demos
      • lib
      • standalone-demos
      • tests
        • component-tests
        • escalated-tests
        • framework-tests
        • lib
        • manual-tests
        • test-core
      • WEB-INF

...

  • inlineEdit
    • css
      • InlineEdit.css
    • js
      • InlineEdit.js
      • InlineEditIntegrations.js
      • jquery.tinymce.js
  • pager
    • css
      • Pager.css
    • images
    • js
      • Pager.js
  • progress
    • js
      • Progress.js
  • reorderer
    • css
      • ImageReorderer.css
      • Reorderer.css
    • html
      • ImageReordererRSF.html
    • images
    • js
      • GeometricManager.js
      • ImageReorderer.js
      • LayoutReorderer.js
      • ModuleLayout.js
      • Reorderer.js
  • tableOfContents
    • html
      • TableOfContents.html
    • js
      • TableOfContents.js
  • uiOptions
    • css
      • Slider.css
      • UIOptions.css
      • UIOptionsPreview.css
    • html
      • UIOptions.html
      • UIOptionsPreview.html
    • images
    • js
      • UIEnhancer.js
      • UIOptions.js
  • undo
    • js
      • Undo.js
  • uploader
    • css
      • Uploader.css
    • html
      • Uploader.html
    • images
    • js
      • DemoUploadManager.js
      • FileQueue.js
      • Scroller.js
      • SWFUploadManager.js
      • Uploader.js

...

  • core
    • js
      • DataBinding.js
      • Fluid.js
      • FluidDOMUtilities.js
      • jquery.keyboard-a11y.js
      • ProgressiveEnhancement.js
  • fss
    • css
      • fss-JSR168Bridge.css
      • fss-layout.css
      • fss-reset.css
      • fss-text.css
      • fss-theme-coal.css
      • fss-theme-debug.css
      • fss-theme-hc.css
      • fss-theme-hci.css
      • fss-theme-mist.css
      • fss-theme-rust.css
      • fss-theme-slate.css
    • images
  • renderer
    • js
      • fluidParser.js
      • fluidRenderer.js

...

  • bspace
    • css
    • html
      • section-info.html
      • section-info-inner.html
    • images
    • js
  • sakai
    • css
    • html
      • inline-edit-announcements.html
      • pager-site-setting.html
      • ui-options-fss-sakai.html
      • UIOptionsPreview.html
    • images
    • js
    • lib
  • uportal
    • css
    • html
      • portal.html
    • images
    • js

...

  • fastXmlPull
  • fckeditor
  • jquery
  • json
  • swfobject
  • swfupload
  • tiny_mce

...

  • keyboard-a11y
    • css
    • html
      • CheckboxExamples.html
      • jquery-ui-accessible-tabs.html
    • images
    • js
  • lib
    • jquery
  • pager
    • css
    • html
      • pager.html
      • pager-render.html
    • js
  • quick-start-examples
    • fss
      • css
      • html
        • FSS-helpers.html
        • FSS-layout.html
        • FSS-text.html
        • FSS-themes.html
    • inlineEdit
      • css
      • html
        • InlineEdit.html
    • pager
      • html
        • Pager.html
    • reorderer
      • html
        • LayoutReorderer.html
        • Reorderer.html
  • renderer
    • css
    • html
      • data-bound-menu.html
      • id-based-inventory.html
      • programmatic-tree-menu.html
      • selector-based-inventory.html
    • js
  • reorderer
    • css
    • html
      • image-reorderer.html
      • jquery-tabs.html
      • simple-todo-list.html
      • sortable-styled-todo-list.html
      • sortable-todo-list-html
      • table-tr.html
    • js
  • table-of-contents
    • html
      • TableOfContents.html

...

  • component-tests
    • inlineEdit
    • pager
    • reorderer
    • tableOfContents
    • uiOptions
    • uploader
  • escalated-tests
  • framework-tests
    • core
    • fss
    • jqUnit
    • renderer
  • lib
  • manual-tests
  • test-core

...

Structure

1.0 to 0.8

Image Added

Components

Inline Edit

Pager

Reorderer

Table of Contents

UI Options

Uploader

Image Added

Image Added

Image Added

Image Added

Image Added

Image Added

Framework

Core

FSS

Renderer

Undo

Image Added

Image Added

Image Added

Image Added

Lib

jQuery

JSON

SWFUpload

Image Added

Image Added

Image Added