in webapp/components/flow-design-system/fds-demo.js [43:589]
function FdsDemo(FdsSnackBarService, FdsService, dialog, TdDataTableService, FdsDialogService) {
this.fdsService = FdsService;
//<editor-fold desc='Snack Bars'>
this.snackBarService = FdsSnackBarService;
//</editor-fold>
//<editor-fold desc='Dialog'>
this.dialog = dialog;
//</editor-fold>
//<editor-fold desc='Simple Dialogs'>
this.dialogService = FdsDialogService;
//</editor-fold>
//<editor-fold desc='Expansion Panel'>
this.expandCollapseExpansion1Msg = 'No expanded/collapsed detected yet';
this.expansion1 = false;
this.disabled = false;
//</editor-fold>
//<editor-fold desc='Autocomplete'>
this.currentState = '';
this.reactiveStates = '';
this.tdStates = [];
this.tdDisabled = false;
this.states = [
{code: 'AL', name: 'Alabama'},
{code: 'AK', name: 'Alaska'},
{code: 'AZ', name: 'Arizona'},
{code: 'AR', name: 'Arkansas'},
{code: 'CA', name: 'California'},
{code: 'CO', name: 'Colorado'},
{code: 'CT', name: 'Connecticut'},
{code: 'DE', name: 'Delaware'},
{code: 'FL', name: 'Florida'},
{code: 'GA', name: 'Georgia'},
{code: 'HI', name: 'Hawaii'},
{code: 'ID', name: 'Idaho'},
{code: 'IL', name: 'Illinois'},
{code: 'IN', name: 'Indiana'},
{code: 'IA', name: 'Iowa'},
{code: 'KS', name: 'Kansas'},
{code: 'KY', name: 'Kentucky'},
{code: 'LA', name: 'Louisiana'},
{code: 'ME', name: 'Maine'},
{code: 'MD', name: 'Maryland'},
{code: 'MA', name: 'Massachusetts'},
{code: 'MI', name: 'Michigan'},
{code: 'MN', name: 'Minnesota'},
{code: 'MS', name: 'Mississippi'},
{code: 'MO', name: 'Missouri'},
{code: 'MT', name: 'Montana'},
{code: 'NE', name: 'Nebraska'},
{code: 'NV', name: 'Nevada'},
{code: 'NH', name: 'New Hampshire'},
{code: 'NJ', name: 'New Jersey'},
{code: 'NM', name: 'New Mexico'},
{code: 'NY', name: 'New York'},
{code: 'NC', name: 'North Carolina'},
{code: 'ND', name: 'North Dakota'},
{code: 'OH', name: 'Ohio'},
{code: 'OK', name: 'Oklahoma'},
{code: 'OR', name: 'Oregon'},
{code: 'PA', name: 'Pennsylvania'},
{code: 'RI', name: 'Rhode Island'},
{code: 'SC', name: 'South Carolina'},
{code: 'SD', name: 'South Dakota'},
{code: 'TN', name: 'Tennessee'},
{code: 'TX', name: 'Texas'},
{code: 'UT', name: 'Utah'},
{code: 'VT', name: 'Vermont'},
{code: 'VA', name: 'Virginia'},
{code: 'WA', name: 'Washington'},
{code: 'WV', name: 'West Virginia'},
{code: 'WI', name: 'Wisconsin'},
{code: 'WY', name: 'Wyoming'},
];
//</editor-fold>
//<editor-fold desc='Searchable Expansion Panels'>
this.dataTableService = TdDataTableService;
this.droplets = [{
id: '23f6cc59-0156-1000-09b4-2b0610089090',
name: 'Decompression_Circular_Flow',
displayName: 'Decompressed Circular flow',
type: 'flow',
sublabel: 'A sublabel',
compliant: {
id: '25fd6vv87-3549-0001-05g6-4d4567890765',
label: 'Compliant',
type: 'certification'
},
fleet: {
id: '23f6cc59-3549-0001-05g6-4d4567890765',
label: 'Fleet',
type: 'certification'
},
prod: {
id: '52fd6vv87-3549-0001-05g6-4d4567890765',
label: 'Production Ready',
type: 'certification'
},
secure: {
id: '32f6cc59-3549-0001-05g6-4d4567890765',
label: 'Secure',
type: 'certification'
},
versions: [{
id: '23f6cc59-0156-1000-06b4-2b0810089090',
revision: '1',
dependentFlows: [{
id: '25fd6vv87-3549-0001-05g6-4d4567890765'
}],
created: date.setDate(date.getDate() - 1),
updated: new Date()
}, {
id: '25fd6vv87-3549-0001-05g6-4d4567890765',
revision: '2',
dependentFlows: [{
id: '23f6cc59-0156-1000-06b4-2b0810089090'
}],
created: new Date(),
updated: new Date()
}],
flows: [],
extensions: [],
assets: [],
actions: [{
'name': 'Delete',
'icon': 'fa fa-close',
'tooltip': 'Delete User'
}, {
'name': 'Manage',
'icon': 'fa fa-user',
'tooltip': 'Manage User'
}, {
'name': 'Action 3',
'icon': 'fa fa-question',
'tooltip': 'Whatever else we want to do...'
}]
}, {
id: '25fd6vv87-3249-0001-05g6-4d4767890765',
name: 'DateConversion',
displayName: 'Date conversion',
type: 'asset',
sublabel: 'A sublabel',
compliant: {
id: '25fd6vv34-3549-0001-05g6-4d4567890765',
label: 'Compliant',
type: 'certification'
},
prod: {
id: '52vn6vv87-3549-0001-05g6-4d4567890765',
label: 'Production Ready',
type: 'certification'
},
versions: [{
id: '23f6ic59-0156-1000-06b4-2b0810089090',
revision: '1',
dependentFlows: [{
id: '23f6cc19-0156-1000-06b4-2b0810089090'
}],
created: new Date(),
updated: new Date()
}],
flows: [],
extensions: [],
assets: [],
actions: [{
'name': 'Delete',
'icon': 'fa fa-close',
'tooltip': 'Delete User'
}]
}, {
id: '52fd6vv87-3294-0001-05g6-4d4767890765',
name: 'nifi-email-bundle',
displayName: 'nifi-email-bundle',
type: 'extension',
sublabel: 'A sublabel',
compliant: {
id: '33fd6vv87-3549-0001-05g6-4d4567890765',
label: 'Compliant',
test: {
label: 'test'
},
type: 'certification'
},
versions: [{
id: '23d3cc59-0156-1000-06b4-2b0810089090',
revision: '1',
dependentFlows: [{
id: '23f6cc89-0156-1000-06b4-2b0810089090'
}],
created: new Date(),
updated: new Date()
}],
flows: [],
extensions: [],
assets: [],
actions: [{
'name': 'Delete',
'icon': 'fa fa-close',
'tooltip': 'Delete User'
}, {
'name': 'Manage',
'icon': 'fa fa-user',
'tooltip': 'Manage User'
}]
}];
this.filteredDroplets = [];
this.dropletColumns = [
{name: 'id', label: 'ID', sortable: true},
{name: 'name', label: 'Name', sortable: true},
{name: 'displayName', label: 'Display Name', sortable: true},
{name: 'sublabel', label: 'Label', sortable: true},
{name: 'type', label: 'Type', sortable: true}
];
this.activeDropletColumn = this.dropletColumns[0];
this.autoCompleteDroplets = [];
this.dropletsSearchTerms = [];
//</editor-fold>
//<editor-fold desc='Data Tables'>
this.data = [{
'id': 1,
'name': 'Frozen yogurt',
'type': 'Ice cream',
'calories': 159.0,
'fat': 6.0,
'carbs': 24.0,
'protein': 4.0,
'sodium': 87.0,
'calcium': 14.0,
'iron': 1.0,
'comments': 'I love froyo!',
'actions': [{
'name': 'Action 1',
'icon': 'fa fa-user',
'tooltip': 'Manage Users'
}, {
'name': 'Action 2',
'icon': 'fa fa-key',
'tooltip': 'Manage Permissions'
}]
}, {
'id': 2,
'name': 'Ice cream sandwich',
'type': 'Ice cream',
'calories': 237.0,
'fat': 9.0,
'carbs': 37.0,
'protein': 4.3,
'sodium': 129.0,
'calcium': 8.0,
'iron': 1.0,
'actions': [{
'name': 'Action 1',
'icon': 'fa fa-user',
'tooltip': 'Manage Users'
}, {
'name': 'Action 2',
'icon': 'fa fa-key',
'tooltip': 'Manage Permissions'
}, {
'name': 'Action 3',
'tooltip': 'Action 3'
}, {
'name': 'Action 4',
'disabled': true,
'tooltip': 'Action 4'
}, {
'name': 'Action 5',
'tooltip': 'Action 5'
}]
}, {
'id': 3,
'name': 'Eclair',
'type': 'Pastry',
'calories': 262.0,
'fat': 16.0,
'carbs': 24.0,
'protein': 6.0,
'sodium': 337.0,
'calcium': 6.0,
'iron': 7.0,
'actions': [{
'name': 'Action 1',
'icon': 'fa fa-user',
'tooltip': 'Manage Users'
}, {
'name': 'Action 2',
'icon': 'fa fa-key',
'tooltip': 'Manage Permissions'
}, {
'name': 'Action 3',
'tooltip': 'Action 3'
}, {
'name': 'Action 4',
'disabled': true,
'tooltip': 'Action 4'
}, {
'name': 'Action 5',
'tooltip': 'Action 5'
}],
}, {
'id': 4,
'name': 'Cupcake',
'type': 'Pastry',
'calories': 305.0,
'fat': 3.7,
'carbs': 67.0,
'protein': 4.3,
'sodium': 413.0,
'calcium': 3.0,
'iron': 8.0,
'actions': [{
'name': 'Action 1',
'icon': 'fa fa-user',
'tooltip': 'Manage Users'
}, {
'name': 'Action 2',
'icon': 'fa fa-key',
'tooltip': 'Manage Permissions'
}, {
'name': 'Action 3',
'tooltip': 'Action 3'
}, {
'name': 'Action 4',
'disabled': true,
'tooltip': 'Action 4'
}, {
'name': 'Action 5',
'tooltip': 'Action 5'
}],
}, {
'id': 5,
'name': 'Jelly bean',
'type': 'Candy',
'calories': 375.0,
'fat': 0.0,
'carbs': 94.0,
'protein': 0.0,
'sodium': 50.0,
'calcium': 0.0,
'iron': 0.0,
}, {
'id': 6,
'name': 'Lollipop',
'type': 'Candy',
'calories': 392.0,
'fat': 0.2,
'carbs': 98.0,
'protein': 0.0,
'sodium': 38.0,
'calcium': 0.0,
'iron': 2.0,
}, {
'id': 7,
'name': 'Honeycomb',
'type': 'Other',
'calories': 408.0,
'fat': 3.2,
'carbs': 87.0,
'protein': 6.5,
'sodium': 562.0,
'calcium': 0.0,
'iron': 45.0,
}, {
'id': 8,
'name': 'Donut',
'type': 'Pastry',
'calories': 452.0,
'fat': 25.0,
'carbs': 51.0,
'protein': 4.9,
'sodium': 326.0,
'calcium': 2.0,
'iron': 22.0,
}, {
'id': 9,
'name': 'KitKat',
'type': 'Candy',
'calories': 518.0,
'fat': 26.0,
'carbs': 65.0,
'protein': 7.0,
'sodium': 54.0,
'calcium': 12.0,
'iron': 6.0,
}, {
'id': 10,
'name': 'Chocolate',
'type': 'Candy',
'calories': 518.0,
'fat': 26.0,
'carbs': 65.0,
'protein': 7.0,
'sodium': 54.0,
'calcium': 12.0,
'iron': 6.0,
}, {
'id': 11,
'name': 'Chamoy',
'type': 'Candy',
'calories': 518.0,
'fat': 26.0,
'carbs': 65.0,
'protein': 7.0,
'sodium': 54.0,
'calcium': 12.0,
'iron': 6.0,
}];
this.filteredData = this.data;
this.filteredTotal = this.data.length;
this.columns = [
{name: 'comments', label: 'Comments', width: 10},
{name: 'name', label: 'Dessert (100g serving)', sortable: true, width: 10},
{name: 'type', label: 'Type', sortable: true, width: 10},
{name: 'calories', label: 'Calories', numeric: true, format: NUMBER_FORMAT, sortable: true, width: 10},
{name: 'fat', label: 'Fat (g)', numeric: true, format: DECIMAL_FORMAT, sortable: true, width: 10},
{name: 'carbs', label: 'Carbs (g)', numeric: true, format: NUMBER_FORMAT, sortable: true, width: 10},
{name: 'protein', label: 'Protein (g)', numeric: true, format: DECIMAL_FORMAT, sortable: true, width: 10},
{name: 'sodium', label: 'Sodium (mg)', numeric: true, format: NUMBER_FORMAT, sortable: true, width: 10},
{name: 'calcium', label: 'Calcium (%)', numeric: true, format: NUMBER_FORMAT, sortable: true, width: 10},
{name: 'iron', label: 'Iron (%)', numeric: true, format: NUMBER_FORMAT, width: 10},
];
this.allRowsSelected = false;
this.autoCompleteData = [];
this.selectedRows = [];
this.searchTerm = [];
this.fromRow = 1;
this.currentPage = 1;
this.pageSize = 5;
this.pageCount = 0;
//</editor-fold>
//<editor-fold desc='Chips $ Autocomplete'>
this.readOnly = false;
this.items = [
'stepper',
'expansion-panel',
'markdown',
'highlight',
'loading',
'media',
'chips',
'http',
'json-formatter',
'pipes',
'need more?',
];
this.itemsRequireMatch = this.items.slice(0, 6);
//</editor-fold>
//<editor-fold desc='Radios'>
this.favoriteSeason = 'Autumn';
this.seasonOptions = [
'Winter',
'Spring',
'Summer',
'Autumn',
];
//</editor-fold>
//<editor-fold desc='Select'>
this.selectedValue = '';
this.foods = [
{value: 'steak-0', viewValue: 'Steak'},
{value: 'pizza-1', viewValue: 'Pizza'},
{value: 'tacos-2', viewValue: 'Tacos'},
];
//</editor-fold>
//<editor-fold desc='Checkbox'>
this.user = {
agreesToTOS: false
};
this.groceries = [{
bought: true,
name: 'Seitan',
}, {
bought: false,
name: 'Almond Meal Flour',
}, {
bought: false,
name: 'Organic Eggs',
}];
//</editor-fold>
//<editor-fold desc='Slide Toggle'>
this.systems = [{
name: 'Lights',
on: false,
color: 'primary',
}, {
name: 'Surround Sound',
on: true,
color: 'accent',
}, {
name: 'T.V.',
on: true,
color: 'warn',
}];
this.house = {
lockHouse: false,
};
//</editor-fold>
}