Suche bei git nach Tools ,Plugins,Programme uvm
Code
<head>
<script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Bree+Serif">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Baloo+Tamma|Open+Sans+Condensed:300">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css">
<script src="https://basti1012.de/js/index.php?js=jquery.autocomplete.min.js"></script>
</head>
<style>
body{
background-image:url('https://basti1012.bplaced.net/testordner_privat/von_basti1012_de/bilder/school_bnldct.png');
}
#top_heading{
font-size:40px;
font-family: 'Baloo Tamma', cursive;
}
.logo1{
color:#ED1212;
}
#middle_heading{
font-family: 'Open Sans Condensed', sans-serif;
font-size:30px;
}
#search_box{
width:50%;
margin-left:28%;
}
div+div{
margin-top:10px;
}
.lead{
font-size:25px;
}
#search_result{
width:70%;
height:100%;
margin-left:20%;
}
.headline{
font-size:23px;
font-family: 'Bree Serif', serif;
color:#A51E5E;
font-weight:900;
padding-top:1%;
}
.lang{
color:#213411;
font-size:12px;
display:inline-block;
}
.description{
font-size:13px;
font-family: 'Bree Serif', serif;
color:#A54F5E;
padding-bottom:1%;
}
.loader{
display:none;
}
.result_box{
border:1px solid #451231;
border-radius:3px;
}
#more{
display:none;
margin-left:10%;
}
#search_box{
padding: 0 15px;
width: 80%;
height: 40px;
border: 1px solid #CBD3DD;
font-size: 1.125em;
margin-left:6%;
}
.autocomplete-suggestions { border: 1px solid #999; background: #FFF; overflow: auto; }
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; }
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: normal; color: #3399FF; }
.autocomplete-group { padding: 2px 5px; }
.autocomplete-group strong { display: block; border-bottom: 1px solid #000; }
#total_search{
font-family: 'Open Sans Condensed', sans-serif;
font-size:15px;
margin-left:10%;
}
#location{
float:right;
padding-top:2%;
padding-right:2%;
}
</style>
<div class="text-center">
<div class="row">
<div class="col-md-12 ">
<h3 class="lead">
<span id="top_heading1"><i class="fa fa-github logo1"></i> Top GIT -</span>
<span id="middle_heading"> finding the best GIT Projects</span></h3>
</div>
</div>
<div class="row">
<div class="col-md-12">
<input type="search" class="" placeholder="Search Top GIT Projects " id="search_box"/>
</div>
</div>
<div class="loader"><img src="bilder/heart_yvqydq.gif"></div>
<div class="row" id="search_result">
</div>
<div id="search_result"></div>
<div class="row">
<div class="col-md-12" id="results">
</div>
<div class="row" id="total_search"><div class="col-md-12"></div></div>
<i id="more" class="fa fa-2x fa-angle-double-down text-center"></i>
</div>
</div>
<script>
var current_item_index=0;
var json_data="";
$(document).ready(function(){
var search_html="";
var suggestion_lang=["A# .NET","A# (Axiom)","A-0 System","A+","A++","ABAP","ABC","ABC ALGOL","ABLE","ABSET","ABSYS","ACC","Accent","Ace DASL","ACL2","ACT-III","Action!","ActionScript","Ada","Adenine","Agda","Agilent VEE","Agora","AIMMS","Alef","ALF","ALGOL 58","ALGOL 60","ALGOL 68","ALGOL W","Alice","Alma-0","AmbientTalk","Amiga E","AMOS","AMPL","APL","App Inventor for Android's visual block language","AppleScript","Arc","ARexx","Argus","AspectJ","Assembly language","ATS","Ateji PX","AutoHotkey","Autocoder","AutoIt","AutoLISP / Visual LISP","Averest","AWK","Axum","B","Babbage","Bash","BASIC","bc","BCPL","BeanShell","Batch (Windows/Dos)","Bertrand","BETA","Bigwig","Bistro","BitC","BLISS","Blue","Bon","Boo","Boomerang","Bourne shell","bash","ksh","BREW","BPEL","C","C--","C++","C#","C/AL","Caché ObjectScript","C Shell","Caml","Candle","Cayenne","CDuce","Cecil","Cel","Cesil","Ceylon","CFEngine","CFML","Cg","Ch","Chapel","CHAIN","Charity","Charm","Chef","CHILL","CHIP-8","chomski","ChucK","CICS","Cilk","CL","Claire","Clarion","Clean","Clipper","CLIST","Clojure","CLU","CMS-2","COBOL","Cobra","CODE","CoffeeScript","Cola","ColdC","ColdFusion","COMAL","Combined Programming Language","COMIT","Common Intermediate Language","Common Lisp","COMPASS","Component Pascal","Constraint Handling Rules","Converge","Cool","Coq","Coral 66","Corn","CorVision","COWSEL","CPL","csh","CSP","Csound","CUDA","Curl","Curry","Cyclone","Cython","D","DASL","DASL","Dart","DataFlex","Datalog","DATATRIEVE","dBase","dc","DCL","Deesel","Delphi","DinkC","DIBOL","Dog","Draco","DRAKON","Dylan","DYNAMO","E","E#","Ease","Easy PL/I","Easy Programming Language","EASYTRIEVE PLUS","ECMAScript","Edinburgh IMP","EGL","Eiffel","ELAN","Elixir","Elm","Emacs Lisp","Emerald","Epigram","EPL","Erlang","es","Escapade","Escher","ESPOL","Esterel","Etoys","Euclid","Euler","Euphoria","EusLisp Robot Programming Language","CMS EXEC","EXEC 2","Executable UML","F","F#","Factor","Falcon","Fancy","Fantom","FAUST","Felix","Ferite","FFP","Fjölnir","FL","Flavors","Flex","FLOW-MATIC","FOCAL","FOCUS","FOIL","FORMAC","@Formula","Forth","Fortran","Fortress","FoxBase","FoxPro","FP","FPr","Franz Lisp","Frege","F-Script","FSProg","G","Google Apps Script","Game Maker Language","GameMonkey Script","GAMS","GAP","G-code","Genie","GDL","Gibiane","GJ","GEORGE","GLSL","GNU E","GM","Go","Go!","GOAL","Gödel","Godiva","GOM (Good Old Mad)","Goo","Gosu","GOTRAN","GPSS","GraphTalk","GRASS","Groovy","Hack (programming language)","HAL/S","Hamilton C shell","Harbour","Hartmann pipelines","Haskell","Haxe","High Level Assembly","HLSL","Hop","Hope","Hugo","Hume","HyperTalk","IBM Basic assembly language","IBM HAScript","IBM Informix-4GL","IBM RPG","ICI","Icon","Id","IDL","Idris","IMP","Inform","Io","Ioke","IPL","IPTSCRAE","ISLISP","ISPF","ISWIM","J","J#","J++","JADE","Jako","JAL","Janus","JASS","Java","JavaScript","JCL","JEAN","Join Java","JOSS","Joule","JOVIAL","Joy","JScript","JScript .NET","JavaFX Script","Julia","Jython","K","Kaleidoscope","Karel","Karel++","KEE","Kixtart","KIF","Kojo","Kotlin","KRC","KRL","KUKA","KRYPTON","ksh","L","L# .NET","LabVIEW","Ladder","Lagoona","LANSA","Lasso","LaTeX","Lava","LC-3","Leda","Legoscript","LIL","LilyPond","Limbo","Limnor","LINC","Lingo","Linoleum","LIS","LISA","Lisaac","Lisp","Lite-C","Lithe","Little b","Logo","Logtalk","LPC","LSE","LSL","LiveCode","LiveScript","Lua","Lucid","Lustre","LYaPAS","Lynx","M2001","M4","Machine code","MAD","MAD/I","Magik","Magma","make","Maple","MAPPER","MARK-IV","Mary","MASM Microsoft Assembly x86","Mathematica","MATLAB","Maxima","Macsyma","Max","MaxScript","Maya (MEL)","MDL","Mercury","Mesa","Metacard","Metafont","MetaL","Microcode","MicroScript","MIIS","MillScript","MIMIC","Mirah","Miranda","MIVA Script","ML","Moby","Model 204","Modelica","Modula","Modula-2","Modula-3","Mohol","MOO","Mortran","Mouse","MPD","CIL","MSL","MUMPS","NASM","NATURAL","Napier88","Neko","Nemerle","nesC","NESL","Net.Data","NetLogo","NetRexx","NewLISP","NEWP","Newspeak","NewtonScript","NGL","Nial","Nice","Nickle","Nim","NPL","Not eXactly C","Not Quite C","NSIS","Nu","NWScript","NXT-G","o:XML","Oak","Oberon","Obix","OBJ2","Object Lisp","ObjectLOGO","Object REXX","Object Pascal","Objective-C","Objective-J","Obliq","Obol","OCaml","occam","occam-?","Octave","OmniMark","Onyx","Opa","Opal","OpenCL","OpenEdge ABL","OPL","OPS5","OptimJ","Orc","ORCA/Modula-2","Oriel","Orwell","Oxygene","Oz","P#","ParaSail (programming language)","PARI/GP","Pascal","Pawn","PCASTL","PCF","PEARL","PeopleCode","Perl","PDL","PHP","Phrogram","Pico","Picolisp","Pict","Pike","PIKT","PILOT","Pipelines","Pizza","PL-11","PL/0","PL/B","PL/C","PL/I","PL/M","PL/P","PL/SQL","PL360","PLANC","Plankalkül","Planner","PLEX","PLEXIL","Plus","POP-11","PostScript","PortablE","Powerhouse","PowerBuilder","PowerShell","PPL","Processing","Processing.js","Prograph","PROIV","Prolog","PROMAL","Promela","PROSE modeling language","PROTEL","ProvideX","Pro*C","Pure","Python","Q (equational programming language)","Q (programming language from Kx Systems)","Qalb","QtScript","QuakeC","QPL","R","R++","Racket","RAPID","Rapira","Ratfiv","Ratfor","rc","REBOL","Red","Redcode","REFAL","Reia","Revolution","rex","REXX","Rlab","RobotC","ROOP","RPG","RPL","RSL","RTL/2","Ruby","RuneScript","Rust","S","S2","S3","S-Lang","S-PLUS","SA-C","SabreTalk","SAIL","SALSA","SAM76","SAS","SASL","Sather","Sawzall","SBL","Scala","Scheme","Scilab","Scratch","Script.NET","Sed","Seed7","Self","SenseTalk","SequenceL","SETL","Shift Script","SIMPOL","SIGNAL","SiMPLE","SIMSCRIPT","Simula","Simulink","SISAL","SLIP","SMALL","Smalltalk","Small Basic","SML","Snap!","SNOBOL","SPITBOL","Snowball","SOL","Span","SPARK","Speedcode","SPIN","SP/k","SPS","Squeak","Squirrel","SR","S/SL","Stackless Python","Starlogo","Strand","Stata","Stateflow","Subtext","SuperCollider","SuperTalk","Swift (Apple programming language)","Swift (parallel scripting language)","SYMPL","SyncCharts","SystemVerilog","T","TACL","TACPOL","TADS","TAL","Tcl","Tea","TECO","TELCOMP","TeX","TEX","TIE","Timber","TMG","Tom","TOM","Topspeed","TPU","Trac","TTM","T-SQL","TTCN","Turing","TUTOR","TXL","TypeScript","Turbo C++","Ubercode","UCSD Pascal","Umple","Unicon","Uniface","UNITY","Unix shell","UnrealScript","Vala","VBA","VBScript","Verilog","VHDL","Visual Basic","Visual Basic .NET","Visual DataFlex","Visual DialogScript","Visual Fortran","Visual FoxPro","Visual J++","Visual J#","Visual Objects","Visual Prolog","VSXu","Vvvv","WATFIV, WATFOR","WebDNA","WebQL","Windows PowerShell","Winbatch","Wolfram","Wyvern","X++","X#","X10","XBL","XC","XMOS architecture","xHarbour","XL","Xojo","XOTcl","XPL","XPL0","XQuery","XSB","XSLT","XPath","Xtend","Yorick","YQL","Z notation","Zeno","ZOPL","ZPL"];
$('#search_box').autocomplete({
lookup: suggestion_lang,
onSelect: function (suggestion) {
//we can use suggestion.value
//Here we have to modify the Query based on the
//Query will be https://api.github.com/search/repositories?q=Go:language:java&sort=stars&order=desc
$("#search_result").hide();
$(".loader").show();
var search_val=$("#search_box").val();
var link="https://api.github.com/search/repositories?q="+search_val+":language:"+suggestion.value+"&sort=stars&order=desc";
doAjaxcall(link);
}
});
$("#search_box").on('keyup',function(e){
if(e.keyCode===13){
$("#search_result").hide();
$(".loader").show();
console.log("Clicked");
var search_val=$("#search_box").val();
var link="https://api.github.com/search/repositories?q="+search_val+"&sort=stars&order=desc";
doAjaxcall(link);
}
});
$("#more").on('click',function(){
//Show the next Five Enteries of returned JSON
current_item_index=current_item_index+5;
if(json_data!=""){
displayResult(json_data,current_item_index);
}
});
});
function displayResult(data,current_item_index){
$("#more").show();
$(".loader").hide();
$("#search_result").show();
search_html="";
var item_length=data.data.items.length;
$("#total_search").html("<p>Total Results found:<b>"+data.data.total_count+"</b></p>");
var items_array=data.data.items;
for(var i=current_item_index;i<Math.min(5+current_item_index,item_length+current_item_index);i++){
var actual_data=data.data.items[i];
var headline=actual_data.full_name?actual_data.full_name:"";
var description=actual_data.description?actual_data.description:"";
var language=actual_data.language?actual_data.language:"";
var location=actual_data.html_url?actual_data.html_url:"";
search_html+="<div class=\"result_box\"><div class=\"row \"><div class=\"col-md-12 headline\">"+headline+"<p class=\"lang\">-"+language+"</p><a id=\"location\" href=\""+location+"\" target=\"_blank\"><i class=\"fa fa-chevron-right \"></i></a>"+"</div></div><div class=\"row\"><div class=\"col-md-12 description \">"+description+"</div></div></div>";
}
if(item_length!==0)
$("#search_result").html(search_html);
else
$("#search_result").html("Sorry ! Nothing found with the provide Query.")
}
function doAjaxcall(link){
$.ajax({
url:link,
dataType:'jsonp',
crossDomain:true,
success:function(data){
json_data=data;
displayResult(data,current_item_index);
},
error:function(data){
}
});
}
</script>