extjs-mvc 0.3.10 → 0.4.0.a

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

@@ -0,0 +1,10 @@
+/**
+ * @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

@@ -0,0 +1,10 @@
+/**
+ * @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

@@ -0,0 +1,17 @@
+/**
+ * @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

@@ -0,0 +1,23 @@
+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

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

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

@@ -0,0 +1,67 @@
+/**
+ * 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

@@ -0,0 +1,77 @@
+<?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

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

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

@@ -0,0 +1,58 @@
+/**
+ * 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

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

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

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

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

@@ -0,0 +1,27 @@
+/**
+ * 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

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

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

@@ -0,0 +1,19 @@
+<!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

@@ -0,0 +1,49 @@
+/** 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 */

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

@@ -0,0 +1,66 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html>
+  <head>
+    <link type="text/css" rel="stylesheet" href="../vendor/screw-unit/lib/screw.css" />
+    <title>Application Specs</title>
+  </head>
+  <body>
+    <div id="dom_test" style="position: absolute; left: -9999"></div>
+    
+    <!-- Library code (not directly part of the app) -->
+    <div id="libs">
+      <!-- Screw Unit -->
+      <script type="text/javascript" src="../vendor/screw-unit/lib/jquery-1.2.3.js"></script>
+      <script type="text/javascript" src="../vendor/screw-unit/lib/jquery.fn.js"></script>
+      <script type="text/javascript" src="../vendor/screw-unit/lib/jquery.print.js"></script>
+      <script type="text/javascript" src="../vendor/screw-unit/lib/screw.builder.js"></script>
+      <script type="text/javascript" src="../vendor/screw-unit/lib/screw.matchers.js"></script>
+      <script type="text/javascript" src="../vendor/screw-unit/lib/screw.events.js"></script>
+      <script type="text/javascript" src="../vendor/screw-unit/lib/screw.behaviors.js"></script>
+      
+      <!-- Ext JS - using debug while in test mode -->
+      <script type="text/javascript" src="../vendor/ext/adapter/ext/ext-base.js"></script>
+      <script type="text/javascript" src="../vendor/ext/ext-all-debug.js"></script>
+      
+      <!-- Ext MVC -->
+      <script type="text/javascript" src="../vendor/mvc/ext-mvc-all.js"></script>
+    </div>
+    
+    <!-- Application Files - include any model, controller and view files you need to test here -->
+    <div id="app">
+      <script type="text/javascript" src="../app/OS.js"></script>
+      
+      <div class="models">
+        
+      </div>
+      
+      <div class="controllers">
+        
+      </div>
+      
+      <div class="views">
+        
+      </div>
+    </div>
+    
+    <!-- Specs -->
+    <div id="specs">
+      <script type="text/javascript" src="SpecHelper.js"></script>
+      
+      <div class="models">
+        
+      </div>
+      
+      <div class="controllers">
+        
+      </div>
+      
+      <div class="views">
+        
+      </div>
+    </div>
+
+  </body>
+</html>

data/lib/extjs-mvc/generators/templates/app/vendor/screw-unit/EXAMPLE.html

@@ -0,0 +1,68 @@
+<html>
+  <!--
+    This file is a fully-functioning example test case. Try opening this file in Firefox, Safari,
+    or Internet Explorer to see what a running test looks like.
+    This file demonstrates the the components involved in writing a simple test, such as:
+      * The necessary HTML to run a test (with the required <script> and <link rel="stylesheet"> tags),
+      * A "custom matcher" (i.e., a custom assertion) to make your tests more readable,
+      * And, a simple test with the necessary boiler-plate code to get you up and running.
+    Typically, these components are separated out into multiple files. To see what a more typical suite
+    of tests look like, look at the larger example in the examples/ directory.
+  -->
+  <head>
+    <!-- These are all of the necessary javascript and css files required to run your tests -->
+    <script src="lib/jquery-1.2.3.js"></script>
+    <script src="lib/jquery.fn.js"></script>
+    <script src="lib/jquery.print.js"></script>
+    <script src="lib/screw.builder.js"></script>
+    <script src="lib/screw.matchers.js"></script>
+    <script src="lib/screw.events.js"></script>
+    <script src="lib/screw.behaviors.js"></script>
+    <link rel="stylesheet" href="lib/screw.css">
+    
+    <script type="text/javascript">
+      // Here is the system under test (SUT)--that is, your application code that you would like
+      // to test.
+      function foo() {
+        return 2;
+      }
+    </script>
+    
+    <script type="text/javascript">
+      // Here is a Custom Matcher. A custom matcher is a custom assertion,
+      // tailored to your application; these help to make your tests more readable.
+      Screw.Matchers["be_even"] = {
+        match: function(expected, actual) {
+          return actual % 2 == 0;
+        },
+        failure_message: function(expected, actual, not) {
+          return 'expected ' + $.print(actual) + (not ? ' not' : '') + ' to be even';
+        }
+      }
+    </script>
+    
+    <script type="text/javascript">
+      // Here is a sample test. Note that all tests are wrapped in
+      // "Screw.Unit(function() { ... })".
+      Screw.Unit(function() {
+        // Tests are organized into 'describes' and 'its', following the style of RSpec.
+        describe("foo", function() {
+          it("returns 2", function() {
+            // 'equal' is one among many matchers provided with the Screw.Unit distribution. It
+            // is smart enough to compare arrays, objects, and primitives.
+            expect(foo()).to(equal, 2);
+          });
+        });
+        
+        describe("an undefined variable", function() {
+          // Here is a use of the custom matcher defined above.
+          it("is not defined", function() {
+            expect(2).to(be_even);
+            expect(3).to_not(be_even);
+          });
+        });
+      });
+    </script>
+  </head>
+  <body></body>
+</html>

data/lib/extjs-mvc/generators/templates/app/vendor/screw-unit/LICENSE

@@ -0,0 +1,22 @@
+Copyright (c) 2008 Nick Kallen
+
+Permission is hereby granted, free of charge, to any person
+obtaining a copy of this software and associated documentation
+files (the "Software"), to deal in the Software without
+restriction, including without limitation the rights to use,
+copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the
+Software is furnished to do so, subject to the following
+conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
+OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
+HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
+OTHER DEALINGS IN THE SOFTWARE.