Permalink
Browse files

First commit, 4 views and a folder with balsamiq mockups + images for…

… reference
  • Loading branch information...
CaliLuke committed Apr 28, 2012
1 parent 264d7b4 commit f9399d9bb98c20421b83d1bb49d3fcfb1e9bf851
View
@@ -0,0 +1,63 @@
+{
+ "name": "NativeContacts",
+ "settings": {
+ "urlPrefix": "http://localhost/~lucacandela/contacts",
+ "directAPI": "",
+ "spacesToIndent": 4,
+ "codeGenFormat": "Class",
+ "exportPath": "/Users/lucacandela/Sites/contacts",
+ "extPath": "http://extjs.cachefly.net/touch/sencha-touch-2.0.0/",
+ "senchaIoKey": "",
+ "senchaIoPath": "http://extjs.cachefly.net/designer/IO/",
+ "lineEnding": "LF",
+ "instantiateStore": true,
+ "genTimestamps": false,
+ "saveOnDeploy": false,
+ "appName": "MyApp",
+ "mapsAPI": "http://maps.google.com/maps/api/js?sensor=true"
+ },
+ "xdsVersion": "2.0.0",
+ "xdsBuild": "424",
+ "framework": "touch20",
+ "topInstanceFileMap": {
+ "ab0ebc18-fc5b-43b1-8958-7395bd191769": {
+ "paths": [
+ "metadata/view/MyTabPanel",
+ "app/view/override/MyTabPanel.js",
+ "app/view/MyTabPanel.js"
+ ],
+ "className": "MyTabPanel"
+ },
+ "266d5780-ee4a-4dca-a156-841cf77894ee": {
+ "paths": [
+ "metadata/view/contactInfo",
+ "app/view/override/contactInfo.js",
+ "app/view/contactInfo.js"
+ ],
+ "className": "contactInfo"
+ },
+ "7187cc37-7c2e-4f8a-a763-ba7d3f34a79c": {
+ "paths": [
+ "metadata/view/editContact",
+ "app/view/override/editContact.js",
+ "app/view/editContact.js"
+ ],
+ "className": "editContact"
+ },
+ "b037ea3a-5bcd-4f85-930a-abaa1bdc4dcd": {
+ "paths": [
+ "metadata/view/contactPicture",
+ "app/view/override/contactPicture.js",
+ "app/view/contactPicture.js"
+ ],
+ "className": "contactPicture"
+ }
+ },
+ "expandedState": {
+ "data": true,
+ "model": true,
+ "component": true,
+ "controller": true,
+ "resource": true
+ }
+}
View
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+
+<!-- Auto Generated with Sencha Architect -->
+<!-- Modifications to this file will be overwritten. -->
+<html>
+<head>
+ <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+ <title>NativeContacts</title>
+ <link rel="stylesheet" type="text/css" href="http://extjs.cachefly.net/touch/sencha-touch-2.0.0/resources/css/sencha-touch.css"/>
+ <script type="text/javascript" src="http://extjs.cachefly.net/touch/sencha-touch-2.0.0/sencha-touch-all-debug.js"></script>
+ <script type="text/javascript" src="app.js"></script>
+ <script type="text/javascript">
+ if (!Ext.browser.is.WebKit) {
+ alert("The current browser is unsupported.\n\nSupported browsers:\n" +
+ "Google Chrome\n" +
+ "Apple Safari\n" +
+ "Mobile Safari (iOS)\n" +
+ "Android Browser\n" +
+ "BlackBerry Browser"
+ );
+ }
+ </script>
+</head>
+<body></body>
+</html>
View
34 app.js
@@ -0,0 +1,34 @@
+/*
+ * File: app.js
+ *
+ * This file was generated by Sencha Architect version 2.0.0.
+ * http://www.sencha.com/products/architect/
+ *
+ * This file requires use of the Sencha Touch 2.0.x library, under independent license.
+ * License of Sencha Architect does not include license for Sencha Touch 2.0.x. For more
+ * details see http://www.sencha.com/license or contact license@sencha.com.
+ *
+ * This file will be auto-generated each and everytime you save your project.
+ *
+ * Do NOT hand edit this file.
+ */
+
+Ext.Loader.setConfig({
+ enabled: true
+});
+
+Ext.application({
+ views: [
+ 'MyTabPanel',
+ 'contactInfo',
+ 'editContact',
+ 'contactPicture'
+ ],
+ name: 'MyApp',
+
+ launch: function() {
+
+ Ext.create('MyApp.view.MyTabPanel', {fullscreen: true});
+ }
+
+});
View
@@ -0,0 +1,70 @@
+/*
+ * File: app/view/MyTabPanel.js
+ *
+ * This file was generated by Sencha Architect version 2.0.0.
+ * http://www.sencha.com/products/architect/
+ *
+ * This file requires use of the Sencha Touch 2.0.x library, under independent license.
+ * License of Sencha Architect does not include license for Sencha Touch 2.0.x. For more
+ * details see http://www.sencha.com/license or contact license@sencha.com.
+ *
+ * This file will be auto-generated each and everytime you save your project.
+ *
+ * Do NOT hand edit this file.
+ */
+
+Ext.define('MyApp.view.MyTabPanel', {
+ extend: 'Ext.tab.Panel',
+
+ config: {
+ items: [
+ {
+ xtype: 'container',
+ layout: {
+ type: 'fit'
+ },
+ title: 'Groups'
+ },
+ {
+ xtype: 'container',
+ layout: {
+ type: 'fit'
+ },
+ title: 'Contacts',
+ items: [
+ {
+ xtype: 'list',
+ itemTpl: [
+ '<div>List Item {string}</div>'
+ ],
+ grouped: true,
+ indexBar: true
+ }
+ ]
+ },
+ {
+ xtype: 'container',
+ layout: {
+ type: 'fit'
+ },
+ title: 'Favorites',
+ items: [
+ {
+ xtype: 'dataview',
+ itemTpl: [
+ '<div>Data View Item {string}</div>'
+ ]
+ }
+ ]
+ }
+ ],
+ tabBar: {
+ docked: 'top',
+ layout: {
+ pack: 'center',
+ type: 'hbox'
+ }
+ }
+ }
+
+});
View
@@ -0,0 +1,82 @@
+/*
+ * File: app/view/contactInfo.js
+ *
+ * This file was generated by Sencha Architect version 2.0.0.
+ * http://www.sencha.com/products/architect/
+ *
+ * This file requires use of the Sencha Touch 2.0.x library, under independent license.
+ * License of Sencha Architect does not include license for Sencha Touch 2.0.x. For more
+ * details see http://www.sencha.com/license or contact license@sencha.com.
+ *
+ * This file will be auto-generated each and everytime you save your project.
+ *
+ * Do NOT hand edit this file.
+ */
+
+Ext.define('MyApp.view.contactInfo', {
+ extend: 'Ext.Container',
+ requires: [
+ 'MyApp.view.contactPicture'
+ ],
+
+ config: {
+ id: 'contactInfo',
+ padding: '10px',
+ items: [
+ {
+ xtype: 'toolbar',
+ docked: 'top',
+ items: [
+ {
+ xtype: 'component',
+ html: 'First Name Last Name',
+ id: 'nameBack',
+ flex: 3
+ },
+ {
+ xtype: 'button',
+ id: 'starContact',
+ iconCls: 'favorites',
+ iconMask: true,
+ text: ''
+ },
+ {
+ xtype: 'button',
+ id: 'editContact',
+ iconCls: 'compose',
+ iconMask: true,
+ text: ''
+ }
+ ]
+ },
+ {
+ xtype: 'mycontainer3'
+ },
+ {
+ xtype: 'textfield',
+ itemId: 'emailAddress',
+ clearIcon: false,
+ label: 'Email Address',
+ labelAlign: 'top',
+ readOnly: true
+ },
+ {
+ xtype: 'textfield',
+ itemId: 'phoneNumber',
+ clearIcon: false,
+ label: 'Phone Number',
+ labelAlign: 'top',
+ readOnly: true
+ },
+ {
+ xtype: 'textfield',
+ id: 'address',
+ clearIcon: false,
+ label: 'Address',
+ labelAlign: 'top',
+ readOnly: true
+ }
+ ]
+ }
+
+});
View
@@ -0,0 +1,48 @@
+/*
+ * File: app/view/contactPicture.js
+ *
+ * This file was generated by Sencha Architect version 2.0.0.
+ * http://www.sencha.com/products/architect/
+ *
+ * This file requires use of the Sencha Touch 2.0.x library, under independent license.
+ * License of Sencha Architect does not include license for Sencha Touch 2.0.x. For more
+ * details see http://www.sencha.com/license or contact license@sencha.com.
+ *
+ * This file will be auto-generated each and everytime you save your project.
+ *
+ * Do NOT hand edit this file.
+ */
+
+Ext.define('MyApp.view.contactPicture', {
+ extend: 'Ext.Container',
+ alias: 'widget.mycontainer3',
+
+ config: {
+ height: 100,
+ id: 'contactPicture',
+ minHeight: 100,
+ style: 'overflow: hidden',
+ ui: '',
+ layout: {
+ align: 'end',
+ pack: 'end',
+ type: 'vbox'
+ },
+ overflow: 'hidden',
+ items: [
+ {
+ xtype: 'component',
+ html: '<img src="">',
+ style: 'background-image:url(\'http://www.miltonblack.com.au/images/Star%20Club/man.jpg\')'
+ },
+ {
+ xtype: 'button',
+ id: 'pictureButton',
+ iconCls: 'add',
+ iconMask: true,
+ text: ''
+ }
+ ]
+ }
+
+});
Oops, something went wrong.

0 comments on commit f9399d9

Please sign in to comment.