Code Monkey home page Code Monkey logo

indice.angular's People

Contributors

christosasvestopoulos avatar cleftheris avatar dkarkanas avatar giorgos07 avatar itsenes avatar nulltoken avatar nzervo avatar pt4r avatar pthanos avatar sorras-panagiotis avatar vaggelanos avatar

Stargazers

 avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Forkers

nulltoken

indice.angular's Issues

Responsive List View

The list views (and in extend it's list columns and pagination) need to reconfigure their width according to page size.

View layout buttons with text

Greetings,

We are using a lib-view-layout with some actions and we were wondering if there is a way to include a text string in the ViewAction.

What would help us in our scenario

public formActions: ViewAction[] = [
    new RouterViewAction(Icons.Add, this.newItemLink, 'rightpane', 'title on hover', 'Text in the generated button')
];
<button type="button" href="#" class="ml-1 btn-view-header" title="title on hover">
    --> Text in the generated button
    <i class="ms-Icon ms-Icon--Add"></i>
</button>

What we already have

public formActions: ViewAction[] = [
    new RouterViewAction(Icons.Add, this.newItemLink, 'rightpane', 'title on hover')
];

generated

<button type="button" href="#" class="ml-1 btn-view-header" title="title on hover">
    <i class="ms-Icon ms-Icon--Add"></i>
</button>

Thanks in advance.

Feature - Modal Service

We want to have a bootstrap-like modal service without bootstrap and all its goodies(kappa) it brings.

The modal service will expose a show and a hide method at least.

  • show(content, options) - returns the instance of the created modal
    We want to be able to show a modal using a Component or using a template aka TemplateRef.
    In case of component we want to pass initial data to the created instance of the component.
    We want to be able to set options globally(app.module) or per modal. The options of to be created modal will be a merge of both global and specified for this modal.

  • hide(id, result)
    We want to hide a specific modal by passing its id or hide all active modals.
    In either case we want to pass a result to the observers.

  • Modal class
    The modal class must expose observables, for example onHide
    The modal class must expose a hide method that hides this instance
    The modal can expose its internal instance for more advanced scenarios.

The behavior of the dom when opening and closing a modal will be same as bootstrap meaning:

  • Adding a class to the body that hides scrollbar and overflow in general.
  • Adding a backdrop element as a child of body with a background. When clicking on the backdrop the most active modal(on top) should close. This behavior should be parametrized from modal options.
  • Adding a modal container in the specified container. Container can be an element or a selector to an element. Default container should the the body. Modal container must be able to host dynamic content as described in the show function of modal service.

Multiple calls on lists

When calling an api call to get a list of items by inheriting the BaseListComponent and running the loadItems() method, the call is executed three times.

Wizard with steps

Step by step wizard to be used instead of the side panels eg. on created to pick a child from a nested table.

Filter value inserted multiple times (array field)

Greetings,

We are using the lib-list-view inside of a lib-view-layout and we are got a questiong about the usage of filters.

We noticed that we can insert multiple times the same filter.

What we got so far:

const checkpointTypeSearchOption: SearchOption = {
    field: 'checkpointTypeCodes',
    name: 'ΤΡΕΧΟΝ ΣΗΜΕΙΟ ΕΛΕΓΧΟΥ',
    dataType: 'array',
    options: [
        {
            "value": "Value1",
             "label": "Submit value 1"
        },
        {
            "value": "Value2",
            "label": "Submit value 2"
        }
    ],
    multiTerm: true
}

If I search with Value1 then Value2 then again Value1 the produced filter looks like this

&filter=caseTypeCodes::eq::Value1,caseTypeCodes::eq::Value2,caseTypeCodes::eq::Value1

Is this the desired behaviour?

If it is, is there a way/event that we can use to not permit the insertion of the same filter value multiple times?

Modal title and body are missing

Hello guys,

modal title and body are missing if you upgrade from version 0.2.167-beta.39 to any higher version. Nothing has changed by my side in terms of code.

This is the modal when using version 0.2.167-beta.39
modal_body_exists
...and this is the same modal using any higher version
modal_body_missing

I initialize and display the modal using code like the following:

const modal = this._modalService.show(BasicModalComponent, {
    animated: true,
    initialState: {
	title: 'Δημοσίευση',
        message: `Είστε σίγουρος ότι θέλετε να δημοσιεύσετε την καμπάνια '${this.campaign?.title}';`,
        data: this.campaign
    },
    keyboard: true
});

In the case that the modal is working i can see that the show method instantiates the BasicModalComponent providing the correct initialState to the component.
debug_title_correct
But this is not the case when upgrading to a version newer than 0.2.167-beta.39
debug_title_wrong

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.