liferay / alloy-ui Goto Github PK

In component aui-editable have XSS:

In title portlet insert script.

Would you help me write an AUI plugin? I work for this cool company that builds cool things, and - anyway - I want to build cool things with Alloy.

My only problem is - I'm having trouble learning how to write an Alloy plugin.

I have all sorts of ideas for things I would like to write.

Now, to be fair, there's a YUI guide for this, http://yuilibrary.com/yui/docs/plugin/, but they break up the code in their examples, and they don't provide a final, all-together example that I can download and tinker with. I learn by tinkering.

http://alloyui.com/ does a great job of making things accessible to new developers. Could we do something like this for aspiring Alloy plugin developers?

Thanks for hearing me out.

Issue #20 is a great example of an issue which BugHerd really excels at. If you're keen to collect user feedback, give BugHerd a go - it also can sync with github issues! That reminds me, perhaps I should deploy it on the docpad and bevry websites already!

What's the plan for alloy-ui after Yahoo stoped YUI development?

Hello,

I am upgrading from Liferay 6.1 to 6.2 and have to adapt my Alloy code from 1.5 to 2.5.
My problem is that according to the example for 2.5 and 3.0 the attribute maxPageLinks still works, but actually it is not in the source code and it doesn't works. Is there any work around for this problem?
Please read this if I was't clear about this issue, it explains exactly my problem: http://ask.programmershare.com/214_17188373/

Best,
Palbear

