-
-
Save AdityaPavanVempati/85f06d77181036609d6f2d0f7359e715 to your computer and use it in GitHub Desktop.
This is the Bookmark Page
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<apex:page controller="BookmarksController" sidebar="false" showHeader="false" standardStylesheets="false" applyHtmlTag="false" applyBodyTag="false" docType="html-5.0"> | |
<html> | |
<head> | |
<link rel="stylesheet" type="text/css" href="{!$Resource.PaperBootstrap}"/> | |
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.11/css/jquery.dataTables.css"/> | |
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css"/> | |
</head> | |
<body> | |
<div class="modal fade" id="newBookmarkModal" tabindex="-1" role="dialog"> | |
<div class="modal-dialog" role="document"> | |
<div class="modal-content"> | |
<div class="modal-header"> | |
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span> | |
</button> | |
<h4 class="modal-title"><i class="fa fa-bookmark"></i> New Bookmark</h4> | |
</div> | |
<div class="modal-body"> | |
<div class="row"> | |
<div class="col-md-2"> | |
Name<span class="text-danger">*</span> | |
</div> | |
<div class="col-md-10"> | |
<input id="name" type="text" class="form-control"/> | |
</div> | |
</div> | |
<br/> | |
<div class="row"> | |
<div class="col-md-2"> | |
Category<span class="text-danger">*</span> | |
</div> | |
<div class="col-md-10"> | |
<select id="category" class="form-control"> | |
<option value="">--None--</option> | |
<option value="Social Media">Social Media</option> | |
<option value="Learning Materials">Learning Materials</option> | |
<option value="Salesforce Logins">Salesforce Logins</option> | |
<option value="Youtube Videos">Youtube Videos</option> | |
<option value="Favourites">Favourites</option> | |
</select> | |
</div> | |
</div> | |
<br/> | |
<div class="row"> | |
<div class="col-md-2"> | |
URL<span class="text-danger">*</span> | |
</div> | |
<div class="col-md-10"> | |
<input id="url" type="text" class="form-control"/> | |
</div> | |
</div> | |
</div> | |
<div class="modal-footer"> | |
<button type="button" class="btn btn-primary" onclick="saveBookmark ();"><i class="fa fa-floppy-o"></i> Save</button> | |
<button type="button" class="btn btn-default" data-dismiss="modal"><i class="fa fa-times"></i> Close</button> | |
</div> | |
</div> | |
</div> | |
</div> | |
<nav class="navbar navbar-inverse navbar-static-top"> | |
<div class="container-fluid"> | |
<div class="navbar-header"> | |
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bookmarks-navbar-collapse" aria-expanded="false"> | |
<span class="sr-only">Toggle navigation</span> | |
<span class="icon-bar"></span> | |
<span class="icon-bar"></span> | |
<span class="icon-bar"></span> | |
</button> | |
<a class="navbar-brand" href="#"><i class="fa fa-bookmark"></i> Pavan's Bookmarks</a> | |
</div> | |
<div class="collapse navbar-collapse navbar-right" id="bookmarks-navbar-collapse"> | |
<ul class="nav navbar-nav"> | |
<li> | |
<a href="#" data-toggle="modal" data-target="#newBookmarkModal"> | |
<i class="fa fa-plus-square-o fa-2x"></i> | |
</a> | |
</li> | |
</ul> | |
</div> | |
</div> | |
</nav> | |
<div class="container"> | |
<table class="table table-striped" id="Bookmarkstable"> | |
<thead> | |
<tr> | |
<th> | |
Name | |
</th> | |
<th> | |
URL | |
</th> | |
<th> | |
Shorten URL | |
</th> | |
<th> | |
Category | |
</th> | |
<th class="text-center"> | |
Action | |
</th> | |
</tr> | |
</thead> | |
<apex:repeat value="{!Bookmarks}" var="mybookmark"> | |
<tr> | |
<td> | |
{!mybookmark.Name} | |
</td> | |
<td> | |
<a href="{!mybookmark.URL__c}" target="_blank">{!mybookmark.URL__c}</a> | |
</td> | |
<td> | |
<a href="{!mybookmark.Short_URL__c}" target="_blank">{!mybookmark.Short_URL__c}</a> | |
</td> | |
<td> | |
{!mybookmark.Category__c} | |
</td> | |
<td class="text-center"> | |
<a onclick="deleteBookmark( '{!mybookmark.Id}' )"> | |
<i class="fa fa-times"></i> | |
</a>| | |
<a onclick="shortenUrl( '{!mybookmark.URL__c}', '{!mybookmark.Id}' )"> | |
<i class="fa fa-link"></i> | |
</a>| | |
<a onClick="updateBookmark('{!mybookmark.Name}','{!mybookmark.Category__c}','{!mybookmark.URL__c}' )" | |
href="#" data-toggle="modal" data-target="#editBookmarkModal"> | |
<i class="fa fa-pencil"></i> | |
</a> | |
</td> | |
</tr> | |
</apex:repeat> | |
</table> | |
</div> | |
<script type="text/javascript" src="//code.jquery.com/jquery-2.1.4.min.js"></script> | |
<script type="text/javascript" src="//cdn.datatables.net/1.10.11/js/jquery.dataTables.js"></script> | |
<script type="text/javascript" src="{!$Resource.Bookmark}"></script> | |
<script type="text/javascript" src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> | |
</body> | |
</html> | |
</apex:page> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment