add extjs 6.0.1 sources

[extjs.git] / extjs / examples / modern / blackberry / .sencha / app / slice-impl.xml

<project name="x-slice-impl">\r
    \r
    <target name="-load-sass-page" \r
            depends="-detect-app-build-properties,\r
                     -generate-slicer-bootstrap,\r
                     -generate-slicer-manifest">\r
        <x-run-if-true value="${app.sass.fashion}">\r
            <if>\r
                <x-is-false value="${app.sass.rhino}"/>\r
                <then>\r
                    <x-get-relative-path from="${build.web.root}"\r
                                         to="${app.example.fashion.html}"\r
                                         property="app.example.fashion.html.relative"/>\r
                    <property name="example.page.url"\r
                              value="http://localhost:${build.web.port}/${app.example.fashion.html.relative}"/>\r
                    <x-sass-page page="${app.example.fashion.html}"\r
                                 url="${example.page.url}"\r
                                 refId="app.web.server"/>\r
                </then>\r
            </if>\r
        </x-run-if-true>\r
    </target>\r
    \r
    <!--\r
    Uses the compiler to generate a special theme-only scss file containing\r
    rules for all framework / package / app components.  This is then used\r
    by the slicer example page to capture theme sprites\r
    -->\r
    <target name="-compile-slicer-sass" depends="-init-compiler">\r
        <local name="app.example.scss.tmp"/>\r
        <property name="app.example.scss.tmp" value="${app.example.scss}.tmp"/>\r
        <x-normalize-path \r
            path="${build.out.resources.dir}" \r
            property="image.search.path"/>\r
\r
        <local name="var.begin"/>\r
        <local name="var.end"/>\r
\r
        <condition property="var.begin" value="dynamic(">\r
            <isset property="framework.isV6"/>\r
        </condition>\r
        <condition property="var.end" value=")">\r
            <isset property="framework.isV6"/>\r
        </condition>\r
\r
        <property name="var.begin" value=""/>\r
        <property name="var.end" value="!default"/>\r
\r
        <x-compile refid="${compiler.ref.id}">\r
            <![CDATA[\r
                restore\r
                    page\r
                and\r
                include\r
                    -all\r
                and\r
                sass\r
                    +class-name-vars\r
                    +etc\r
                    +vars\r
                    +rules\r
                    -variable=$app-name: ${var.begin} '${app.name}' ${var.end}\r
                    -variable=$image-search-path:'${image.search.path}'\r
                    -variable=$theme-name: ${var.begin} '${theme.name}' ${var.end}\r
                    -output=${app.example.scss.tmp}\r
                    -forward=${app.sass.dynamic}\r
                and\r
                restore\r
                    page\r
                and\r
                sass\r
                    +ruby\r
                    -output=${app.example.out.ruby}\r
            ]]>\r
        </x-compile>\r
\r
        <if>\r
            <not>\r
                <filesmatch file1="${app.example.scss.tmp}" file2="${app.example.scss}"/>\r
            </not>\r
            <then>\r
                <copy file="${app.example.scss.tmp}" tofile="${app.example.scss}" overwrite="true"/>\r
            </then>\r
        </if>\r
\r
        <x-get-relative-path from="${app.example.dir}"\r
                             to="${app.example.css}"\r
                             property="app.example.css.path"/>\r
        \r
<!--update the app's example to point to the build output-->\r
<echo file="${app.example.css.file}">\r
<![CDATA[\r
/*\r
 * This file is generated by Sencha Cmd and should NOT be edited. It redirects\r
 * to the most recently built CSS file for the application to allow theme.html\r
 * to load properly for image slicing (required to support non-CSS3 browsers\r
 * such as IE9 and below).\r
 */\r
@import '${app.example.css.path}';\r
]]>\r
</echo>         \r
    </target>\r
