Jump to content

mstdmstd

Members
 View Profile  See their activity

  • Posts

    48

  • Joined

  • Last visited

 Content Type 

Posts posted by mstdmstd

    Why some items on dashboard page looks ugly?

    in CSS Help

    Posted

    Hello,
    I make site In laravel 9 with Inertiajs/vuejs 3 based on https://github.com/ColorlibHQ/AdminLTE (dark mode).

    Making dashboard page I found that some items looks ugly : https://prnt.sc/UyMma70bRe3R
    I suppose it is so as items are below of current screen.

    Please try enter to login into adminarea by url :

    `https://bi-currencies.my-demo-apps.tk/admin/currencies`

    credentials are in Login form

    Any ideas why so and how that can be fixed?

    Thanks!

    Why modal forms opened with JS show method shows ugly modal ?

    in Javascript Help

    Posted


    Hello,
    I have pages with custom  html/css/jquery design and where modal forms are opened in somewhat uncommon way for me :
    not with JS code, but as links :
      

                            <a href="#modal-signin" class="header__signIn" data-modal><span>BUTTON TO OPEN LOGIN MODAL</span></a>

    and login form :
      

        <div id="modal-signin" class="modal modal-signin">
        <div class="modal-title">
            LOGIN
        </div>
        <div class="form-signin">
            <form action="">

    I try to remake it and to open it JS code, as I need to read some data from db with ajax when I open modal form.
    I try to make the same with JS code using .show method : 

    <a  onclick="modalSigninOpen(); return false;" class="header__search">
    <svg width="15" height="15">
        <use xlink:href="/img/sprite.svg#search"></use>
    </svg>
</a>
...


    function modalSigninOpen() {
        console.log('modalSigninOpen::')
        $('#modal-signin').show();
    }

    modal form is opened, but looks ugly and not centered.
    Please open site at http://photographers.my-demo-apps.tk/
    and try to click on Enter/Search buttons at right top : https://prnt.sc/26kr0wp

    Which methods have I to use and how that can be fixed ?

    Thanks!

    How to open next/prior step block with JS code?

    in Javascript Help

    Posted

    I have template(HTML / jQuery v3.6) with wizard steps defined as
    <div id="modal-completion-registration" class="modal modal-completion-registration">
      

    <div class="completion-registration__progress">
