extjs-mvc 0.4.0.b → 0.4.0.d

data/lib/extjs-mvc/generators/templates/_Action.js

@@ -1,7 +0,0 @@
-
-    /**
-     * @action <%= @action_name %> 
-     */
-    this.registerAction('<%= @action_name %>', function() {
-      this.renderView('<%= @action_name %>');
-    });

data/lib/extjs-mvc/generators/templates/app/README.rdoc

@@ -1,152 +0,0 @@
-= ExtJS MVC Base App
-
-Ext MVC Application structure for any new MVC application.  Structure inspired by Ruby on Rails.
-
-== Installation
-
-Clone this as the starting point for your apps.  Place your cloned directory somewhere apache can serve it, then head to index.html:
-
-http://localhost/myDirectory/index.html
-
-You should see a default application set up and ready to go.
-
-== Prerequisites
-
-Most prerequisites are installed for you inside the vendor directory:
-
-* vendor/ext            - contains a copy of ExtJS v2.2.1 (debug version, production copy by defaults comes off the cachefly CDN)
-* vendor/mvc            - contains a copy of the latest stable version of Ext MVC (debug and minified versions)
-* vendor/screw-unit     - contains a copy of ScrewUnit, a BDD testing framework for JavaScipt
-* vendor/yui-compressor - contains a copy of the YUI compressor, which is used in the automatic build process
-
-Although is is not strictly a prerequisite, you are *strongly* advised to install Ruby and Rubygems as the scripts below will automate a lot of things 
-for you and save you a lot of time.  If you're running OSX you probably already have these, if you're on Windows it's a very simple install process.
-Take a look at http://rubyonrails.org/download for instructions (just the Ruby and RubyGems sections).
-
-If you don't intend to use the Ruby automation scripts, you can safely delete the script, vendor/mvc/scripts and vendor/yui-compressor folders.
-
-== Getting Started
-
-The only thing you need to change is the namespace your application will be using.  Choose a meaningful namespace for your application - e.g. for
-a blog application you might choose BlogApp, or something similar.  All of your code will sit under that namespace, like this:
-
-* BlogApp.models.Post                 // reference to a Post model constructor
-* BlogApp.controllers.IndexController // reference to a controller constructor
-* BlogApp.views.posts.New             // reference to a view constructor, usually an Ext.Panel subclass
-
-It doesn't matter if you don't know what those do yet, the important thing is that you don't pollute the global namespace.  The whole of Ext MVC is
-build around this idea.
-
-Once you've chosen your namespace, just run the following command:
-
-ruby script/setup MyAppNamespace
-
-This will update all files with the default namespace ('MyApp') with the namespace you specify.
-
-If you can't run the script, you can easily perform the setup yourself - just change the references from the default 'MyApp' namespace to your own 
-namespace in the following files:
-
-* app/OS.js
-* app/controllers/IndexController.js
-* app/views/index/Index.js
-* config/initialize.js
-* config/settings.yml
-
-Just use a simple find/replace all.
-
-== Build tools
-
-You need to ensure you have Ruby installed to use the build tools, and also the rake and hpricot gems (sudo gem install rake hpricot).
-
-Ext MVC will automatically build (concatenate and minify) your javascript and CSS files.  Just run the following command from the base directory:
-
-ruby script/build all
-
-This will inspect the javascript and css include tags inside index.html and compress them into a single JS file and a single CSS file.  It will minify
-the javascript if the YUI Compressor is installed in vendor/yui-compressor and create the following files:
-
-* public/application-all.js
-* public/application-all-min.js
-* public/stylesheets/application-all.css
-
-== Generators:
-
-Ext MVC comes with some built-in generators to automate some aspects of application development.  Run the generators
-described below from within the main directory of your Ext MVC application.
-
-Be sure that you have updated your config/settings.yml file before running these, otherwise everything will be namespaced
-to 'MyApp' (see above).
-
-=== Model
-
-ruby script/generate model User first_name:string last_name:string balance:int is_admin:boolean
-
-Will generate the following files:
-
-in app/models/User.js:
-/**
- * @class MyApp.models.MyModel
- * @extends ExtMVC.Model
- */
-ExtMVC.Model.define("MyApp.models.User", {
-  modelName: 'user',
-  fields:    [
-    {name: 'first_name', type: 'string'},
-    {name: 'last_name',  type: 'string'},
-    {name: 'balance',    type: 'int'},
-    {name: 'is_admin',   type: 'boolean'}
-  ]
-});
-
-in spec/models/User.spec.js:
-Screw.Unit(function() {
-  describe("The User class", function() {
-    var user;
-    before(function() {
-      user = new MyApp.models.User({
-        //set fields for this model here
-      });
-    });
-    
-    //create your unit tests here
-  });
-});
-
-It will also add the following line to your index.html file:
-
-<script type="text/javascript" src="app/models/User.js"></script>
-
-And the following to your spec/index.html file:
-
-<script type="text/javascript" src="../app/models/User.js"></script>
-<script type="text/javascript" src="models/User.spec.js"></script>
-
-
-== Deployment
-
-Once you've built your app, upload only the 'public' folder to your web server.  Nothing else is required to run the app.
-
-== Directory Structure:
-
-* app             - a directory to contain your models, views and controllers
-* app/controllers - contains all of your controllers
-* app/models      - contains all modesl
-* app/views       - contains all view files, usually in subdirectories (e.g. app/views/users/Index.js)
-* config          - contains application configuration files (see below)
-* lib             - contains any library files which are not suited to being plugins
-* public          - the directory you will set as document root on your web server.  Place any public-facing assets in here.  Note that all javascript and stylesheet files will be concatenated automatically into here when you deploy, so these can exist outside of this folder.  Images and other assets will need to be placed here though.
-* script          - contains scripts to automate site build and minification
-* spec            - a directory to place your unit tests or specs
-* vendor          - holds any third-party code
-* vendor/ext      - contains the required version of ExtJS.  ExtJS 2.2 comes pre-installed here, with the Ext adapter.
-* vendor/mvc      - contains the required version of Ext MVC.  Most recent stable version installed by default.  Obtain latest version from http://github.com/extmvc/extmvc/tree
-* vendor/plugins  - contains any MVC-compatible plugins (such as viewport builders, model extensions etc)
-
-== Important Files:
-
-* config/routes.js     - set up any Ext.History related routing required (see file for help)
-* config/initialize.js - any app-wide config code, such as setting up location of s.gif, booting your app, etc
-* config/database.js   - define which data adapter your app uses (RESTful adapter, Gears adapter, your own concoction etc)
-
-* index.html           - Development version of the site, including one file at a time and using ext-all-debug
-* public/index.html    - Production version of the site referencing concatenated and minified files