\r
    <!--\r
    Compiles the scss file for the theme slicer page\r
    -->\r
    <target name="-compass-compile-slicer-css" depends="-compile-slicer-sass">\r
        <if>\r
            <x-is-true value="${app.sass.fashion}"/>\r
            <then>\r
                <if>\r
                    <x-is-true value="${app.sass.rhino}"/>\r
                    <then>\r
                        <x-fashion-compile\r
                                file="${app.example.build.dir}"\r
                                toFile="${app.example.build.dir}"/>\r
                    </then>\r
                    <else>\r
                        <x-sass-build input="${app.example.build.dir}"\r
                                      output="${app.example.build.dir}"\r
                                      refId="app.web.server"\r
                                      compress="false"/>\r
                    </else>\r
                </if>\r
            </then>\r
            <else>\r
                <x-compass-compile\r
                        dir="${app.example.build.dir}"\r
                        trace="${compass.compile.trace}"\r
                        boring="${compass.compile.boring}"\r
                        force="${compass.compile.force}"\r
                        sassdir="${app.example.build.dir}"\r
                        cssdir="${app.example.build.dir}"\r
                        config="${app.example.compass.config}"/>\r
            </else>\r
        </if>\r
    </target>\r
    \r
    <!-- Produces a bootstrap.js file for ext 4.2 slicer pages -->\r
    <target name="-generate-slicer-bootstrap" unless="framework.isV5">\r
        <local name="relpath"/>\r
        <x-get-relative-path from="${bootstrap.base.path}"\r
                             to="${framework.packages.dir}"\r
                             property="relpath"/>\r
\r
        <x-bootstrap file="${bootstrap.example.js}"\r
                     basedir="${bootstrap.base.path}"\r
                     includeBoot="true"\r
                     includeCoreFiles="true"\r
                     overrideTpl="${bootstrap.override.tpl}"\r
                     overrideTplType="${bootstrap.override.tpltype}"\r
                     overrideExcludeTags="">\r
<![CDATA[\r
Ext.Boot.loadSync([\r
    "render.js",\r
    "${relpath}/ext-theme-base/sass/example/manifest.js",\r
    "${relpath}/ext-theme-base/sass/example/shortcuts.js",\r
    "custom.js"\r
]);\r
]]>\r
        </x-bootstrap>\r
\r
    </target>\r
    \r
    <!-- Produces a bootstrap.js / bootstrap.json pair for ext 5 slicer pages -->\r
    <target name="-generate-slicer-manifest" if="framework.isV5" depends="-detect-app-build-properties">\r
        <local name="manifest.root.excludes"/>\r
        <condition property="manifest.root.excludes" value="${app.bootstrap.manifest.exclude}">\r
            <isset property="app.bootstrap.manifest.exclude"/>\r
        </condition>\r
        <property name="manifest.root.excludes" value=""/>\r
\r
        <if>\r
            <x-is-true value="${app.has.js.sdk}"/>\r
            <then>\r
                <property name="manifest.bootstrap.js.exclude">\r
                    exclude\r
                    -tag=framework,package-sencha-core,package-core,package-${toolkit.name}\r
                </property>\r
                <x-compile refid="${compiler.ref.id}">\r
                    <![CDATA[\r
                        restore\r
                            page\r
                        and\r
                        ${manifest.bootstrap.js.exclude}\r
                    ]]>\r
                </x-compile>\r
            </then>\r
        </if>\r
\r
        <condition property="remove.slicer.css.bootstrap.entries" value="true">\r
            <and>\r
                <x-is-true value="${app.sass.fashion}"/>\r
                <x-is-false value="${app.sass.rhino}"/>\r
            </and>\r
        </condition>\r
        <property name="remove.slicer.css.bootstrap.entries" value="false"/>\r
\r
        <x-compile refid="${compiler.ref.id}">\r
            <![CDATA[\r
                slicer-manifest\r
                    -exclude=${manifest.root.excludes}\r
                    -removeBootstrapCssEntries=${remove.slicer.css.bootstrap.entries}\r
                    +ignoreDisabled\r
                    -basePath=${bootstrap.base.path}\r
                    -cssFile=${app.example.css.file}\r
                    -out=${bootstrap.example.json}\r
                and\r
                microload\r
                    -operation=microloader\r
                    -microloaderPath=${build.slicer.microloader.file}\r
                    -bootPath=${build.boot.file}\r
                    -out=${bootstrap.example.js}\r
            ]]>\r
        </x-compile>\r
    </target>\r
