Skip to content
Permalink
Browse files
added grid view buttons
  • Loading branch information
aarushiibisht committed Apr 26, 2020
1 parent 1a08e48 commit b89a6b6c7e54d09f007af3481b4e9bf75873ceac
Show file tree
Hide file tree
Showing 4 changed files with 35 additions and 9 deletions.
@@ -1,10 +1,29 @@
<template>

<div class="row">
<div class="col-8">
<div class="col-7">
<h1 class="h4 mb-4">{{heading}}</h1>
</div>
<!-- Add buttons here -->
<div class="col-4">
<div class="btn-toolbar">
<div class="btn-group mr-4" role="group">
<div class="dropdown">
<button class="btn btn-sm btn-outline-secondary dropdown-toggle" href="#" role="button" id="dropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Sort by</button>
<div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
<a class="dropdown-item" href="#">Name</a>
<a class="dropdown-item" href="#">Size</a>
</div>
</div>
</div>
<div class="btn-group mr-4" role="group">
<button class="btn btn-sm btn-outline-secondary list"><i class="fa fa-bars"></i></button>
<button class="btn btn-sm btn-outline-secondary list"><i class="fa fa-th"></i></button>
</div>
<div class="btn-group mr-4 new-unit" role="group">
<button class="btn btn-info btn-sm"><i class="fa fa-plus plus-icon"></i>Add new unit</button>
</div>
</div>
</div>
<!-- Dialog box to show description of each storage unit -->
<b-modal class="modal-dialog modal-dialog-centered" :title="selectedStorage.name" id="description-dialog" hide-footer>
<div class="container">
@@ -76,7 +95,13 @@ export default {
</script>

<style>
.description{
width: 70%;
}
.new-unit{
width: 140px;
}
.plus-icon{
padding-right: 15px;
}
.list{
width: 40px;
}
</style>
@@ -4,7 +4,7 @@ const path = require("path");
module.exports = {
publicPath:
process.env.NODE_ENV === "development"
? "http://localhost:9000/static/airavata_mft_workspace/dist/"
? "http://localhost:9001/static/airavata_mft_workspace/dist/"
: "/static/airavata_mft_workspace/dist/",
outputDir: "./static/airavata_mft_workspace/dist",
productionSourceMap: false,
@@ -36,7 +36,7 @@ module.exports = {
});
},
devServer: {
port: 9000,
port: 9001,
headers: {
"Access-Control-Allow-Origin": "*"
},
@@ -4,7 +4,7 @@ module.exports = {
publicPath: "/static/common/dist/",
productionSourceMap: false,
pages: {
app: "./js/main.js",
app: "./js/main.js"
},
configureWebpack: {
plugins: [
@@ -1,3 +1,4 @@
{% load static %}
{% load render_bundle from webpack_loader %}
<!DOCTYPE html>
<head>
@@ -15,7 +16,7 @@
<a class="navbar-brand" href="#">
<div class="row">
<div class="col-5">
<img class="logo" src="/static/images/airavata-logo.png">
<img class="logo" src="{% static 'images/airavata-logo.png' %}">
</div>
<div>
<div class="col-8">

0 comments on commit b89a6b6

Please sign in to comment.