verdnatura/salix
verdnatura
/
salix
3
4
Fork 0
Code Issues Pull Requests 57 Releases Wiki Activity

Estilo

This commit is contained in:
Juan Ferrer Toribio 2017-01-04 19:03:17 +01:00
parent 5508c3594f
commit 9e5f24c4e0
12 changed files with 61 additions and 33 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
@salix/app/src/components/searchbar/searchbar.html
View File

@ -1,5 +1,5 @@
<vn-horizontal>
<vn-textfield vn-one label="search"></vn-textfield>
<vn-textfield vn-one label="Search"></vn-textfield>
<i class="material-icons">keyboard_arrow_down</i>
<vn-icon-button icon="search" margin-small-top></vn-icon-button>
</vn-horizontal>

1
@salix/core/src/card/card.js
View File

@ -1,6 +1,7 @@
import {module as _module} from '../module';
import * as resolveFactory from '../resolveDefaultComponents';
import * as util from '../util';
require ('./style.css');
const _NAME = 'card';
export const NAME = util.getName(_NAME);

3
@salix/core/src/card/style.css Normal file
View File

@ -0,0 +1,3 @@
vn-card {
display: block;
}

1
@salix/core/src/icon/icon.js
View File

@ -1,5 +1,6 @@
import {module} from '../module';
import * as resolveFactory from '../resolveDefaultComponents';
require('./style.css');
const _NAME = 'icon';
export const NAME = 'vnIcon';

2
@salix/core/src/icon/icon.mdl.html
View File

@ -1 +1 @@
<i class="material-icons" style="font-size: inherit;">*[icon]*</i>
<i class="material-icons">*[icon]*</i>

7
@salix/core/src/icon/style.css Normal file
View File

@ -0,0 +1,7 @@
vn-icon {
display: inline;
font-size: 18pt;
}
vn-icon > i {
font-size: inherit !important;
}

1
@salix/core/src/popover/popover.js
View File

@ -1,5 +1,6 @@
import {module} from '../module';
import * as resolveFactory from '../resolveDefaultComponents';
require('./style.css');
const _NAME = 'popover';
export const NAME = 'vnPopover';

4
@salix/core/src/popover/style.css Normal file
View File

@ -0,0 +1,4 @@
vn-popover {
display: none;
position: absolute;
}

38
@salix/crud/src/client/index/index.html
View File

@ -1,23 +1,23 @@
<vn-vertical class="full-height">
<vn-topbar></vn-topbar>
<form ng-submit="search.submit()" pad-large>
<vn-topbar></vn-topbar>
<div style="max-width: 45em; margin: 0 auto;">
<vn-card margin-medium>
<form pad-medium ng-submit="search.submit()">
<vn-horizontal>
<vn-four></vn-four>
<vn-searchbar vn-four></vn-searchbar>
<vn-four></vn-four>
<vn-searchbar vn-auto></vn-searchbar>
<a vn-empty ui-sref="create"><vn-button label="New client"></vn-button></a>
</vn-horizontal>
<vn-horizontal>
<vn-four></vn-four>
<a vn-two ui-sref="create"><vn-button label="Create client"></vn-button></a>
<vn-submit vn-two label="Buscar"></vn-submit>
<vn-four></vn-four>
</vn-horizontal>
<vn-horizontal>
<vn-three></vn-three>
<vn-vertical>
<vn-item-client ng-repeat="client in search.clients" client="client" vn-six></vn-item-client>
</vn-vertical>
<vn-three></vn-three>
</vn-horizontal>
</form>
</form>
</vn-card>
<vn-card margin-medium>
<vn-item-client
ng-repeat="client in search.clients"
title="View client"
client="client">
</vn-item-client>
</vn-card>
</div>
<vn-popover>
Popover test!
</vn-popover>
</vn-vertical>

1
@salix/crud/src/client/index/index.js
View File

@ -1,5 +1,6 @@
import template from './index.html';
import {module} from '../../module';
require('./style.css');
export const NAME = 'vnClientIndex';
export const COMPONENT = {

23
@salix/crud/src/client/index/item-client.html
View File

@ -1,12 +1,11 @@
<vn-auto style="border-radius: .5em;" >
<vn-horizontal style="align-items: center;">
<vn-auto>
<div><b>{{itemClient.client.alias}}</b></div>
<div>{{itemClient.client.name}}</div>
<div>{{itemClient.client.phone}}, {{itemClient.client.contact}}</div>
</vn-auto>
<vn-empty>
<a ui-sref="clientCard.basicData({ id: {{itemClient.client.id}} })"><i class="material-icons">edit</i></a>
</vn-empty>
</vn-horizontal>
</vn-auto>
<a ui-sref="clientCard.basicData({ id: {{itemClient.client.id}} })" pad-medium border-solid-bottom>
<vn-horizontal>
<vn-auto>
<div><b>{{itemClient.client.name}}</b></div>
<div>{{itemClient.client.phone}}, {{itemClient.client.contact}}</div>
</vn-auto>
<vn-empty style="vertical-align: middle;">
<vn-icon icon="arrow_forward"></vn-icon>
</vn-empty>
</vn-horizontal>
</a>

11
@salix/crud/src/client/index/style.css Normal file
View File

@ -0,0 +1,11 @@
vn-item-client {
display: block;
}
vn-item-client a {
display: block;
text-decoration: none;
color: inherit;
}
vn-item-client a:hover {
background-color: rgba(0, 0, 0, .1);
}