<div class="completion-registration__progress-item active" data-registration-step="1">
...
</div>
<div class="completion-registration__progress-item" data-registration-step="2">
...
</div>
<div class="completion-registration__progress-item" data-registration-step="3">
...
</div>
</div>


    I suppose when button on any step block is clicked then next step block becomes active automatically, but in real app
    any step is submitted with ajax request and depending on request status(success/failure) I need to move to next step programmatically
    with JS code. How can I open next/prior step block with JS code?

    This template use jquery3.6.0 and jquery-ui-1.12.1 and no any additive jquery plugings.
    I googled in net and failed to find these functionality description.
    Please, provide a relative link...

    Thanks!
     

    Why distance between link and grid of images is decreased by any click ?

    in CSS Help

    Posted

    Hello,

    With jquery I have “Load more” link which  is implemented with code like :
      

                    <div id="div_nominated_photos_container"
                     style="margin: 10px !important; WWborder: 3px dotted red !important; ">
                </div>


                <div style="margin: 10px !important; " id="div_add_new_photos">
                    <a onclick="javascript:loadNominatedPhotos(true)" class="nomination-new__btn-more "
                       style="cursor: pointer;">
                        <svg class="nomination-new__arr-down">
                            <use xlink:href="/img/sprite.svg#arr-down"></use>
                        </svg>
                        Ещё фото
                    </a>
                </div>


    function loadNominatedPhotos(load_next_page) {
        if (load_next_page) {
            current_page++
        }

        var current_nomination_id = <?php echo e($currentNomination->id ?? ''); ?>


        $.ajax({
            type: "GET",
            dataType: "json",
            url: '/get_nominated_photos/' + current_nomination_id + "/" + current_page, //     public function get_nominated_photos($nomination_id, $current_page= 1)

            success: function (response) {
                if (current_page === 1) {
                    $("#div_nominated_photos_container").html(response.html);
                }
                if (current_page > 1) {
                    $(".main_gallery__block:last").after(response.html);
                }

                if (response.rows_uploaded_count >= response.nominated_photos_total_count) {
                    $("#div_add_new_photos").css('display', 'none');
                } else {

                    $("#div_add_new_photos").css('display', 'block');
                    //  $($(".para")[1]).css({"color":"yellow"});
                    $("#div_add_new_photos").css('margin-top', '10px !important;'); //padding-top: 10px !important;
                }

            },
            error: function (error) {
                console.error(error)
            }
        });

    }

     

    adding more content work ok. but I have a problem
    that clicking on “Ещё фото” link  distance between this link and grid of images is decreased by any click :
    Printscreen

    Live at:
    Live link

    When 15 rows are loaded then on “Ещё фото” link is hidden at all, as all data are retrieved.

    I tried to set margins in content div design or programatically but failed.

    How that can be fixed ?

    Thanks!

    Has kubuntu 20 functionality "Freeze Task manager"?

    in Linux

    Posted

    New kubuntu 20 seems has no functionality "Freeze Task manager".
    Just exclude acassional removing of menu items  in Task manager.
     But prior kubuntu had such functionality.

    Can I add such functionality in kubuntu 20 ?


        $ uname -a
        Linux master-laptop 5.11.0-37-generic #41~20.04.2-Ubuntu SMP Fri Sep 24 09:06:38 UTC 2021 x86_64 x86_64 x86_64 GNU/Linux
        $ lsb_release -d; uname -r; uname -i
        Description:    Ubuntu 20.04.3 LTS
        5.11.0-37-generic
        x86_64
        $ plasmashell -v
        plasmashell 5.18.5
        
        $ kf5-config --version
        Qt: 5.12.8
        KDE Frameworks: 5.68.0
        kf5-config: 1.0

    Thanks!

    I failed to install indicator-brightness on ubuntu 20

    in Linux

    Posted


    I failed to install indicator-brightness anyway.
    1) How can I clear indicator-brightness from my repository, as :

    I tried to add docker support with command : 

    sudo vi /etc/apt/sources.list.d/docker.list


    New file docker.list was created.


    I deleted it manually , but I still got errors :
      

    root@master-laptop:/etc/apt/sources.list.d# sudo add-apt-repository --remove ppa:indicator-brightnes
