Hi All,
i'm looking for a new maintainer of my Apps. Sorry but i have no time to keep them updated and maintain.
All my Apps are here: [https://open-store.io/?search=author%3Afulvio]
The source code is hosted on GithHub, look at the App page on Openstore for the link at his sources).
There is also this: [https://github.com/fulvio999/ubports_app_templates] is not an App but is related ad App development.
Thanks
Regards
Fulvio
UPDATE: After some attempts and the help of Balcy user i finally get a working example on Desktop: clickable desktop
Source code: https://github.com/fulvio999/testWebChannel
Running on device i have this blocking issue: https://github.com/fulvio999/testWebChannel/issues/1
Any idea to solve it is welcome. Thanks !
Thanks @lduboeuf for the links (sorry for the late response but i was busy).
They are the right direction to solve the issues (QML <--> html communication without Oxide).
I'm trying to implements the solution "Mostly qml" described at: https://retifrav.github.io/blog/2018/07/14/html-from-qml-over-webchannel-websockets/
because implements both the side (html and qml)
I have create a new C++ App using clickable and looked at sample code from article source: https://github.com/retifrav/qml-webchannel-websockets/tree/master/websockets-mostly-qml)
But there is an issues running "clickable desktop" :
"webSocketTransport.h:11:40: fatal error: QWebChannelAbstractTransport: No such file or directory"
(QWebChannelAbstractTransport is a standard QT class)
I'm not a QT/C++ developer but i suppose that some QT components are not included in Clickable to implements the solution.
Thanks
Hi All,
i'm moving a my old App based on Oxide library (now deprecated) to the new Ubuntu.Web
I have some issues doing that:
Using Oxide was possible send "messages" (ie: events) from QML to an html file using the function "sendMessage"
like this:
In qml file:
webview.rootFrame.sendMessage("messaging://", "**GET_CONTENT**", <other param>);
In the index.html file there is the listener for the event named "GET_CONTENT":
<script>
document.addEventListener("**GET_CONTENT**", function (event) {
//invoke a JS function in the html file
});
</script>
in qml file index.html is declare as:
WebView {
url: "./www/**index.html**"
})
Is possible do the same things wiht Ubunt.Web ?
Is there somewhere a guide (or better) sample code to perform the same things ?
PS: the source code of the app https://github.com/fulvio999/theGrid (now on Openstore is unpublished)
Thanks !
Hi @matteo,
yes is possible load data from a different source, like a database sqlite the database used by Ubuntu touch (Ubports)
For an example about chart + data loaded from sqlite database look at this:
https://mimecar.gitbook.io/qt-course/en/chapter-05-advanced/chapter-05-s01
("Database access with QML" and "QML and Charts" chapters)
The sample App associated with "QML and Charts" chapter can be found here:
https://github.com/mimecar/ubuntu-touch-programming-course-src
(is the project named: WeatherRecorderChart)
NOTE: that project are made with old Ubuntu sdk - ide But should work also with clickable (just 'clickable desktop' in the folder with the .pro file)
In case of does not work with clickable, the source code of the sample App is valid you can use it.
the two file you are interested are:
'ChartUtils.js' is the file containing the query to load data from sqlite database and prepare the data-set for the chart
'ChartPage.qml' is the qml page where the chart is drawn
To load data from a Libre Office sheet...sorry but i don't know how to do (maybe someone here have an idea, solution).
Tnx
Hi @matteo,
you must use the FULL path to the cookiecutter.json file of the template that you want use.
I have updated the Readme file on github (see "Example" section)
Tnx
Hi All,
if can help, i have published some application templates to use as starting point for Application development based on AdaptiveLayout, ListView, Chart, PageStack.
Templates and How to tutorial can be found at: https://github.com/fulvio999/ubports_app_templates
@bhdouglass If you want, feel free to clone, edit or include in the doc.
Thanks
Hi all,
i'm making an App that must use Pictures stored on the device.
Using my app the user choose the Pictures to be imported. To do that I'm using the Content-hub.
Picture selection and importing works correctly.
The problem is that each selected and imported image is placed in that folder:
'/home/.cache/<MyApp>.fulvio/HubIncoming/'
(where <MyApp> is the App id of my application).
That cause duplication of the images (and space consumption) because the same image is placed in the original folder (where the user pickup it) and in the above one.
For my purpose is necessary only have the path/url to the chosen images, (not also a copy of the image under /home/.cache/<MyApp>.fulvio/HubIncoming) so that in my app i can do a thing like this:
Image {
source: <the link to the Image>
}
Is possible ?
Thanks !
Hi @Giampy,
if you haven't already done try to:
Hope are useful suggestions
Hi @shelllavie
that is a known "problem" not solved to introduce the next chapter topic about adapting the sample application layout at the device screen (phone or tablet).
I have sent the chapter to @mimecar some time ago but due to an important issue Miguel suspended the course for a while (maybe you know about that, if you are subscribed at the course Telegram channel). I don't know when will be published (i am not the owner of the course, i have only written only some contents).
To solve the application size issue you can use a Layout named "ConditionalLayout" (https://api-docs.ubports.com/sdk/apps/qml/Ubuntu.Layouts/ConditionalLayout.html?highlight=conditionallayout).
Another solution could be use a "Loader" component (https://api-docs.ubports.com/sdk/apps/qml/Ubuntu.Layouts/ConditionalLayout.html?highlight=conditionallayout).
Useful links:
https://askubuntu.com/questions/446755/what-does-gu-stand-for
https://blog.ubuntu.com/2015/06/16/the-grid-system-in-detail
Tnx
Hi,
for the people using "atom-clickable plugin" with clickable 5.0.0 the command "Clickable: Build and run [desktop]" from Atom doesn't work because it uses the old '- - desktop' option replaced by 'desktop'.
To fix quickly this: open with an editor the file (enable 'show hidden files' to see 'atom' folder):
<your-home-folder>/.atom/packages/atom-build-clickable/lib/clickable.json
and remove the '- -' at line 114 after that should like this:
args: [ 'desktop' ],
Restart Atom to update the plugin.
I have just made a Pull request at the author of "atom-clickable plugin" to include that fix, and to include the new
'- - vivid' option (added with clickable 5.0.0)
Tnx
Hi @shelllavie
the sample applications ”WeatherRecorder” and ”WeatherRecorderChart” was made using the Ubuntu-sdk-ide.
After writing them, that tool was deprecated and replaced by ‘clickable’.
Running the the sample apps with clickable can be little issues.
Issue 1: icon images .png ( temperature.png and search.png) are not showed when the running on a device (or desktop) and are not include in .click package.
Fix: Add this:
$$files(*.png,true) \
at the existing entry “QML_FILES” in the WeatherRecorde.pro file
the one placed inside the folder containing .png icon and qml files).
With that modification should like this:
QML_FILES += $$files(.qml,true)
$$files(.png,true)
$$files(*.js,true)
Issue 2: there are incongruous values for ‘applicationName’ parameters in Main.qml and “manifest.json.in” files.
This could cause an error when trying to run the application on a device.
Fix: Align the values in “Main.qml” and “manifest.json.in” to have the same value in both files.
In Main.qml
applicationName: "weatherrecorderchart"
manifest.json.in
"name": "weatherrecorderchart",
I can't update sources on github because the owner of the repo is mimecar.
tnx
Hi @bhdouglass ,
juts to don't have some duplicated contents, some time ago I have written two chapters with samples for QML course of mimecar:
"Database access with QML"
text: https://mimecar.gitbooks.io/ubuntu-touch-programming-course/content/en/chapter-05-s01.html
Sample source: https://github.com/mimecar/ubuntu-touch-programming-course-src/tree/master/WeatherRecorder
"QML and Charts"
text: https://mimecar.gitbooks.io/ubuntu-touch-programming-course/content/en/chapter-05-s02.html
Sample cource: https://github.com/mimecar/ubuntu-touch-programming-course-src/tree/master/WeatherRecorderChart
If you want fork them and/or move to your new documentation portal for me there are no problems, but please ask before
at @mimecar if agree (i have only written that chapters but he is the maintainer/owner of the course).
Tnx
Hi @mungorae
to run the application (not deploy it) on desktop try a:
clickable - -xenial - -desktop
(or: clickable - -desktop )
should works (See Getting started section: http://clickable.bhdouglass.com/en/latest/getting-started.html)
Looking at your last posted output, your app is package successfully as .click package and deployed on your connected phone; so that should run also on desktop.
(Note: you can RUN the app on the desktop without any device connected; but you can't deploy it on desktop; ".click" package is not supported is only for mobile device).
Hi @mungorae ,
as test i have created a sample app with clickable - -init and template [2]: cmake - C++/QML App, added a WebView like your one and using "clickable --desktop" i have no issues (i have only removed import Ubuntu.Connectivity 1.0 ).
But, looking around i have found this: https://stackoverflow.com/questions/52415263/crash-when-using-webview-on-ubuntu-touch-xenial#
Seems you are the author of that question... As you say in the question you are building/running an App for exenial (16.04) but in your manifest file you have: "policy_version": 1.3 which is a wrong value.
Look here for info about how to update manifest and apparmor files to build app for xenial: https://forums.ubports.com/topic/1215/updating-apps-to-16-04
Then try with: "clickable - -xenial" or "clickable --xenial --desktop"
I'm not sure this solve the issues but i hope can help 