added updated files for v1

mkobar · Nov 8, 2014 · 2f64580 · 2f64580
1 parent 93545d1
commit 2f64580
Show file tree

Hide file tree

Showing 15 changed files with 24,413 additions and 0 deletions.
diff --git a/css/codiqa.ext.css b/css/codiqa.ext.css
@@ -0,0 +1,92 @@
+.text-align-center {
+  text-align: center;
+}
+.text-align-right {
+  text-align: right;
+}
+
+/** CSS for non-standard jQuery Mobile styles or Codiqa components **/
+.split-wrapper {
+  width: 100%;
+  min-height: 200px;
+  clear: both;
+}
+@media all and (min-width: 650px) {
+  .content-secondary {
+    text-align: left;
+    float: left;
+    width: 45%;
+    background: none;
+    padding: 1.5em 6% 3em 0;
+    margin: 0;
+  }
+  .content-secondary {
+    background: none;
+    border-top: none;
+  }
+  .content-primary {
+    width: 45%;
+    float: right;
+    margin-right: 1%;
+    padding-right: 1%;
+  }
+  .content-primary ul:first-child {
+    margin-top: 0;
+  }
+  .content-secondary ul.ui-listview, .content-secondary ul.ui-listview-inset {
+    margin: 0;
+  }
+  .content-secondary ul.ui-listview .ui-li-divider, .content-secondary ul.ui-listview .ui-li {
+    border-radius: 0px;
+  }
+  .content-secondary ul.ui-listview .ui-li {
+    border-left: 0;
+    border-right: 0;
+  }
+  .content-secondary h2 {
+    position: absolute;
+    left: -9999px;
+  }
+  .content-secondary .ui-li-divider {
+    padding-top: 1em;
+    padding-bottom: 1em;
+  }
+  .content-secondary {
+    margin: 0;
+    padding: 0;
+  }
+
+}
+@media all and (min-width: 750px){
+  .content-secondary {
+    width: 34%;
+  }
+  .content-primary {
+    width: 60%;
+    padding-right: 1%;
+  }	
+}
+
+@media all and (min-width: 1200px){
+  .content-secondary {
+    width: 30%;
+    padding-right:6%;
+    margin: 0px 0 20px 5%;
+  }
+  .content-secondary ul {
+    margin: 0;
+  }
+  .content-secondary {
+    margin: 0;
+    padding: 0;
+  }
+  .content-primary {
+    width: 50%;
+    margin-right: 5%;
+    padding-right: 3%;
+  }
+  .content-primary {
+    width: 60%;
+  }
+}
+
diff --git a/css/images/ajax-loader.gif b/css/images/ajax-loader.gif
diff --git a/css/images/icons-18-black.png b/css/images/icons-18-black.png
diff --git a/css/images/icons-18-white.png b/css/images/icons-18-white.png
diff --git a/css/images/icons-36-black.png b/css/images/icons-36-black.png
diff --git a/css/images/icons-36-white.png b/css/images/icons-36-white.png
diff --git a/css/jquery.mobile-1.3.1.css b/css/jquery.mobile-1.3.1.css
diff --git a/img/food-loop-logo.png b/img/food-loop-logo.png
diff --git a/img/screenshot_2014-10-11-15-23-27.png b/img/screenshot_2014-10-11-15-23-27.png
diff --git a/img/screenshot_2014-10-11-15-24-51.png b/img/screenshot_2014-10-11-15-24-51.png
diff --git a/index.html b/index.html
@@ -18,6 +18,41 @@
 <body>
   <div data-role="page" data-control-title="Splash" id="page1">
       <div data-role="content">
+          <div data-controltype="textblock">
+              <p>
+                  <br/>
+              </p>
+              <p>
+                  <br/>
+              </p>
+              <p>
+                  <br/>
+              </p>
+          </div>
+          <a href="page3.html" data-controltype="image">
+              <div style="">
+                  <img style="width: 290px; height: 200px" src="img/food-loop-logo.png"/>
+              </div>
+          </a>
+          <div data-controltype="textblock">
+              <p>
+                  <b>
+                      BETA                               
+                      version 0.0.1
+                      <br/>
+                  </b>
+              </p>
+              <p>
+                  <b>
+                      <br/>
+                  </b>
+              </p>
+          </div>
+          <div>
+              <a href="http://www.foodloop.co" target="_blank" data-transition="fade">
+                  www.foodloop.co
+              </a>
+          </div>
       </div>
   </div>
 </body>

