searchbar
This commit is contained in:
parent
a151268147
commit
accc86482e
|
@ -5,7 +5,20 @@
|
||||||
<title>Salix</title>
|
<title>Salix</title>
|
||||||
</head>
|
</head>
|
||||||
<body ng-app="login">
|
<body ng-app="login">
|
||||||
<vn-login></vn-login>
|
<vn-vertical id="app" class="full-height">
|
||||||
|
<vn-horizontal>
|
||||||
|
<vn-one>
|
||||||
|
Barra de Aplicación
|
||||||
|
</vn-one>
|
||||||
|
<vn-
|
||||||
|
</vn-horizontal>
|
||||||
|
<vn-horizontal ui-view scrollable>
|
||||||
|
<vn-one>
|
||||||
|
Loading......
|
||||||
|
</vn-one>
|
||||||
|
|
||||||
|
</vn-horizontal>
|
||||||
|
</vn-vertical>
|
||||||
<script
|
<script
|
||||||
type="text/javascript"
|
type="text/javascript"
|
||||||
src="/salix.customer.js">
|
src="/salix.customer.js">
|
||||||
|
|
|
@ -6,18 +6,9 @@
|
||||||
<link rel="stylesheet" href="layout.css"/>
|
<link rel="stylesheet" href="layout.css"/>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<vn-vertical id="app" class="full-height">
|
<div style="position:fixed; top:0; right:0; height:6em; width:10em; background-color:red;"></div>
|
||||||
<vn-horizontal>
|
|
||||||
<vn-one>
|
|
||||||
Barra de Aplicación
|
|
||||||
</vn-one>
|
|
||||||
</vn-horizontal>
|
|
||||||
<vn-horizontal ui-view scrollable>
|
|
||||||
<vn-one>
|
|
||||||
Loading......
|
|
||||||
</vn-one>
|
|
||||||
|
|
||||||
</vn-horizontal>
|
<vn-vertical id="app" class="full-height" ui-view scrollable>
|
||||||
</vn-vertical>
|
</vn-vertical>
|
||||||
<script
|
<script
|
||||||
type="text/javascript"
|
type="text/javascript"
|
||||||
|
|
|
@ -3,6 +3,7 @@
|
||||||
"installedESLint": true,
|
"installedESLint": true,
|
||||||
"rules": {
|
"rules": {
|
||||||
"indent": ["error", 4],
|
"indent": ["error", 4],
|
||||||
"require-jsdoc": 0
|
"require-jsdoc": 0,
|
||||||
|
"max-len": 0
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -0,0 +1 @@
|
||||||
|
<!-- por definir -->
|
|
@ -0,0 +1,8 @@
|
||||||
|
import template from './{name}.html';
|
||||||
|
import {module} from '../../module';
|
||||||
|
|
||||||
|
export const NAME = '';
|
||||||
|
export const COMPONENT = {
|
||||||
|
template: template
|
||||||
|
};
|
||||||
|
module.component(NAME, COMPONENT);
|
|
@ -5,14 +5,14 @@ import * as util from '../util';
|
||||||
const _NAME = 'button';
|
const _NAME = 'button';
|
||||||
export const NAME = util.getName(_NAME);
|
export const NAME = util.getName(_NAME);
|
||||||
|
|
||||||
directive.$inject =[resolveFactory.NAME];
|
directive.$inject = [resolveFactory.NAME];
|
||||||
export function directive (resolve){
|
export function directive(resolve) {
|
||||||
return{
|
return {
|
||||||
require:'E',
|
require: 'E',
|
||||||
template: function(_,attr){
|
template: function(_, attr) {
|
||||||
return resolve.getTemplate(_NAME, attr);
|
return resolve.getTemplate(_NAME, attr);
|
||||||
}
|
}
|
||||||
}
|
};
|
||||||
}
|
}
|
||||||
|
|
||||||
_module.directive(NAME,directive);
|
_module.directive(NAME, directive);
|
||||||
|
|
|
@ -25,6 +25,8 @@ export {NAME as TEXTFIELDBT,factory as textfieldbt} from './textfield/textfield.
|
||||||
export {NAME as LABEL,directive as LabelDirective} from './label/label'
|
export {NAME as LABEL,directive as LabelDirective} from './label/label'
|
||||||
export {NAME as LABELMT,factory as labelmt} from './label/label.mt'
|
export {NAME as LABELMT,factory as labelmt} from './label/label.mt'
|
||||||
export {NAME as LABELBT,factory as labelbt} from './label/label.bt'
|
export {NAME as LABELBT,factory as labelbt} from './label/label.bt'
|
||||||
|
export {NAME as SEARCHBARMT,factory as searchbarmt} from './searchbar/searchbar.mt'
|
||||||
|
export {NAME as SEARCHBARBT,factory as searchbarbt} from './searchbar/searchbar.bt'
|
||||||
|
|
||||||
export {NAME as PASSWORD,directive as PasswordDirective} from './password/password'
|
export {NAME as PASSWORD,directive as PasswordDirective} from './password/password'
|
||||||
export {NAME as PASSWORDMT,factory as passwordmt} from './password/password.mt'
|
export {NAME as PASSWORDMT,factory as passwordmt} from './password/password.mt'
|
||||||
|
|
|
@ -0,0 +1 @@
|
||||||
|
<!-- por definir -->
|
|
@ -0,0 +1,20 @@
|
||||||
|
import {module as _module} from '../module';
|
||||||
|
import * as util from '../util';
|
||||||
|
import * as constant from '../constants';
|
||||||
|
import template from './searchbar.bt.html';
|
||||||
|
|
||||||
|
const _NAME = 'searchbar';
|
||||||
|
const DEFAULT_TEXT = 'Search';
|
||||||
|
|
||||||
|
export const NAME = util.getFactoryName(_NAME + constant.BOOTSTRAP_FRAMEWORK);
|
||||||
|
|
||||||
|
export function factory() {
|
||||||
|
return {
|
||||||
|
template: template,
|
||||||
|
default: {
|
||||||
|
text: DEFAULT_TEXT
|
||||||
|
}
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
_module.factory(NAME, factory);
|
|
@ -0,0 +1,18 @@
|
||||||
|
import {module as _module} from '../module';
|
||||||
|
import * as resolveFactory from '../resolveDefaultComponents';
|
||||||
|
import * as util from '../util';
|
||||||
|
|
||||||
|
const _NAME = 'searchbar';
|
||||||
|
export const NAME = util.getName(_NAME);
|
||||||
|
|
||||||
|
directive.$inject = [resolveFactory.NAME];
|
||||||
|
export function directive(resolve) {
|
||||||
|
return {
|
||||||
|
require: 'E',
|
||||||
|
template: function(_, attr) {
|
||||||
|
return resolve.getTemplate(_NAME, attr);
|
||||||
|
}
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
_module.directive(NAME, directive);
|
|
@ -0,0 +1,11 @@
|
||||||
|
<form action="#">
|
||||||
|
<div class="mdl-textfield mdl-js-textfield mdl-textfield--expandable">
|
||||||
|
<label class="mdl-button mdl-js-button mdl-button--icon" for="sample6">
|
||||||
|
<i class="material-icons">search</i>
|
||||||
|
</label>
|
||||||
|
<div class="mdl-textfield__expandable-holder">
|
||||||
|
<input class="mdl-textfield__input" type="text" id="sample6">
|
||||||
|
<label class="mdl-textfield__label" for="sample-expandable">*[text]*</label>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</form>
|
|
@ -0,0 +1,20 @@
|
||||||
|
import {module as _module} from '../module';
|
||||||
|
import * as util from '../util';
|
||||||
|
import * as constant from '../constants';
|
||||||
|
import template from './searchbar.mt.html';
|
||||||
|
|
||||||
|
const _NAME = 'searchbar';
|
||||||
|
const DEFAULT_TEXT = 'Search';
|
||||||
|
|
||||||
|
export const NAME = util.getFactoryName(_NAME + constant.MATERIAL_DESIGN_FRAMEWORK);
|
||||||
|
|
||||||
|
export function factory() {
|
||||||
|
return {
|
||||||
|
template: template,
|
||||||
|
default: {
|
||||||
|
text: DEFAULT_TEXT
|
||||||
|
}
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
_module.factory(NAME, factory);
|
Loading…
Reference in New Issue