mrkdown
Version:
Markdown files to HTML static site generator - angular.js app
142 lines (124 loc) • 7.87 kB
HTML
<html lang="en" ng-app="markdownApp" ng-controller="authController">
<head>
<!-- {{base-placeholder}} -->
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link id="favIcon" rel="shortcut icon" type="image/x-icon">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">
<link rel="stylesheet" href="style.css">
<link href="https://fonts.googleapis.com/css2?family=Metamorphous&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Rubik&display=swap" rel="stylesheet">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300&family=Roboto+Mono&display=swap" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/angular-ui/0.4.0/angular-ui.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/6.65.7/codemirror.min.css" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></script>
<script src="https://code.angularjs.org/1.8.2/angular.min.js"></script>
<script src="https://code.angularjs.org/1.8.2/angular-route.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/6.65.7/codemirror.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/6.65.7/addon/edit/matchbrackets.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/6.65.7/mode/htmlmixed/htmlmixed.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/6.65.7/mode/xml/xml.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/6.65.7/mode/javascript/javascript.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/6.65.7/mode/css/css.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/6.65.7/mode/clike/clike.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/6.65.7/mode/php/php.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui/0.4.0/angular-ui.js"></script>
<script type="text/javascript" src="./app-module.js"></script>
<script type="text/javascript" src="./models.js"></script>
<script type="text/javascript" src="./auth-controller.js"></script>
<title ng-bind="ngConfig.title"> </title>
</head>
<body class="hide" ng-init="checkLoginOption()">
<div ng-if="isAuthenticated" class="wrapper">
<div class="top-content">
<div id="topbar">
<div class="topbar-left">
<div class="mobile-handler" ng-click="onSideMenuChanges()">
<i class="glyphicon glyphicon-align-justify"></i>
</div>
<div ng-if="!isMobileView" class="top-brand-name" ng-bind="ngConfig.brandName"> </div>
</div>
<div class="topbar-middle">
<div class="dropdown" id="menuSearchDp">
<input type="search" autocomplete="off" placeholder="Search Here" ng-click="openSearchDropDown($event)" ng-keydown="openSearchDropDown($event)"
ng-model="searchMenu" class="dropdown-toggle" id="menuSearchDpContainer" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<span class="pagination-bar"> {{(ngConfig.menus | filter:
searchMenu).length}}/{{(ngConfig.menus.length)}} </span>
<div class="dropdown-menu search-drop-down" aria-labelledby="menuSearchDpContainer">
<a ng-repeat="mnu in ngConfig.menus| filter: searchMenu| orderBy: 'menuName'" ng-href="{{useHashValue}}{{mnu.url}}" ng-click="activateSideMenu(mnu)"
class="dropdown-item">{{mnu.menuName}} <span style="color: #8080807a;"> -
{{mnu.folderStructureName}}</span> </a>
<a ng-if="(ngConfig.menus | filter: searchMenu).length == 0" ng-click="openSearchDropDown($event)" class="dropdown-item"> <span
style="color: #8080807a;"> Looking Menu does not exists</span> </a>
</div>
</div>
</div>
<div class="topbar-right">
<div ng-if="ngConfig.users.length > 0" class="profile-setup">
<div class="pro-name">{{user.displayName}}</div>
<div>
<div class="btn-group">
<img class="img-circle logo-img dropdown-toggle dropdown-toggle-split" ng-src="{{user.imageURL}}" alt="user-profile" data-toggle="dropdown"
aria-haspopup="true" aria-expanded="false">
<div class="dropdown-menu dropdown-menu-right">
<div class="pro-container-detail">
<img class="img-circle" style="width: 100px; height: 100px;" ng-src="{{user.imageURL}}" alt="user-profile">
<div>
<h4>{{user.displayName}}</h4>
</div>
<div ng-click="logout()">
<h3>Logout</h3>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="body-content">
<nav id="sidebar" class="sidebar">
<ul class="side-bar-menu">
<li ng-if="ngConfig.home"> <a href="{{useHashValue}}home">Home</a> </li>
<!-- {{sideLink-placeholder}} -->
</ul>
</nav>
<div class="center_contents" id="mdContent" ng-class="{'full-width': removeSideBar }" ng-view></div>
<div id="sideContent" class="right_bar" ng-class="{'hide': removeSideBar }">
<div ng-if="removeSideBar == false" class="side-content" id="side-dynamic-link">
<div ng-repeat="x in sideLinks">
<a ng-click="scrollingTo(x.id)">{{x.name}}</a>
</div>
</div>
</div>
</div>
</div>
<div ng-if="!isAuthenticated" class="g-sign-in-button-wrapper">
<form class="d-flex">
<div class="form-group">
<h2>{{ngConfig.title}}</h2>
</div>
<div class="form-group">
<h3>Login to {{ngConfig.title}}</h3>
</div>
<div class="form-group">
<div>User Name</div>
<div><input type="text" class="form-control" name="userName" ng-model="loginModel.userName"></div>
</div>
<div class="form-group">
<div>Password</div>
<div><input class="form-control" type="password" name="password" ng-model="loginModel.password"></div>
</div>
<div class="form-group">
<button class="btn btn-primary" ng-click="login()">Login</button>
</div>
</form>
</div>
</body>
</html>