dbouwman

import Ember from 'ember';

export default Ember.Controller.extend({
  appName: 'Ember Twiddle',
  attr: {
        "type":{
          "label":"Type",
          "fieldType":"esriFieldTypeString"
        },
        "date":{

dbouwman

{
  "data": {
    "type": "page",
    "id": "67",
    "attributes": {
      "description": "The Powerpuff Girls is an American animated television series created by animator Craig McCracken for Cartoon Network. The show centers on Blossom, Bubbles, and Buttercup, three girls with superpowers, as well as their father, the brainy scientist Professor Utonium, who all live in the fictional city of Townsville, USA. The girls are frequently called upon by the town's childlike and naive mayor to help fight nearby criminals using their powers.\n\nMcCracken originally developed the show in 1992 as a cartoon short entitled Whoopass Stew! while in his second year at CalArts. Following a name change, Cartoon Network featured the first Powerpuff Girls pilots in its animation showcase program What a Cartoon! in 1995 and 1996. The series made its official debut as a Cartoon Cartoon on November 18, 1998,[2] with the final episode airing on March 25, 2005.[3] A total of 78 episodes were aired in addition to two pilot shorts, 

dbouwman

Open Data Front-End Strategy

July 2016

Sites / Layout Issues

• lets put this on hold for a sprint
• get feedback and tackle UX issues systematically vs rushing and guessing

Layout Issues

• the current system for isolating the Layout Editor from the Layout CSS is not working correctly and needs to be re-assessed
• Footers! Footers need to be "extracted" so they can be rendered on any page, not just the Home page of a site.

dbouwman

Admin v2 Epic

Goal: deprecate Angular Admin app asap.

Assumptions:

• current admin ui's and ux are sufficient
• main change is that "Data Manager" will be a top-level concern

General Known Issues

• Documentation link in header is not i18nd - needs to link to the translated documentation 10606

dbouwman

opendata-admin@2.1.4 /Users/dbouwman/dev/opendata-admin
├── bootstrap-sass@3.3.6
├── broccoli-asset-rev@2.4.2
├── broccoli-funnel@1.0.1
├── calcite-bootstrap@0.3.3
├── ember-ajax@0.7.1
├── ember-arcgis-page-layout@0.6.5 -> /Users/dbouwman/dev/ember-arcgis-page-layout
├── ember-browserify@1.1.9 extraneous
├── ember-cli@2.4.2
├── ember-cli-active-link-wrapper@0.0.4

dbouwman

Sites, Themes, Stylesheets Oh My

Definitions

Site

This contains the whole site object graph, including but not limited to:

• site name, baseUrl etc
• the basemap, initial extent
• the layout (header/sections/footer)

dbouwman

//Pseudo Templates
// Run-Time
{{#page-layout model=model }} //the model here is the something with a  `.rows[]` property
   {{#each model.rows as |row|}}
      {{#layout-row model=row }}
        {{#layout-cards model=row.cards}} //formerly grid-layout; uses nester to conver x,y,h,w --> bootstrap rows and cols
          {{#each bootstrapifiedCards.rows as |row|}}
            {{#bs-row model=row onSearch=(action onSearch)}}
               {{#each row.cols as |col|}}
                    {{bs-col model=col}}

dbouwman

Keynote

• app cache - reliable second load w/o network hit
• http://ebryn.github.io/ember-appcache-demo/#/day/1 example of using app cache

Glimmer 2

• massive perf increase
• on it's own ~60fps
• in Ember ~30+fps

dbouwman

JS + ES6 
http://mjuniper.github.io/presentations/modern-webdev-js.html#/

Continuous Integration / Travis 
http://mjuniper.github.io/presentations/modern-webdev-ci.html#/
Travis Repo: https://github.com/mjuniper/travis-example

Modern Workflows 
http://mjuniper.github.io/presentations/modern-webdev-workflow.html#/

dbouwman

{
  "data": {
    "attributes": {
      "draft": {
        "cssUrl": "https://opendatadev.arcgis.com/utilities/retrieve_css/preview-css-ff0bf5899d67ae43aaf6f7dd3b42349c0fbf817d.css",
        "layout": {
          "cards": [
            {
              "component": {
                "editor": "jumbotron-card-editor",