This is an automated email from the ASF dual-hosted git repository. carlosrovira pushed a commit to branch feature/themes in repository https://gitbox.apache.org/repos/asf/royale-asjs.git
commit 4f0558ccaacbc1881e1de12f51434674ea923f8b Author: Carlos Rovira <carlosrov...@apache.org> AuthorDate: Thu Feb 8 19:01:35 2018 +0100 vivid example new test project for vivid ui set --- examples/royale/VividExample/.vscode/launch.json | 21 ++++++ examples/royale/VividExample/.vscode/tasks.json | 8 +++ examples/royale/VividExample/README.txt | 26 +++++++ examples/royale/VividExample/asconfig.json | 31 ++++++++ examples/royale/VividExample/pom.xml | 82 ++++++++++++++++++++++ .../src/main/resources/vivid-example-styles.css | 35 +++++++++ .../royale/VividExample/src/main/royale/App.mxml | 41 +++++++++++ .../src/main/royale/ButtonPlayGround.mxml | 37 ++++++++++ .../src/main/royale/TextInputPlayGround.mxml | 27 +++++++ 9 files changed, 308 insertions(+) diff --git a/examples/royale/VividExample/.vscode/launch.json b/examples/royale/VividExample/.vscode/launch.json new file mode 100644 index 0000000..5dfb672 --- /dev/null +++ b/examples/royale/VividExample/.vscode/launch.json @@ -0,0 +1,21 @@ +{ + "version": "0.2.0", + "configurations": [ + { + "name": "Launch Chrome against debug.html, with sourcemaps", + "type": "chrome", + "request": "launch", + "file": "${workspaceRoot}/target/javascript/bin/js-debug/index.html", + "sourceMaps": true, + "preLaunchTask": "mvn" + }, + { + "name": "Launch Firefox against debug.html, with sourcemaps", + "type": "firefox", + "request": "launch", + "file": "${workspaceRoot}/target/javascript/bin/js-debug/index.html", + "sourceMaps": true, + "preLaunchTask": "mvn" + } + ] +} diff --git a/examples/royale/VividExample/.vscode/tasks.json b/examples/royale/VividExample/.vscode/tasks.json new file mode 100644 index 0000000..5d6198d --- /dev/null +++ b/examples/royale/VividExample/.vscode/tasks.json @@ -0,0 +1,8 @@ +{ + // for the documentation about the tasks.json format + "version": "0.1.0", + "command": "mvn", + "args": ["clean", "install", "-DskipTests"], + "isShellCommand": true, + "showOutput": "always" +} \ No newline at end of file diff --git a/examples/royale/VividExample/README.txt b/examples/royale/VividExample/README.txt new file mode 100644 index 0000000..5d2de45 --- /dev/null +++ b/examples/royale/VividExample/README.txt @@ -0,0 +1,26 @@ +//////////////////////////////////////////////////////////////////////////////// +// +// Licensed to the Apache Software Foundation (ASF) under one or more +// contributor license agreements. See the NOTICE file distributed with +// this work for additional information regarding copyright ownership. +// The ASF licenses this file to You under the Apache License, Version 2.0 +// (the "License"); you may not use this file except in compliance with +// the License. You may obtain a copy of the License at +// +// http://www.apache.org/licenses/LICENSE-2.0 +// +// Unless required by applicable law or agreed to in writing, software +// distributed under the License is distributed on an "AS IS" BASIS, +// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. +// See the License for the specific language governing permissions and +// limitations under the License. +// +//////////////////////////////////////////////////////////////////////////////// + +DESCRIPTION + +The VividExample is demo app to customize styles on Royale components + +Right now this is a starter project with only a button to start developing styles + + diff --git a/examples/royale/VividExample/asconfig.json b/examples/royale/VividExample/asconfig.json new file mode 100644 index 0000000..4b6259e --- /dev/null +++ b/examples/royale/VividExample/asconfig.json @@ -0,0 +1,31 @@ +//////////////////////////////////////////////////////////////////////////////// +// +// Licensed to the Apache Software Foundation (ASF) under one or more +// contributor license agreements. See the NOTICE file distributed with +// this work for additional information regarding copyright ownership. +// The ASF licenses this file to You under the Apache License, Version 2.0 +// (the "License"); you may not use this file except in compliance with +// the License. You may obtain a copy of the License at +// +// http://www.apache.org/licenses/LICENSE-2.0 +// +// Unless required by applicable law or agreed to in writing, software +// distributed under the License is distributed on an "AS IS" BASIS, +// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. +// See the License for the specific language governing permissions and +// limitations under the License. +// +//////////////////////////////////////////////////////////////////////////////// +{ + "config": "royale", + "compilerOptions": { + "debug": false, + "targets": ["JSRoyale","SWF"], + "source-map": true + }, + "additionalOptions": "-remove-circulars -js-output-optimization=skipAsCoercions", + "files": + [ + "src/main/royale/App.mxml" + ] +} diff --git a/examples/royale/VividExample/pom.xml b/examples/royale/VividExample/pom.xml new file mode 100644 index 0000000..1f40dbf --- /dev/null +++ b/examples/royale/VividExample/pom.xml @@ -0,0 +1,82 @@ +<?xml version="1.0" encoding="UTF-8"?> +<!-- + + Licensed to the Apache Software Foundation (ASF) under one or more + contributor license agreements. See the NOTICE file distributed with + this work for additional information regarding copyright ownership. + The ASF licenses this file to You under the Apache License, Version 2.0 + (the "License"); you may not use this file except in compliance with + the License. You may obtain a copy of the License at + + http://www.apache.org/licenses/LICENSE-2.0 + + Unless required by applicable law or agreed to in writing, software + distributed under the License is distributed on an "AS IS" BASIS, + WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + See the License for the specific language governing permissions and + limitations under the License. + +--> +<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd"> + <modelVersion>4.0.0</modelVersion> + + <parent> + <groupId>org.apache.royale.examples</groupId> + <artifactId>examples-royale</artifactId> + <version>0.9.1-SNAPSHOT</version> + </parent> + + <artifactId>VividExample</artifactId> + <version>0.9.2-SNAPSHOT</version> + <packaging>swf</packaging> + + <name>Apache Royale: Examples: Royale: VvidExample</name> + + <build> + <sourceDirectory>src/main/royale</sourceDirectory> + <resources> + <resource> + <directory>src/main/resources</directory> + <filtering>true</filtering> + </resource> + </resources> + <plugins> + <plugin> + <groupId>org.apache.royale.compiler</groupId> + <artifactId>royale-maven-plugin</artifactId> + <extensions>true</extensions> + <configuration> + <mainClass>App.mxml</mainClass> + <targets>JSRoyale</targets> + <!--<htmlTemplate>${basedir}/target/javascript/bin/js-debug/vivid-js-index-template.html</htmlTemplate> + <additionalCompilerOptions>-compiler.exclude-defaults-css-files=Basic-${royale.framework.version}-js.swc:defaults.css</additionalCompilerOptions>--> + </configuration> + </plugin> + </plugins> + </build> + + <dependencies> + <dependency> + <groupId>org.apache.royale.framework</groupId> + <artifactId>Vivid</artifactId> + <version>0.9.2-SNAPSHOT</version> + <type>swc</type> + <classifier>js</classifier> + </dependency> + <dependency> + <groupId>org.apache.royale.framework</groupId> + <artifactId>Basic</artifactId> + <version>0.9.2-SNAPSHOT</version> + <type>swc</type> + <classifier>js</classifier> + </dependency> + <dependency> + <groupId>org.apache.royale.framework</groupId> + <artifactId>HTML</artifactId> + <version>0.9.2-SNAPSHOT</version> + <type>swc</type> + <classifier>swf</classifier> + </dependency> + </dependencies> + +</project> diff --git a/examples/royale/VividExample/src/main/resources/vivid-example-styles.css b/examples/royale/VividExample/src/main/resources/vivid-example-styles.css new file mode 100644 index 0000000..922b5fe --- /dev/null +++ b/examples/royale/VividExample/src/main/resources/vivid-example-styles.css @@ -0,0 +1,35 @@ +/* +//////////////////////////////////////////////////////////////////////////////// +// +// Licensed to the Apache Software Foundation (ASF) under one or more +// contributor license agreements. See the NOTICE file distributed with +// this work for additional information regarding copyright ownership. +// The ASF licenses this file to You under the Apache License, Version 2.0 +// (the "License"); you may not use this file except in compliance with +// the License. You may obtain a copy of the License at +// +// http://www.apache.org/licenses/LICENSE-2.0 +// +// Unless required by applicable law or agreed to in writing, software +// distributed under the License is distributed on an "AS IS" BASIS, +// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. +// See the License for the specific language governing permissions and +// limitations under the License. +// +//////////////////////////////////////////////////////////////////////////////// +*/ + +@namespace "http://www.w3.org/1999/xhtml"; + +.royale *, . royale *:before, . royale *:after { + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} + +.page-content +{ + padding: 10px; + margin: 10px; +} + diff --git a/examples/royale/VividExample/src/main/royale/App.mxml b/examples/royale/VividExample/src/main/royale/App.mxml new file mode 100644 index 0000000..c3aeb3b --- /dev/null +++ b/examples/royale/VividExample/src/main/royale/App.mxml @@ -0,0 +1,41 @@ +<?xml version="1.0" encoding="utf-8"?> +<!--- +// +// Licensed to the Apache Software Foundation (ASF) under one or more +// contributor license agreements. See the NOTICE file distributed with +// this work for additional information regarding copyright ownership. +// The ASF licenses this file to You under the Apache License, Version 2.0 +// (the "License"); you may not use this file except in compliance with +// the License. You may obtain a copy of the License at +// +// http://www.apache.org/licenses/LICENSE-2.0 +// +// Unless required by applicable law or agreed to in writing, software +// distributed under the License is distributed on an "AS IS" BASIS, +// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. +// See the License for the specific language governing permissions and +// limitations under the License. +// +//////////////////////////////////////////////////////////////////////////////// +--> +<v:Application xmlns:fx="http://ns.adobe.com/mxml/2009" + xmlns:v="library://ns.apache.org/royale/vivid" + xmlns:js="library://ns.apache.org/royale/basic" + xmlns:local="*"> + + <fx:Style source="../../main/resources/vivid-example-styles.css"/> + + <js:valuesImpl> + <js:SimpleCSSValuesImpl /> + </js:valuesImpl> + <js:initialView> + <js:View width="100%" height="100%" className="page-content"> + <js:beads> + <js:VerticalLayout /> + </js:beads> + <local:ButtonPlayGround/> + <!--<local:TextInputPlayGround/>--> + + </js:View> + </js:initialView> +</v:Application> diff --git a/examples/royale/VividExample/src/main/royale/ButtonPlayGround.mxml b/examples/royale/VividExample/src/main/royale/ButtonPlayGround.mxml new file mode 100644 index 0000000..f51eabf --- /dev/null +++ b/examples/royale/VividExample/src/main/royale/ButtonPlayGround.mxml @@ -0,0 +1,37 @@ +<?xml version="1.0" encoding="utf-8"?> +<!-- + +Licensed to the Apache Software Foundation (ASF) under one or more +contributor license agreements. See the NOTICE file distributed with +this work for additional information regarding copyright ownership. +The ASF licenses this file to You under the Apache License, Version 2.0 +(the "License"); you may not use this file except in compliance with +the License. You may obtain a copy of the License at + +http://www.apache.org/licenses/LICENSE-2.0 + +Unless required by applicable law or agreed to in writing, software +distributed under the License is distributed on an "AS IS" BASIS, +WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. +See the License for the specific language governing permissions and +limitations under the License. + +--> +<js:Group xmlns:fx="http://ns.adobe.com/mxml/2009" + xmlns:js="library://ns.apache.org/royale/basic" > + + <fx:Script> + <![CDATA[ + private function onValueChange(event:Event):void + { + // button.width = slider.value; + } + ]]> + </fx:Script> + + <js:TextButton id="button" text="Button" width="120" height="40"/> + + <!--<js:Slider id="slider" width="250" value="120" minimum="50" maximum="250" + valueChange="onValueChange(event)"/>--> + +</js:Group> diff --git a/examples/royale/VividExample/src/main/royale/TextInputPlayGround.mxml b/examples/royale/VividExample/src/main/royale/TextInputPlayGround.mxml new file mode 100644 index 0000000..643ba46 --- /dev/null +++ b/examples/royale/VividExample/src/main/royale/TextInputPlayGround.mxml @@ -0,0 +1,27 @@ +<?xml version="1.0" encoding="utf-8"?> +<!-- + +Licensed to the Apache Software Foundation (ASF) under one or more +contributor license agreements. See the NOTICE file distributed with +this work for additional information regarding copyright ownership. +The ASF licenses this file to You under the Apache License, Version 2.0 +(the "License"); you may not use this file except in compliance with +the License. You may obtain a copy of the License at + +http://www.apache.org/licenses/LICENSE-2.0 + +Unless required by applicable law or agreed to in writing, software +distributed under the License is distributed on an "AS IS" BASIS, +WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. +See the License for the specific language governing permissions and +limitations under the License. + +--> +<js:Group xmlns:fx="http://ns.adobe.com/mxml/2009" + xmlns:js="library://ns.apache.org/royale/basic" > + + + + <js:TextInput text="Text Input" width="120" height="40"/> + +</js:Group> -- To stop receiving notification emails like this one, please contact carlosrov...@apache.org.