data/lib/extjs-mvc/generators/templates/app/app/App.js

@@ -1,64 +0,0 @@
-/**
- * @class MyApp.App
- * @extends ExtMVC.App
- * The MyApp application.
- */
-
-ExtMVC.App.define({
-  name       : "MyApp",
-  
-  /**
-   * Sets up the application's Viewport
-   */
-  launch: function() {
-    
-    Ext.QuickTips.init();
-    
-    this.menu = ExtMVC.buildView('layout', 'menu', {
-      region   : 'west',
-      split: true,
-      width    : 240,
-      listeners: {
-        scope: this,
-        click: function(node) {
-          var attrs = node.attributes;
-          
-          if (attrs.controller != undefined) {
-            ExtMVC.dispatch({controller: attrs.controller, action: attrs.action});
-          }          
-        }
-      }
-    });
-    
-    /**
-     * @property main
-     * @type Ext.Panel
-     * A container into which views are rendered
-     */
-    this.main = new Ext.TabPanel({
-      region: 'center',
-      border: false,
-      cls   : 'mainPanel',
-      activeTab: 0
-    });
-    
-    this.viewport = new Ext.Viewport({
-      layout: 'border',
-      items:  [{
-        xtype: 'box',
-        region: 'north',
-        height: 30
-      },this.menu, this.main
-      ]
-    });
-    
-    this.fireEvent('launched');
-    
-    ExtMVC.dispatch('home', 'index');
-    
-    Ext.get('loading').remove();  
-    Ext.get('loading-mask').fadeOut({remove:true});  
-  }
-});
-
-

data/lib/extjs-mvc/generators/templates/app/app/controllers/ApplicationController.js

@@ -1,10 +0,0 @@
-/**
- * @class MyApp.controllers.ApplicationController
- * @extends ExtMVC.controller.CrudController
- * Shared application-wide controller. Place any application-specific code here that needs
- * to be shared amongst other application controllers, and make the other controllers in the
- * application extend this one
- */
-ExtMVC.registerController("application", {
-  extend: "controller"
-});

