Skip to content
Snippets Groups Projects
Commit 653c8f21 authored by Allen Gilliland's avatar Allen Gilliland
Browse files

we don't need the old angular homepage template anymore.

parent fe18caa3
No related branches found
No related tags found
No related merge requests found
Hide whitespace changes
Inline Side-by-side
resources/frontend_client/app/home/home.html deleted 100644 → 0
+ 0
− 118
View file @ fe18caa3
<div class="Home" ng-controller="Home">
<div class="bg-brand text-white">
<div class="wrapper">
<div class="Grid Grid--full large-Grid--1of2 align-center">
<div class="Grid-cell" ng-controller="HomeGreeting">
<div class="Greeting">
<h1 class="text-light">{{greeting}}</h1>
<h2 class="text-light text-brand-light">{{subheading}}</h2>
</div>
</div>
</div>
</div>
<div class="wrapper">
<a class="HomeTab inline-block" ng-class="{'HomeTab--active text-dark' : currentView === 'data' }" ng-click="currentView = 'data'">A new question</a>
<a class="HomeTab inline-block" ng-class="{'HomeTab--active text-dark' : currentView === 'questions'}" ng-click="currentView = 'questions'">Start from a saved question</a>
</div>
</div>
<div ng-if="showOnboarding"><mb-new-user-onboarding></mb-new-user-onboarding></div>
<div ng-controller="CardList" ng-if="currentView != 'data'">
<div class="flex align-center py2 lg-py3 bg-white border-bottom">
<div class="wrapper flex">
<a href="#" class="flex text-grey-3 no-decoration transition-color align-center mr2" ng-click="filter('all')" ng-class="{'text-brand': filterMode === 'all', 'text-brand-hover': filterMode != 'all'}">
<mb-icon class="mr1" name="popular" width="32px" height="32px"></mb-icon>
Popular
</a>
<a href="#" class="flex text-grey-3 no-decoration transition-color align-center mr2" ng-click="filter('mine')" ng-class="{'text-brand': filterMode === 'mine', 'text-brand-hover': filterMode != 'mine' }">
<mb-icon class="mr1" name="mine" width="18px" height="18px"></mb-icon>
Mine
</a>
<a href="#" class="flex text-grey-3 no-decoration transition-color align-center mr2" ng-click="filter('fav')" ng-class="{'text-brand': filterMode === 'fav', 'text-brand-hover': filterMode != 'fav' }">
<mb-icon class="mr1" name="star" width="18px" height="18px"></mb-icon>
Favorites
</a>
</div>
</div>
<div class="wrapper">
<div ng-if="!cards" class="text-brand">
<mb-loading-icon></mb-loading-icon>
</div>
<div class="Grid">
<ul class="Grid-cell">
<li ng-repeat="card in cards | filter:searchFilter">
<div class="Entity flex align-center mb2 py2 lg-p2 border-bottom">
<a href="/card/{{card.id}}?clone" class="flex flex-column no-decoration">
<div class="flex align-center">
<h4 class="Entity-title break-word text-brand-hover">{{card.name}}</h4>
<mb-icon class="ml1 text-grey-4" name="lock" width="12px" height="12px" ng-if="card.public_perms === 0"></mb-icon>
</div>
<span class="Entity-attribution">
Asked by: {{card.creator.common_name}}
</span>
</a>
<a href="/card/{{card.id}}" class="flex-align-right IconCircle flex text-grey-1 text-grey-3-hover transition-color layout-centered">
<mb-icon name="pencil" width="18px" height="18px"></mb-icon>
</a>
</div>
</li>
</ul>
</div>
</div>
</div>
<div ng-if="currentView === 'data'" ng-controller="HomeDatabaseList">
<div class="flex py2 lg-py3 align-center border-bottom">
<div class="wrapper">
<span class="h2 text-grey-2">Data source:</span>
<div class="Dropdown inline-block" dropdown on-toggle="toggled(open)">
<div class="DataSourceDropdown-title text-brand" dropdown-toggle>
<span class="h2 ml1 text-brand-darken-hover transition-color cursor-pointer">
{{currentDB.name}}
<mb-icon name="chevrondown" width="8px" height="8px"></mb-icon>
</span>
<ul class="Dropdown-content">
<li ng-repeat="(id, db) in databases">
<a class="Dropdown-item block" ng-click="selectCurrentDB(id)">
{{db.name}}
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div>
<div class="wrapper">
<h4 class="mt1 lg-mt3 text-grey-2">Tables:</h4>
</div>
<ul class="wrapper" ng-if="tables">
<li ng-repeat="table in tables" ng-if="table.rows > 0">
<a class="no-decoration py2 border-bottom flex align-center" href="/q?db={{currentDB.id}}&table={{table.id}}">
<div class="flex flex-column pr3 lg-pr0">
<h2 class="text-dark text-brand-hover break-word">{{table.display_name}}</h2>
<h4 class="TableDescription text-grey-4 text-normal mt1">{{table.description}}</h4>
</div>
<div class="flex flex-align-right align-center">
<div class="text-right text-brand text-brand-darken-hover mr2">
<h3>{{table.rows}}</h3>
<h6 class="text-uppercase ">total</h6>
</div>
<mb-icon class="text-grey-1" name="chevronright" width="18px" height="18px"></mb-icon>
</div>
</a>
</li>
</ul>
</div>
<div ng-if="tables.length === 0">
<div class="wrapper flex layout-centered">
<h2>No data is avaliable for this database</h2>
</div>
</div>
</div>
</div>
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment