Skip to content

Commit

Permalink
Weekly Commit
Browse files Browse the repository at this point in the history
  • Loading branch information
@saumyasinghal747
saumyasinghal747 committed Aug 28, 2020
1 parent 06ca35a commit 0bc99a5
Show file tree
Hide file tree
Showing 11 changed files with 1,534 additions and 73 deletions.
Binary file modified .DS_Store
View file
Binary file not shown.
4 changes: 4 additions & 0 deletions .idea/libraries/Generated_files.xml
View file

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

6 changes: 6 additions & 0 deletions .idea/templateLanguages.xml
View file

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

85 changes: 75 additions & 10 deletions course-catalog/index.html
View file
Original file line number Diff line number Diff line change
@@ -1,23 +1,85 @@
<!doctype html>
<html lang="en">
<html lang="en" xmlns:v-bind="http://www.w3.org/1999/xhtml">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous">

<link rel="stylesheet" href="https://unpkg.com/contenteditable-autocomplete/dist/contenteditable-autocomplete.css"/>
<link rel="icon" href="../favicon.png"/>
<title>Course Catalog</title>
</head>
<body>
<body class="list-group-item-info">
<style>
[v-cloak] {
display:none
}

.badge-close{
cursor: pointer;
}
.badge-close:hover{
opacity: 0.6;
}

.card{
width: 100% !important;
}

.cursor-alias {cursor: alias;}
.cursor-all-scroll {cursor: all-scroll;}
.cursor-auto {cursor: auto;}
.cursor-cell {cursor: cell;}
.cursor-context-menu {cursor: context-menu;}
.cursor-col-resize {cursor: col-resize;}
.cursor-copy {cursor: copy;}
.cursor-crosshair {cursor: crosshair;}
.cursor-default {cursor: default;}
.cursor-e-resize {cursor: e-resize;}
.cursor-ew-resize {cursor: ew-resize;}
.cursor-grab {cursor: -webkit-grab; cursor: grab;}
.cursor-grabbing {cursor: -webkit-grabbing; cursor: grabbing;}
.cursor-help {cursor: help;}
.cursor-move {cursor: move;}
.cursor-n-resize {cursor: n-resize;}
.cursor-ne-resize {cursor: ne-resize;}
.cursor-nesw-resize {cursor: nesw-resize;}
.cursor-ns-resize {cursor: ns-resize;}
.cursor-nw-resize {cursor: nw-resize;}
.cursor-nwse-resize {cursor: nwse-resize;}
.cursor-no-drop {cursor: no-drop;}
.cursor-none {cursor: none;}
.cursor-not-allowed {cursor: not-allowed;}
.cursor-pointer {cursor: pointer;}
.cursor-progress {cursor: progress;}
.cursor-row-resize {cursor: row-resize;}
.cursor-s-resize {cursor: s-resize;}
.cursor-se-resize {cursor: se-resize;}
.cursor-sw-resize {cursor: sw-resize;}
.cursor-text {cursor: text;}
.cursor-w-resize {cursor: w-resize;}
.cursor-wait {cursor: wait;}
.cursor-zoom-in {cursor: zoom-in;}
.cursor-zoom-out {cursor: zoom-out;}
</style>
<div class="container" id="app">
<h1 class="display-3">Course Catalog</h1><hr/>
<div class="container-fluid my-4">
<div v-cloak class="container-fluid">

<div><span v-for="(subj, sindex) in selectedFilters.subjects" class="badge badge-pill mx-1 badge-info">{{subj}}<span :onclick="'vapp.selectedFilters.subjects.splice('+sindex+',1);refreshSelect()'" class="pl-1 my-auto badge-close py-auto ">&times;</span></span>

<span v-for="(benf, bindex) in selectedFilters.benefits" class="badge mx-1 badge-pill badge-warning">{{benf}}<span :onclick="'vapp.selectedFilters.benefits.splice('+bindex+',1);refreshSelect()'" class="pl-1 my-auto badge-close py-auto ">&times;</span></span>
<span class="badge badge-pill badge-light"><span contenteditable="true" id="newTagInput" class="px-1"></span><span onclick="newTag()" class="pl-1 cursor-pointer my-auto py-auto ">&plus;</span></span>

</div>
<hr/>
<div data-isotope='{ "itemSelector": ".card", "layoutMode": "fitRows" }' class="container-fluid my-4">
<template v-for="course in Object.keys(classes)">
<div v-bind:key="course" class="card my-2" >
<div class="card-body">
<h5 class="card-title">{{classes[course].courseName}}</h5>
<h5 class="card-title">{{classes[course].courseName}} <span v-for="sub in classes[course].categories[0]" class="badge mx-1 badge-pill badge-info">{{registerTag(sub,'subjects')}}</span><span v-for="ben in classes[course].categories[1]" class="badge mx-1 badge-pill badge-warning">{{registerTag(ben,'benefits')}}</span></h5>
<h6 class="card-subtitle mb-2 text-muted">{{niceNames(classes[course].teacherDisplay).join(', ')}}</h6>
<p class="card-text" v-html="classes[course].course.description"></p>

Expand All @@ -27,16 +89,19 @@ <h6 class="card-subtitle mb-2 text-muted">{{niceNames(classes[course].teacherDis

</div>
</div>

</div>
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.5.1.min.js" ></script>
<script src="https://code.jquery.com/jquery-3.5.1.min.js" ></script>

<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js" integrity="sha384-B4gt1jrGC7Jh4AgTPSdUtOBvfO8shuf57BaghqFfPlYxofvL8/KUEfYiJOMMV+rV" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script src="https://kit.fontawesome.com/30a0cbcf71.js" crossorigin="anonymous"></script>
<script src="https://unpkg.com/isotope-layout@3/dist/isotope.pkgd.js"></script>
<script type="module" src="https://unpkg.com/contenteditable-autocomplete/dist/contenteditable-autocomplete.js"></script>
<script src="https://unpkg.com/isotope-layout@3/dist/isotope.pkgd.js"></script>

<script src="index.js"></script>

<script type="module" src="index.js"></script>
</body>
</html>
</html>
Loading

0 comments on commit 0bc99a5

Please sign in to comment.