How to Add Dropdown Menu in Laravel Defaul Dashboard using Bootstrap

This is an article where the point of specific discussion is about how to add dropdown menu in Laravel Default Dashboard. The one which is being pointed out as Laravel Default Dashboard is the dashboard generated upon adding authentication feature. It can be referred to the article titled ‘How to Create Laravel Project with Authentication’ in this link. The Laravel Default Dashboard is shown in the following image :

After successfully logging in, there is a menu displayed located in the navigation header as shown in the following image :

Continue reading “How to Add Dropdown Menu in Laravel Defaul Dashboard using Bootstrap”

How to Install Bootstrap for Laravel using npm via Command Line in Linux Operating System

This is an article depicting the process of how to install bootstrap using an utility called ‘npm’. The utility itself which is claimed as Javascript Package Manager is actually take part for managing dependency available in a certain web-based application project such as Laravel. So, using npm to manage it, in the context of installing a Javascript additional module such as ‘bootstrap’, that role can be taken by executing a single command. But to execute the command further, the ‘npm’ utility need to be checked first whether or whether not it has already been installed. Below is the output of the ‘npm’ command executed :

Continue reading “How to Install Bootstrap for Laravel using npm via Command Line in Linux Operating System”

How to Install JQuery for Laravel using npm via Command Line in Linux Operating System

This article is actually displaying on how to install JQuery using npm which is executed via command line. It is executed in an environment of Command Line Interface (CLI) since the installation process just involving a step of typing the right, suitable or the correct command in the terminal or the text-based interface. It is done in Linux operating system since it actually provides the interface for executing the command. But first of all, the most important thing is to make sure that ‘npm’ as the utility used to install JQuery is already available in the operating system. To be able to do that, just type the following command :

user@hostname:/var/www/html/laravel$ npm

Usage: npm 

where  is one of:
    access, adduser, bin, bugs, c, cache, completion, config,
    ddp, dedupe, deprecate, dist-tag, docs, doctor, edit,
    explore, get, help, help-search, i, init, install,
    install-test, it, link, list, ln, login, logout, ls,
    outdated, owner, pack, ping, prefix, profile, prune,
    publish, rb, rebuild, repo, restart, root, run, run-script,
    s, se, search, set, shrinkwrap, star, stars, start, stop, t,
    team, test, token, tst, un, uninstall, unpublish, unstar,
    up, update, v, version, view, whoami

npm  -h     quick help on 
npm -l           display full usage info
npm help   search for help on 
npm help npm     involved overview

Specify configs in the ini-formatted file:
    /home/user/.npmrc
or on the command line via: npm  --key value
Config info can be viewed via: npm help config

npm@5.5.1 /usr/local/lib/node_modules/npm
user@hostname:/var/www/html/laravel$ 

After positively sure that the npm can be executed via command line through the above command execution in the terminal, just type the following command pattern to install a new module :

npm install [module_name]

The above command’s execution is shown below upon installing JQuery :

Continue reading “How to Install JQuery for Laravel using npm via Command Line in Linux Operating System”

How to Install jstree for Laravel using npm via Command Line in Linux Operating System

This article is simply an article written to display on how to install jstree using npm. The installation process is actually done by typing a command in the command line available in the operating system. The command line is actually a CLI (Command-Line Interface) available in the operating system such as ‘terminal’. The process is quite simple if ‘npm’ has already been installed. Just type ‘npm’ to make sure that the ‘npm’ utility has already been installed as shown below :

Continue reading “How to Install jstree for Laravel using npm via Command Line in Linux Operating System”

How to Update npm via Command Line in Linux Operating System

This is an article written for specifying on how to update npm which is well-known as a Javascript Package Manager. Furthermore, it is actually a tool that can be considered as a tool specialized on dependency module required upon building on a web-based application.

Actually the event for updating npm utility triggered upon executing a command for installing a package called ‘jquery’ by typing the following command :

Continue reading “How to Update npm via Command Line in Linux Operating System”

How to Add Multiple Attributes to Option Element

This article is telling on how to add multiple attributes to an ongoing to be created option element. As a matter in fact, any HTML element can be generated by using Javascript for an instance an option HTML element. The option HTML element itself can have one attribute for containing value which is going to used for further processing. The attribute usually called ‘value’. Below is the snippet code of HTML script showing the description given above :

<div class="form-group">
<label class="col-md-2 control-label">Database (If it is exist) :</label>
<div class="col-md-4">
<select name="databases" id="databases">
<option selected disabled>Choose Database</option>
@foreach($srv['db'] as $db)
<option value="{{$db->id_db}}" version="{{$db->version}}">{{$db->name}} {{$db->version}}</option>
@endforeach
</select>
</div>
</div>

Continue reading “How to Add Multiple Attributes to Option Element”