Cannot add PPA: 'ppa:~indicator-brightnes/ubuntu/ppa'.
ERROR: '~indicator-brightnes' user or team does not exist.
root@master-laptop:/etc/apt/sources.list.d# sudo apt-get update
Hit:1 http://ua.archive.ubuntu.com/ubuntu focal InRelease
Hit:2 http://ua.archive.ubuntu.com/ubuntu focal-updates InRelease
Hit:3 http://ua.archive.ubuntu.com/ubuntu focal-backports InRelease
Hit:4 http://dl.google.com/linux/chrome/deb stable InRelease
Hit:5 https://repo.skype.com/deb stable InRelease
Hit:6 http://ppa.launchpad.net/giuspen/ppa/ubuntu focal InRelease
Hit:7 http://ppa.launchpad.net/ondrej/php/ubuntu focal InRelease
Hit:8 https://deb.nodesource.com/node_14.x focal InRelease
Hit:9 http://security.ubuntu.com/ubuntu focal-security InRelease
Reading package lists... Done
E: The method driver /usr/lib/apt/methods/ppa could not be found.
N: Is the package apt-transport-ppa installed?
E: Failed to fetch ppa://indicator-brightness/ppa/dists/master/InRelease


    2) I use Kubuntu 20, so I search some KDE app/plugin/tool like indicator-brightnes compatible with Kubuntu 20...
     

    I failed to install indicator-brightness on ubuntu 20

    in Linux

    Posted


    With command 

    man apt-secure



    I got next text:

     

    Quote

    APT-SECURE(8) APT APT-SECURE(8)

    NAME
    apt-secure - Archive authentication support for APT

    DESCRIPTION
    Starting with version 0.6, APT contains code that does signature checking of the Release file for all repositories. This ensures that data like packages in the archive can't be modified by people who have no access to the
    Release file signing key. Starting with version 1.1 APT requires repositories to provide recent authentication information for unimpeded usage of the repository. Since version 1.5 changes in the information contained in the
    Release file about the repository need to be confirmed before APT continues to apply updates from this repository.

    Note: All APT-based package management front-ends like apt-get(8), aptitude(8) and synaptic(8) support this authentication feature, so this manpage uses APT to refer to them all for simplicity only.

    UNSIGNED REPOSITORIES
    If an archive has an unsigned Release file or no Release file at all current APT versions will refuse to download data from them by default in update operations and even if forced to download front-ends like apt-get(8) will
    require explicit confirmation if an installation request includes a package from such an unauthenticated archive.

    You can force all APT clients to raise only warnings by setting the configuration option Acquire::AllowInsecureRepositories to true. Individual repositories can also be allowed to be insecure via the sources.list(5) option
    allow-insecure=yes. Note that insecure repositories are strongly discouraged and all options to force apt to continue supporting them will eventually be removed. Users also have the Trusted option available to disable even
    the warnings, but be sure to understand the implications as detailed in sources.list(5).

    A repository which previously was authenticated but would loose this state in an update operation raises an error in all APT clients irrespective of the option to allow or forbid usage of insecure repositories. The error can
    be overcome by additionally setting Acquire::AllowDowngradeToInsecureRepositories to true or for Individual repositories with the sources.list(5) option allow-downgrade-to-insecure=yes.

    SIGNED REPOSITORIES
    The chain of trust from an APT archive to the end user is made up of several steps. apt-secure is the last step in this chain; trusting an archive does not mean that you trust its packages not to contain malicious code, but
    means that you trust the archive maintainer. It's the archive maintainer's responsibility to ensure that the archive's integrity is preserved.

    apt-secure does not review signatures at a package level. If you require tools to do this you should look at debsig-verify and debsign (provided in the debsig-verify and devscripts packages respectively).

    The chain of trust in Debian starts (e.g.) when a maintainer uploads a new package or a new version of a package to the Debian archive. In order to become effective, this upload needs to be signed by a key contained in one
    of the Debian package maintainer keyrings (available in the debian-keyring package). Maintainers' keys are signed by other maintainers following pre-established procedures to ensure the identity of the key holder. Similar
    procedures exist in all Debian-based distributions.

    Once the uploaded package is verified and included in the archive, the maintainer signature is stripped off, and checksums of the package are computed and put in the Packages file. The checksums of all of the Packages files
    are then computed and put into the Release file. The Release file is then signed by the archive key for this Ubuntu release, and distributed alongside the packages and the Packages files on Ubuntu mirrors. The keys are in
    the Ubuntu archive keyring available in the ubuntu-keyring package.

    End users can check the signature of the Release file, extract a checksum of a package from it and compare it with the checksum of the package they downloaded by hand - or rely on APT doing this automatically.

    Notice that this is distinct from checking signatures on a per package basis. It is designed to prevent two possible attacks:

    • Network "man in the middle" attacks. Without signature checking, malicious agents can introduce themselves into the package download process and provide malicious software either by controlling a network element (router,
    switch, etc.) or by redirecting traffic to a rogue server (through ARP or DNS spoofing attacks).

    • Mirror network compromise. Without signature checking, a malicious agent can compromise a mirror host and modify the files in it to propagate malicious software to all users downloading packages from that host.

    However, it does not defend against a compromise of the master server itself (which signs the packages) or against a compromise of the key used to sign the Release files. In any case, this mechanism can complement a
    per-package signature.

    INFORMATION CHANGES
    A Release file contains beside the checksums for the files in the repository also general information about the repository like the origin, codename or version number of the release.

    This information is shown in various places so a repository owner should always ensure correctness. Further more user configuration like apt_preferences(5) can depend and make use of this information. Since version 1.5 the
    user must therefore explicitly confirm changes to signal that the user is sufficiently prepared e.g. for the new major release of the distribution shipped in the repository (as e.g. indicated by the codename).


    USER CONFIGURATION
    apt-key is the program that manages the list of keys used by APT to trust repositories. It can be used to add or remove keys as well as list the trusted keys. Limiting which key(s) are able to sign which archive is possible
    via the Signed-By in sources.list(5).

    Note that a default installation already contains all keys to securely acquire packages from the default repositories, so fiddling with apt-key is only needed if third-party repositories are added.

    In order to add a new key you need to first download it (you should make sure you are using a trusted communication channel when retrieving it), add it with apt-key and then run apt-get update so that apt can download and
    verify the InRelease or Release.gpg files from the archives you have configured.

    REPOSITORY CONFIGURATION
    If you want to provide archive signatures in an archive under your maintenance you have to:

    • Create a toplevel Release file, if it does not exist already. You can do this by running apt-ftparchive release (provided in apt-utils).

    • Sign it. You can do this by running gpg --clearsign -o InRelease Release and gpg -abs -o Release.gpg Release.

    • Publish the key fingerprint, so that your users will know what key they need to import in order to authenticate the files in the archive. It is best to ship your key in its own keyring package like Ubuntu does with
    ubuntu-keyring to be able to distribute updates and key transitions automatically later.

    • Provide instructions on how to add your archive and key. If your users can't acquire your key securely the chain of trust described above is broken. How you can help users add your key depends on your archive and target
    audience ranging from having your keyring package included in another archive users already have configured (like the default repositories of their distribution) to leveraging the web of trust.

    Whenever the contents of the archive change (new packages are added or removed) the archive maintainer has to follow the first two steps outlined above.

    SEE ALSO
    apt.conf(5), apt-get(8), sources.list(5), apt-key(8), apt-ftparchive(1), debsign(1), debsig-verify(1), gpg(1)

    For more background information you might want to review the Debian Security Infrastructure[1] chapter of the Securing Debian Manual (also available in the harden-doc package) and the Strong Distribution HOWTO[2] by V. Alex
    Brennen.

    BUGS
    APT bug page[3]. If you wish to report a bug in APT, please see /usr/share/doc/debian/bug-reporting.txt or the reportbug(1) command.

    AUTHOR
    APT was written by the APT team <[email protected]>.

    MANPAGE AUTHORS
    This man-page is based on the work of Javier Fernández-Sanguino Peña, Isaac Jones, Colin Walters, Florian Weimer and Michael Vogt.



    Do you mean this manuals ?
    Could you please point to key of my problem salvation?
    Sorry this manuals are too vague and comlicated for me...
     

    I failed to install indicator-brightness on ubuntu 20

    in Linux

    Posted

    Hello,
    I tried to install indicator-brightness, but got errors : 

    master@master-laptop:/mnt/_work_sdb8/wwwroot/lar/Hostels4J$ sudo add-apt-repository ppa:indicator-brightness/ppa
