├── README.md └── widgets └── README.md /README.md: -------------------------------------------------------------------------------- 1 | # An awesome list of awesome components 2 | 3 | ## Widgets 4 | 5 | ![][platform-all] 6 | 7 | - [au.jkotchoff.scrollableView](https://github.com/jkotchoff/au.jkotchoff.scrollableView) : View that mimics the iOS implementation of the Ti.UI.ScrollableView. 8 | - [com.caffeinalab.titanium.notifications](https://github.com/CaffeinaLab/Ti.Notifications) : Alloy Titanium widget to display an in-app notification. 9 | - [com.imobicloud.slider](https://github.com/imobicloud/com.imobicloud.slider) : Sliders controls for Titanium. 10 | - [com.mattmcfarland.fontawesome](https://github.com/MattMcFarland/com.mattmcfarland.fontawesome) : Font-Awesome(v4.3.0) for Titanium Alloy 11 | - [com.mcongrove.navigationBar](https://github.com/mcongrove/com.mcongrove.navigationBar) : A custom Navigation Bar for Titanium. 12 | - [com.mcvendrell.switch](https://github.com/mcvendrell/widget_switch) : A styled switch for Android/mobileweb with the holo style. 13 | - [com.orthlieb.combobox](https://github.com/orthlieb/widget_combobox/tree/master/app/widgets/com.orthlieb.combobox/docs) : A field that allows the user to pick from a list of items in combo style. 14 | - [com.parallaxcontainer.blitz](https://github.com/MichelBahl/com.parallaxcontainer.blitz) : Provide a container view to put a parallax item in. 15 | - [com.tourist.components.rating](https://github.com/DavidHe1127/rating_bar) : This widget allows users to rate or purely display the rates only. 16 | - [com.veb.tihighcharts](https://github.com/vitorebatista/TiHighCharts) : High charts for Titanium. 17 | - [de.blitz.infiniteImageScrollableview](https://github.com/MichelBahl/de.blitz.infiniteImageScrollableview) : Lazy loading infinite scrollable view. 18 | - [it.toriphes.timeago](https://github.com/toriphes/it.toriphes.timeago) : This widget allows you to determine and display the "ago" time. 19 | - [me.wslong.tiNavbar](https://github.com/Shallong/tiNavbarDemo/tree/master/app/widgets/me.wslong.tiNavbar) : A custom Navigation Bar for Titanium. 20 | - [nl.fokkezb.drawer](https://github.com/fokkezb/nl.fokkezb.drawer) : Wrapper for the NappDrawerr module. 21 | - [nl.fokkezb.infiniteScroll](https://github.com/FokkeZB/nl.fokkezb.infiniteScroll) : An implementation of the design pattern known as Endless Scroll. 22 | - [nl.fokkezb.loading](https://github.com/FokkeZB/nl.fokkezb.loading) : A simple loading mask. 23 | - [nl.fokkezb.pullToRefresh](https://github.com/fokkezb/nl.fokkezb.pullToRefresh) : Emulate a native pull to refresh. 24 | - [To.BounceView](https://github.com/Topener/To.BounceView) : A view that bounces on resize. 25 | - [ts.chat](https://github.com/TheSmiths-Widgets/ts.chat) : A chat widget where the content is separated from the widget. 26 | - [ts.prettymenu](https://github.com/TheSmiths-Widgets/ts.prettymenu) : Insert fancy menus in an app window. 27 | - [ts.messageBuilderFactory](https://github.com/TheSmiths-Widgets/ts.messageBuilderFactory) : Generate delegates that build message views for ts.chat widget. 28 | 29 | ![][platform-ios] 30 | 31 | - [com.bduyng.intropages](https://github.com/bduyng/com.bduyng.intropages) : Create welcome pages like AirBnB application. 32 | 33 | ![][platform-android] 34 | 35 | 36 | ## Modules 37 | 38 | ![][platform-all] 39 | 40 | - [bencoding.blur](https://github.com/benbahrenburg/Ti.BlurView) : Create a blur view. 41 | - [bencoding.securely](https://github.com/benbahrenburg/Securely) : Blocks to create secure Titanium apps. 42 | - [com.animecyc.animator](https://github.com/animecyc/TitaniumAnimator) : An enhanced Animator that mimics Titanium existing one. 43 | - [com.geraudbourdin.svgview](https://github.com/GeraudBourdin/Ti.SvgView) : Create a view from an svg file. 44 | - [dk.napp.drawer](https://github.com/viezel/NappDrawer) : A native drawer for Titanium. 45 | - [dk.napp.social](https://github.com/viezel/TiSocial.Framework) : Share content on social networks. 46 | - [nl.rebelic.hockeyapp](https://github.com/timanrebel/HockeyApp) : HockeyApp SDK module for Titanium. 47 | - [ti.facebook](https://github.com/appcelerator-modules/ti.facebook) : Connect your application with facebook 48 | 49 | ![][platform-ios] 50 | 51 | - [com.facebook](https://github.com/mokesmokes/titanium-ios-facebook) : An enhanced facebook module for IOS. 52 | - [com.0x82.webserver](https://github.com/rubenfonseca/titanium-webserver) : A built-in HTTP webserver inside your application. 53 | - [ti.geovisite](https://github.com/benbahrenburg/Ti.GeoVisits) : iOS 8 Visit functionality in your iOS Titanium app 54 | - [ti.wormhole](https://github.com/benbahrenburg/Ti.Wormhole) : Titanium event support for the Today Widget and the Apple Watch. 55 | 56 | ![][platform-android] 57 | 58 | - [com.alcoapps.actionbarextras](https://github.com/ricardoalcocer/actionbarextras) : Script your Android actionbar layout changes 59 | - [com.atticoos.tiokhttp](https://github.com/ajwhite/titanium-okhttp) : An interchangeable HTTP client that interfaces okhttp. 60 | - [com.geraudbourdin.sensor](https://github.com/GeraudBourdin/Ti.sensor) : Titanium sensor module. 61 | - [com.rkam.swiperefreshlayout](https://github.com/iskugor/Ti.SwipeRefreshLayout) : Pull to Refresh animation for Android 62 | - [org.selfkleptomaniac.ti.imageasresized](https://github.com/yagitoshiro/ImageAsResized) : A small image resize module. 63 | - [com.tripvi.drawerlayout](https://github.com/manumaticx/Ti.DrawerLayout) : Native drawer layout for Android 64 | - [org.iotashan.TiTouchImageView](https://github.com/iotashan/TiTouchImageView) : Native image view that allows pan/pinch/zoom 65 | 66 | ## Libraries 67 | 68 | ![][platform-all] 69 | 70 | - [appc.arrowdb](https://github.com/appcelerator/appc.arrowdb) : ArrowDB connector 71 | - [appc.composite](https://github.com/appcelerator/appc.composite) : Composite together Arrow models from other connectors in to a single model. 72 | - [appc.jwplayer](https://github.com/appcelerator/appc.jwplayer) : A JWPlayer connector. 73 | - [appc.mongo](https://github.com/appcelerator/appc.mongo) : MongoDB connector 74 | - [appc.mssql](https://github.com/appcelerator/appc.mssql) : An Arrow connector to Microsoft SQL Server (MSSQL). 75 | - [appc.mysql](https://github.com/appcelerator/appc.mysql) : An Arrow connector to MySQL. 76 | - [appc.redis](https://github.com/appcelerator/appc.redis) : Redis connector for Arrow. 77 | - [appc.salesforce](https://github.com/appcelerator/appc.salesforce) : An Arrow connector to Salesforce. 78 | - [arrow-orm](https://github.com/appcelerator/arrow-orm) : Object relational mapping (ORM) framework for Arrow. 79 | - [compose.io](https://github.com/compose-eu/Appcelerator) : The COMPOSE JavaScript library designed to be used with Titanium Appcelerator. 80 | - [file_loader](https://github.com/sukima/TiCachedImages) : A caching file downloader for Titanium. 81 | - [postgres](https://github.com/jonahbron/arrow-connector-postgres) : An Arrow connector to Postgres. 82 | - [restapi](https://github.com/viezel/napp.alloy.adapter.restapi) : RestAPI Sync Adapter for Titanium Alloy Framework. 83 | - [RESTe](https://github.com/jasonkneen/RESTe) : Make the use of several REST api easier. 84 | - [selectInputBox](https://github.com/yeelan0319/Titanium-select-input-box) : Simulates the HTML5 select input. 85 | - [tiapp.xml](https://github.com/tonylukasavage/tiapp.xml) : Read and modify entries in the tiapp.xml file programmatically. 86 | - [ti-better-option-dialog](https://github.com/adammagana/ti-better-option-dialog) : The Titanium option dialog but with easier option creation. 87 | - [ti-html2label](https://github.com/sharpred/ti-html2label) : Convert HTML to Titanium objects. 88 | - [ti-proxy](https://github.com/FokkeZB/ti-proxy) : Parse JavaScript to proxy Titanium API calls. 89 | - [ti.states](https://github.com/CodlyLabs/ti.states) : Define states for your user interface components. 90 | - [validator](https://github.com/manumaticx/ti-validator) : This is a titaniumified version of validator. 91 | - [winston](https://github.com/FokkeZB/winston-acs) : A Node.ACS transport for winston. 92 | 93 | ![][platform-ios] 94 | 95 | - [dk.napp.social](https://github.com/viezel/TiSocial.Framework) : Extend the Appcelerator Titanium Mobile framework with the iOS6 social.framework. 96 | - [tiadp](https://github.com/jeffbonnes/ti-adp) : Uses installrapp.com to create and manage Provisioning Profiles. 97 | 98 | ![][platform-android] 99 | 100 | [platform-all]: https://img.shields.io/badge/platform-all-9b59b6.svg?style=flat-square 101 | [platform-ios]: https://img.shields.io/badge/platform-ios-3498db.svg?style=flat-square 102 | [platform-android]: https://img.shields.io/badge/platform-android-2ecc71.svg?style=flat-square 103 | 104 | ## Plugins 105 | 106 | - [grunt](https://github.com/tonylukasavage/grunt-titanium) : Grunt plugin for the Titanium CLI. 107 | - [ti.babel](https://github.com/dawsontoth/ti.babel) : Use ES6 inside titanium apps. 108 | - [tiCalabash](https://github.com/KtorZ/TiCalabash) : Calabash for Android and IOS with i18n support. 109 | - [tich](https://github.com/jasonkneen/tich): Switch TiApp.xml configurations via the CLI 110 | - [ti-commonjs-wrap-plugin](https://github.com/sttts/ti-commonjs-wrap-plugin) : Allow to use NodeJS style modules in Alloy. 111 | - [ti-ignore-plugin](https://github.com/sttts/ti-ignore-plugin) : Add .tiignore file support to the Titanium CLI build process. 112 | 113 | ## Miscellaneous 114 | 115 | - [Parse Starter Template w/REST Service](https://github.com/aaronksaunders/parse-starter-appC) 116 | - [GCM push notifications](http://iamyellow.net/post/40100981563/gcm-appcelerator-titanium-module) 117 | - [Native Unified (Social) Sharing](https://github.com/jyounus/Ti.NativeUnifiedSharing) 118 | - [Barebones template for native hierarchical](https://github.com/appcelerator-developer-relations/Template.Hierarchical-Navigation) 119 | - [Barebones for flat navigation](https://github.com/appcelerator-developer-relations/Template.Flat-Navigation) 120 | - [Barebones template for tab based action bar style](https://github.com/appcelerator-developer-relations/Template.Tab-based-ActionBar-Style) 121 | - [Titaniumifier](https://github.com/smclab/titaniumifier/wiki) 122 | - [Haxe Extern Classes](https://github.com/momer/haxe_titanium_mobile) 123 | - [Linting and styles checks](https://github.com/ingo/grunt-appc-js) 124 | - [Plugin Boilerplate](https://github.com/appcelerator/titanium-cli-plugin-boilerplate) 125 | - [Continuous Integration Boilerplate](https://github.com/thesmiths/ts.boilerplate) 126 | - [JSCA2js](https://github.com/navinpeiris/jsca2js) 127 | - [D3Example](https://github.com/magnatronus/d3-adventures-one) 128 | - [Rutile: Factory automation for Mobile Enterprise](https://github.com/RayKitajima/Rutile) 129 | - [Read Eval Print loop for Titanium](https://github.com/tonylukasavage/triple) 130 | - [Ti forward > Discuss](https://github.com/TiForward/discuss) 131 | - [Ti Mocha](https://github.com/tonylukasavage/ti-mocha) 132 | - [Ti Shadow](https://github.com/dbankier/TiShadow) 133 | 134 | ## Contribution 135 | [![license](https://img.shields.io/badge/license-public_domain-lightgrey.svg?style=flat-square)](https://creativecommons.org/publicdomain/zero/1.0/) 136 | 137 | Any deadlink or typo? Feel free to **open an issue**, or simply fork the repository, 138 | fix the error and **make a pull request!** 139 | 140 | It's all the same if you want to add your component or project to the list. Be sure to 141 | have a consistent documentation, and press the right button :) 142 | 143 | 144 | 145 | -------------------------------------------------------------------------------- /widgets/README.md: -------------------------------------------------------------------------------- 1 | # Project title [![Titanium](http://www-static.appcelerator.com/badges/titanium-git-badge-sq.png)](http://www.appcelerator.com/titanium/) [![Alloy](http://www-static.appcelerator.com/badges/alloy-git-badge-sq.png)](http://www.appcelerator.com/alloy/) 2 | 3 | This widget for the [Appcelerator](http://www.appcelerator.com) Titanium Alloy MVC framework provides _[describe project here: what's its story/purpose?]_ 4 | 5 | ## Preview 6 | _Protip:_ an animated GIF is the best way to show it "live" 7 | 8 | ![Example gif from To.BounceView](http://zippy.gfycat.com/DarlingFairHornet.gif) 9 | _Example gif from To.BounceView_ 10 | 11 | ## Quick Start 12 | 13 | ### Get it [![gitTio](http://gitt.io/badge.png)](http://gitt.io/component/[YOUR PROJECT ID]) 14 | Download this repository and install it: 15 | 16 | * In your application's config.json file, include the following line in your dependencies: 17 | 18 | ```json 19 | "dependencies": { 20 | "my.project.id": "1.0" 21 | } 22 | ``` 23 | 24 | * Copy the `your.widget.project` folder into your `app/widgets` directory. 25 | 26 | 27 | **Or simply use the [gitTio CLI](http://gitt.io/cli)**: 28 | 29 | `$ gittio install my.project.id` 30 | 31 | ### Use it 32 | 33 | * Require the widget in a view: 34 | 35 | **file1.xml** 36 | ```xml 37 | ` 38 | ``` 39 | Which create a reference in your controller, accessible via: `$.myProjectId` 40 | 41 | * Or, require it directly in a controller : 42 | 43 | ```javascript 44 | var myProjectId = Alloy.createWidget("my.project.id"); 45 | ``` 46 | 47 | Then you can [DO THIS] or [DO SOMETHING ELSE]. 48 | ``` 49 | Some quick examples of use are always helpful 50 | ``` 51 | 52 | 53 | ## Documentation 54 | ### Initialization 55 | Before opening your window, call the project's *init* method. For example: 56 | 57 | ``` 58 | $.myProjectId.init(options); 59 | ``` 60 | 61 | Initialization parameters are: 62 | 63 | | Parameter | Type | Description | 64 | | ------------- | --------- | ------------------------- | 65 | | param1example | *???* | ... | 66 | | param2example | *???* | ... | 67 | 68 | 69 | ## Public methods 70 | Here is a list of all accessible methods and the associated expected behaviour: 71 | 72 | | Method | Description | 73 | | ------------- | ------------------------- | 74 | | method1example | ... | 75 | | method2example | ... | 76 | 77 | 78 | ## Events 79 | You can listen for events by simply adding an event listener: 80 | 81 | * In an Alloy view: 82 | ```xml 83 | 84 | ``` 85 | 86 | * In an Alloy controller (backbone event): 87 | ```javascript 88 | $.myProjectId.on("change", widgetChange); 89 | ``` 90 | 91 | You can now bind the change listener in your controller: 92 | 93 | ```javascript 94 | function widgetChange(e) { 95 | Ti.API.info('widget value: ' + JSON.stringify(e)); 96 | } 97 | ``` 98 | 99 | ### Supported events 100 | Here is a list of all supported events and the associated expected behaviour: 101 | 102 | | Event | Description | 103 | | ------------- | ------------------------- | 104 | | event1example | Triggers when..., contains properties..., used for... | 105 | | event2example | Triggers when..., contains properties..., used for... | 106 | 107 | 108 | ## Customization 109 | * How to apply custom styles to the project? 110 | * What kind of custom models are supported (provide structure)? 111 | * Which public properties can be accessed (provide list)? 112 | 113 | ****************************************** 114 | 115 | ## TODO / Ideas for improvement 116 | Feel free to improve this widget by forking, submitting pull requests or creating issues. 117 | Here are my ideas: 118 | 119 | * It works, now make it awesome. 120 | * ... 121 | * ... 122 | 123 | ## Changelog 124 | * 1.0 First version 125 | 126 | ## Dependencies 127 | * [...]() 128 | * [...]() 129 | 130 | ## Licences 131 | This project is licensed under [LICENSE]. Please read the [LICENSE FILE] file for more information about this license. 132 | 133 | The [DEPENDENCY] is licensed under the [LICENSE](http://url.to.license). You can get it [here](http://url.to.product). 134 | 135 | Appcelerator, Appcelerator Titanium and associated marks and logos are trademarks of Appcelerator, Inc. 136 | Titanium is Copyright (c) 2008-2015 by Appcelerator, Inc. All Rights Reserved. 137 | Titanium is licensed under the Apache Public License (Version 2). 138 | --------------------------------------------------------------------------------