luccasa / lucca-ui Goto Github PK

$scope.myvalue = 07:00:00 -> the component updates and dispays 07:00
$scope.myvalue = undefined -> the co;ponent still displays 07:00

the calendar icon is displayed in the midle of the week numbers

see this

when changing start or end on their respective datepickers, the inbetween days are not updated

nguibs-dropdown is not supported by the nguibs-select plugin. Fix it !

add a directive allowing to edit/display a variable containing several variables

something like that

<luid-localized-input ng-model="myMultiLocalString" ng-changed=""></luid-localized-input>

when myMultiLocalString looks something like en:she loves you yeah! yeah! yeah!|fr:melodie d'amour chante le coeur d'emmanuelle|de:neune und neunzich luftballons

https://github.com/dangrossman/bootstrap-daterangepicker

Another plugin, as it's not nguibs...

ttsia

complement to issue #26

kinda had to rush the dev of the directive and had to skip testus, will add them asap

to allow calling custom filters for the displaying of choices or match

<ui-select-choices repeat="p in periodicities | filter:$select.search">
    {{p.name | translate}}
</ui-select-choices>

Would it be possible to always have the choice "me" as first choice in the dropdown, whatever search text is entered

for example in timmi/validation, i am looking at the hoursheets awaiting vergnory's approval and i want to go back to the one awaiting my approval. as of today i must type luc to have my name available in the list of choices and select it.

would it be better if the choice Me was always available as first choice in something like this

@bpaugam what do you think ?

Unidimensional positioning sucks. Please add support for bidirectional. Example:

Top left

_____________
|   ___________|
|/
[parent]

Top right

_____________
| ___________  |
             \ |
        [parent]

end so on...

in the same way we handle customFilter, add the possibility to call a function with this signature

var customCnt = function(user) { return int; }

and display the returned int next to the names of the available choices like that

it would be useful to display information contextual to the page, for example the number of expense claim awaiting approbation for each available choice

Important: call this function only once you have decided on the 5- displayed choices, not when you still have N users

@bpaugam what do you think

https://angular-ui.github.io/bootstrap/#/pagination

add the correct nguibs-pagination component so i can use this in my html

<uib-pagination class="{prefix} nguibs-pagination" total-items="totalItems" ng-model="currentPage" ng-change="pageChanged()"></uib-pagination>

and the lucca-ui style is applied

the kind of html i want to write is this

<div class="lui input with addon">
  <input type="text" mg-model="search">
  <button class="lui button right addon" ng-click="doSearch()">Search</button>
</div>

today's version supports 0.13.x

nguibs modal is appended to the body and as such is outside the namespaced part of the html, so the style is not applied.

find a way to inject nguibs style to the modal even if people are namespacing the distrib of lucca-ui

complement to issue #26

allow specifying the popover placement

It should be impossible to enter a duration smaller than min or greater than max.

do the same thing as https://github.com/luisfarzati/ng-bs-daterangepicker but in a manner more appropriate for lucca, also with lucca-ui styling

complement to issue #26

if you dont want to bind to startsOn and endsOn

The people want to know !

i just want to write this

<h3>My title <div class="lui button">My action</div></h3>

and have a decent result with some vertical align and stuff

right now to have a decent look i have to write something like on this plunker

click on "5 out of 25" increase the number of users displayed

To be discussed with @bpaugam

do a directive that call a function when enter is pressed in a input or another keypress

<input luid-enter="someFunction()" ng-model="myVal" />
<input luid-keypress="otherFunction(key)" ng-model="myVal" />

$scope.someFunction = function(){ alert($scope.myVal); };
$scope.otherFunction = function(key){
    switch(key){
        case 13:    enterWasPressed(); break;
        case 27:    escapeWasPressed(); break;
    }
};

The component allows 99:99 value

in the ui-bs popover example there is a property popover-title that is not currently supported

<div class="lui button" popover="some text" popover-title="title" popover-class="lui nguibs-popover">
  click me
</div>

Themes should be able to add new colors without having to override the whole color scheme: just append a new color.

add the possibility to display the option "all users"

i was thinking something like that

and when the user starts to type the option all user disapears

nguibs long is short when dropdown is closed

self explenatory

<div class="lui flat button has-addons">
  <i class="lui addon check icon"></i>
  some text
  <i class="lui addon notification icon"></i>
</div>

When I use luifDuration with unit = 'day' and precision = 'day', I just want to display the value in luifDuration as days.

For example:
If I declare var myValue = moment.duration(36, 'h');

When I do {{ myValue | luifDuration : false : 'd' : 'd' }}
I want to display: 1.5d, not 1d12h

example if main unit is hours 1.11:00:00 will be 35h
if main unit is days 1.11:00:00 will be 1d 11h

Fix it!

Trying to format an undefined value with luifNumber returns ",undefined" instead of "0".

Possible fix in filter:

if (_input === undefined) {
    _input = 0;
}

complement to issue #26

allows to bind to the start and end properties of the provided ngModel to moments, js dates or strings in the specified format

a btton with this style : class="lui large filling status failure button" would see its button being cropped

The selected user ain't appearing in the choices !

allow user to personalize the close button with a custom label and with a function to call when clicked

.lui.table>.thead>.tr>.th et .lui.table>tbody>tr>td have text-align:left; that gets applied over the text-align of classes .left-aligned, .center-aligned, .right-aligned and justify-aligned.

for reference, .xxx-aligned is defined in /core/definitions/_typography.less, line ~85 and lui table in /core/elements/_table.less line ~22

also there's this

.lui.table{
    ...
    &.center-align {
        text-align: center;
    }
    &.left-align {
        text-align: left;
    }
    &.right-align {
        text-align: right;
    }
    &.justified-align {
        text-align: justify;
    }
}

it's not coherent to have .right-aligned and .right-align as available classes

also this class is applied to the whole lui table and that's not what i'm after, i want to have some cells right-aligned and some other left-aligned

also i'm not sure it works as intended because you have this

.lui.table{
  > .thead > .tr > .th, > .tbody > .tr > .td, > thead > tr > th, > tbody > tr > td {
    text-align: left;
  }
  &.right-align{
    text-align: right;
  }
}

so i think the rule for a cell overrides the rule for the table

used in timmi#/statutes/4/rules/overtime for instance

i liked that in the previous version you had colors for error, success and warning. in this version you just have primary, secondary and yellow, red, green, orange. no blue btw. the colors you chose seems kinda arbitrary

i know there is some kind of way to override the color module to add the colors i want when i import lucca-ui but you didn't properly document it yet so....

change the size of the popover when no custom periods is present

is ugly because of text-shadow

_buttons.less line 171

& when (@lightOnDark = true) {
    text-shadow: 0 1px 1px darken(@color, 5);
}

the text-shadow barely noticeable inside a button but if you have something like this, you see the text-shadow on a white background and it is not pretty

<div class="lui red button nguibs-dropdown" dropdown dropdown-toggle>
    <span>i cant see no text-shadow on this button</span>
    <ul class="dropdown-menu">
        <li>
            <a>dis iz ugly</a>
        </li>
        <li>
            <a>i iz sad :'(</a>
        </li>
    </ul>
</div>

complement to issue #26

ttsia;

for example close the popover when clicked outside of the popover

obv will need e2e tests

ttsia