searchbar
This commit is contained in:
parent
a151268147
commit
accc86482e
|
@ -5,7 +5,20 @@
|
|||
<title>Salix</title>
|
||||
</head>
|
||||
<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
|
||||
type="text/javascript"
|
||||
src="/salix.customer.js">
|
||||
|
|
|
@ -6,18 +6,9 @@
|
|||
<link rel="stylesheet" href="layout.css"/>
|
||||
</head>
|
||||
<body>
|
||||
<vn-vertical id="app" class="full-height">
|
||||
<vn-horizontal>
|
||||
<vn-one>
|
||||
Barra de Aplicación
|
||||
</vn-one>
|
||||
</vn-horizontal>
|
||||
<vn-horizontal ui-view scrollable>
|
||||
<vn-one>
|
||||
Loading......
|
||||
</vn-one>
|
||||
|
||||
</vn-horizontal>
|
||||
<div style="position:fixed; top:0; right:0; height:6em; width:10em; background-color:red;"></div>
|
||||
|
||||
<vn-vertical id="app" class="full-height" ui-view scrollable>
|
||||
</vn-vertical>
|
||||
<script
|
||||
type="text/javascript"
|
||||
|
|
|
@ -3,6 +3,7 @@
|
|||
"installedESLint": true,
|
||||
"rules": {
|
||||
"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';
|
||||
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);
|
||||
directive.$inject = [resolveFactory.NAME];
|
||||
export function directive(resolve) {
|
||||
return {
|
||||
require: 'E',
|
||||
template: function(_, 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 LABELMT,factory as labelmt} from './label/label.mt'
|
||||
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 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);
|
|
@ -1,4 +1,4 @@
|
|||
export * from './angular-vendor';
|
||||
export * from './oclazyload-vendor';
|
||||
export * from './uirouter-vendor';
|
||||
export * from './materialdesignlite-vendor';
|
||||
export * from './materialdesignlite-vendor';
|
||||
|
|
Loading…
Reference in New Issue