diff --git a/js/codiqa.ext.js b/js/codiqa.ext.js
@@ -0,0 +1,127 @@
+window.CodiqaControls = {
+  types: {},
+  instances: {},
+
+  define: function(type, control) {
+    control._type = type;
+    this.types[type] = control;
+  },
+
+  register: function(type, id, opts) {
+    var instance = new this.types[type]();
+    instance._type = type;
+    instance._id = id;
+    instance._opts = opts;
+    this.instances[id] = instance;
+
+    if(!this.types[type].prototype._isInited) {
+      this.types[type].prototype.initType();
+    }
+    return instance;
+  },
+
+  init: function() {
+    for(var type in this.types) {
+      this.types[type].prototype.initType();
+    }
+  },
+
+  refresh: function() {
+    for(var x in this.instances) {
+      this.instances[x].refresh && this.instances[x].refresh();
+    }
+  },
+
+  callbackInit: function() {
+
+  },
+
+  getInstances: function(type) {
+    var x, instance, instances = [];
+    for(x in this.instances) {
+      instance = this.instances[x];
+      if(instance._type === type) {
+        instances.push(instance);
+      }
+    }
+    return instances;
+  }
+
+};
+
+
+CodiqaControls.GoogleMap = function () {};
+CodiqaControls.GoogleMap.prototype.initType = function() {
+  if( window.CodiqaControls.getInstances('googlemaps').length ) {
+    if(this._isInited) {
+      if(window.google && window.google.maps) {
+        CodiqaControls.GoogleMap.prototype.callbackInit();
+      }
+    } else {
+      var script = document.createElement('script');
+      script.type = "text/javascript";
+      script.src = "https://maps.googleapis.com/maps/api/js?sensor=true&callback=CodiqaControls.types.googlemaps.prototype.callbackInit";
+      document.getElementsByTagName("head")[0].appendChild(script);
+      this._isInited = true;
+    }
+  }
+};
+CodiqaControls.GoogleMap.prototype.callbackInit = function() {
+  var x, instances = window.CodiqaControls.getInstances('googlemaps');
+  for(x = 0; x < instances.length; x++) {
+    instances[x]._opts.ready(instances[x]);
+  }
+};
+CodiqaControls.GoogleMap.prototype.refresh = function() {
+  if( this.map && this.el && $(this.el).closest('.ui-page-active').length ) {
+    google.maps.event.trigger(this.map, 'resize');
+    this.center && this.map.setCenter(this.center);
+  }
+};
+window.CodiqaControls.define('googlemaps', CodiqaControls.GoogleMap);
+
+
+(function($) {
+  $.widget('mobile.tabbar', $.mobile.navbar, {
+    _create: function() {
+      // Set the theme before we call the prototype, which will 
+      // ensure buttonMarkup() correctly grabs the inheritied theme.
+      // We default to the "a" swatch if none is found
+      var theme = this.element.jqmData('theme') || "a";
+      this.element.addClass('ui-footer ui-footer-fixed ui-bar-' + theme);
+
+      // Make sure the page has padding added to it to account for the fixed bar
+      this.element.closest('[data-role="page"]').addClass('ui-page-footer-fixed');
+
+
+      // Call the NavBar _create prototype
+      $.mobile.navbar.prototype._create.call(this);
+    },
+
+    // Set the active URL for the Tab Bar, and highlight that button on the bar
+    setActive: function(url) {
+      // Sometimes the active state isn't properly cleared, so we reset it ourselves
+      this.element.find('a').removeClass('ui-btn-active ui-state-persist');
+      this.element.find('a[href="' + url + '"]').addClass('ui-btn-active ui-state-persist');
+    }
+  });
+
+  $(document).on('pagecreate create', function(e) {
+    return $(e.target).find(":jqmData(role='tabbar')").tabbar();
+  });
+
+  $(document).on('pageshow', ":jqmData(role='page')", function(e) {
+    // Grab the id of the page that's showing, and select it on the Tab Bar on the page
+    var tabBar, id = $(e.target).attr('id');
+
+    tabBar = $.mobile.activePage.find(':jqmData(role="tabbar")');
+    if(tabBar.length) {
+      tabBar.tabbar('setActive', '#' + id);
+    }
+
+    window.CodiqaControls.refresh();
+  });
+
+  window.CodiqaControls.init();
+
+})(jQuery);
diff --git a/js/foodloop.js b/js/foodloop.js
@@ -0,0 +1,5 @@
+$(function() {
+
+        //Insert code here
+
+        });