RADIUSdesk

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Next revision
Previous revision
user_guide:md_on_lede_luci [2016/11/21 22:37] – created adminuser_guide:md_on_lede_luci [2016/11/21 23:58] (current) – [Include the MESHdesk application] admin
Line 129: Line 129:
 </file> </file>
   * Now we completed all the files needed for our LuCI application.   * Now we completed all the files needed for our LuCI application.
-  * Next we need to inform out build environment about this new kid on the block.+  * Next we need to inform our build environment about this new kid on the block.
   * For this we issue the following command:   * For this we issue the following command:
 <code bash> <code bash>
Line 137: Line 137:
   * Now we can install the application   * Now we can install the application
 <code bash> <code bash>
-~/ledelsource/scripts/feeds install luci-app-meshdesk+~/lede/source/scripts/feeds install luci-app-meshdesk
 </code> </code>
   * Run the **make menuconfig** pattern and go to **LuCI ->  Applications** and select **luci-app-meshdesk**.   * Run the **make menuconfig** pattern and go to **LuCI ->  Applications** and select **luci-app-meshdesk**.
   * At this stage you also might want to check that the **mode** of the MESHdesk firmware is set to **off** as specified in the initial instructions on the different **mode** options.   * At this stage you also might want to check that the **mode** of the MESHdesk firmware is set to **off** as specified in the initial instructions on the different **mode** options.
-  * +  * This will ensure you can reach the device on the LEDE default IP Address 0f 192.168.1.1 on the LAN port. 
 +  * Save this changes and do another **make** to confirm it compiles right. 
 +  * Next we will cover the changing and modifying of the theme.
  
 +====  Modify the LuCI theme ====
 +  * LuCI comes by default with the **Bootstrap** theme. 
 +  * Themes are like fashion, and music, what is hot today is old news in a year or two.
 +  * The current cool theme is **Material** and LuCI has a Material theme available for us to use.
 +  * Again like the LuCI applications we have to first install the theme and then select it.
 +<code bash>
 +~/lede/source/scripts/feeds install luci-theme-material
 +</code>
 +  * Run **make menuconfig** and go to **Luci -> Collections**. 
 +  * Deselect **luci**. This will allow you to go back one step and de-select the **luci-theme-bootstrap** and select **luci-theme-material** under **Themes**.
 +  * Save the configuration and do another **make** to confirm it compiles right.
 +  * You might want to do some of your own branding on the header and the footer of the theme.
 +  * For the header edit the following file: **~/lede/source/feeds/luci/themes/luci-theme-material/luasrc/view/themes/material/header.htm**.
 +  * Look for this bit:
 +<code html>
 + <a class="brand" href="#"><%=boardinfo.hostname or "?"%></a>
 +</code>
 +  * You might want to change it to this:
 +<code html>
 +<a class="brand" href="#">MESHdesk</a>
 +</code>
 +  * For the footer edit the following file: **~/lede/source/feeds/luci/themes/luci-theme-material/luasrc/view/themes/material/footer.htm**.
 +  * Look for this bit:
 +<code>
 +  <footer class="mobile-hide">
 +                    <a href="https://github.com/openwrt/luci">Powered by <%= ver.luciname %> (<%= ver.luciversion %>)</a> /
 +                    <a href="https://openwrt.org/"><%= ver.distversion %></a>
 +                    <% if #categories > 1 then %>
 +                    <ul class="breadcrumb pull-right" id="modemenu">
 +                        <% for i, r in ipairs(categories) do %>
 +                        <li<% if request[1] == r then %> class="active"<%end%>><a href="<%=controller%>/<%=r%>/"><%=striptags(translate(tree.nodes[r].title))%></a> <span class="divider">|</span></li>
 +                        <% end %>
 +                    </ul>
 +                    <% end %>
 +                </footer>
 +</code>
 +  * You might want to change it to this:
 +<code html>
 +<footer class="mobile-hide">
 +           MESHdesk project 2016
 +</footer>
 +</code>
 +  * After these changes you can do the **make** routine to confirm it compiles.
 +  * Once the compile if finish you can flash it and give it a spin. The Meshdesk application is refered to as **Cloud Controller** under the **System** menu.
  
 +{{ :user_guide:md:luci-app-meshdesk.png?nolink |}}