\r
    <target name="-capture-theme-image">\r
        <if>\r
            <or>\r
                <x-is-false value="${app.sass.fashion}"/>\r
                <x-is-true value="${app.sass.rhino}"/>\r
            </or>\r
            <then>\r
                <echo>Capture theme image to ${build.capture.png}</echo>\r
                <x-sencha-command>\r
                    <![CDATA[\r
                        theme\r
                            capture\r
                                -page=${app.example.theme.html}\r
                                -image=${build.capture.png}\r
                                -manifest=${build.capture.json}\r
                    ]]>\r
                </x-sencha-command>\r
            </then>\r
        </if>\r
    </target>\r
\r
    <target name="-capture-sass-page-image">\r
        <if>\r
            <and>\r
                <x-is-true value="${app.sass.fashion}"/>\r
                <x-is-false value="${app.sass.rhino}"/>\r
            </and>\r
            <then>\r
                <echo>Capture theme image to ${build.capture.png}</echo>\r
                <x-capture-slicer-data manifestPath="${build.capture.json}"\r
                                       imagePath="${build.capture.png}"\r
                                       refId="app.web.server"/>\r
            </then>\r
        </if>\r
    </target>\r
    \r
    <target name="-slice-theme-images">\r
        <echo>Slicing theme images to ${build.resources.dir}</echo>\r
        <x-sencha-command>\r
            <![CDATA[\r
                fs\r
                    slice\r
                        ${build.slice.options}\r
                        -image=${build.capture.png}\r
                        -manifest=${build.capture.json}\r
                        -out=${build.out.slicer.path}\r
            ]]>\r
        </x-sencha-command>\r
    </target>\r
    \r
\r
    <!--\r
    Generates theme images for Ext JS 4.2+ apps using theme packages\r
    '-detect-app-build-properties' is defined in js-impl.xml\r
    -->\r
    <target name="-slice-app-theme" \r
            depends="-load-sass-page,\r
                     -compass-compile-slicer-css,\r
                     -capture-sass-page-image,\r
                     -capture-theme-image,\r
                     -slice-theme-images">\r
    </target>\r
\r
    <macrodef name="x-build-theme">\r
        <attribute name="theme" description="the path of the theme folder"/>\r
        <attribute name="buildsass" default="false"/>\r
        <attribute name="basetheme" default="default"/>\r
        <sequential>\r
            <local name="theme.name"/>\r
\r
            <local name="framework.theme.dir"/>\r
            <local name="tmp.theme.dir"/>\r
            <local name="tmp.img.dir"/>\r
                        \r
            <basename property="theme.name" file="@{theme}"/>\r
            <local name="theme.base.name"/>\r
            <property name="theme.base.name" value="${theme.name}"/>\r
            <property name="theme.images.dir" location="@{theme}/images"/>\r
            <property name="theme.page.dir" location="@{theme}/${theme.page.name}"/>\r
            \r
            <property name="tmp.res.dir" value="${app.resources.dir}"/>\r
            <property name="tmp.theme.dir" value="${tmp.res.dir}/${theme.base.name}"/>\r
            <property name="tmp.img.dir" value="${tmp.theme.dir}/images"/>\r
            \r
            <property name="app.res.dir" location="${app.dir}/packages"/>\r
            <property name="app.img.dir" location="${app.res.dir}/images"/>\r
            \r
            <property name="framework.res.dir" location="${framework.dir}/resources"/>\r
            <property name="framework.img.dir" location="${framework.res.dir}/themes/images"/>\r
            <property name="framework.theme.dir" location="${framework.img.dir}/@{basetheme}"/>\r
            \r
            <echo>Copying base framework images from ${framework.theme.dir} to ${tmp.img.dir}</echo>\r
            <copy todir="${tmp.img.dir}">\r
                <fileset dir="${framework.theme.dir}" includes="**/*"/>\r
            </copy>\r