data/lib/extjs-mvc/generators/templates/app/app/controllers/HomeController.js

@@ -1,10 +0,0 @@
-/**
- * @class MyApp.controllers.IndexController
- * @extends MyApp.controllers.ApplicationController
- * Default root controller
- */
-ExtMVC.registerController("home", {
-  index: function() {
-    this.render('index');
-  }
-});

data/lib/extjs-mvc/generators/templates/app/app/views/home/Index.js

@@ -1,17 +0,0 @@
-/**
- * @class MyApp.views.home.Index
- * @extends Ext.Panel
- * Default Welcome to Ext MVC Panel - replace this with your own thing
- */
-ExtMVC.registerView('home', 'index', {
-  xtype: 'panel',
-  
-  initComponent: function() {
-    Ext.applyIf(this, {
-      title: "Welcome to Ext MVC",
-      html:  "This is the default template, which is found in app/views/home/Index.js.  This is being displayed because your config/routes.js file has a map.root setting telling it to use the Index view of the HomeController"
-    });
-    
-    Ext.Panel.prototype.initComponent.apply(this, arguments);
-  }
-});

data/lib/extjs-mvc/generators/templates/app/app/views/layout/Menu.js

@@ -1,23 +0,0 @@
-ExtMVC.registerView('layout', 'menu', {
-  xtype      : 'treepanel',
-  title      : 'Menu',
-  collapsible: true,
-  
-  constructor: function(config) {
-    config = config || {};
-          
-    Ext.applyIf(config, {
-      root: {
-        text    : 'Menu',
-        id      : 'menu',
-        nodeType: 'async',
-        expanded: true,
-        children: [
-          
-        ]
-      }
-    });
-    
-    Ext.tree.TreePanel.prototype.constructor.call(this, config);
-  }
-});

data/lib/extjs-mvc/generators/templates/app/config/application.js

@@ -1 +0,0 @@
-ExtMVC.model.modelNamespace = MyApp.models;

data/lib/extjs-mvc/generators/templates/app/config/boot.js

@@ -1,67 +0,0 @@
-/**
- * Boots up the Ext MVC application in the current environment. The environment defaults to 'production',
- * override by setting ?environment=someEnvironment to the end of the url. Default installed environments
- * are 'development' and 'test'
- */
-(function() {  
-  /**
-   * @private
-   * Inspects document.location and returns an object containing all of the url params
-   * @return {Object} The url params
-   */
-  var parseLocationParams = function() {
-    var args   = window.location.search.split("?")[1],
-        //set default params
-        params = {
-          environment: 'production'
-        };
-    
-    /**
-     * Read config data from url parameters
-     */
-    if (args != undefined) {
-      var argPairs = args.split("&");
-      
-      for (var i=0; i < argPairs.length; i++) {
-        var splits = argPairs[i].split("="),
-            key    = splits[0],
-            value  = splits[1];
-
-        params[key] = value;
-      };
-    }
-    
-    return params;
-  };
-  
-  var params      = parseLocationParams(),
-      environment = params.environment;
-      
-  var fileOrders = {
-    production : [
-      'http://extjs.cachefly.net/ext-3.1.1/adapter/ext/ext-base.js',
-      'http://extjs.cachefly.net/ext-3.1.1/ext-all.js',
-      '/public/mvc/mvc-all.js',
-      '/public/app/app-all.js'
-    ],
-    development: [
-      'http://extjs.cachefly.net/ext-3.1.1/adapter/ext/ext-base.js',
-      'http://extjs.cachefly.net/ext-3.1.1/ext-all-debug.js',
-      '/public/mvc/mvc-all-debug.js',
-      '/public/app/app-all-debug.js'
-    ],
-    test       : [
-      'http://extjs.cachefly.net/ext-3.1.1/adapter/ext/ext-base.js',
-      'http://extjs.cachefly.net/ext-3.1.1/ext-all-debug.js',
-      '/public/mvc/mvc-all.js',
-      '/public/app/app-all.js',
-      '../vendor/jspec/lib/jspec.js',
-      '../spec/TestHelper.js'
-    ]
-  };
-  
-  var filesToLoad = fileOrders[environment];
-  for (var i=0; i < filesToLoad.length; i++) {    
-    document.write('<script type="text/javascript" src="' + filesToLoad[i] + '"></script>');
-  };
-})();

