Use cases for combining OctoberCMS together with Vue.js - vue.js

when browsing the web I saw that some people are using OctoberCMS together with Vue.js. I'm wondering what would be the use cases/advantages for combining the 2 of them instead of only using OctoberCMS. What can be done better with the combination?
Or do people just combine the 2 of them because they are already used to Vue.js?
One point I read was that with the combination of the 2 it is possible to create SinglePageApps. Doesn't provide OctoberCMS itself already themes for SinglePageApps?
Thanks in advance

Related

Is it possible to use different one-signal notification configs for different builts I take with react-native-config?

Well I want to get different flavors/builds by using react-native-config
For example lets suppose I have 3 different entity types, how am I going to make configurations for those entities on one-signal ?
Same question can be asked for firebase configuration as well, should I open different project for every .env variable on firebase/onesignal... etc ?
How can I use these libraries for different builds ?
Thanks a lot.

Use Piranha CMS Manager editor in application for other users

I am trying to create some dynamic forms using Piranha CMS. As far as I managed to learn it is not supported right now, so I'm looking for work arounds or alternatives.
What I want to do now is use the editor from the manager for other users. To be more precise: this is how the editor looks like inside my manager when I want to edit a page
I have a text input and a select, both are Fields and there are many more fields to be used.
I want the sys admin to create a page with a list of inputs like this, which right now are usable only by the admin. BUT make this list of inputs available for edit to other users as well. Is it possible?
I'm not sure how to extract this editor or behavior or even if it is possible. The problem is we really need the admin to be able to configure different form inputs for users as it is the main core of our functionality.
Any help/advice is highly appreciated, thank you!
The components in the management UI is not designed to be reused in the front-end application in any way. The edit models in the manager contains a lot of extra meta data since the UI is completely generic. If you want to build an edit UI in your front end application, and you're using MVC or Razor Pages, the simplest way is to.
Get the generic model instead of your strongly typed model, for example api.Pages.GetById(...) instead of api.Pages.GetById<T>(...).
Loop the available fields in your selected region (a region is an ExpandObject which can be casted to an IDictionary<string, object>).
Use the built in support in Razor by calling #Html.EditorFor(...) for the fields.
Using this approach you can easily create your own EditorTemplates for the different types of fields you use that will match the rendering in your client application.
Best regards
HÃ¥kan

How to use multiple templates in Portia / Scrapy

I have successfully installed Portia based on the following tutorial:
http://www.akashjaindxb.com/2014/05/12/install-setup-and-use-portia-webcrawler/
and everything is working perfectly.
However the site I want to spider has different layouts for
certain items, thus I require multiple templates.
The above tutorial mentions that multiple templates can be used
but doesn't explain how to actually use multiple templates when crawling.
Does someone know how to instruct PORTIACRAWL to use multiple templates.
Thank you very much in advance.

Umbraco: A/B testing, links in structure

I'm having a problem when trying to A/B test certain nodes in my node-tree in Umbraco.
What I want to do is to copy a node in the node-tree to a specific spot and use that B-structure to see which of the structures works best, using Google analytics.
For example we have two node structures, let's call them "Private" and "Sweden".
Their structure with childnodes and properties are exactly the same. The only difference between them is the propertyvalues (content). The "Private"-URL is www.mysite.com/Private and the "Sweden"-URL is www.mysite.com/Sweden.
What I would like to do is to change every link on the B-structure, so that it points to its match at the A-structure. The problem is that since it's two different structures, it will have two different alternative links.
With other words, it should be a coinsidence that it enters the B-structure, then be moved back to the A-structure in the next click.
We manage what page it should load (either the A-node or the B-node) with scripts, so that it has a 50% chance for each node, and if it lands on the B-node, Google analytics will save data. What we can't manage is that every link on that page will be to the A-node.
I'd appreciate any help I can get.
Regards,
David
There's a couple of ways that seem likely to give you a start at least.
The /config/urlrewriting.config file allows you to set up multiple redirect rules within umbraco so a section like the following might work in sending all requests (whether (/sweden/pagename/ or /private/pagename/) back to the private structure. Not sure how GA will handle it:
rewriteUrlParameter="ExcludeFromClientQueryString" destinationUrl="http://www.mysite.com/private/$1" redirect="Domain" redirectMode="Permanent" ignoreCase="true" />
Secondly a simple httpmodule (http://support.microsoft.com/kb/307996) can process all page requests and redirect as required - you could do a gaq_push here directly or indirectly.
I'd be interested to know how you get on - it seems a good area for extension to Umbraco.
I'm not sure I have understood perfectly what you need to do, so please excuse any assumptions that may prove mistaken. Here's what I think:
Since A & B nodes should share the same html content (besides the links of course), why don't you make the link href attribute dynamic by using a bit of razor in the template or macro:
#{var isANode = CurrentPage.Parent.Name == "Sweden"; }
A similar approach would work if you are using web forms.
We finally came to the final decision to use the alternative template-solution. Since there seem to be no generic solution for my case of this problem we had to create an alternative template with specific macros to render the different information for every documenttype we're using.
Creating dynamic links for every page is a hell of a job in this stage in the project, since there are so many pages and links. Also some links are made in javascript, so there's another problem.
I copied the a-structure to another node, only for the reason to be able to change propertyvalues. There might be a problem logging and track the information with Google Analytics though, so that's the next step for us in this project. In our alternative templates we're getting the propertyvalues from the b-structure.
Still, if anyone have some better solution I'd highly appreciate it!
Regards,
David

Select Multioptions using Zend Forms in Zend Framework 2

Is there an example of how I can use the select mulitoptions using the Zend Forms in Zend Franework 2. I have got a requirement where I need to populate the selection box with the data from database and give the user the option to select multiple options, so that when the user selects his choice of options and submits it, then I want to store it in another table. I just described my requirement, I know how all these things work with normal PHP, MySQL and HTML. Since I dived into the Zend Framework 2 very recently, searched the Zend Framework 2 offcial website and found examples for using 'Select', but nothing for select multioptions. In case if some one can guide me how to approach this issue, their efforts would be appreciated.
If I understand your question correctly, I would start by looking at the Zend\Form\Element\Collection element class.
There is quite a good tutorial/resource that uses the Collection element:
http://packages.zendframework.com/docs/latest/manual/en/modules/zend.form.collections.html
Instead of using an element's class name to define the target_element, create an instance of Zend\Form\Element\Select and populate the dropdown values using setValueOptions() and pass this as the target_element.
The tutorial uses JavaScript to add new items to the collection.