Keep It Simple: GitHub

Showing posts with label GitHub. Show all posts

Monday, September 19, 2022

Git Commands

Git Version

To check the git version

Git -v

Git Clone

To clone the repository, use the following command:

Git clone [url]

Get into the directory using the following commands:

Cd [folder name]

Git status

Now let’s create a new file to add it to our GitHub repo using the following command:

Fsutil file createnew sample.txt 0 [where 0 is the file length]

Git Status

By using the next command, we can check which all files are newly created/modified but not yet added into the repo

Git status

*The files marked in red are untracked files which are yet to be added into the git for commit

Git Add

To add the files for commit we need to make use of the following command

Git add filename

Git status

Git Restore [To remove the files not yet committed but staged]

To remove the files added to the stage but not yet committed use the following commands:

Git restore --staged filename

Git status

Git Commit

To commit the file into the GitHub, use the following command:

Git commit –m ‘your comments go here’

Git Push

To add the file into the main repository, use the following command

Git push

Git Pull

To get the latest changes use the following command

Git pull

Git Log

To get the log info use the following command

Git log

Git rm [To remove the file]

To remove the files from repo

Git rm filename

Git status

Git commit –m ‘reason to remove’

Git push

Git Branch

To list all the branches

Git branch

To create new branch

To create a new branch

Git branch [branch name]

Git branch

Git Switch

To switch between branches

Git switch [branch name]

Wednesday, February 21, 2018

When I was working on the progress bar I went through lots of examples on the net but all of them where create it from scratch. But I found one library on the git hub created by Wes Cruver which is very easy and useful to create the progress bar actually you don't need to do anything extra you just need to add the library and inject into the file and that's it rest of the things will be taken care on its own.

Libraries to add -

https://cdnjs.cloudflare.com/ajax/libs/angular-loading-bar/0.9.0/loading-bar.min.css

https://cdnjs.cloudflare.com/ajax/libs/angular-loading-bar/0.9.0/loading-bar.min.js

GitHub Link -

https://github.com/chieffancypants/angular-loading-bar

Dependency Injection -

['angular-loading-bar']

<head>

var app = angular.module('app', ['angular-loading-bar']);

app.controller('demoCtrl', ['$scope', '$http', function ($scope, $http) {

$http.get('https://rallycoding.herokuapp.com/api/music_albums').then(function (response) {

$scope.items = response.data;

}, function (error) {

$scope.items = null;

})}]);

</script>

</head>

<table>

<tr>

<th>Title</td>

<th> Artist</td>

<th>Image</td>

<th>Thumbnail Image</td>

</tr>

</tr>

</table>

</body>

</html>

Saturday, November 4, 2017

Pagination in the angular js

Today we are going to see how to add the pagination to the table in angular js application there are many different ways to do it but I do it using the pagination library on GitHub. GitHub is one of the best platforms for the developers there are lots of libraries created by the developers like us we can use them instead of creating out on our own using the existing thing is much better and time-saving

The link to the library is here dirpagination.

Lets start

<head>

crossorigin="anonymous"/>

var app = angular.module('app', ['angularUtils.directives.dirPagination']);

app.controller('MyCtrl', ['$scope', '$http', function ($scope, $http) {

$scope.items = [

{

age: "23"

{

age: "25"

{

age: "24"

{

age: "59"

{

age: "20"

{

age: "12"

}

]

}]);

</script>

</head>

<body>

<h1 class="page-header" style="text-align:center">Basic Angular App</h1>

<div class="col-sm-2">Search</div>

</div>

<hr>

<tr>

</tr>

</tr>

</table>

<dir-pagination-controls></dir-pagination-controls>

</div>

</body>

</html>

In the above example we have used the dirPagination.js for the pagination but we need to replace the data-ng-repeat which we use to bind the data to the table to dir-paginate we can also see that we have used the itemsPerPage: 5 and also there are many different options in that directive ex-

<dir-pagination-controls

[max-size=""]

[direction-links=""]

[boundary-links=""]

[on-page-change=""]

[pagination-id=""]

[template-url=""]

[auto-hide=""]>

</dir-pagination-controls>

In that way, we can add the pagination in angular application for better understanding of the directive go through the documentation

Monday, September 19, 2022

Git Commands

Wednesday, February 21, 2018

Progress Bar in Angular Js

Saturday, November 4, 2017

Pagination in the angular js

Git Commands