UNPKG

mrkdown

Version:

Markdown files to HTML static site generator - angular.js app

142 lines (124 loc) 7.87 kB
<!DOCTYPE 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>