data/lib/extjs-mvc/generators/templates/app/config/build.xml

@@ -1,77 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<doc>
-
-    <!--
-
-    Source section (required)
-
-        Use <source> to specify directory with JavaScript source files to be
-        processed or just one JS file. Directories are processed recursively.
-
-        Attributes:
-
-            src: (required) - source directory name or file name
-            match: (optional) - wildcard for the files. Default: "*.js"
-            skipHidden: (optional) - True to skip processing files and
-                                                   directories with hidden attribute.
-                                                   Default: true.
-
-
-
-    Custom tags section(optional)
-
-            Tags to be added to the list of custom tags, for every
-            "documantable item" i.e. class, cfg, property, event.
-             Custom tag list is accessible in XSLT-template and has two
-              properties: title and value.
-
-                name: (required) tag name. ex: "author" => "@author"
-                title: (optional) title of custom tag
-                format: (optional) pattern string used for formatting value
-
-                Usage example:
-
-                XML: <tag name="author" title="Author"/>
-                JS:    /**
-                          * @class MyClass
-                          * @author I'm the
-                          * author
-                          */
-
-                  XSLT:
-                  <xsl:if test="customTags">
-                    <b><xsl:value-of select="customTags/title"/></b> :
-                    <xsl:value-of select="customTags/value"/>
-                  </xsl:if>
-
-                  Resulting HTML:
-                  <b>Author</b>:I'm the author
-
-        -->
-
-    <sources>
-        <source src="../app" match="*.js"/>
-        <source src="../lib" match="*.js"/>
-        <source src="../config" match="*.js"/>
-        
-        <source src="../vendor/mvc" match="MVC.js"/>
-        <source src="../vendor/mvc" match="App.js"/>
-        <source src="../vendor/mvc/lib" match="*.js"/>
-        <source src="../vendor/mvc/controller" match="*.js"/>
-        <source src="../vendor/mvc/model" match="Model.js"/>
-        <source src="../vendor/mvc/model" match="Base.js"/>
-        <source src="../vendor/mvc/model/adapters" match="*.js"/>
-        <source src="../vendor/mvc/model/associations" match="*.js"/>
-        <source src="../vendor/mvc/model/validations" match="*.js"/>
-        <source src="../vendor/mvc/view/scaffold" match="*.js"/>
-        <source src="../vendor/plugins" match="*.js"/>
-        
-        <!--<source src="ext" match="Ext*.js"/>-->
-    </sources>
-    <tags>
-        <tag name="author" title="Author"/>
-        <tag name="version" title="Version"/>
-        <tag name="note" format="&lt;i&gt;NOTE: {0}&lt;/i&gt;"/>
-        <tag name="demo" title="Demo" format="&lt;a href=&quot;{0}&quot;&gt;{0}&lt;/a&gt;" />        
-    </tags>
-</doc>

data/lib/extjs-mvc/generators/templates/app/config/database.js

@@ -1,4 +0,0 @@
-/**
- * Defines which database adapter to use in development, production and test
- */
-

data/lib/extjs-mvc/generators/templates/app/config/environment.json

@@ -1,58 +0,0 @@
-/**
- * This is the main environment file, which defines the files the comprise your application, and other settings.
- * To add new files to your application, simply add them to the object in the appropriate place (see the inline comments 	for details)
- */
-{
-	
-	/**
-	* Directory paths.
-	*/
-	"pluginsDir" 	: '../vendor/plugins',
-	"libDir"			: '../lib',
-	"configDir"		: '../config',
-	"overridesDir": '../config/overrides',
-	"appDir"      : '../app',
-	"vendor"      : ['mvc'],
-	"mvcFilename" : 'ext-mvc-all-min',
-	
-	/**
-	* Use config/application for general framework configuration
-	*/
-	"config"      : ['app/App', 'config/application', 'config/routes'],
-	
-  /**
-   * All stylesheets to be loaded. These are all taken to be relative to the public/stylesheets directory, and the .css is
-   * automatically appended
-   */
-  "stylesheets": [
-  	'http://extjs.cachefly.net/ext-3.1.1/resources/css/ext-all.css'
-  ],
-  
-  //Overrides to include. These files should be located in the config/overrides directory
-  "overrides": [
-    
-  ],
-  
-  //Plugins to include. Each will load vendor/plugins/SomePlugin/SomePlugin-all.js
-  "plugins": [
-    
-  ],
-  
-  //All of the models in this application, found in the app/models folder
-  "models": [
-    
-  ],
-  
-  //All of the controllers in this application, found in the app/controllers folder
-  "controllers" : [
-    "application", "home"
-  ],
-  
-  //All of the views in this application, as an object with the subfolder inside app/views as the key, and an array of filenames as the value.
-  //e.g.: views: {"index": ["Index", "MyView"]} will load /app/views/index/Index.js and app/views/index/MyView.js
-  "views": [
-    {"layout": ["Menu"]},
-    {"home" : ["Index"]}
-  ]
-}
-

