angular with isotope like sorting? - javascript

I looked for some quesitons to find my answer but ı couldn't succeed. So what I want to do is that let say I want to make a notebook like web app where users can write, attach images and draw some figures on page and I will snap that page as an image with html2canvas (I didn't try it yet but that is not the point for now.) For my porpuse let say those image will be stored somewhere and database will store the relevent data. When user view the thumbnails of pages I want to make them to be used with jquery isotope plugin or some plugin like that with the collaboration of angular js. But it can be used with already loaded js data to sort or filter. Sometimes the ordering or sorting should be done in sql query to not fetch all the rows for the sake of performance. How to manage this. If not clear or complicated entery please warn me. Thanks for reading.

Related

Multiple modals vs one overwritable modal

I'm trying to set up a page which will have multiple elements in it. Could be something like books galery where when you click on the thumbnail a modal opens up with the picture of the book, link to publisher (or personal book page) and a description.
I was wondering whether it's more prudent to generate 1 modal per thumbnail (no js needed to manage anything and quick setup) or to setup one modal in which that data would be overwritten depending on which thumbnail you're clicking (less html generated but more complex to set up requiring js and storing information somewhere like data attribute).
I've seen a lot of topics and coverage regarding modals but haven't seen question like that asked so far. Everyone seems to be spamming countless modal "elements" without question.
Could someone shed some light on this for me?
The more efficient and future proof approach would be to incorporate JavaScript. As you would only be storing the data for each book and a single template modal this would conserve bandwidth. Additionally, what if you wanted to add more books? Just adding the data to the "books" array would be much easier in the future rather than having to create a new modal for each new entry.
However, if the gallery size is very small it may not be worth the time and effort to do this.
Hence, this is a design choice, it's up to you to decide what would be the ideal approach for your project.

Advanced Customization of Alfresco

I am having trouble figuring out how to do even the simplest things in Alfresco, like typing a simple document. I've been Googling and noticed that customizations can be done through HTML documents. I need help and decided to post a question to a knowledgeable user platform. THe following customizations I would like are WAY far fetched and most likely not even achievable, but any help that can be provided I would really appreciate.
*list items in bold are most important
Anyone could be assigned a login and when they logged in they would have access to and easily view all of the contents of the site (or multiple sites that make up one accessible website?)
All of the items on the website would be a hierarchy, the user facing contents of the site would be a list of links with thumbnails, when one link was clicked it would be another list of links with large thumbnails, when one of those links was clicked a text document would be brought up, that document would contain clickable sections, when one of those sections was clicked it would bring up a page only containing the section clicked:
Links (crafts)
2nd layer of links (modules)
Text and image document with clickable links (single module containing clickable sections)
Section (single sections of module)
The module and section text would also contain images and tables throughout and mixed in the text
If a link (module or section) was used in multiple places all instances of the link would be linked to each other. If on instance was edited, the other would also change. THis setting could be turned off for any individual link if necessary.
Every document should have an easy to use live commenting system (something simple like Disqus would work) The comments are the most important on the single section pages but would also be good on the module page
An advanced tagging system that would be part of the entire site/website environment. A user could type anything they wanted as a tag and use multiple tags. The tags would be used for their comments on the content (text, sections) but the tags could be searched (most importantly by the administrators of the site) at any time in the whole environment. A popularity of any tag could also be viewed (I'm not sure how that would work, possibly another section of the site or an easy to see column on any text/image document?)
A user could edit their own comment if they wished but would not be able to delete it entirely. Comments would also be date and time stamped.
I know all of this is most likely impossible but if anyone has an idea of Alfresco customizations that could pull any of this off, or of an entirely different secure platform or site that would perform anything similar to this please let me know.
Thank you!
It sounds like you are looking for a Web Content Management (WCM) System. Alfresco is a Document Management (DM) System. You can use Alfresco as a back-end for a custom content-centric solution, but if you are expecting to install it, start it up, and have anything close to what you've listed above, you are barking up the wrong tree.
Everything you've listed is a front-end concern. You can use whatever you want to develop that functionality, but none of it will leverage Alfresco unless you choose to store some of the data in the Alfresco back-end.
You might be better off looking at something in the WCM space, such as Drupal or Wordpress. Or if you want something Java-based, look at Magnolia CMS or Hippo CMS.

Angular-like framework for Node.Js based on express.js that could easily do sorting / filtering.

Anybody can recommend an easy-to-use framework for Node.Js (like Angular, but something lighter, also based on Express.Js) that enables basic filtering / sorting features without reloading the page (route)?
Or shall I just do it manually through JQuery?
What I have is a list on short text snippets on the left and a tag cloud on the right. When a user clicks on a tag, I want only those text snippets to show, which contain the tag. I might also later have to query them from the database on every click (for other data), just to give you an idea.
Thank you!
PS tried looking but didn't find anything that would just be very light and easy.

Interactively create PDF file from javascript generated html

I have a webpage with an interactive paged grid rendered using javascript. i.e. it's a grid that pulls in a number of rows at a time through MVC ajax call and have controls for going forward, backwards or jumping to a particular page. It is a fairly large grid (potentially millions of rows) and can display a number of different datasets. I would like to be able to generate a PDF containing a snapshot of each and every page from this dynamic grid. All the libraries I have looked at transfering html to pdf have all been static, anybody know of a good fast library to transfer interactive/dynamic javascript generated html to pdf? I am willing to do this at the server layer as well, if it is possible to import the .css skins used to create the grid on the webpage, to make the look similar.
I am not sure if that fits your needs, but I used
http://www.tcpdf.org/
some time ago, and it worked quite good. But no idea how good it works with javascript and stuff.
For the record I ended up using LocalReport From Microsoft.Reporting.WebForms.

Dynamic Pages with html5 + XML + JS?

Basically this is the first time when i ASK A QUESTION on stackoverflow. Anyway i will really appreciate if someone can point me to some direction about creating an simple product catalog app using html5+xml+js.
Well the structure is the following:
A: Home page >click> Product Categ >click> List of Products >click> Product Page Description
I'm not sure how shall i create the dynamic pages for the products to be able to extract all the products description from XML whenever click on any of product from the list page.
For example i have 10 products on the page, when i click on product X, an dynamic page with the product X 's (image, description, price) to be created, and so on.
I hope all of these things make sense for you and thanks a lot for your precious time.
For reading XML files using JavaScript, check answers from this question. For HTML5 and JavaScript in general I suggest you to check tutorials for some basics:
JavaScript - http://www.w3schools.com/js/default.asp
HTML5 - http://www.w3schools.com/html/html5_intro.asp
You can also check jQuery library tutorial. And here is jQuery's website.
I think that you should read some basics to learn how to look for more in the web and search for "how-to" connected with specified things you want to do and still don't know where to start.
EDIT:
If you want to check something that you'll need exactly at the beginning, you can check this documentation of addEventListener JavaScript method that will allow you to set action that will be invoked when particular event of the element fires. You can also check links connected to jQuery I mentioned above - jQuery is JavaScript library that makes writing JS simplier. But with both JavaScript and jQuery you have to spend some time reading documentation to know what you can do and how to achieve it.

Categories