[sudo] password for master:
PPA for the indicator-brightness for the Unity panel.
More info: https://launchpad.net/~indicator-brightness/+archive/ubuntu/ppa
Press [ENTER] to continue or Ctrl-c to cancel adding it.

Hit:1 http://ua.archive.ubuntu.com/ubuntufocal InRelease
Hit:2 http://ua.archive.ubuntu.com/ubuntufocal-updates InRelease
Hit:3 http://ua.archive.ubuntu.com/ubuntufocal-backports InRelease
Hit:4 http://dl.google.com/linux/chrome/debstable InRelease
Hit:5 http://ppa.launchpad.net/giuspen/ppa/ubuntufocal InRelease
Hit:6 https://deb.nodesource.com/node_14.xfocal InRelease
Ign:7 http://ppa.launchpad.net/indicator-brightness/ppa/ubuntufocal InRelease
Hit:8 http://security.ubuntu.com/ubuntufocal-security InRelease
Hit:9 http://ppa.launchpad.net/ondrej/php/ubuntufocal InRelease
Err:10 http://ppa.launchpad.net/indicator-brightness/ppa/ubuntufocal Release
404 Not Found [IP: 91.189.95.85 80]
Reading package lists... Done
E: The repository 'http://ppa.launchpad.net/indicator-brightness/ppa/ubuntu focal Release' does not have a Release file.
N: Updating from such a repository can't be done securely, and is therefore disabled by default.
N: See apt-secure(8) manpage for repository creation and user configuration details.
master@master-laptop:/mnt/_work_sdb8/wwwroot/lar/Hostels4J$ sudo apt-get update
Hit:1 http://ua.archive.ubuntu.com/ubuntufocal InRelease
Hit:2 http://ua.archive.ubuntu.com/ubuntufocal-updates InRelease
Hit:3 http://ua.archive.ubuntu.com/ubuntufocal-backports InRelease
Hit:4 http://dl.google.com/linux/chrome/debstable InRelease
Hit:5 http://ppa.launchpad.net/giuspen/ppa/ubuntufocal InRelease
Hit:6 https://deb.nodesource.com/node_14.xfocal InRelease
Ign:7 http://ppa.launchpad.net/indicator-brightness/ppa/ubuntufocal InRelease
Hit:8 http://security.ubuntu.com/ubuntufocal-security InRelease
Hit:9 http://ppa.launchpad.net/ondrej/php/ubuntufocal InRelease
Err:10 http://ppa.launchpad.net/indicator-brightness/ppa/ubuntufocal Release
404 Not Found [IP: 91.189.95.85 80]
Reading package lists... Done
E: The repository 'http://ppa.launchpad.net/indicator-brightness/ppa/ubuntu focal Release' does not have a Release file.
N: Updating from such a repository can't be done securely, and is therefore disabled by default.
N: See apt-secure(8) manpage for repository creation and user configuration details.
master@master-laptop:/mnt/_work_sdb8/wwwroot/lar/Hostels4J$ sudo apt-get install indicator-brightness
Reading package lists... Done
Building dependency tree
Reading state information... Done
E: Unable to locate package indicator-brightness





    Searching in next I found additive option : 

    --allow-unauthenticated


    but looks lokie this option does not work now ?


    Which is good and safe way to inmstall indicator-brightness ?

    Thanks!

    Some people got is “a possible malware” opening my site?

    in Other Web Server Software

    Posted

    Hi,
    I tried to show js problem at my https://streamgeeks-rebranded-dev.cloudns.cl/ site
    located at AWS, ubuntu, 20 Apache/2.4
    But I got a feedback from one of users :
     

    Quote

    My connection block that site ^^
    The security system of the network operator blocks me saying that it is "a possible malware" –




    After discussion I got link :
    https://www.virustotal.com/gui/url/f07ad9409e7b60633952021af9292753cc142f2a5675055fdbb19f8b563e0132/detection

    and got some errors report : 

    Avira (no cloud) Phishing
