working on pagelines panel

bearded-avenger · Jul 4, 2013 · 22330e2 · 22330e2
1 parent 173daa1
commit 22330e2
Show file tree

Hide file tree

Showing 3 changed files with 72 additions and 7 deletions.
diff --git a/editor/editor.account.php b/editor/editor.account.php
@@ -18,24 +18,74 @@ function toolbar( $toolbar ){
 			'pos'	=> 110,
 		//	'type'	=> 'btn',
 			'panel'	=> array(
-				'heading'	=> "<i class='icon-pagelines'></i> PageLines Account",
+				'heading'	=> "<i class='icon-pagelines'></i> PageLines",
 				'welcome'	=> array(
 					'name'	=> 'Welcome!',
-					'icon'	=> 'icon-star'
+					'icon'	=> 'icon-star', 
+					'call'	=> array(&$this, 'pagelines_welcome'),
 				),
 				'account'	=> array(
 					'name'	=> 'Your Account',
-					'icon'	=> 'icon-user'
+					'icon'	=> 'icon-user', 
+					'call'	=> array(&$this, 'pagelines_account'),
 				),
 				'support'	=> array(
 					'name'	=> 'Support',
-					'icon'	=> 'icon-comments'
+					'icon'	=> 'icon-comments',
+					'call'	=> array(&$this, 'pagelines_support'),
 				),
 			)
 		);
 
 		return $toolbar;
 	}
+
+	function pagelines_welcome(){
+		?>
+
+		<h3><i class="icon-pagelines"></i> Congrats! You're using PageLines DMS.</h3>
+		<p>
+			Welcome to PageLines DMS, the world's first comprehensive drag and drop design management system.<br/>
+			You've made it this far, now let's take a minute to show you around. <br/>
+			<a href="#" class="dms-tab-link btn btn-success btn-mini"><i class="icon-user"></i> Add Account Info</a>
+
+		</p>
+		<p>
+			<iframe width="560" height="315" src="//www.youtube.com/embed/_EDemMLMcQ0" frameborder="0" allowfullscreen></iframe>
+		</p>
+
+		<?php
+	}
 
-
+	function pagelines_account(){
+		?>
+		<h3><i class="icon-user"></i> Enter your PageLines user account information</h3>
+		<p>
+			This will be used to authenticate purchases and membership level. If you are a Pro member, it will unlock pro features.
+		</p>
+		<label>PageLines Username</label>
+		<input type="text" class="pl-text-input" />
+
+		<label>PageLines Password</label>
+		<input type="text" class="pl-text-input" />
+		<div class="submit-area">
+			<button class="btn btn-primary" >Submit</button>
+		</div>
+		<?php
+	}
+
+	function pagelines_support(){
+		?>
+		<h3><i class="icon-thumbs-up"></i> The PageLines Experience</h3>
+		<p>
+			We want you to have a most amazing time as a PageLines customer. <br/>
+			That's why we have a ton of people standing by to make you happy.
+		</p>
+		<p>
+			<a href="http://www.pagelines.com/forum" class="btn" target="_blank"><i class="icon-comments"></i> PageLines Forum</a>
+			<a href="http://docs.pagelines.com" class="btn" target="_blank"><i class="icon-file"></i> DMS Documentation</a>
+		</p>
+
+		<?php
+	}
 }
diff --git a/editor/editor.templates.php b/editor/editor.templates.php
@@ -250,7 +250,7 @@ function toolbar( $toolbar ){
 
 		$toolbar['page-setup'] = array(
 			'name'	=> 'Templates',
-			'icon'	=> 'icon-map-marker',
+			'icon'	=> 'icon-file-text',
 			'pos'	=> 30,
 			'panel'	=> array(
 

diff --git a/less/pl-editor.less b/less/pl-editor.less
@@ -810,7 +810,7 @@
 					&.active-tab{
 
 						.buttonBackground(#e1e1e1, #bbb);
-						border-left: 1px solid #fff;
+						border-left: 1px solid #f1f1f1;
 						border-right: 1px solid #AAA;
 						box-shadow: inset 0 1px 0 #fff;
 						i{
@@ -1037,6 +1037,20 @@
 		.tab-panel{
 			display: table-cell;
 			width: 10000px;
+			h2, 
+			h3{
+				margin-bottom: 10px;
+				font-weight: 100;
+			}
+			font-weight: 300;
+			strong{font-weight: 500;}
+			label{
+				font-weight: 700;
+			}
+			.pl-text-input{
+				background: #f7f7f7;
+				width: 300px;
+			}
 			.tab-panel-inner{
 
 				min-height: 300px;
@@ -1056,6 +1070,7 @@
 						line-height: 1.5em;
 						float: right;
 					}
+
 				}
 
 			}