You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
66 lines
2.1 KiB
JavaScript
66 lines
2.1 KiB
JavaScript
import _FrameAdmin from './_FrameAdmin.js';
|
|
import FrameAdminListItem from './FrameAdminListItem.js';
|
|
|
|
var FrameAdmin = function(){
|
|
return {
|
|
view: function(){
|
|
var results_frames = _FrameAdmin.results_frames;
|
|
var working_frames = _FrameAdmin.working_frames;
|
|
return m('.frame-listing', [
|
|
m('h4', 'Frame Editor'),
|
|
m('.search', [
|
|
m('input[type=text][placeholder=Model]', {
|
|
onchange: _FrameAdmin.search_onchange_handler,
|
|
value: _FrameAdmin.search_term
|
|
})
|
|
]),
|
|
m('table.table.table-striped', [
|
|
m('thead', [
|
|
m('tr', [
|
|
m('th', 'Name'),
|
|
m('th', 'Brand'),
|
|
m('th', 'Model'),
|
|
m('th', 'Color Code'),
|
|
m('th', 'Color Description'),
|
|
m('th', 'Description (Short)'),
|
|
m('th', 'Size'),
|
|
m('th', 'Material'),
|
|
m('th', 'Price (Silver)'),
|
|
m('th', 'Price (Gold)'),
|
|
m('th', 'Inventory'),
|
|
m('th', 'Delete')
|
|
])
|
|
]),
|
|
m('tbody', [
|
|
m('tr', [
|
|
m('td.text-center', {colspan: 11}, [
|
|
m('button.btn.btn-primary.btn-lg.btn-block', {onclick: _FrameAdmin.add_button_onclick_handler}, [
|
|
m('i.icon.icon-plus'),
|
|
' Add ',
|
|
m('i.icon.icon-plus')
|
|
])
|
|
])
|
|
]),
|
|
working_frames.map(function(frame, i){
|
|
return m(FrameAdminListItem, {frame: frame, collection: working_frames, index_in_collection: i});
|
|
}),
|
|
m('tr', [
|
|
m('td.text-center', {colspan: 11}, [
|
|
m('button.btn.btn-primary.btn-lg.btn-block', {onclick: _FrameAdmin.clear_button_onclick_handler}, [
|
|
m('i.icon.icon-refresh'),
|
|
' Clear'
|
|
])
|
|
])
|
|
]),
|
|
results_frames.map(function(frame, i){
|
|
return m(FrameAdminListItem, {frame: frame, collection: results_frames, index_in_collection: i});
|
|
})
|
|
])
|
|
])
|
|
]);
|
|
}
|
|
};
|
|
}
|
|
|
|
export default FrameAdmin;
|