Netcraft - Malicious


    Which steps have I to take ? If it some bad code inside of my site ? Or something wrong in ubuntu 20/apache/mysql ?


    Also are there some apps/tools for my Kubuntu 18 on my laptop to see these problems working with my site ?

    Thanks!



     

    How to create OAuth client ID for new ASW ec2 instance under http?

    in Miscellaneous

    Posted

    Hallo,
    I installed ASW ec2 instance
    with Selected Ubuntu 20, Free tier eligible
    and I got instance with root like
    http://ec2-NN-NN-NN-NN.eu-central-1.compute.amazonaws.com/
    I have installed laravel 8/vuejs app and my app using OAuth client ID
    For my local server (Ubuntu 18 on my laptop) I created client key with url http://127.0.0.1:8000
    But I failed to make the similar for my ASW ec2 instance : https://imgur.com/a/tIQiPAe
    1) If there is a way to create OAuth client ID for AWS http url,like I have by default?
    2) If no, please point how can I move my app under https ?
    Is this function accessible for Free tier eligible instance ?

    3) Actually I created this Free tier eligible instance for practice and later I will get from client
    other ASW ec2 instance, but I would like how can I do it. Please link to related services in AWS console, docs...

    Thanks!
     

    How in tailwindcss make modal dialog when page has horizontal scrolling?

    in CSS Help

    Posted

    Hello,
    Basing on tailwindcss 2 modal example https://alpinetoolbox.com/examples/modal
    I make modal dialog with setting max-h-screen class, like
      

    <div class="overflow-auto" role="dialog" style="background-color: rgba(0,0,0,0.5)" x-show="showModal"