\r
            <if>\r
                <equals arg1="@{buildsass}" arg2="true"/>\r
                <then>\r
                    <echo>Building sass for theme ${theme.name}</echo>\r
                    <!--x-build-sass is defined in sass-impl.xml-->\r
                    <x-build-sass theme="@{theme}"/>\r
                </then>\r
            </if>\r
\r
            <echo>Slicing images for theme ${theme.name} to ${tmp.img.dir}</echo>\r
            <x-sencha-command>\r
                <![CDATA[\r
                theme\r
                    build\r
                        -data-file=${build.capture.json}\r
                        -image-file=${build.capture.png}\r
                        -page=${theme.page.dir}\r
                        -out=${tmp.img.dir}\r
                ]]>\r
            </x-sencha-command>\r
\r
            <if>\r
                <available file="${theme.images.dir}"/>\r
                <then>\r
                    <echo>Copying user defined images from @{theme}/images to ${tmp.img.dir}</echo>\r
                    <copy todir="${tmp.img.dir}">\r
                        <fileset dir="${theme.images.dir}" includes="**/*"/>\r
                    </copy>\r
                </then>\r
            </if>\r
\r
        </sequential>\r
    </macrodef>\r
\r
    <!--\r
    This is a legacy macrodef for copying resources in theme-directory based themes.\r
    It is provided to support building Ext JS 4.1 app themes\r
    -->\r
    <macrodef name="x-copy-resources">\r
        <sequential>\r
            <copy todir="${build.resources.dir}" includeEmptyDirs="false">\r
                <fileset dir="${app.resources.dir}" \r
                         includes="**/*"/>\r
            </copy>\r
\r
            <x-get-relative-path from="${app.dir}"\r
                                 to="${framework.dir}"\r
                                 property="framework.rel.path"/>\r
            \r
            <copy toDir="${build.out.base.path}/${framework.rel.path}">\r
                <fileset dir="${framework.dir}" \r
                         includes="src/ux/**/css/**/*"/>\r
            </copy>\r
        </sequential>\r
    </macrodef>\r
\r
    <!--\r
    Generates theme images for Ext JS 4.1 apps that use directory based\r
    themes.  These have been deprecated in favor of ExtJS 4.2 theme packages\r
    -->\r
    <target name="-slice-theme-directories">\r
        <echo>Processing theme directories from ${app.theme.dir}</echo>\r
        <for param="theme">\r
            <dirset dir="${app.theme.dir}" includes="*"/>\r
            <sequential>\r
                <x-build-theme theme="@{theme}"/>\r
            </sequential>\r
        </for>\r
        <x-copy-resources/>\r
    </target>\r
    \r
    <target name="-slice-images">\r
        <x-run-if-true value="${enable.ext42.themes}">\r
            <x-ant-call target="-slice-app-theme"/>\r
        </x-run-if-true>\r
        <x-run-if-true value="${enable.ext41.themes}">\r
            <x-ant-call target="-slice-theme-directories"/>\r
        </x-run-if-true>\r
    </target>\r
\r
    <target name="-before-slice"/>\r
    <target name="-slice" depends="-slice-images"/>\r
    <target name="-after-slice"/>\r
    \r
    <!--\r
    Refresh Individual Theme\r
    -->\r
    <target name="-before-refresh-theme"/>\r
    <target name="-refresh-theme">\r
        <if>\r
            <x-is-true value="${enable.ext41.themes}"/>\r
            <then>\r
                <local name="theme.dir"/>\r
                <property name="theme.dir" location="${app.theme.dir}/${args.themeName}"/>\r
                <x-build-theme theme="${theme.dir}" buildsass="true"/>\r
                <x-copy-resources/>\r
            </then>\r
        </if>\r
    </target>\r
    <target name="-after-refresh-theme"/>\r
</project>\r