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

...

  • 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

...

Section
Column
width65%

Overview

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

. The top level directory has been renamed from "components" to "infusion". Also the project has been renamed from "fluid-components" to "fluid-infusion"

.

  • 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 the 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%
Panel
borderColor#566b30
bgColor#fff
titleBGColor#D3E3C4
borderStylesolid
titleOn this Page
Table of Contents
maxLevel5
minLevel2

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