• Categories
  • Recent
  • Tags
  • Popular
  • Users
  • Groups
  • Search
  • Register
  • Login
UBports Robot Logo UBports Forum
  • Categories
  • Recent
  • Tags
  • Popular
  • Users
  • Groups
  • Search
  • Register
  • Login

File manager app guide for qml code

Scheduled Pinned Locked Moved App Development
25 Posts 3 Posters 3.7k Views 4 Watching
Loading More Posts
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • N Offline
      nibzy26 @arubislander
      last edited by 18 Oct 2023, 15:15

      In fileManager app I am trying to replace those orange icons showing on the left(Documents,Downloads,Videos etc) with my own but cannot find their location .There are some png icons in /FileManager/src/plugin/test_folderlistmodel/simpleUI/resources
      but these are not the right ones ?

      Q2: In FolderListView.qml There is this piece of code

          delegate: FolderListDelegate {
              id: delegate
      
             iconName: model.iconName  // this is the line of interest
              showProgressionSlot: model.isBrowsable
              isSelected: model.isSelected
              path: model.filePath
      

      What is iconName and which png file its pointing to and how can i replace it with my own ??Screenshot from 2023-10-18 20-14-30.png

      A L 2 Replies Last reply 18 Oct 2023, 15:52 Reply Quote 0
      • A Offline
        arubislander @nibzy26
        last edited by 18 Oct 2023, 15:52

        @nibzy26 Those icons are part of the Suru icon theme, which can be found at /usr/share/icons/suru on your device.

        The cleanest way to change them would be to load / install / provide an alternative icon team and then somehow get the shell to look to those for its icons. The last part is something I do not know how to do, but a good place to start would probably be finding out how this can be done on regular desktop Ubuntu.

        πŸ‡¦πŸ‡Ό πŸ‡³πŸ‡± πŸ‡ΊπŸ‡Έ πŸ‡ͺπŸ‡Έ
        Happily running Ubuntu Touch
        Google Pixel 3a (20.04 DEV)
        JingPad (24.04 preview)
        Meizu Pro 5 (16.04 DEV)

        N 1 Reply Last reply 19 Oct 2023, 05:32 Reply Quote 0
        • L Offline
          lduboeuf @nibzy26
          last edited by 18 Oct 2023, 15:53

          @nibzy26 said in File manager app guide for qml code:

          FolderListView.qml

          You might search where does the "model" comes from, and maybe a search for "iconName" would give you results.

          seems to be define here: https://gitlab.com/ubports/development/apps/lomiri-filemanager-app/-/blame/main/src/plugin/folderlistmodel/dirmodel.cpp?page=2#L1754

          1 Reply Last reply Reply Quote 0
          • N Offline
            nibzy26 @arubislander
            last edited by 19 Oct 2023, 05:32

            @arubislander Thanks
            how about use a image/icon file locally and give its path inside
            Icon {
            that should do it No ?

            A 1 Reply Last reply 19 Oct 2023, 05:37 Reply Quote 0
            • A Offline
              arubislander @nibzy26
              last edited by 19 Oct 2023, 05:37

              @nibzy26 said in File manager app guide for qml code:

              that should do it No ?

              No idea, try it and find out. I have no experience with custom icons, I think.

              πŸ‡¦πŸ‡Ό πŸ‡³πŸ‡± πŸ‡ΊπŸ‡Έ πŸ‡ͺπŸ‡Έ
              Happily running Ubuntu Touch
              Google Pixel 3a (20.04 DEV)
              JingPad (24.04 preview)
              Meizu Pro 5 (16.04 DEV)

              N 1 Reply Last reply 23 Oct 2023, 06:13 Reply Quote 0
              • N Offline
                nibzy26 @arubislander
                last edited by 23 Oct 2023, 06:13

                @arubislander Thanks

                okay another thing
                I have built Filemanager app with my changes in and it built the .click package version 1.0.3
                Then I uninstlled the default filemanager app on the phone which was version 1.0.2.
                I ran just the clickable cmd and wsa hoping that it would install it on the phone but it gave me this error

                install/lib/x86_64-linux-gnu/bin/lomiri-filemanager-app
                Successfully built package in './filemanager.ubports_1.0.3_amd64.click'.
                Running command "install"
                /home/nsyed/touch/fileman/FileManager/...hed. 8.9 MB/s (641162 bytes in 0.069s)
                Installing the app.
                Error: GDBus.Error:com.lomiri.click.OperationFailed: failed to install /home/phablet/filemanager.ubports_1.0.3_amd64.click
                Command ran on device via ADB failed. See output above.

                adb devices -l command does show my phone attached.

                What it cannot install the app on the phone?
                Alternately I can copy .click package to the phone via ssh but how do i install it manually ?

                N 1 Reply Last reply 23 Oct 2023, 06:29 Reply Quote 0
                • N Offline
                  nibzy26 @nibzy26
                  last edited by 23 Oct 2023, 06:29

                  Ok I think its because its building for amd64 architecture.
                  I changes architecture in manifest.json.in from @CLICK_ARCH@ to "all" but then while building I got the error

                  -- Installing: /home/nsyed/touch/fileman/FileManager/build/x86_64-linux-gnu/app/install/lib/x86_64-linux-gnu/bin/lomiri-filemanager-app
                  Clickable is building for architecture "amd64", but "all" is specified in the manifest. You can set the architecture field to @CLICK_ARCH@ to let Clickable set the architecture field automatically.
                  nsyed@nsyed-HP-Laptop-15-bs1xx:~/touch/fileman/FileManager$

                  A 1 Reply Last reply 23 Oct 2023, 06:53 Reply Quote 0
                  • A Offline
                    arubislander @nibzy26
                    last edited by 23 Oct 2023, 06:53

                    @nibzy26 Please change the architecture in the manifest file back to @CLICK_ARCH@. Then take a look at the clickable documentation here

                    Consider that the FileManager is not a pure QML project, so cannot be build for "all" architectures, but must be built for each architecture you are interested in supporting. Not sure why your clickable is defaulting to amd64, maybe not the latest, maybe your device is not being detected correctly, but no matter. The solution is to provide to clickable the arch with the --arch (or -a) command line parameter.

                    I would urge you to spend some more time reading the documentation of the different components you are using, so as to understand better what it is that you are doing.

                    πŸ‡¦πŸ‡Ό πŸ‡³πŸ‡± πŸ‡ΊπŸ‡Έ πŸ‡ͺπŸ‡Έ
                    Happily running Ubuntu Touch
                    Google Pixel 3a (20.04 DEV)
                    JingPad (24.04 preview)
                    Meizu Pro 5 (16.04 DEV)

                    N 1 Reply Last reply 24 Oct 2023, 07:53 Reply Quote 1
                    • N Offline
                      nibzy26 @arubislander
                      last edited by 24 Oct 2023, 07:53

                      @arubislander Thanks
                      sorry I forgot about --arch=arm64 option.

                      Another general question: I have replaced icons in /usr/share/icons/suru/places/128/ for Documents.Videos,Pictures folders etc and I can see my icons when i run the app on the phone.
                      Now I want to replace a music mp3 file icon with my own.At which location should i put my icon ? or whats the standard way to do it ?
                      and same goes for a text file .How do i use my own icons for various file types ?
                      any ideas

                      Thanks

                      A 1 Reply Last reply 24 Oct 2023, 07:59 Reply Quote 0
                      • A Offline
                        arubislander @nibzy26
                        last edited by 24 Oct 2023, 07:59

                        @nibzy26 Sorry, this is not something that I have much knowledge about. I would suggest you look around in the other folders in /usr/share/icons/suru folder and see if you find the current ones.

                        πŸ‡¦πŸ‡Ό πŸ‡³πŸ‡± πŸ‡ΊπŸ‡Έ πŸ‡ͺπŸ‡Έ
                        Happily running Ubuntu Touch
                        Google Pixel 3a (20.04 DEV)
                        JingPad (24.04 preview)
                        Meizu Pro 5 (16.04 DEV)

                        N 1 Reply Last reply 25 Oct 2023, 06:36 Reply Quote 0
                        • N Offline
                          nibzy26 @arubislander
                          last edited by 25 Oct 2023, 06:36

                          @arubislander Thanks

                          By the way its not just on the phone itself but even when i run the filemanager app on my desktop PC with clickable desktop command and create a file with extension .mp3 it associates this mp3 icon with it .please see attached.
                          The question is where is this mp3 icon in the file manager app src on my PC.mp3.png

                          N 1 Reply Last reply 25 Oct 2023, 14:16 Reply Quote 0
                          • N Offline
                            nibzy26 @nibzy26
                            last edited by 25 Oct 2023, 14:16

                            By the way I have used console.log in my filemanager app and want to see these msgs on the phone .where can i see these on the phone ?

                            A 1 Reply Last reply 25 Oct 2023, 15:01 Reply Quote 0
                            • A Offline
                              arubislander @nibzy26
                              last edited by 25 Oct 2023, 15:01

                              @nibzy26 I either use the LogViewer app on the phone or use clickable logs on my laptop with the phone connected.

                              πŸ‡¦πŸ‡Ό πŸ‡³πŸ‡± πŸ‡ΊπŸ‡Έ πŸ‡ͺπŸ‡Έ
                              Happily running Ubuntu Touch
                              Google Pixel 3a (20.04 DEV)
                              JingPad (24.04 preview)
                              Meizu Pro 5 (16.04 DEV)

                              N 1 Reply Last reply 26 Oct 2023, 07:53 Reply Quote 0
                              • N Offline
                                nibzy26 @arubislander
                                last edited by 26 Oct 2023, 07:53

                                @arubislander Thanks

                                thats very useful

                                N 1 Reply Last reply 26 Oct 2023, 13:56 Reply Quote 1
                                • N Offline
                                  nibzy26 @nibzy26
                                  last edited by 26 Oct 2023, 13:56

                                  Finally some success

                                  The mp3 file icons and some other file type icons that I was looking for are in icons/Humanity/mimes/48/ and not in icons/suru/ although my theme in filemanager app is set to Suru

                                  Why the hell they are not in suru and inside Humanity ?
                                  How the hell I or someone is supposed to know that.
                                  OMG

                                  A 1 Reply Last reply 26 Oct 2023, 14:28 Reply Quote -1
                                  • A Offline
                                    arubislander @nibzy26
                                    last edited by 26 Oct 2023, 14:28

                                    @nibzy26 Please tone down the language and contain your frustration. This is how it works in software in general and Open Source in particular. I am not saying it is ideal, but it is what it is.
                                    Wanting to dive in and do something that no one else has done before, you cannot expect to have the way already paved and documented for you. You are pioneering.
                                    As to why icons/Humanity/mimes/48? Possibly because this is a fallback if the icons/suru folder does not contain the relevant files.
                                    If it is the case how I have described it, then that is how theming works in general on Linux, I have never looked for documentation on the matter, but I am sure the information is out there.

                                    πŸ‡¦πŸ‡Ό πŸ‡³πŸ‡± πŸ‡ΊπŸ‡Έ πŸ‡ͺπŸ‡Έ
                                    Happily running Ubuntu Touch
                                    Google Pixel 3a (20.04 DEV)
                                    JingPad (24.04 preview)
                                    Meizu Pro 5 (16.04 DEV)

                                    1 Reply Last reply Reply Quote 2
                                    19 out of 25
                                    • First post
                                      19/25
                                      Last post