In APIM - Store we have included all the common views like header, footer,
side bar and etc as bindings in component.yaml as follows
bindings:
- zoneName: footer
mode: prepend
fragments:
- org.wso2.carbon.apimgt.web.store.feature.footer
- zoneName: topbar
mode: prepend
fragments:
- org.wso2.carbon.apimgt.web.store.feature.globalNavigation
- zoneName: sidebar
mode: prepend
fragments:
- org.wso2.carbon.apimgt.web.store.feature.sidebar
Then there is common layout which includes all of the above zones
(main.hbs).
{{defineZone "sidebar"}}
Then in every page (for ex : APIS list page, applications page and etc) we
have included this layout.
{{layout "main"}} .
So when ever redirects to another page all the common things will be
available.
Thanks!
Rajith
On Tue, Mar 7, 2017 at 1:29 PM, Denuwanthi De Silva <[email protected]>
wrote:
> Hi,
>
> I used the menu helper for the leftside menu generation in our layout
> currently.
> Will we get the '@selected' support with the coming uuf release?
>
> Thanks,
>
>
>
> On Tue, Mar 7, 2017 at 8:44 AM, Denuwanthi De Silva <[email protected]>
> wrote:
>
>> Hi Manuranga,
>>
>> Yes I'm planning to use menu helper, since that seems to be the way to
>> render the menus with each page loading.
>> If there is any other approach, we can try that too.
>>
>> Thanks
>>
>> On Mon, Mar 6, 2017 at 10:18 PM, Manuranga Perera <[email protected]> wrote:
>>
>>> Hi Denuwanthi,
>>> Are you planing to use menu helper ?
>>>
>>> On Mon, Mar 6, 2017 at 4:14 PM, SajithAR Ariyarathna <[email protected]>
>>> wrote:
>>>
>>>> Hi Manu,
>>>>
>>>> On Mon, Mar 6, 2017 at 9:11 PM, Manuranga Perera <[email protected]> wrote:
>>>>
>>>>> @Sajith
>>>>> * Can we use the menu helper ?
>>>>>
>>>> We have used the menu helper in the sample apps.
>>>>
>>>>> * AFAIK menu helper doesn't support a @selected attribute, to
>>>>> highlight current tab, don't we need to implement it?
>>>>>
>>>> Correct, ATM we don't support '@selected'. I think we can support it
>>>> easily.
>>>>
>>>>
>>>>>
>>>>> On Mon, Mar 6, 2017 at 2:52 PM, SajithAR Ariyarathna <
>>>>> [email protected]> wrote:
>>>>>
>>>>>>
>>>>>>
>>>>>> On Mon, Mar 6, 2017 at 8:17 PM, Denuwanthi De Silva <
>>>>>> [email protected]> wrote:
>>>>>>
>>>>>>>
>>>>>>>
>>>>>>> On Mon, Mar 6, 2017 at 6:51 PM, Denuwanthi De Silva <
>>>>>>> [email protected]> wrote:
>>>>>>>
>>>>>>>> Thank you for the detailed description Sajith.
>>>>>>>>
>>>>>>>>
>>>>>>>> On Mon, Mar 6, 2017 at 6:47 PM, SajithAR Ariyarathna <
>>>>>>>> [email protected]> wrote:
>>>>>>>>
>>>>>>>>> I think you have misunderstood the page concept. In UUF, Page is
>>>>>>>>> the whole thing (markup) that covers the browser window. So you
>>>>>>>>> *cannot* insert a page into another page.
>>>>>>>>>
>>>>>>>>> With that in mind, let's brak down the UI in [1].
>>>>>>>>>
>>>>>>>>> - Left pane has 4 links, seems that those are app level menus. So,
>>>>>>>>> IMO each link should have a separate page.
>>>>>>>>>
>>>>>>>>> +1 to have separate page for each app menu.
>>>>>>> But that would make the left side 4 menus to disappear each time we
>>>>>>> go inside each menu due to directing to a new page.
>>>>>>> As you can see in [2] & [3], the left side menu remains even if we
>>>>>>> navigate from "User" to "Group" menu.
>>>>>>>
>>>>>>> So, does that mean we have to go to a fragment approach inorder to
>>>>>>> keep the left menu while navigating (since we cannot load a page inside
>>>>>>> another page) ?
>>>>>>>
>>>>>>> No need for a fragment based approach. Please look at my second
>>>>>> point, the answer is there :)
>>>>>>
>>>>>>> - Top bar (logo, product name, and usermenu), breadcrumbs, and
>>>>>>> *right-side
>>>>>>> menu will be the same for all pages*. Then we can put the markup
>>>>>>> for those into a layout and use that layout in pages (e.g. overview
>>>>>>> page,
>>>>>>> users page).
>>>>>>
>>>>>> So, having the menu in the layout will make it appear on all 4 pages.
>>>>>>
>>>>>> Thanks.
>>>>>>
>>>>>>>
>>>>>>>
>>>>>>> [2]https://raw.githubusercontent.com/wso2-dev-ux/product-is/
>>>>>>> master/Wireframes/admin-portal/v2/3.3%20Add%20users%20-%20op
>>>>>>> tions.png
>>>>>>> [3]https://raw.githubusercontent.com/wso2-dev-ux/product-is/
>>>>>>> master/Wireframes/admin-portal/v2/4.3%20Group%20Listing.png
>>>>>>>
>>>>>>> - Top bar (logo, product name, and usermenu), breadcrumbs, and
>>>>>>>>> right-side menu will be the same for all pages. Then we can put the
>>>>>>>>> markup
>>>>>>>>> for those into a layout and use that layout in pages (e.g. overview
>>>>>>>>> page,
>>>>>>>>> users page).
>>>>>>>>>
>>>>>>>>> - You can configure the menu in the app.yaml (see pets-store,
>>>>>>>>> features-app samples). And using the {{#menu }} helper, you can
>>>>>>>>> populate
>>>>>>>>> the menu (see sample apps)
>>>>>>>>>
>>>>>>>>> Thanks.
>>>>>>>>>
>>>>>>>>>
>>>>>>>>> On Mon, Mar 6, 2017 at 6:15 PM, Denuwanthi De Silva <
>>>>>>>>> [email protected]> wrote:
>>>>>>>>>
>>>>>>>>>> Hi,
>>>>>>>>>>
>>>>>>>>>> We need to provide a tab like view as in [1].
>>>>>>>>>> When moving between each tab we plan to load a page.
>>>>>>>>>>
>>>>>>>>>> Is there a notation where we can insert a page inside the tab
>>>>>>>>>> similar to fragment notation?
>>>>>>>>>> or any other approach to achieve this behavior?
>>>>>>>>>>
>>>>>>>>>>
>>>>>>>>>> <li class="list-group-item"><a data-toggle="tab" href="#overview">
>>>>>>>>>> Overview</a></li>
>>>>>>>>>>
>>>>>>>>>> <div class="tab-content">
>>>>>>>>>> <div id="overview" class="tab-pane fade in active">
>>>>>>>>>>
>>>>>>>>>> <! -- need to insert a page here-->
>>>>>>>>>>
>>>>>>>>>> </div>
>>>>>>>>>> </div>
>>>>>>>>>>
>>>>>>>>>>
>>>>>>>>>>
>>>>>>>>>>
>>>>>>>>>> [1]https://raw.githubusercontent.com/wso2-dev-ux/product-is/
>>>>>>>>>> master/Wireframes/admin-portal/v2/2.1%20Landing%20page%20-%2
>>>>>>>>>> 0with%20no%20existing%20users.png
>>>>>>>>>>
>>>>>>>>>> --
>>>>>>>>>> Denuwanthi De Silva
>>>>>>>>>> Senior Software Engineer;
>>>>>>>>>> WSO2 Inc.; http://wso2.com,
>>>>>>>>>> Email: [email protected]
>>>>>>>>>> Blog: https://denuwanthi.wordpress.com/
>>>>>>>>>>
>>>>>>>>>
>>>>>>>>>
>>>>>>>>>
>>>>>>>>> --
>>>>>>>>> Sajith Janaprasad Ariyarathna
>>>>>>>>> Software Engineer; WSO2, Inc.; http://wso2.com/
>>>>>>>>> <https://wso2.com/signature>
>>>>>>>>>
>>>>>>>>
>>>>>>>>
>>>>>>>>
>>>>>>>> --
>>>>>>>> Denuwanthi De Silva
>>>>>>>> Senior Software Engineer;
>>>>>>>> WSO2 Inc.; http://wso2.com,
>>>>>>>> Email: [email protected]
>>>>>>>> Blog: https://denuwanthi.wordpress.com/
>>>>>>>>
>>>>>>>
>>>>>>>
>>>>>>>
>>>>>>> --
>>>>>>> Denuwanthi De Silva
>>>>>>> Senior Software Engineer;
>>>>>>> WSO2 Inc.; http://wso2.com,
>>>>>>> Email: [email protected]
>>>>>>> Blog: https://denuwanthi.wordpress.com/
>>>>>>>
>>>>>>
>>>>>>
>>>>>>
>>>>>> --
>>>>>> Sajith Janaprasad Ariyarathna
>>>>>> Software Engineer; WSO2, Inc.; http://wso2.com/
>>>>>> <https://wso2.com/signature>
>>>>>>
>>>>>> _______________________________________________
>>>>>> Dev mailing list
>>>>>> [email protected]
>>>>>> http://wso2.org/cgi-bin/mailman/listinfo/dev
>>>>>>
>>>>>>
>>>>>
>>>>>
>>>>> --
>>>>> With regards,
>>>>> *Manu*ranga Perera.
>>>>>
>>>>> phone : 071 7 70 20 50
>>>>> mail : [email protected]
>>>>>
>>>>
>>>>
>>>>
>>>> --
>>>> Sajith Janaprasad Ariyarathna
>>>> Software Engineer; WSO2, Inc.; http://wso2.com/
>>>> <https://wso2.com/signature>
>>>>
>>>
>>>
>>>
>>> --
>>> With regards,
>>> *Manu*ranga Perera.
>>>
>>> phone : 071 7 70 20 50
>>> mail : [email protected]
>>>
>>
>>
>>
>> --
>> Denuwanthi De Silva
>> Senior Software Engineer;
>> WSO2 Inc.; http://wso2.com,
>> Email: [email protected]
>> Blog: https://denuwanthi.wordpress.com/
>>
>
>
>
> --
> Denuwanthi De Silva
> Senior Software Engineer;
> WSO2 Inc.; http://wso2.com,
> Email: [email protected]
> Blog: https://denuwanthi.wordpress.com/
>
> _______________________________________________
> Dev mailing list
> [email protected]
> http://wso2.org/cgi-bin/mailman/listinfo/dev
>
>
--
Rajith Roshan
Software Engineer, WSO2 Inc.
Mobile: +94-72-642-8350 <%2B94-71-554-8430>
_______________________________________________
Dev mailing list
[email protected]
http://wso2.org/cgi-bin/mailman/listinfo/dev