I need to save/load the forms built by form-builder (http://alloyui.com/examples/form-builder/).

Is there a toJson method or anyway to extra meta-data so I can save form meta-data to a database ?

For an Image inside Bootstrap modal window ImageCropper controls now working (all controls in one spot: left-top angle of image), if image parent has css {"text-align":center}, then cropper has a problem with Zero coordinates of his background image. + z-index error.

aui-image-cropper, V 3.0.0

As stated by the issue title, the the scheduler is not showing the events on the correct month. It always shows on the following month. The issue can be seen from the example page:
http://alloyui.com/examples/scheduler

The demo has an event on the 4th January 2013, but the calendar is showing it on February.

See http://d.pr/i/XBKV for screenshot of the issue.

The button hides if I make the browser window a little bit smaller. So perhaps just make it hide earlier around 1190 seems to be the sweet spot for hiding it. Although instead of hiding, it could be shrunk perhaps?

Hey! node.appendTo was added to YUI some time go.

You may want to remove it from https://github.com/liferay/alloy-ui/blob/master/src/aui-node/js/aui-node-base.js#L201-L226

I noticed that your code formatting is out of sync.

On the home page, it's good:

YUI().use('aui-carousel', function (Y) {
  // code goes here
});

But on the tutorials page, it's bad:

YUI().use(
  'node',
  'transition',
  function (Y) {
    Y.one('.aui-btn').on(
      'click', function() {
        this.transition(
          {
            width: '500px'
          }
        );
      }
    );
  }
);

That's a lot of line returns. The functions are inconsistently triggering new lines, as well as the space before the parentheses.

I'd like to help!

YUI().use('node', 'transition', function (Y) {
  Y.one('.aui-btn').on('click', function () {
    this.transition({
      width: '500px'
    });
  });
});

This follows common convention, and is consistent with the homepage.

Now, let me quantify "good" and "bad". Most formatting guides discourage this overuse of new lines, as they can actually trigger automatic semicolon insertion in empty, var, expression, do-while, continue, break, return, and throw - per 7.9.1 Rules of Automatic Semicolon Insertion - and Inimino does a great job of explaining this further.

I recommend you follow the pattern on your homepage, as well as the conventions found in relevant JavaScript formatting guides. Please let me know if I can help reformat these coding examples.

We need to define a code style for the project. I've seen a mix between tabs vs spaces, for example.

Some consolidated definitions:

• Idiomatic JS
• Idiomatic CSS
• jQuery Core Style Guidelines
• Dojo Style Guide
• Google JavaScript Guide

Maybe we could follow the YUI's code style (if it exists).

In page http://alloyui.com/tutorials/image-viewer/
Tabs: Basic Example, Gallery Example, Real World Example

Images clickable, but default event not catched, image onclick => just opens as basic image file in current tab (Chrome);

The documentation for Node.setStyle() contains error.

The documentation tells :

Sets a style property of the node. Use CSS case (e.g. 'background-color') for multi-word properties.

Instead of :

Sets a style property of the node. Use CSS case (e.g. 'backgroundColor') for multi-word properties.

Look at YUI source yui3/src/node/js/node-style.js:28.

Thanks.

There's a lot of trailing spaces along all the project, we need to make sure that this is not going to happen in the new version.

Tip: to see them, install the TrailingSpaces plugin for Sublime Text

Hi
Is it possible to build and use different skin than default sam skin?
Thanks.

The inverted syntax highlighting @ alloyui.com should be replaced with a complementary, non-inverted color palette.

Examples of complementary syntax highlighting include github and viewsource

Hello,
i'm currently testing the modal component for my project and i have noticed that every time i open a dialog and move the cursor on it, a div like this is added to the body of my page:

<div id="yui_patched_v3_18_1_1_1458142652439_267" class="yui3-dd-shim" style="top: 0px; left: 0px; position: absolute; z-index: 9999; overflow: hidden; display: none; height: 5px; width: 5px; background-color: red;"></div>

That wouldn't be a problem on its own, but every time i close and re-open the dialog, another div is added. Is there a way to prevent this from happening or delete the old div automatically?

Hi
I wonder if there is any alloyui module for node.js?
I know there is some modules for yui3, but i couldn't find any for alloyui.

Hi All,

I am using diagram builder for my project I am facing issue that if i scale diagram-builder for zoom out diagram as diagram is very large in size, connectors are not coming according to scale level.please guide me how to implement zoom in and zoom out feature

Please add Form Builder to the YUI gallery so we can easily use it in our existing YUI apps!

It would be very helpful if the repository had tags for points that correspond to deployment into releases of Liferay.

It would be nice to a have a bower installation for alloyui - currently bower copies this git repository with out distribution files....

Is it possible to display custom popover on click of event, instead of edit event form.

Use case I have is that I have to show more-details of the event instead of the edit option.

If it is possible can you please point me to an example.

Thanks in advance.

Error on aui-modal when using 2.5.0 version. Tag <input> doesn't get focus

Se example below:

<html>
  <head>
    <script src="http://cdn.alloyui.com/2.5.0/aui/aui-min.js"></script>
    <link href="http://cdn.alloyui.com/2.5.0/aui-css/css/bootstrap.min.css" rel="stylesheet"></link>    
  </head>
  <body>
    <div id="modal"></div>
    <script>
          YUI().use(
            'aui-modal',
            function(Y) {
              var modal = new Y.Modal(
                {
                  bodyContent: '<input name="entrada" id="entrada" type="text" value="does not change">',
                  centered: true,
                  headerContent: '<h3>Field name never get focus. </h3>',
                  modal: true,
                  render: '#modal',
                  width: 450
                }
              ).render();
            }
          ); 
    </script>
  </body>
</html>

When i try to use Ctrl-F to search in the ace editor frame, i receive the following error (happens also at the AlloyUI Example Page).

NetworkError: 404 Not Found - http://alloyui.com/examples/ace-editor/ext-searchbox.js

The validator for headerDateFormatter is - isString, whereas it has to be isFunction similar to navigationDateFormatter attribute of A.SchedulerDayView.

The isString validator caused an issue which has been posted in the Liferay AUI forum - https://www.liferay.com/community/forums/-/message_boards/message/31315834

I tried changing the validator to isFunction and was able to override the default function and obtain the date for the header in the format that I was looking for.

Please have a look.

Cheers.

I get this error message when loading alloyui from CDN from the given tutorials:

Font from origin 'http://cdn.alloyui.com' has been blocked from loading by Cross-Origin Resource Sharing policy: 
No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:1337' is therefore not allowed access.

The yuidocjs repository in .gitmodules doesn't exist anymore.

It has been moved to another repository, so we have to update it.

http://alloyui.com/examples/audio/ - refers to a non-existent player.swf

(See https://github.com/liferay/alloy-ui/blob/master/src/aui-audio/js/aui-audio.js#L13)

Example, as such, does not work at all in Firefox.
It shows up in chrome because the browser handles the audio tag.

How load / Reload the Data in DataTable give me reference.

I am unable to understand the release page.

3.0.3-deprecated.42 is released after 3.1.0-deprecated.2 and 1.5.2.34 is not deprecated.

Which one should I use for a project which I indent to start next week?

General information for the website: Resource view required - if possible
Kind of development: Customization of existing website
Description of requirements/features: I would like to use the alloy-ui component for my applications scheduling needs, however rather than displaying a week view, I would like to view separate resources in the columns.

As an example, this sort of view : http://www.bryntum.com/examples/scheduler-latest/examples/vertical-orientation/vertical.html

But using this component : http://alloyui.com/examples/scheduler/

Is this in fact possible even? I would need to respond to all the events there are currently with the component, so I can detect event drag/drop etc.

A can't use with HTTPS servers.
This isn't a problem with code, but a important thing to create a simple application without any local imports, just a HTML file.
A simple solution, in my opinion, is CloudFlare. Another option is install a free certificate from https://letsencrypt.org/

That's it :) and thanks for this awesome framework.

I wanted to append an uneditable submit button as the last child, after the form builder so it's always positioned at the bottom.

When I run this:
$('#myForm').append('<input class="btn btn-info" onclick="save()" type="submit" value="Submit">');

It's positioned on the top since the form builder render ran a little bit late after append.

I've been googling around, reading examples, docs (yours and YUI's) and experimenting all day and I just can't get the 'form' member of io.request to work.

I wonder if you would consider adding to your forms examples with a demo/example that serializes form data and sends it in an ajax request.

A.io.request (
...
var my_form = A.one(#my_form);

form: {
id: my_form
},
on: {
...

Thanks

Greeting!
I have form builder implemented in my webapp. For the most part its working great. But, when I make changes to a field's values, they don't render until I reopen the field parameter dialog and save a second time. I can't reproduce on the AUI example site. There are no javascript console errors. Any advise on debugging/fixing would be appreciated. Thank you!

Hi
After clicking on the datatable, the 'getActiveRecord' return the selected record, but how could i set the selected record by code? or even deselect everything so to get null from the getActiveRecord again?
Another problem is how to get whole underlying model data from a record?
record.get('fieldName') return just one field value not the whole model.

Thanks.

How plug a jsp file to bodyContent ?

function deleteSystem(){
                AUI().use('aui-base','aui-node','escape','aui-io','aui-modal','liferay-portlet-url', function(A){
                console.log('<%=deleteSystem.toString() %>');
    var dialog = new A.Modal(
        {
            modal: true,
            centered: true,
            draggable: true,
            width: 600,
            height: 600,
            zIndex: 10001,
        }
    ).plug(
        A.Plugin.IO,
            {
                uri: '<%=deleteSystem.toString() %>'
            }
    ).render();
    });
          }

I try something like that :

Is it possible to add custom widget to form-builder? I tried registerFieldTypes(datatable....) on FormBuilder object but failed.

Since Alloy has reached 2.0 stable, are there any plans to build the components to YUI's gallery?

There are many well built widgets in Alloy, but quite a few of us who are using the YUI seed file would love to be able to Y.use() Alloy widgets 😄

is this ui suit the ie6 ?

is it work well when on ie6?

thank you all

Now Alloy have 749.2 MB of files.

• api/ - 128.3 MB
• build/ - 26.9 MB
• demos/ - 3 MB
• docs/ - 54 KB
• lib/ - 16 KB
• resources/ - 2 MB
• sandbox/ - 66.7 MB
• src/ - 2 MB

The real problem is on .git folder, that have 520.1 MB of files.

We need to discuss the best approach to reduce this.

Invest in an https certificate for alloyui.com. According to my host, this will cost about $60 a year. I will pay this fee for you, if you like.

Then, make the following change to:

<script src="http://cdn.alloyui.com/2.0.0pr3/aui/aui-min.js"></script>

So that it is:

<script src="//cdn.alloyui.com/2.0.0pr3/aui/aui-min.js"></script>

Hey! I'm maintaining an ImageCropper implementation in the Gallery. Have you checked it out? Can we collaborate somehow to avoid doubling efforts?

These methods overwrite YUI's own implementation of them. Is this intentional? If it is, then there's a bug when:

1. A node is hidden with YUI
2. An Alloy module that uses aui-node is dynamically loaded afterwards
3. The node is shown now using Alloy's implementation

Result: the node is never shown because YUI uses style="display: none" and the hidden attribute, but Alloy just uses a helper class.

Hello, I have been trying to build this repo using yogi-alloy but failing miserably.

I have already followed the install steps decribed here (dependencies, npm packages etc.) and ya help gives me the yogi alloy mascot.

I have cloned this repository and tried to run ya init inside which gives me:

yogi [info]  using [email protected] on [email protected]
yogi [Oops!] You must be inside alloy-ui repo for this to work!

Same goes for ya build. I have double checked that I'm in the cloned folder where I can see .git folder.

I have then tried to manually build the repo with my wild guesses. Since ant all couldn't find a file in lib/builder I tried to pull in all the submodules using git submodule foreach git pull origin master but it says:

Entering 'lib/builder'
Permission denied (publickey).
fatal: The remote end hung up unexpectedly
Stopping at 'lib/builder'; script returned non-zero status.

I'm guessing there might be multiple independent issues with the build process, some of which could just be my silly mistakes. Any ideas?

Note If anyone cares to help, I'm just trying to modify the example diagram builder in alloyui website to include my custom nodes and additional properties for the nodes. Do I need to modify and then build the library somehow or is there an easy way to do this?

Hi

"Is it possible to limit the displayed time to between 10am to 7pm (10:00 to 19:00) instead of 12am to 11pm (00:00 to 23:59), in the week and day views?"

I asked this question a while ago on stackoverflow, here: http://stackoverflow.com/questions/25382513/alloy-ui-how-do-i-limit-the-displayed-time-in-the-scheduler
one person replied with some code that seemed to do it, but not quite (scheduled events were still in the old positions). It would be great if you guys could add support for this.

Thanks