data/lib/extjs-mvc/generators/templates/app/config/environments/development.json

@@ -1 +0,0 @@
-{}

data/lib/extjs-mvc/generators/templates/app/config/environments/production.json

@@ -1,4 +0,0 @@
-{
-  "stylesheets": ["application-all"],
-  "scripts"    : []
-}

data/lib/extjs-mvc/generators/templates/app/config/routes.js

@@ -1,27 +0,0 @@
-/**
- * Defines all routes required for this application
- */
-ExtMVC.router.Router.defineRoutes = function(map) {
-  /**
-   * Sets up REST-like urls for a given model or models:
-   * 
-   * map.resources('users');
-   * 
-   * Is equivalent to:
-   * map.connect("users",           {controller: 'users', action: 'index'}); // #users
-   * map.connect("users/new",       {controller: 'users', action: 'new'  }); // #users/new
-   * map.connect("users/:id/edit/", {controller: 'users', action: 'edit' }); // #users/1/edit
-   * map.connect("users/:id",       {controller: 'users', action: 'show' }); // #users/1
-   * 
-   * You can pass more than one model to a map.resources call, e.g.:
-   *
-   * map.resources('users', 'comments', 'pages', 'products');
-   */
-  
-  //set up default routes
-  map.connect(":controller/:action");
-  map.connect(":controller/:action/:id");
-  
-  //if no url, should a default
-  map.root({controller: 'home', action: 'index'});
-};

data/lib/extjs-mvc/generators/templates/app/config/settings.yml

@@ -1,3 +0,0 @@
-# General settings used by ruby scripts
-environment:
-  namespace: MyApp

data/lib/extjs-mvc/generators/templates/app/public/index.html

@@ -1,19 +0,0 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
-  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html>
-  <head>
-    <meta content='text/html; charset=UTF-8' http-equiv='Content-Type' />
-    <link href='stylesheets/ext-all.css' rel='stylesheet' type='text/css' />
-    <link href='stylesheets/ext-mvc-all.css' rel='stylesheet' type='text/css' />
-    <title>Ext MVC Application</title>
-  </head>
-  <body>
-    <div id="loading-mask"></div>
-    <div id="loading">
-      <div class="loading-indicator">
-        Loading...
-      </div>
-    </div>
-    <script type="text/javascript" src="/config/boot.js"></script>
-  </body>
-</html>

data/lib/extjs-mvc/generators/templates/app/public/stylesheets/ext-mvc-all.css

@@ -1,49 +0,0 @@
-/** Loading mask */
-#loading-mask {
-  position: absolute;
-  left:     0;
-  top:      0;
-  width:    100%;
-  height:   100%;
-  z-index:  21000; /* Normal loading masks are 20001 */
-  background-color: white;
-}
-
-#loading {
-  position: absolute;
-  left:     50%;
-  top:      50%;
-  padding:  2px;
-  z-index:  21001;
-  height:   auto;
-  margin:   -35px 0 0 -30px;
-}
-
-#loading .loading-indicator {
-  background: url(http://extjs.com/deploy/dev/docs/resources/extanim32.gif) no-repeat;
-  color:      #555;
-  font:       bold 13px tahoma,arial,helvetica;
-  padding:    8px 42px;
-  margin:     0;
-  text-align: center;
-  height:     auto;
-}
-
-/* End Loading Mask */
-
-/* Test Runner app - Move this somewhere else */
-
-.x-grid3-row.pass {
-  background-color: #6FFF75;
-}
-
-.x-grid3-row.fail {
-  background-color: #FF6F6F;
-}
-
-.x-grid3-row.fail td {
-/*  background-color: red;*/
-  color: #fff;
-}
-
-/* End Test Runner app */