:class="{ 'absolute inset-0 z-50 flex items-center justify-center': showModal }"
@keydown.escape.window="showModal = false"
>
<!--Dialog-->
<div
class="flex flex-col sm:h-4/5 md:h-4/6 max-h-screen justify-between rounded shadow-lg py-4 text-left px-6 modal-container"
x-show="showModal" @click.away="showModal = false" x-transition:enter="ease-out duration-300"
x-transition:enter-start="opacity-0 scale-90" x-transition:enter-end="opacity-100 scale-100"
x-transition:leave="ease-in duration-300" x-transition:leave-start="opacity-100 scale-100"
x-transition:leave-end="opacity-0 scale-90">



    and it works ok, untill page has no horizontal scrolling.

    If page has horizontal scrolling - then only part of the page is with modal and space below is
    empty and this makes page

    I also tried to use max-h-full instead of max-h-screen, but no effect.

    How can I made it ?

    Thanks!
     

    How to make table with horizontal scrolling with tailwindcss 2.1?

    in CSS Help

    Posted

    I want to make table with horizontal scrolling for its content and
    I try to use whitespace-nowrap class for table cells which have long content and
    overflow-x-auto for all the table, like: 

        <div class="editor_listing_wrapper_bix_width">


        <table class=" overflow-x-auto p-1 m-1 d2">
            <thead class="bg-gray-700 border-b-2 border-t-2 border-gray-300">
            <tr>
                <th class="w-1/12 py-2">Id</th>
                <th class="w-4/12 py-2">Name</th>
                <th class="w-4/12 py-2">Description</th>
                <th class="w-1/12 py-2"></th>
            </tr>
            </thead>
            <tbody>

            <tr>

                <td>1</td>
                <td class="whitespace-nowrap">
                    Laptops
                    <small class="pl-2 pt-1">
                        ( Used in 2 ad(s) )
                    </small>
                </td>

                <td class="whitespace-nowrap p-1">Laptops description Lorem ipsum dolor sit amet,
                    consectetur
                    adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna
                    aliqua....
                </td>

    But looks like  horizontal scrolling is for all area, not for my table

    Pls, take look at pen: https://codepen.io/sergeynilov/pen/eYgjVgM


    I use tailwindcss 2.1.0.

    Thanks!

    Putting put string text in javascript raise syntax error

    in PHP Coding Help

    Posted

    Hello,


    In my Laravel 8 / jQuery 3.5.1 app I need to put string text in javascript like :
      

    L.marker([{{$adLocation->lat}}, {{ $adLocation->lng }}]).addTo(locationMap)
.bindPopup("<b>Add Location!</b><br />"+'{!! crlf($adLocation->content) !!}'+".").openPopup();


    I try to replace crlf characters with method like 

    function crlf(string $s) : string
{
return str_replace( array("\r\n", "\r", "\n"), "<br />", $s);

// 2 lines below does not work too
// return preg_replace('/\<br(\s*)?\/?\>/i', "\n", $s);
// return nl2br($s);
}


    But anyway I got error : 

    edit:539 Uncaught SyntaxError: Invalid or unexpected token


    and I see in browser : https://prnt.sc/wtpnri and https://prnt.sc/wtq78t

    Which way is valid ?

    Thanks!

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.