Skip to content
Browse files

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

… reference
  • Loading branch information...
1 parent 264d7b4 commit f9399d9bb98c20421b83d1bb49d3fcfb1e9bf851 @CaliLuke CaliLuke committed
View
63 NativeContacts.xds
@@ -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
25 app.html
@@ -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
70 app/view/MyTabPanel.js
@@ -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
82 app/view/contactInfo.js
@@ -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
48 app/view/contactPicture.js
@@ -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: ''
+ }
+ ]
+ }
+
+});
View
115 app/view/editContact.js
@@ -0,0 +1,115 @@
+/*
+ * File: app/view/editContact.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.editContact', {
+ extend: 'Ext.Container',
+ requires: [
+ 'MyApp.view.contactPicture'
+ ],
+
+ config: {
+ id: 'contactInfo',
+ padding: '10px',
+ scrollable: true,
+ items: [
+ {
+ xtype: 'toolbar',
+ docked: 'top',
+ items: [
+ {
+ xtype: 'button',
+ id: 'starContact',
+ iconMask: true,
+ text: 'Cancel'
+ },
+ {
+ xtype: 'spacer'
+ },
+ {
+ xtype: 'button',
+ id: 'editContact',
+ iconCls: '',
+ iconMask: true,
+ text: 'Save'
+ }
+ ]
+ },
+ {
+ xtype: 'mycontainer3'
+ },
+ {
+ xtype: 'textfield',
+ itemId: 'firstName',
+ margin: '10px 0 0 0',
+ label: 'First Name',
+ labelAlign: 'top',
+ readOnly: false
+ },
+ {
+ xtype: 'textfield',
+ itemId: 'lastName',
+ label: 'Last Name',
+ labelAlign: 'top',
+ readOnly: false
+ },
+ {
+ xtype: 'textfield',
+ itemId: 'phoneNumber',
+ label: 'Phone Number',
+ labelAlign: 'top',
+ readOnly: false
+ },
+ {
+ xtype: 'emailfield',
+ itemId: 'emailAddress',
+ label: 'Email Address',
+ labelAlign: 'top',
+ placeHolder: 'email@example.com',
+ readOnly: false
+ },
+ {
+ xtype: 'textfield',
+ itemId: 'address',
+ label: 'Address',
+ labelAlign: 'top',
+ readOnly: false
+ },
+ {
+ xtype: 'textfield',
+ itemId: 'city',
+ label: 'City',
+ labelAlign: 'top',
+ readOnly: false
+ },
+ {
+ xtype: 'textfield',
+ id: 'state',
+ itemId: 'address',
+ label: 'State',
+ labelAlign: 'top',
+ readOnly: false
+ },
+ {
+ xtype: 'numberfield',
+ id: 'zipcode',
+ itemId: 'address',
+ label: 'Zipcode',
+ labelAlign: 'top',
+ readOnly: false
+ }
+ ]
+ }
+
+});
View
23 metadata/Application
@@ -0,0 +1,23 @@
+{
+ "id": "ExtBox1-ext-gen2029",
+ "type": "application",
+ "reference": {
+ "name": "items",
+ "type": "array"
+ },
+ "codeClass": null,
+ "userConfig": {
+ "views": [
+ "MyTabPanel",
+ "contactInfo",
+ "editContact",
+ "contactPicture"
+ ],
+ "name": "MyApp"
+ },
+ "customConfigs": [],
+ "designerId": "application",
+ "$viewOrder": 0,
+ "iconCls": "icon-application",
+ "expanded": true
+}
View
136 metadata/view/MyTabPanel
@@ -0,0 +1,136 @@
+{
+ "id": "ExtBox1-ext-gen2077",
+ "type": "tabpanel",
+ "reference": {
+ "name": "items",
+ "type": "array"
+ },
+ "codeClass": null,
+ "userConfig": {
+ "designer|initialView": true,
+ "designer|userClassName": "MyTabPanel"
+ },
+ "customConfigs": [],
+ "designerId": "ab0ebc18-fc5b-43b1-8958-7395bd191769",
+ "$viewOrder": 0,
+ "expanded": false,
+ "cn": [
+ {
+ "id": "ExtBox1-ext-gen2091",
+ "type": "container",
+ "reference": {
+ "name": "items",
+ "type": "array"
+ },
+ "codeClass": null,
+ "userConfig": {
+ "layout": "fit",
+ "designer|userClassName": "MyContainer",
+ "title": "Groups"
+ },
+ "customConfigs": [],
+ "expanded": true
+ },
+ {
+ "id": "ExtBox1-ext-gen2099",
+ "type": "container",
+ "reference": {
+ "name": "items",
+ "type": "array"
+ },
+ "codeClass": null,
+ "userConfig": {
+ "layout": "fit",
+ "designer|userClassName": "MyContainer1",
+ "title": "Contacts"
+ },
+ "customConfigs": [],
+ "expanded": true,
+ "cn": [
+ {
+ "id": "ExtBox1-ext-gen2950",
+ "type": "list",
+ "reference": {
+ "name": "items",
+ "type": "array"
+ },
+ "codeClass": null,
+ "userConfig": {
+ "itemTpl": "<div>List Item {string}</div>",
+ "grouped": true,
+ "designer|userClassName": "MyList"
+ },
+ "customConfigs": [],
+ "expanded": true,
+ "cn": [
+ {
+ "id": "ExtBox1-ext-gen3212",
+ "type": "listindexbar",
+ "reference": {
+ "name": "indexBar",
+ "type": "object"
+ },
+ "codeClass": null,
+ "userConfig": {
+ "letters": null,
+ "designer|userClassName": "MyIndexBar"
+ },
+ "customConfigs": [],
+ "expanded": true
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "id": "ExtBox1-ext-gen2107",
+ "type": "container",
+ "reference": {
+ "name": "items",
+ "type": "array"
+ },
+ "codeClass": null,
+ "userConfig": {
+ "layout": "fit",
+ "designer|userClassName": "MyContainer2",
+ "title": "Favorites"
+ },
+ "customConfigs": [],
+ "expanded": true,
+ "cn": [
+ {
+ "id": "ExtBox1-ext-gen4991",
+ "type": "dataview",
+ "reference": {
+ "name": "items",
+ "type": "array"
+ },
+ "codeClass": null,
+ "userConfig": {
+ "itemTpl": "<div>Data View Item {string}</div>",
+ "designer|userClassName": "MyDataView"
+ },
+ "customConfigs": [],
+ "expanded": true
+ }
+ ]
+ },
+ {
+ "id": "ExtBox1-ext-gen4203",
+ "type": "tabbar",
+ "reference": {
+ "name": "tabBar",
+ "type": "object"
+ },
+ "codeClass": null,
+ "userConfig": {
+ "docked": "top",
+ "designer|userClassName": "MyTabBar",
+ "container|pack": "center"
+ },
+ "customConfigs": [],
+ "iconCls": "icon-tab-bar",
+ "expanded": true
+ }
+ ]
+}
View
163 metadata/view/contactInfo
@@ -0,0 +1,163 @@
+{
+ "id": "ExtBox1-ext-gen6063",
+ "type": "container",
+ "reference": {
+ "name": "items",
+ "type": "array"
+ },
+ "codeClass": null,
+ "userConfig": {
+ "id": "contactInfo",
+ "padding": "10px",
+ "designer|userClassName": "contactInfo"
+ },
+ "customConfigs": [],
+ "designerId": "266d5780-ee4a-4dca-a156-841cf77894ee",
+ "$viewOrder": 1,
+ "expanded": true,
+ "cn": [
+ {
+ "id": "ExtBox1-ext-gen8444",
+ "type": "toolbar",
+ "reference": {
+ "name": "items",
+ "type": "array"
+ },
+ "codeClass": null,
+ "userConfig": {
+ "docked": "top",
+ "designer|userClassName": "MyToolbar"
+ },
+ "customConfigs": [],
+ "expanded": true,
+ "cn": [
+ {
+ "id": "ExtBox1-ext-gen6787",
+ "type": "component",
+ "reference": {
+ "name": "items",
+ "type": "array"
+ },
+ "codeClass": null,
+ "userConfig": {
+ "height": null,
+ "html": "First Name Last Name",
+ "id": "nameBack",
+ "designer|userClassName": "MyComponent",
+ "layout|flex": 3
+ },
+ "customConfigs": [],
+ "expanded": true
+ },
+ {
+ "id": "ExtBox1-ext-gen8261",
+ "type": "button",
+ "reference": {
+ "name": "items",
+ "type": "array"
+ },
+ "codeClass": null,
+ "userConfig": {
+ "id": "starContact",
+ "iconCls": "favorites",
+ "iconMask": true,
+ "text": "",
+ "designer|userClassName": "MyButton"
+ },
+ "customConfigs": [],
+ "expanded": true
+ },
+ {
+ "id": "ExtBox1-ext-gen20878",
+ "type": "button",
+ "reference": {
+ "name": "items",
+ "type": "array"
+ },
+ "codeClass": null,
+ "userConfig": {
+ "id": "editContact",
+ "iconCls": "compose",
+ "iconMask": true,
+ "text": "",
+ "designer|userClassName": "MyButton"
+ },
+ "customConfigs": [],
+ "expanded": true
+ }
+ ]
+ },
+ {
+ "id": "ExtBox1-ext-gen6728",
+ "type": "linkedinstance",
+ "reference": {
+ "name": "items",
+ "type": "array"
+ },
+ "codeClass": null,
+ "userConfig": {},
+ "customConfigs": [],
+ "iconCls": "icon-linkedinstance",
+ "expanded": true,
+ "masterInstanceId": "ExtBox1-ext-gen15697"
+ },
+ {
+ "id": "ExtBox1-ext-gen19570",
+ "type": "textfield",
+ "reference": {
+ "name": "items",
+ "type": "array"
+ },
+ "codeClass": null,
+ "userConfig": {
+ "itemId": "emailAddress",
+ "clearIcon": false,
+ "label": "Email Address",
+ "labelAlign": "top",
+ "readOnly": true,
+ "designer|userClassName": "MyTextField1"
+ },
+ "customConfigs": [],
+ "expanded": true
+ },
+ {
+ "id": "ExtBox1-ext-gen19671",
+ "type": "textfield",
+ "reference": {
+ "name": "items",
+ "type": "array"
+ },
+ "codeClass": null,
+ "userConfig": {
+ "itemId": "phoneNumber",
+ "clearIcon": false,
+ "label": "Phone Number",
+ "labelAlign": "top",
+ "readOnly": true,
+ "designer|userClassName": "MyTextField1"
+ },
+ "customConfigs": [],
+ "expanded": true
+ },
+ {
+ "id": "ExtBox1-ext-gen16046",
+ "type": "textfield",
+ "reference": {
+ "name": "items",
+ "type": "array"
+ },
+ "codeClass": null,
+ "userConfig": {
+ "id": "address",
+ "itemId": null,
+ "clearIcon": false,
+ "label": "Address",
+ "labelAlign": "top",
+ "readOnly": true,
+ "designer|userClassName": "MyTextField1"
+ },
+ "customConfigs": [],
+ "expanded": true
+ }
+ ]
+}
View
74 metadata/view/contactPicture
@@ -0,0 +1,74 @@
+{
+ "id": "ExtBox1-ext-gen15697",
+ "type": "container",
+ "reference": {
+ "name": "items",
+ "type": "array"
+ },
+ "codeClass": null,
+ "userConfig": {
+ "height": 100,
+ "html": null,
+ "id": "contactPicture",
+ "minHeight": 100,
+ "style": "overflow: hidden",
+ "ui": "",
+ "layout": "vbox",
+ "masked": null,
+ "modal": null,
+ "scrollable": null,
+ "designer|userClassName": "contactPicture",
+ "designer|userAlias": "mycontainer3",
+ "container|align": "end",
+ "container|pack": "end",
+ "overflow": "hidden"
+ },
+ "customConfigs": [
+ {
+ "group": "(Custom Properties)",
+ "name": "overflow",
+ "type": "string"
+ }
+ ],
+ "designerId": "b037ea3a-5bcd-4f85-930a-abaa1bdc4dcd",
+ "$viewOrder": 3,
+ "expanded": false,
+ "cn": [
+ {
+ "id": "ExtBox1-ext-gen4635",
+ "type": "component",
+ "reference": {
+ "name": "items",
+ "type": "array"
+ },
+ "codeClass": null,
+ "userConfig": {
+ "html": "<img src=\"\">",
+ "style": "background-image:url('http://www.miltonblack.com.au/images/Star%20Club/man.jpg')",
+ "designer|userClassName": "MyComponent2"
+ },
+ "customConfigs": [],
+ "expanded": true
+ },
+ {
+ "id": "ExtBox1-ext-gen16421",
+ "type": "button",
+ "reference": {
+ "name": "items",
+ "type": "array"
+ },
+ "codeClass": null,
+ "userConfig": {
+ "docked": null,
+ "id": "pictureButton",
+ "width": null,
+ "iconCls": "add",
+ "iconMask": true,
+ "text": "",
+ "designer|userClassName": "MyButton1"
+ },
+ "customConfigs": [],
+ "expanded": true
+ }
+ ]
+}
View
250 metadata/view/editContact
@@ -0,0 +1,250 @@
+{
+ "id": "ExtBox1-ext-gen27267",
+ "type": "container",
+ "reference": {
+ "name": "items",
+ "type": "array"
+ },
+ "codeClass": null,
+ "userConfig": {
+ "id": "contactInfo",
+ "padding": "10px",
+ "scrollable": true,
+ "designer|userClassName": "editContact"
+ },
+ "customConfigs": [],
+ "designerId": "7187cc37-7c2e-4f8a-a763-ba7d3f34a79c",
+ "$viewOrder": 2,
+ "expanded": false,
+ "cn": [
+ {
+ "id": "ExtBox1-ext-gen27271",
+ "type": "toolbar",
+ "reference": {
+ "name": "items",
+ "type": "array"
+ },
+ "codeClass": null,
+ "userConfig": {
+ "docked": "top",
+ "designer|userClassName": "MyToolbar"
+ },
+ "customConfigs": [],
+ "expanded": true,
+ "cn": [
+ {
+ "id": "ExtBox1-ext-gen27280",
+ "type": "button",
+ "reference": {
+ "name": "items",
+ "type": "array"
+ },
+ "codeClass": null,
+ "userConfig": {
+ "id": "starContact",
+ "iconCls": null,
+ "iconMask": true,
+ "text": "Cancel",
+ "designer|userClassName": "MyButton"
+ },
+ "customConfigs": [],
+ "expanded": true
+ },
+ {
+ "id": "ExtBox1-ext-gen9304",
+ "type": "spacer",
+ "reference": {
+ "name": "items",
+ "type": "array"
+ },
+ "codeClass": null,
+ "userConfig": {
+ "designer|userClassName": "MySpacer"
+ },
+ "customConfigs": [],
+ "expanded": true
+ },
+ {
+ "id": "ExtBox1-ext-gen27285",
+ "type": "button",
+ "reference": {
+ "name": "items",
+ "type": "array"
+ },
+ "codeClass": null,
+ "userConfig": {
+ "id": "editContact",
+ "iconCls": "",
+ "iconMask": true,
+ "text": "Save",
+ "designer|userClassName": "MyButton"
+ },
+ "customConfigs": [],
+ "expanded": true
+ }
+ ]
+ },
+ {
+ "id": "ExtBox1-ext-gen8020",
+ "type": "linkedinstance",
+ "reference": {
+ "name": "items",
+ "type": "array"
+ },
+ "codeClass": null,
+ "userConfig": {},
+ "customConfigs": [],
+ "iconCls": "icon-linkedinstance",
+ "expanded": true,
+ "masterInstanceId": "ExtBox1-ext-gen15697"
+ },
+ {
+ "id": "ExtBox1-ext-gen27303",
+ "type": "textfield",
+ "reference": {
+ "name": "items",
+ "type": "array"
+ },
+ "codeClass": null,
+ "userConfig": {
+ "itemId": "firstName",
+ "margin": "10px 0 0 0",
+ "label": "First Name",
+ "labelAlign": "top",
+ "readOnly": false,
+ "designer|userClassName": "MyTextField"
+ },
+ "customConfigs": [],
+ "expanded": true
+ },
+ {
+ "id": "ExtBox1-ext-gen27307",
+ "type": "textfield",
+ "reference": {
+ "name": "items",
+ "type": "array"
+ },
+ "codeClass": null,
+ "userConfig": {
+ "itemId": "lastName",
+ "label": "Last Name",
+ "labelAlign": "top",
+ "readOnly": false,
+ "designer|userClassName": "MyTextField1"
+ },
+ "customConfigs": [],
+ "expanded": true
+ },
+ {
+ "id": "ExtBox1-ext-gen27315",
+ "type": "textfield",
+ "reference": {
+ "name": "items",
+ "type": "array"
+ },
+ "codeClass": null,
+ "userConfig": {
+ "itemId": "phoneNumber",
+ "label": "Phone Number",
+ "labelAlign": "top",
+ "readOnly": false,
+ "designer|userClassName": "MyTextField1"
+ },
+ "customConfigs": [],
+ "expanded": true
+ },
+ {
+ "id": "ExtBox1-ext-gen27311",
+ "type": "emailfield",
+ "reference": {
+ "name": "items",
+ "type": "array"
+ },
+ "codeClass": null,
+ "userConfig": {
+ "itemId": "emailAddress",
+ "label": "Email Address",
+ "labelAlign": "top",
+ "placeHolder": "email@example.com",
+ "readOnly": false,
+ "designer|userClassName": "MyEmailField"
+ },
+ "customConfigs": [],
+ "expanded": true
+ },
+ {
+ "id": "ExtBox1-ext-gen11669",
+ "type": "textfield",
+ "reference": {
+ "name": "items",
+ "type": "array"
+ },
+ "codeClass": null,
+ "userConfig": {
+ "itemId": "address",
+ "label": "Address",
+ "labelAlign": "top",
+ "readOnly": false,
+ "designer|userClassName": "MyTextField1"
+ },
+ "customConfigs": [],
+ "expanded": true
+ },
+ {
+ "id": "ExtBox1-ext-gen12065",
+ "type": "textfield",
+ "reference": {
+ "name": "items",
+ "type": "array"
+ },
+ "codeClass": null,
+ "userConfig": {
+ "itemId": "city",
+ "label": "City",
+ "labelAlign": "top",
+ "readOnly": false,
+ "designer|userClassName": "MyTextField1"
+ },
+ "customConfigs": [],
+ "expanded": true
+ },
+ {
+ "id": "ExtBox1-ext-gen12173",
+ "type": "textfield",
+ "reference": {
+ "name": "items",
+ "type": "array"
+ },
+ "codeClass": null,
+ "userConfig": {
+ "id": "state",
+ "itemId": "address",
+ "label": "State",
+ "labelAlign": "top",
+ "readOnly": false,
+ "designer|userClassName": "MyTextField1"
+ },
+ "customConfigs": [],
+ "expanded": true
+ },
+ {
+ "id": "ExtBox1-ext-gen12560",
+ "type": "numberfield",
+ "reference": {
+ "name": "items",
+ "type": "array"
+ },
+ "codeClass": null,
+ "userConfig": {
+ "id": "zipcode",
+ "itemId": "address",
+ "label": "Zipcode",
+ "labelAlign": "top",
+ "readOnly": false,
+ "designer|userClassName": "MyNumberField"
+ },
+ "customConfigs": [],
+ "expanded": true
+ }
+ ]
+}
View
BIN resources/img/man.jpeg
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
136 wireframes/Contacts.bmml
@@ -0,0 +1,136 @@
+<mockup version="1.0" skin="sketch" measuredW="495" measuredH="776" mockupW="460" mockupH="740">
+ <controls>
+ <control controlID="2" controlTypeID="com.balsamiq.mockups::Canvas" x="35" y="36" w="460" h="740" measuredW="100" measuredH="70" zOrder="0" locked="false" isInGroup="-1"/>
+ <control controlID="6" controlTypeID="com.balsamiq.mockups::Canvas" x="35" y="117" w="460" h="48" measuredW="100" measuredH="70" zOrder="1" locked="false" isInGroup="-1">
+ <controlProperties>
+ <color>2848996</color>
+ </controlProperties>
+ </control>
+ <control controlID="7" controlTypeID="com.balsamiq.mockups::Label" x="50" y="131" w="-1" h="-1" measuredW="17" measuredH="24" zOrder="2" locked="false" isInGroup="-1">
+ <controlProperties>
+ <bold>true</bold>
+ <color>16777215</color>
+ <size>16</size>
+ <text>A</text>
+ </controlProperties>
+ </control>
+ <control controlID="8" controlTypeID="com.balsamiq.mockups::Canvas" x="35" y="268" w="460" h="48" measuredW="100" measuredH="70" zOrder="3" locked="false" isInGroup="-1">
+ <controlProperties>
+ <color>2848996</color>
+ </controlProperties>
+ </control>
+ <control controlID="9" controlTypeID="com.balsamiq.mockups::Label" x="50" y="282" w="-1" h="-1" measuredW="17" measuredH="24" zOrder="4" locked="false" isInGroup="-1">
+ <controlProperties>
+ <bold>true</bold>
+ <color>16777215</color>
+ <size>16</size>
+ <text>B</text>
+ </controlProperties>
+ </control>
+ <control controlID="13" controlTypeID="__group__" x="35" y="159" w="460" h="115" measuredW="460" measuredH="115" zOrder="5" locked="false" isInGroup="-1">
+ <groupChildrenDescriptors>
+ <control controlID="0" controlTypeID="com.balsamiq.mockups::Canvas" x="0" y="0" w="460" h="115" measuredW="100" measuredH="70" zOrder="0" locked="false" isInGroup="13"/>
+ <control controlID="1" controlTypeID="com.balsamiq.mockups::Canvas" x="349" y="0" w="111" h="115" measuredW="100" measuredH="70" zOrder="1" locked="false" isInGroup="13"/>
+ <control controlID="2" controlTypeID="com.balsamiq.mockups::Icon" x="380" y="33" w="-1" h="-1" measuredW="48" measuredH="48" zOrder="2" locked="false" isInGroup="13">
+ <controlProperties>
+ <icon>ContactIcon%7Clarge</icon>
+ </controlProperties>
+ </control>
+ <control controlID="3" controlTypeID="com.balsamiq.mockups::Label" x="15" y="47" w="324" h="21" measuredW="150" measuredH="33" zOrder="3" locked="false" isInGroup="13">
+ <controlProperties>
+ <size>24</size>
+ <text>Aaron%20Conran</text>
+ </controlProperties>
+ </control>
+ </groupChildrenDescriptors>
+ </control>
+ <control controlID="14" controlTypeID="__group__" x="35" y="316" w="460" h="115" measuredW="460" measuredH="115" zOrder="6" locked="false" isInGroup="-1">
+ <groupChildrenDescriptors>
+ <control controlID="0" controlTypeID="com.balsamiq.mockups::Canvas" x="0" y="0" w="460" h="115" measuredW="100" measuredH="70" zOrder="0" locked="false" isInGroup="14"/>
+ <control controlID="1" controlTypeID="com.balsamiq.mockups::Canvas" x="349" y="0" w="111" h="115" measuredW="100" measuredH="70" zOrder="1" locked="false" isInGroup="14"/>
+ <control controlID="2" controlTypeID="com.balsamiq.mockups::Icon" x="380" y="33" w="-1" h="-1" measuredW="48" measuredH="48" zOrder="2" locked="false" isInGroup="14">
+ <controlProperties>
+ <icon>ContactIcon%7Clarge</icon>
+ </controlProperties>
+ </control>
+ <control controlID="3" controlTypeID="com.balsamiq.mockups::Label" x="15" y="47" w="324" h="21" measuredW="150" measuredH="33" zOrder="3" locked="false" isInGroup="14">
+ <controlProperties>
+ <size>24</size>
+ <text>Aaron%20Conran</text>
+ </controlProperties>
+ </control>
+ </groupChildrenDescriptors>
+ </control>
+ <control controlID="15" controlTypeID="__group__" x="35" y="431" w="460" h="115" measuredW="460" measuredH="115" zOrder="7" locked="false" isInGroup="-1">
+ <groupChildrenDescriptors>
+ <control controlID="0" controlTypeID="com.balsamiq.mockups::Canvas" x="0" y="0" w="460" h="115" measuredW="100" measuredH="70" zOrder="0" locked="false" isInGroup="15"/>
+ <control controlID="1" controlTypeID="com.balsamiq.mockups::Canvas" x="349" y="0" w="111" h="115" measuredW="100" measuredH="70" zOrder="1" locked="false" isInGroup="15"/>
+ <control controlID="2" controlTypeID="com.balsamiq.mockups::Icon" x="380" y="33" w="-1" h="-1" measuredW="48" measuredH="48" zOrder="2" locked="false" isInGroup="15">
+ <controlProperties>
+ <icon>ContactIcon%7Clarge</icon>
+ </controlProperties>
+ </control>
+ <control controlID="3" controlTypeID="com.balsamiq.mockups::Label" x="15" y="47" w="324" h="21" measuredW="150" measuredH="33" zOrder="3" locked="false" isInGroup="15">
+ <controlProperties>
+ <size>24</size>
+ <text>Aaron%20Conran</text>
+ </controlProperties>
+ </control>
+ </groupChildrenDescriptors>
+ </control>
+ <control controlID="16" controlTypeID="__group__" x="35" y="546" w="460" h="115" measuredW="460" measuredH="115" zOrder="8" locked="false" isInGroup="-1">
+ <groupChildrenDescriptors>
+ <control controlID="0" controlTypeID="com.balsamiq.mockups::Canvas" x="0" y="0" w="460" h="115" measuredW="100" measuredH="70" zOrder="0" locked="false" isInGroup="16"/>
+ <control controlID="1" controlTypeID="com.balsamiq.mockups::Canvas" x="349" y="0" w="111" h="115" measuredW="100" measuredH="70" zOrder="1" locked="false" isInGroup="16"/>
+ <control controlID="2" controlTypeID="com.balsamiq.mockups::Icon" x="380" y="33" w="-1" h="-1" measuredW="48" measuredH="48" zOrder="2" locked="false" isInGroup="16">
+ <controlProperties>
+ <icon>ContactIcon%7Clarge</icon>
+ </controlProperties>
+ </control>
+ <control controlID="3" controlTypeID="com.balsamiq.mockups::Label" x="15" y="47" w="324" h="21" measuredW="150" measuredH="33" zOrder="3" locked="false" isInGroup="16">
+ <controlProperties>
+ <size>24</size>
+ <text>Aaron%20Conran</text>
+ </controlProperties>
+ </control>
+ </groupChildrenDescriptors>
+ </control>
+ <control controlID="17" controlTypeID="__group__" x="35" y="661" w="460" h="115" measuredW="460" measuredH="115" zOrder="9" locked="false" isInGroup="-1">
+ <groupChildrenDescriptors>
+ <control controlID="0" controlTypeID="com.balsamiq.mockups::Canvas" x="0" y="0" w="460" h="115" measuredW="100" measuredH="70" zOrder="0" locked="false" isInGroup="17"/>
+ <control controlID="1" controlTypeID="com.balsamiq.mockups::Canvas" x="349" y="0" w="111" h="115" measuredW="100" measuredH="70" zOrder="1" locked="false" isInGroup="17"/>
+ <control controlID="2" controlTypeID="com.balsamiq.mockups::Icon" x="380" y="33" w="-1" h="-1" measuredW="48" measuredH="48" zOrder="2" locked="false" isInGroup="17">
+ <controlProperties>
+ <icon>ContactIcon%7Clarge</icon>
+ </controlProperties>
+ </control>
+ <control controlID="3" controlTypeID="com.balsamiq.mockups::Label" x="15" y="47" w="324" h="21" measuredW="150" measuredH="33" zOrder="3" locked="false" isInGroup="17">
+ <controlProperties>
+ <size>24</size>
+ <text>Aaron%20Conran</text>
+ </controlProperties>
+ </control>
+ </groupChildrenDescriptors>
+ </control>
+ <control controlID="18" controlTypeID="com.balsamiq.mockups::Canvas" x="184" y="36" w="162" h="81" measuredW="100" measuredH="70" zOrder="10" locked="false" isInGroup="-1">
+ <controlProperties>
+ <color>2848996</color>
+ </controlProperties>
+ </control>
+ <control controlID="19" controlTypeID="com.balsamiq.mockups::Icon" x="380" y="59" w="-1" h="-1" measuredW="48" measuredH="48" zOrder="11" locked="false" isInGroup="-1">
+ <controlProperties>
+ <icon>AsteriskIcon%7Clarge</icon>
+ </controlProperties>
+ </control>
+ <control controlID="20" controlTypeID="com.balsamiq.mockups::Icon" x="82" y="59" w="-1" h="-1" measuredW="48" measuredH="48" zOrder="12" locked="false" isInGroup="-1">
+ <controlProperties>
+ <icon>ContactsIcon%7Clarge</icon>
+ </controlProperties>
+ </control>
+ <control controlID="21" controlTypeID="com.balsamiq.mockups::Icon" x="241" y="59" w="-1" h="-1" measuredW="48" measuredH="48" zOrder="13" locked="false" isInGroup="-1">
+ <controlProperties>
+ <icon>ContactIcon%7Clarge</icon>
+ </controlProperties>
+ </control>
+ </controls>
+</mockup>
View
BIN wireframes/Contacts.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
224 wireframes/Favorites.bmml
@@ -0,0 +1,224 @@
+<mockup version="1.0" skin="sketch" measuredW="495" measuredH="795" mockupW="460" mockupH="759">
+ <controls>
+ <control controlID="2" controlTypeID="com.balsamiq.mockups::Canvas" x="35" y="36" w="460" h="740" measuredW="100" measuredH="70" zOrder="0" locked="false" isInGroup="-1"/>
+ <control controlID="18" controlTypeID="com.balsamiq.mockups::Canvas" x="333" y="36" w="162" h="81" measuredW="100" measuredH="70" zOrder="1" locked="false" isInGroup="-1">
+ <controlProperties>
+ <color>2848996</color>
+ </controlProperties>
+ </control>
+ <control controlID="19" controlTypeID="com.balsamiq.mockups::Icon" x="380" y="59" w="-1" h="-1" measuredW="48" measuredH="48" zOrder="2" locked="false" isInGroup="-1">
+ <controlProperties>
+ <color>16777215</color>
+ <icon>AsteriskIcon%7Clarge</icon>
+ </controlProperties>
+ </control>
+ <control controlID="20" controlTypeID="com.balsamiq.mockups::Icon" x="82" y="59" w="-1" h="-1" measuredW="48" measuredH="48" zOrder="3" locked="false" isInGroup="-1">
+ <controlProperties>
+ <icon>ContactsIcon%7Clarge</icon>
+ </controlProperties>
+ </control>
+ <control controlID="21" controlTypeID="com.balsamiq.mockups::Icon" x="241" y="59" w="-1" h="-1" measuredW="48" measuredH="48" zOrder="4" locked="false" isInGroup="-1">
+ <controlProperties>
+ <icon>ContactIcon%7Clarge</icon>
+ </controlProperties>
+ </control>
+ <control controlID="29" controlTypeID="__group__" x="35" y="117" w="229" h="226" measuredW="229" measuredH="226" zOrder="5" locked="false" isInGroup="-1">
+ <groupChildrenDescriptors>
+ <control controlID="0" controlTypeID="com.balsamiq.mockups::Canvas" x="0" y="0" w="229" h="226" measuredW="100" measuredH="70" zOrder="0" locked="false" isInGroup="29">
+ <controlProperties>
+ <color>16750848</color>
+ </controlProperties>
+ </control>
+ <control controlID="1" controlTypeID="com.balsamiq.mockups::Canvas" x="0" y="154" w="229" h="72" measuredW="100" measuredH="70" zOrder="1" locked="false" isInGroup="29">
+ <controlProperties>
+ <backgroundAlpha>0.5</backgroundAlpha>
+ <color>0</color>
+ </controlProperties>
+ </control>
+ <control controlID="2" controlTypeID="com.balsamiq.mockups::Icon" x="90" y="89" w="-1" h="-1" measuredW="48" measuredH="48" zOrder="2" locked="false" isInGroup="29">
+ <controlProperties>
+ <icon>ContactIcon%7Clarge</icon>
+ </controlProperties>
+ </control>
+ <control controlID="3" controlTypeID="com.balsamiq.mockups::Label" x="7" y="176" w="167" h="21" measuredW="150" measuredH="33" zOrder="3" locked="false" isInGroup="29">
+ <controlProperties>
+ <color>16777215</color>
+ <size>24</size>
+ <text>Aaron%20Conran</text>
+ </controlProperties>
+ </control>
+ <control controlID="4" controlTypeID="com.balsamiq.mockups::Icon" x="174" y="169" w="-1" h="-1" measuredW="48" measuredH="48" zOrder="4" locked="false" isInGroup="29">
+ <controlProperties>
+ <color>16777215</color>
+ <icon>PencilIcon%7Clarge</icon>
+ </controlProperties>
+ </control>
+ </groupChildrenDescriptors>
+ </control>
+ <control controlID="30" controlTypeID="__group__" x="264" y="117" w="229" h="226" measuredW="229" measuredH="226" zOrder="6" locked="false" isInGroup="-1">
+ <groupChildrenDescriptors>
+ <control controlID="0" controlTypeID="com.balsamiq.mockups::Canvas" x="0" y="0" w="229" h="226" measuredW="100" measuredH="70" zOrder="0" locked="false" isInGroup="30">
+ <controlProperties>
+ <color>16750848</color>
+ </controlProperties>
+ </control>
+ <control controlID="1" controlTypeID="com.balsamiq.mockups::Canvas" x="0" y="154" w="229" h="72" measuredW="100" measuredH="70" zOrder="1" locked="false" isInGroup="30">
+ <controlProperties>
+ <backgroundAlpha>0.5</backgroundAlpha>
+ <color>0</color>
+ </controlProperties>
+ </control>
+ <control controlID="2" controlTypeID="com.balsamiq.mockups::Icon" x="90" y="89" w="-1" h="-1" measuredW="48" measuredH="48" zOrder="2" locked="false" isInGroup="30">
+ <controlProperties>
+ <icon>ContactIcon%7Clarge</icon>
+ </controlProperties>
+ </control>
+ <control controlID="3" controlTypeID="com.balsamiq.mockups::Label" x="7" y="176" w="167" h="21" measuredW="150" measuredH="33" zOrder="3" locked="false" isInGroup="30">
+ <controlProperties>
+ <color>16777215</color>
+ <size>24</size>
+ <text>Aaron%20Conran</text>
+ </controlProperties>
+ </control>
+ <control controlID="4" controlTypeID="com.balsamiq.mockups::Icon" x="174" y="169" w="-1" h="-1" measuredW="48" measuredH="48" zOrder="4" locked="false" isInGroup="30">
+ <controlProperties>
+ <color>16777215</color>
+ <icon>PencilIcon%7Clarge</icon>
+ </controlProperties>
+ </control>
+ </groupChildrenDescriptors>
+ </control>
+ <control controlID="31" controlTypeID="__group__" x="35" y="343" w="229" h="226" measuredW="229" measuredH="226" zOrder="7" locked="false" isInGroup="-1">
+ <groupChildrenDescriptors>
+ <control controlID="0" controlTypeID="com.balsamiq.mockups::Canvas" x="0" y="0" w="229" h="226" measuredW="100" measuredH="70" zOrder="0" locked="false" isInGroup="31">
+ <controlProperties>
+ <color>16750848</color>
+ </controlProperties>
+ </control>
+ <control controlID="1" controlTypeID="com.balsamiq.mockups::Canvas" x="0" y="154" w="229" h="72" measuredW="100" measuredH="70" zOrder="1" locked="false" isInGroup="31">
+ <controlProperties>
+ <backgroundAlpha>0.5</backgroundAlpha>
+ <color>0</color>
+ </controlProperties>
+ </control>
+ <control controlID="2" controlTypeID="com.balsamiq.mockups::Icon" x="90" y="89" w="-1" h="-1" measuredW="48" measuredH="48" zOrder="2" locked="false" isInGroup="31">
+ <controlProperties>
+ <icon>ContactIcon%7Clarge</icon>
+ </controlProperties>
+ </control>
+ <control controlID="3" controlTypeID="com.balsamiq.mockups::Label" x="7" y="176" w="167" h="21" measuredW="150" measuredH="33" zOrder="3" locked="false" isInGroup="31">
+ <controlProperties>
+ <color>16777215</color>
+ <size>24</size>
+ <text>Aaron%20Conran</text>
+ </controlProperties>
+ </control>
+ <control controlID="4" controlTypeID="com.balsamiq.mockups::Icon" x="174" y="169" w="-1" h="-1" measuredW="48" measuredH="48" zOrder="4" locked="false" isInGroup="31">
+ <controlProperties>
+ <color>16777215</color>
+ <icon>PencilIcon%7Clarge</icon>
+ </controlProperties>
+ </control>
+ </groupChildrenDescriptors>
+ </control>
+ <control controlID="32" controlTypeID="__group__" x="264" y="343" w="229" h="226" measuredW="229" measuredH="226" zOrder="8" locked="false" isInGroup="-1">
+ <groupChildrenDescriptors>
+ <control controlID="0" controlTypeID="com.balsamiq.mockups::Canvas" x="0" y="0" w="229" h="226" measuredW="100" measuredH="70" zOrder="0" locked="false" isInGroup="32">
+ <controlProperties>
+ <color>16750848</color>
+ </controlProperties>
+ </control>
+ <control controlID="1" controlTypeID="com.balsamiq.mockups::Canvas" x="0" y="154" w="229" h="72" measuredW="100" measuredH="70" zOrder="1" locked="false" isInGroup="32">
+ <controlProperties>
+ <backgroundAlpha>0.5</backgroundAlpha>
+ <color>0</color>
+ </controlProperties>
+ </control>
+ <control controlID="2" controlTypeID="com.balsamiq.mockups::Icon" x="90" y="89" w="-1" h="-1" measuredW="48" measuredH="48" zOrder="2" locked="false" isInGroup="32">
+ <controlProperties>
+ <icon>ContactIcon%7Clarge</icon>
+ </controlProperties>
+ </control>
+ <control controlID="3" controlTypeID="com.balsamiq.mockups::Label" x="7" y="176" w="167" h="21" measuredW="150" measuredH="33" zOrder="3" locked="false" isInGroup="32">
+ <controlProperties>
+ <color>16777215</color>
+ <size>24</size>
+ <text>Aaron%20Conran</text>
+ </controlProperties>
+ </control>
+ <control controlID="4" controlTypeID="com.balsamiq.mockups::Icon" x="174" y="169" w="-1" h="-1" measuredW="48" measuredH="48" zOrder="4" locked="false" isInGroup="32">
+ <controlProperties>
+ <color>16777215</color>
+ <icon>PencilIcon%7Clarge</icon>
+ </controlProperties>
+ </control>
+ </groupChildrenDescriptors>
+ </control>
+ <control controlID="33" controlTypeID="__group__" x="35" y="569" w="229" h="226" measuredW="229" measuredH="226" zOrder="9" locked="false" isInGroup="-1">
+ <groupChildrenDescriptors>
+ <control controlID="0" controlTypeID="com.balsamiq.mockups::Canvas" x="0" y="0" w="229" h="226" measuredW="100" measuredH="70" zOrder="0" locked="false" isInGroup="33">
+ <controlProperties>
+ <color>16750848</color>
+ </controlProperties>
+ </control>
+ <control controlID="1" controlTypeID="com.balsamiq.mockups::Canvas" x="0" y="154" w="229" h="72" measuredW="100" measuredH="70" zOrder="1" locked="false" isInGroup="33">
+ <controlProperties>
+ <backgroundAlpha>0.5</backgroundAlpha>
+ <color>0</color>
+ </controlProperties>
+ </control>
+ <control controlID="2" controlTypeID="com.balsamiq.mockups::Icon" x="90" y="89" w="-1" h="-1" measuredW="48" measuredH="48" zOrder="2" locked="false" isInGroup="33">
+ <controlProperties>
+ <icon>ContactIcon%7Clarge</icon>
+ </controlProperties>
+ </control>
+ <control controlID="3" controlTypeID="com.balsamiq.mockups::Label" x="7" y="176" w="167" h="21" measuredW="150" measuredH="33" zOrder="3" locked="false" isInGroup="33">
+ <controlProperties>
+ <color>16777215</color>
+ <size>24</size>
+ <text>Aaron%20Conran</text>
+ </controlProperties>
+ </control>
+ <control controlID="4" controlTypeID="com.balsamiq.mockups::Icon" x="174" y="169" w="-1" h="-1" measuredW="48" measuredH="48" zOrder="4" locked="false" isInGroup="33">
+ <controlProperties>
+ <color>16777215</color>
+ <icon>PencilIcon%7Clarge</icon>
+ </controlProperties>
+ </control>
+ </groupChildrenDescriptors>
+ </control>
+ <control controlID="34" controlTypeID="__group__" x="264" y="569" w="229" h="226" measuredW="229" measuredH="226" zOrder="10" locked="false" isInGroup="-1">
+ <groupChildrenDescriptors>
+ <control controlID="0" controlTypeID="com.balsamiq.mockups::Canvas" x="0" y="0" w="229" h="226" measuredW="100" measuredH="70" zOrder="0" locked="false" isInGroup="34">
+ <controlProperties>
+ <color>16750848</color>
+ </controlProperties>
+ </control>
+ <control controlID="1" controlTypeID="com.balsamiq.mockups::Canvas" x="0" y="154" w="229" h="72" measuredW="100" measuredH="70" zOrder="1" locked="false" isInGroup="34">
+ <controlProperties>
+ <backgroundAlpha>0.5</backgroundAlpha>
+ <color>0</color>
+ </controlProperties>
+ </control>
+ <control controlID="2" controlTypeID="com.balsamiq.mockups::Icon" x="90" y="89" w="-1" h="-1" measuredW="48" measuredH="48" zOrder="2" locked="false" isInGroup="34">
+ <controlProperties>
+ <icon>ContactIcon%7Clarge</icon>
+ </controlProperties>
+ </control>
+ <control controlID="3" controlTypeID="com.balsamiq.mockups::Label" x="7" y="176" w="167" h="21" measuredW="150" measuredH="33" zOrder="3" locked="false" isInGroup="34">
+ <controlProperties>
+ <color>16777215</color>
+ <size>24</size>
+ <text>Aaron%20Conran</text>
+ </controlProperties>
+ </control>
+ <control controlID="4" controlTypeID="com.balsamiq.mockups::Icon" x="174" y="169" w="-1" h="-1" measuredW="48" measuredH="48" zOrder="4" locked="false" isInGroup="34">
+ <controlProperties>
+ <color>16777215</color>
+ <icon>PencilIcon%7Clarge</icon>
+ </controlProperties>
+ </control>
+ </groupChildrenDescriptors>
+ </control>
+ </controls>
+</mockup>
View
BIN wireframes/Favorites.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
160 wireframes/contactEdit.bmml
@@ -0,0 +1,160 @@
+<mockup version="1.0" skin="sketch" measuredW="495" measuredH="1337" mockupW="460" mockupH="1301">
+ <controls>
+ <control controlID="2" controlTypeID="com.balsamiq.mockups::Canvas" x="35" y="36" w="460" h="1301" measuredW="100" measuredH="70" zOrder="0" locked="false" isInGroup="-1"/>
+ <control controlID="18" controlTypeID="com.balsamiq.mockups::Canvas" x="35" y="36" w="460" h="81" measuredW="100" measuredH="70" zOrder="1" locked="false" isInGroup="-1">
+ <controlProperties>
+ <color>2848996</color>
+ </controlProperties>
+ </control>
+ <control controlID="38" controlTypeID="com.balsamiq.mockups::Label" x="50" y="66" w="167" h="21" measuredW="78" measuredH="33" zOrder="5" locked="false" isInGroup="-1">
+ <controlProperties>
+ <color>16777215</color>
+ <size>24</size>
+ <text>Cancel</text>
+ </controlProperties>
+ </control>
+ <control controlID="40" controlTypeID="com.balsamiq.mockups::Canvas" x="50" y="134" w="430" h="209" measuredW="100" measuredH="70" zOrder="2" locked="false" isInGroup="-1">
+ <controlProperties>
+ <color>16750848</color>
+ </controlProperties>
+ </control>
+ <control controlID="42" controlTypeID="com.balsamiq.mockups::Icon" x="241" y="214" w="-1" h="-1" measuredW="48" measuredH="48" zOrder="3" locked="false" isInGroup="-1">
+ <controlProperties>
+ <icon>ContactIcon%7Clarge</icon>
+ </controlProperties>
+ </control>
+ <control controlID="43" controlTypeID="com.balsamiq.mockups::Label" x="50" y="615" w="167" h="21" measuredW="161" measuredH="33" zOrder="4" locked="false" isInGroup="-1">
+ <controlProperties>
+ <color>10066329</color>
+ <size>24</size>
+ <text>Phone%20Number</text>
+ </controlProperties>
+ </control>
+ <control controlID="46" controlTypeID="com.balsamiq.mockups::Icon" x="417" y="277" w="-1" h="-1" measuredW="48" measuredH="48" zOrder="6" locked="false" isInGroup="-1">
+ <controlProperties>
+ <color>16777215</color>
+ <icon>CircledPlusIcon%7Clarge</icon>
+ </controlProperties>
+ </control>
+ <control controlID="48" controlTypeID="com.balsamiq.mockups::HRule" x="50" y="649" w="430" h="-1" measuredW="100" measuredH="5" zOrder="7" locked="false" isInGroup="-1"/>
+ <control controlID="49" controlTypeID="com.balsamiq.mockups::Label" x="50" y="669" w="310" h="56" measuredW="278" measuredH="41" zOrder="8" locked="false" isInGroup="-1">
+ <controlProperties>
+ <color>0</color>
+ <size>32</size>
+ <text>+1%20%28650%29%20123%201234</text>
+ </controlProperties>
+ </control>
+ <control controlID="50" controlTypeID="com.balsamiq.mockups::Label" x="50" y="740" w="167" h="21" measuredW="156" measuredH="33" zOrder="9" locked="false" isInGroup="-1">
+ <controlProperties>
+ <color>10066329</color>
+ <size>24</size>
+ <text>Email%20Address</text>
+ </controlProperties>
+ </control>
+ <control controlID="51" controlTypeID="com.balsamiq.mockups::HRule" x="50" y="774" w="430" h="-1" measuredW="100" measuredH="5" zOrder="10" locked="false" isInGroup="-1"/>
+ <control controlID="52" controlTypeID="com.balsamiq.mockups::Label" x="50" y="794" w="310" h="56" measuredW="283" measuredH="41" zOrder="11" locked="false" isInGroup="-1">
+ <controlProperties>
+ <color>0</color>
+ <size>32</size>
+ <text>Aaron@sencha.com</text>
+ </controlProperties>
+ </control>
+ <control controlID="53" controlTypeID="com.balsamiq.mockups::Label" x="50" y="865" w="167" h="21" measuredW="95" measuredH="33" zOrder="12" locked="false" isInGroup="-1">
+ <controlProperties>
+ <color>10066329</color>
+ <size>24</size>
+ <text>Address</text>
+ </controlProperties>
+ </control>
+ <control controlID="54" controlTypeID="com.balsamiq.mockups::HRule" x="50" y="899" w="430" h="-1" measuredW="100" measuredH="5" zOrder="13" locked="false" isInGroup="-1"/>
+ <control controlID="55" controlTypeID="com.balsamiq.mockups::Label" x="50" y="919" w="430" h="56" measuredW="322" measuredH="41" zOrder="14" locked="false" isInGroup="-1">
+ <controlProperties>
+ <color>0</color>
+ <size>32</size>
+ <text>123%20Somewhere%20Drive</text>
+ </controlProperties>
+ </control>
+ <control controlID="56" controlTypeID="com.balsamiq.mockups::Label" x="50" y="1019" w="430" h="56" measuredW="283" measuredH="41" zOrder="15" locked="false" isInGroup="-1">
+ <controlProperties>
+ <color>0</color>
+ <size>32</size>
+ <text>Peninsula%20Town%2C%20CA</text>
+ </controlProperties>
+ </control>
+ <control controlID="57" controlTypeID="com.balsamiq.mockups::Label" x="50" y="1239" w="430" h="56" measuredW="98" measuredH="41" zOrder="16" locked="false" isInGroup="-1">
+ <controlProperties>
+ <color>0</color>
+ <size>32</size>
+ <text>94561</text>
+ </controlProperties>
+ </control>
+ <control controlID="58" controlTypeID="com.balsamiq.mockups::Label" x="50" y="965" w="167" h="21" measuredW="46" measuredH="33" zOrder="17" locked="false" isInGroup="-1">
+ <controlProperties>
+ <color>10066329</color>
+ <size>24</size>
+ <text>City</text>
+ </controlProperties>
+ </control>
+ <control controlID="59" controlTypeID="com.balsamiq.mockups::HRule" x="50" y="999" w="430" h="-1" measuredW="100" measuredH="5" zOrder="18" locked="false" isInGroup="-1"/>
+ <control controlID="61" controlTypeID="com.balsamiq.mockups::Label" x="50" y="1129" w="430" h="56" measuredW="50" measuredH="41" zOrder="19" locked="false" isInGroup="-1">
+ <controlProperties>
+ <color>0</color>
+ <size>32</size>
+ <text>CA</text>
+ </controlProperties>
+ </control>
+ <control controlID="62" controlTypeID="com.balsamiq.mockups::Label" x="50" y="1075" w="167" h="21" measuredW="65" measuredH="33" zOrder="20" locked="false" isInGroup="-1">
+ <controlProperties>
+ <color>10066329</color>
+ <size>24</size>
+ <text>State</text>
+ </controlProperties>
+ </control>
+ <control controlID="63" controlTypeID="com.balsamiq.mockups::HRule" x="50" y="1109" w="430" h="-1" measuredW="100" measuredH="5" zOrder="21" locked="false" isInGroup="-1"/>
+ <control controlID="65" controlTypeID="com.balsamiq.mockups::Label" x="50" y="1185" w="167" h="21" measuredW="92" measuredH="33" zOrder="22" locked="false" isInGroup="-1">
+ <controlProperties>
+ <color>10066329</color>
+ <size>24</size>
+ <text>Zipcode</text>
+ </controlProperties>
+ </control>
+ <control controlID="66" controlTypeID="com.balsamiq.mockups::HRule" x="50" y="1219" w="430" h="-1" measuredW="100" measuredH="5" zOrder="23" locked="false" isInGroup="-1"/>
+ <control controlID="67" controlTypeID="com.balsamiq.mockups::Label" x="50" y="362" w="167" h="21" measuredW="123" measuredH="33" zOrder="24" locked="false" isInGroup="-1">
+ <controlProperties>
+ <color>10066329</color>
+ <size>24</size>
+ <text>First%20Name</text>
+ </controlProperties>
+ </control>
+ <control controlID="68" controlTypeID="com.balsamiq.mockups::HRule" x="50" y="396" w="430" h="-1" measuredW="100" measuredH="5" zOrder="25" locked="false" isInGroup="-1"/>
+ <control controlID="69" controlTypeID="com.balsamiq.mockups::Label" x="50" y="416" w="310" h="56" measuredW="89" measuredH="41" zOrder="26" locked="false" isInGroup="-1">
+ <controlProperties>
+ <color>0</color>
+ <size>32</size>
+ <text>Aaron</text>
+ </controlProperties>
+ </control>
+ <control controlID="70" controlTypeID="com.balsamiq.mockups::Label" x="50" y="472" w="167" h="21" measuredW="122" measuredH="33" zOrder="27" locked="false" isInGroup="-1">
+ <controlProperties>
+ <color>10066329</color>
+ <size>24</size>
+ <text>Last%20Name</text>
+ </controlProperties>
+ </control>
+ <control controlID="71" controlTypeID="com.balsamiq.mockups::HRule" x="50" y="506" w="430" h="-1" measuredW="100" measuredH="5" zOrder="28" locked="false" isInGroup="-1"/>
+ <control controlID="72" controlTypeID="com.balsamiq.mockups::Label" x="50" y="526" w="310" h="56" measuredW="107" measuredH="41" zOrder="29" locked="false" isInGroup="-1">
+ <controlProperties>
+ <color>0</color>
+ <size>32</size>
+ <text>Conran</text>
+ </controlProperties>
+ </control>
+ <control controlID="73" controlTypeID="com.balsamiq.mockups::Label" x="417" y="66" w="62" h="21" measuredW="62" measuredH="33" zOrder="30" locked="false" isInGroup="-1">
+ <controlProperties>
+ <color>16777215</color>
+ <size>24</size>
+ <text>Save</text>
+ </controlProperties>
+ </control>
+ </controls>
+</mockup>
View
BIN wireframes/contactEdit.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
110 wireframes/contactView.bmml
@@ -0,0 +1,110 @@
+<mockup version="1.0" skin="sketch" measuredW="495" measuredH="838" mockupW="460" mockupH="802">
+ <controls>
+ <control controlID="2" controlTypeID="com.balsamiq.mockups::Canvas" x="35" y="36" w="460" h="802" measuredW="100" measuredH="70" zOrder="0" locked="false" isInGroup="-1"/>
+ <control controlID="18" controlTypeID="com.balsamiq.mockups::Canvas" x="35" y="36" w="460" h="81" measuredW="100" measuredH="70" zOrder="1" locked="false" isInGroup="-1">
+ <controlProperties>
+ <color>2848996</color>
+ </controlProperties>
+ </control>
+ <control controlID="37" controlTypeID="com.balsamiq.mockups::Icon" x="43" y="52" w="-1" h="-1" measuredW="48" measuredH="48" zOrder="6" locked="false" isInGroup="-1">
+ <controlProperties>
+ <color>16777215</color>
+ <icon>LeftTriangleIcon%7Clarge</icon>
+ </controlProperties>
+ </control>
+ <control controlID="38" controlTypeID="com.balsamiq.mockups::Label" x="91" y="66" w="167" h="21" measuredW="150" measuredH="33" zOrder="7" locked="false" isInGroup="-1">
+ <controlProperties>
+ <color>16777215</color>
+ <size>24</size>
+ <text>Aaron%20Conran</text>
+ </controlProperties>
+ </control>
+ <control controlID="40" controlTypeID="com.balsamiq.mockups::Canvas" x="50" y="134" w="430" h="209" measuredW="100" measuredH="70" zOrder="2" locked="false" isInGroup="-1">
+ <controlProperties>
+ <color>16750848</color>
+ </controlProperties>
+ </control>
+ <control controlID="42" controlTypeID="com.balsamiq.mockups::Icon" x="241" y="214" w="-1" h="-1" measuredW="48" measuredH="48" zOrder="3" locked="false" isInGroup="-1">
+ <controlProperties>
+ <icon>ContactIcon%7Clarge</icon>
+ </controlProperties>
+ </control>
+ <control controlID="43" controlTypeID="com.balsamiq.mockups::Label" x="50" y="370" w="167" h="21" measuredW="161" measuredH="33" zOrder="4" locked="false" isInGroup="-1">
+ <controlProperties>
+ <color>10066329</color>
+ <size>24</size>
+ <text>Phone%20Number</text>
+ </controlProperties>
+ </control>
+ <control controlID="44" controlTypeID="com.balsamiq.mockups::Icon" x="432" y="52" w="-1" h="-1" measuredW="48" measuredH="48" zOrder="5" locked="false" isInGroup="-1">
+ <controlProperties>
+ <color>16777215</color>
+ <icon>PencilIcon%7Clarge</icon>
+ </controlProperties>
+ </control>
+ <control controlID="45" controlTypeID="com.balsamiq.mockups::Icon" x="360" y="52" w="-1" h="-1" measuredW="48" measuredH="48" zOrder="8" locked="false" isInGroup="-1">
+ <controlProperties>
+ <color>16777215</color>
+ <icon>AsteriskIcon%7Clarge</icon>
+ </controlProperties>
+ </control>
+ <control controlID="46" controlTypeID="com.balsamiq.mockups::Icon" x="417" y="277" w="-1" h="-1" measuredW="48" measuredH="48" zOrder="9" locked="false" isInGroup="-1">
+ <controlProperties>
+ <color>16777215</color>
+ <icon>CircledPlusIcon%7Clarge</icon>
+ </controlProperties>
+ </control>
+ <control controlID="48" controlTypeID="com.balsamiq.mockups::HRule" x="50" y="404" w="430" h="-1" measuredW="100" measuredH="5" zOrder="10" locked="false" isInGroup="-1"/>
+ <control controlID="49" controlTypeID="com.balsamiq.mockups::Label" x="50" y="424" w="310" h="56" measuredW="278" measuredH="41" zOrder="11" locked="false" isInGroup="-1">
+ <controlProperties>
+ <color>0</color>
+ <size>32</size>
+ <text>+1%20%28650%29%20123%201234</text>
+ </controlProperties>
+ </control>
+ <control controlID="50" controlTypeID="com.balsamiq.mockups::Label" x="50" y="495" w="167" h="21" measuredW="156" measuredH="33" zOrder="12" locked="false" isInGroup="-1">
+ <controlProperties>
+ <color>10066329</color>
+ <size>24</size>
+ <text>Email%20Address</text>
+ </controlProperties>
+ </control>
+ <control controlID="51" controlTypeID="com.balsamiq.mockups::HRule" x="50" y="529" w="430" h="-1" measuredW="100" measuredH="5" zOrder="13" locked="false" isInGroup="-1"/>
+ <control controlID="52" controlTypeID="com.balsamiq.mockups::Label" x="50" y="549" w="310" h="56" measuredW="283" measuredH="41" zOrder="14" locked="false" isInGroup="-1">
+ <controlProperties>
+ <color>0</color>
+ <size>32</size>
+ <text>Aaron@sencha.com</text>
+ </controlProperties>
+ </control>
+ <control controlID="53" controlTypeID="com.balsamiq.mockups::Label" x="50" y="620" w="167" h="21" measuredW="95" measuredH="33" zOrder="15" locked="false" isInGroup="-1">
+ <controlProperties>
+ <color>10066329</color>
+ <size>24</size>
+ <text>Address</text>
+ </controlProperties>
+ </control>
+ <control controlID="54" controlTypeID="com.balsamiq.mockups::HRule" x="50" y="654" w="430" h="-1" measuredW="100" measuredH="5" zOrder="16" locked="false" isInGroup="-1"/>
+ <control controlID="55" controlTypeID="com.balsamiq.mockups::Label" x="50" y="674" w="430" h="56" measuredW="322" measuredH="41" zOrder="17" locked="false" isInGroup="-1">
+ <controlProperties>
+ <color>0</color>
+ <size>32</size>
+ <text>123%20Somewhere%20Drive</text>
+ </controlProperties>
+ </control>
+ <control controlID="56" controlTypeID="com.balsamiq.mockups::Label" x="50" y="719" w="430" h="56" measuredW="283" measuredH="41" zOrder="18" locked="false" isInGroup="-1">
+ <controlProperties>
+ <color>0</color>
+ <size>32</size>
+ <text>Peninsula%20Town%2C%20CA</text>
+ </controlProperties>
+ </control>
+ <control controlID="57" controlTypeID="com.balsamiq.mockups::Label" x="50" y="767" w="430" h="56" measuredW="98" measuredH="41" zOrder="19" locked="false" isInGroup="-1">
+ <controlProperties>
+ <color>0</color>
+ <size>32</size>
+ <text>94561</text>
+ </controlProperties>
+ </control>
+ </controls>
+</mockup>
View
BIN wireframes/contactView.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.

0 comments on commit f9399d9

Please sign in to comment.
Something went wrong with that request. Please try again.