WIP Startup Dashboard prototypes

[TFS Changeset #77264]
This commit is contained in:
psterling
2010-09-17 22:54:26 +00:00
parent eb7ef0f26e
commit 0f01f8d588
11 changed files with 777 additions and 8 deletions

View File

@@ -130,12 +130,12 @@
We think this could be the beginning of something beautiful. You have made a great choice, to help you get started here are some links to addtional information:
</p>
<ul>
<li>Find the answers to your Umbraco questions on our <a href="http://our.umbraco.org/wiki">Community Wiki</a></li>
<li>Ask a question in the <a href="http://our.umbraco.org/">Community Forum</a></li>
<li>Find an add-on <a href="http://our.umbraco.org/projects">package</a> to help you get going quickly</li>
<li>Watch our <a href="http://umbraco.tv">tutorial videos</a> (some are free, some require a subscription)</li>
<li>Find out about our <a href="http://umbraco.org/products">Pro Tools and Support</a></li>
<li>Find out about real-life <a href="http://umbraco.org/training/training-schedule">training and certification</a> opportunities</li>
<li>Find the answers to your Umbraco questions on our <a href="http://our.umbraco.org/wiki" target="_blank">Community Wiki</a></li>
<li>Ask a question in the <a href="http://our.umbraco.org/" target="_blank">Community Forum</a></li>
<li>Find an add-on <a href="http://our.umbraco.org/projects" target="_blank">package</a> to help you get going quickly</li>
<li>Watch our <a href="http://umbraco.tv" target="_blank">tutorial videos</a> (some are free, some require a subscription)</li>
<li>Find out about our <a href="http://umbraco.org/products" target="_blank">Pro Tools and Support</a></li>
<li>Find out about real-life <a href="http://umbraco.org/training/training-schedule" target="_blank">training and certification</a> opportunities</li>
</ul>
</div>
</div>

View File

@@ -51,8 +51,6 @@
default:
break;
}
}
}
}

View File

@@ -0,0 +1,168 @@
<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="StartupDeveloperDashboard.ascx.cs" Inherits="dashboardUtilities.StartupDeveloperDashboard" %>
<script type="text/javascript" src="/umbraco/dashboard/scripts/jquery.jfeed.pack.js"></script>
<link href="/umbraco_client/propertypane/style.css" rel="stylesheet" />
<style type="text/css">
.formList, .tvList
{
list-style: none;
display: block;
margin: 10px;
padding: 0px;
}
.formList li
{
padding: 0px 0px 15px 0px;
list-style: none;
margin: 0px;
}
.formList li a.form
{
font-size: 1em;
font-weight: bold;
color: #000;
display: block;
height: 16px;
padding: 2px 0px 0px 30px;
background: url(images/umbraco/icon_form.gif) no-repeat 2px 2px;
}
.formList li small
{
display: block;
padding-left: 30px;
height: 10px;
}
.formList li small a
{
display: block;
float: left;
padding-right: 10px;
}
.tvList .tvitem
{
font-size: 11px;
text-align: center;
display: block;
width: 130px;
height: 158px;
margin: 0px 20px 20px 0px;
float: left;
overflow: hidden;
}
.tvList a
{
overflow: hidden;
display: block;
}
.tvList .tvimage
{
display: block;
height: 120px;
width: 120px;
overflow: hidden;
border: 1px solid #999;
margin: auto;
margin-bottom: 10px;
}
.contourLabel
{
clear: left;
float: left;
font-weight: bold;
padding-bottom: 10px;
padding-right: 10px;
width: 130px;
}
.contourInput
{
color: #333333;
font-family: Trebuchet MS,Lucida Grande,verdana,arial;
font-size: 12px;
padding: 2px;
width: 250px;
}
</style>
<script type="text/javascript">
jQuery(function () {
jQuery.ajax({
type: 'GET',
url: 'dashboard/feedproxy.aspx?url=http://umbraco.org/documentation/videos/for-developers/foundation/feed',
dataType: 'xml',
success: function (xml) {
var html = "<div class='tvList'>";
jQuery('item', xml).each(function () {
html += '<div class="tvitem">'
+ '<a target="_blank" href="'
+ jQuery(this).find('link').eq(0).text()
+ '">'
+ '<div class="tvimage" style="background: url(' + jQuery(this).find('thumbnail').attr('url') + ') no-repeat center center;">'
+ '</div>'
+ jQuery(this).find('title').eq(0).text()
+ '</a>'
+ '</div>';
});
html += "</div>";
jQuery('#latestformvids').html(html);
}
});
});
</script>
<asp:Panel ID="startPanel" runat="server">
<div class="propertypane">
<div class="guiDialogNormal" style="margin: 10px">
<h2>Start here</h2>
<h3>This section contains the tools to add advanced features to your Umbraco site</h3>
<p>
From here you can explore and install packages, create macros, add data types, and much more. Start by exploring the below links or videos.
</p>
<ul>
<li>Find the answers to your Umbraco questions on our <a href="http://our.umbraco.org/wiki" target="_blank">Community Wiki</a></li>
<li>Ask a question in the <a href="http://our.umbraco.org/" target="_blank">Community Forum</a></li>
<li>Find an add-on <a href="http://our.umbraco.org/projects" target="_blank">package</a> to help you get going quickly</li>
<li>Watch our <a href="http://umbraco.tv" target="_blank">tutorial videos</a> (some are free, some require a subscription)</li>
<li>Find out about our <a href="http://umbraco.org/products" target="_blank">Pro Tools and Support</a></li>
<li>Find out about real-life <a href="http://umbraco.org/training/training-schedule" target="_blank">training and certification</a> opportunities</li>
</ul>
</div>
</div>
</asp:Panel>
<asp:Panel ID="learnPanel" runat="server">
<div class="propertypane">
<div class="guiDialogNormal" style="margin: 10px">
<h2>Watch and learn</h2>
<p>
Want to master Umbraco Macros and more? Spend a couple of minutes learning some best practices
by watching one of these videos about using Umbraco. And visit <a href="http://umbraco.tv"
target="_blank">umbraco.tv</a> for even more Umbraco videos</p>
<div id="latestformvids">
Loading...
</div>
</div>
</div>
</asp:Panel>
<asp:Panel ID="hidePanel" runat="server">
<div class="propertypane">
<div class="guiDialogNormal" style="margin: 10px">
<p>
Check here to hide this dashboard in the future <asp:CheckBox ID="hideCheckBox"
runat="server" oncheckedchanged="hideCheckBox_CheckedChanged"></asp:CheckBox>
</p>
</div>
</div>
</asp:Panel>

View File

@@ -0,0 +1,37 @@
namespace dashboardUtilities
{
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using umbraco.BusinessLogic;
public partial class StartupDeveloperDashboard : System.Web.UI.UserControl
{
protected void Page_Load(object sender, EventArgs e)
{
}
/// <summary>
/// Hides the dashboard when checked
/// updates dashboard.config when checked
/// </summary>
protected void hideCheckBox_CheckedChanged(object sender, EventArgs e)
{
switch (hideCheckBox.Checked)
{
case (true):
// update dashboard.config to remove dashboard entry
break;
case (false):
// update dashboard.config to add dashboard entry, should never be hit
break;
default:
break;
}
}
}
}

View File

@@ -0,0 +1,51 @@
//------------------------------------------------------------------------------
// <auto-generated>
// This code was generated by a tool.
//
// Changes to this file may cause incorrect behavior and will be lost if
// the code is regenerated.
// </auto-generated>
//------------------------------------------------------------------------------
namespace dashboardUtilities {
public partial class StartupDeveloperDashboard {
/// <summary>
/// startPanel control.
/// </summary>
/// <remarks>
/// Auto-generated field.
/// To modify move field declaration from designer file to code-behind file.
/// </remarks>
protected global::System.Web.UI.WebControls.Panel startPanel;
/// <summary>
/// learnPanel control.
/// </summary>
/// <remarks>
/// Auto-generated field.
/// To modify move field declaration from designer file to code-behind file.
/// </remarks>
protected global::System.Web.UI.WebControls.Panel learnPanel;
/// <summary>
/// hidePanel control.
/// </summary>
/// <remarks>
/// Auto-generated field.
/// To modify move field declaration from designer file to code-behind file.
/// </remarks>
protected global::System.Web.UI.WebControls.Panel hidePanel;
/// <summary>
/// hideCheckBox control.
/// </summary>
/// <remarks>
/// Auto-generated field.
/// To modify move field declaration from designer file to code-behind file.
/// </remarks>
protected global::System.Web.UI.WebControls.CheckBox hideCheckBox;
}
}

View File

@@ -0,0 +1,172 @@
<%@ Control Language="C#" AutoEventWireup="True" CodeBehind="StartupMediaDashboard.ascx.cs" Inherits="dashboardUtilities.StartupMediaDashboard" %>
<script type="text/javascript" src="/umbraco/dashboard/scripts/jquery.jfeed.pack.js"></script>
<link href="/umbraco_client/propertypane/style.css" rel="stylesheet" />
<style type="text/css">
.formList, .tvList
{
list-style: none;
display: block;
margin: 10px;
padding: 0px;
}
.formList li
{
padding: 0px 0px 15px 0px;
list-style: none;
margin: 0px;
}
.formList li a.form
{
font-size: 1em;
font-weight: bold;
color: #000;
display: block;
height: 16px;
padding: 2px 0px 0px 30px;
background: url(images/umbraco/icon_form.gif) no-repeat 2px 2px;
}
.formList li small
{
display: block;
padding-left: 30px;
height: 10px;
}
.formList li small a
{
display: block;
float: left;
padding-right: 10px;
}
.tvList .tvitem
{
font-size: 11px;
text-align: center;
display: block;
width: 130px;
height: 158px;
margin: 0px 20px 20px 0px;
float: left;
overflow: hidden;
}
.tvList a
{
overflow: hidden;
display: block;
}
.tvList .tvimage
{
display: block;
height: 120px;
width: 120px;
overflow: hidden;
border: 1px solid #999;
margin: auto;
margin-bottom: 10px;
}
.contourLabel
{
clear: left;
float: left;
font-weight: bold;
padding-bottom: 10px;
padding-right: 10px;
width: 130px;
}
.contourInput
{
color: #333333;
font-family: Trebuchet MS,Lucida Grande,verdana,arial;
font-size: 12px;
padding: 2px;
width: 250px;
}
</style>
<script type="text/javascript">
jQuery(function () {
jQuery.ajax({
type: 'GET',
url: 'dashboard/feedproxy.aspx?url=http://umbraco.org/documentation/videos/getting-started/feed',
dataType: 'xml',
success: function (xml) {
var html = "<div class='tvList'>";
jQuery('item', xml).each(function () {
html += '<div class="tvitem">'
+ '<a target="_blank" href="'
+ jQuery(this).find('link').eq(0).text()
+ '">'
+ '<div class="tvimage" style="background: url(' + jQuery(this).find('thumbnail').attr('url') + ') no-repeat center center;">'
+ '</div>'
+ jQuery(this).find('title').eq(0).text()
+ '</a>'
+ '</div>';
});
html += "</div>";
jQuery('#latestformvids').html(html);
}
});
});
</script>
<asp:Panel ID="startPanel" runat="server">
<div class="propertypane">
<div class="guiDialogNormal" style="margin: 10px">
<h2>Start here</h2>
<h3>Get started with Media right now</h3>
<p>
Use the tool below to upload a ZIP file of your images or documents to a media folder.
</p>
<ul>
<li><strong>Follow these steps:</strong></li>
<li>Create a media folder by right-clicking on the Media root folder, selecting Create, then give your folder a name, select the Media Type Folder, and click create</li>
<li>Select the created folder by click the Choose link</li>
<li>Use the Browse button below to select a ZIP file containing your images (you can even organize them into folders and the tool will create these for you)</li>
<li>Click the Upload zip file button</li>
<li>Refresh the Media section by right-clicking the Media root folder and selecting Reload Nodes</li>
</ul>
</div>
</div>
</asp:Panel>
<p>...zip upload here...</p>
<asp:Panel ID="learnPanel" runat="server">
<div class="propertypane">
<div class="guiDialogNormal" style="margin: 10px">
<h2>Watch and learn</h2>
<p>
Want to master Umbraco Media? Spend a couple of minutes learning some best practices
by watching one of these videos about using Umbraco. And visit <a href="http://umbraco.tv"
target="_blank">umbraco.tv</a> for even more Umbraco videos</p>
<div id="latestformvids">
Loading...
</div>
</div>
</div>
</asp:Panel>
<asp:Panel ID="hidePanel" runat="server">
<div class="propertypane">
<div class="guiDialogNormal" style="margin: 10px">
<p>
Check here to hide this dashboard in the future <asp:CheckBox ID="hideCheckBox"
runat="server" oncheckedchanged="hideCheckBox_CheckedChanged"></asp:CheckBox>
</p>
</div>
</div>
</asp:Panel>

View File

@@ -0,0 +1,37 @@
namespace dashboardUtilities
{
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using umbraco.BusinessLogic;
public partial class StartupMediaDashboard : System.Web.UI.UserControl
{
protected void Page_Load(object sender, EventArgs e)
{
}
/// <summary>
/// Hides the dashboard when checked
/// updates dashboard.config when checked
/// </summary>
protected void hideCheckBox_CheckedChanged(object sender, EventArgs e)
{
switch (hideCheckBox.Checked)
{
case(true):
// update dashboard.config to remove dashboard entry
break;
case(false):
// update dashboard.config to add dashboard entry, should never be hit
break;
default:
break;
}
}
}
}

View File

@@ -0,0 +1,51 @@
//------------------------------------------------------------------------------
// <auto-generated>
// This code was generated by a tool.
//
// Changes to this file may cause incorrect behavior and will be lost if
// the code is regenerated.
// </auto-generated>
//------------------------------------------------------------------------------
namespace dashboardUtilities {
public partial class StartupMediaDashboard {
/// <summary>
/// startPanel control.
/// </summary>
/// <remarks>
/// Auto-generated field.
/// To modify move field declaration from designer file to code-behind file.
/// </remarks>
protected global::System.Web.UI.WebControls.Panel startPanel;
/// <summary>
/// learnPanel control.
/// </summary>
/// <remarks>
/// Auto-generated field.
/// To modify move field declaration from designer file to code-behind file.
/// </remarks>
protected global::System.Web.UI.WebControls.Panel learnPanel;
/// <summary>
/// hidePanel control.
/// </summary>
/// <remarks>
/// Auto-generated field.
/// To modify move field declaration from designer file to code-behind file.
/// </remarks>
protected global::System.Web.UI.WebControls.Panel hidePanel;
/// <summary>
/// hideCheckBox control.
/// </summary>
/// <remarks>
/// Auto-generated field.
/// To modify move field declaration from designer file to code-behind file.
/// </remarks>
protected global::System.Web.UI.WebControls.CheckBox hideCheckBox;
}
}

View File

@@ -0,0 +1,167 @@
<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="StartupSettingsDashboard.ascx.cs" Inherits="dashboardUtilities.StartupSettingsDashboard" %>
<script type="text/javascript" src="/umbraco/dashboard/scripts/jquery.jfeed.pack.js"></script>
<link href="/umbraco_client/propertypane/style.css" rel="stylesheet" />
<style type="text/css">
.formList, .tvList
{
list-style: none;
display: block;
margin: 10px;
padding: 0px;
}
.formList li
{
padding: 0px 0px 15px 0px;
list-style: none;
margin: 0px;
}
.formList li a.form
{
font-size: 1em;
font-weight: bold;
color: #000;
display: block;
height: 16px;
padding: 2px 0px 0px 30px;
background: url(images/umbraco/icon_form.gif) no-repeat 2px 2px;
}
.formList li small
{
display: block;
padding-left: 30px;
height: 10px;
}
.formList li small a
{
display: block;
float: left;
padding-right: 10px;
}
.tvList .tvitem
{
font-size: 11px;
text-align: center;
display: block;
width: 130px;
height: 158px;
margin: 0px 20px 20px 0px;
float: left;
overflow: hidden;
}
.tvList a
{
overflow: hidden;
display: block;
}
.tvList .tvimage
{
display: block;
height: 120px;
width: 120px;
overflow: hidden;
border: 1px solid #999;
margin: auto;
margin-bottom: 10px;
}
.contourLabel
{
clear: left;
float: left;
font-weight: bold;
padding-bottom: 10px;
padding-right: 10px;
width: 130px;
}
.contourInput
{
color: #333333;
font-family: Trebuchet MS,Lucida Grande,verdana,arial;
font-size: 12px;
padding: 2px;
width: 250px;
}
</style>
<script type="text/javascript">
jQuery(function () {
jQuery.ajax({
type: 'GET',
url: 'dashboard/feedproxy.aspx?url=http://umbraco.org/documentation/videos/for-site-builders/foundation/feed',
dataType: 'xml',
success: function (xml) {
var html = "<div class='tvList'>";
jQuery('item', xml).each(function () {
html += '<div class="tvitem">'
+ '<a target="_blank" href="'
+ jQuery(this).find('link').eq(0).text()
+ '">'
+ '<div class="tvimage" style="background: url(' + jQuery(this).find('thumbnail').attr('url') + ') no-repeat center center;">'
+ '</div>'
+ jQuery(this).find('title').eq(0).text()
+ '</a>'
+ '</div>';
});
html += "</div>";
jQuery('#latestformvids').html(html);
}
});
});
</script>
<asp:Panel ID="startPanel" runat="server">
<div class="propertypane">
<div class="guiDialogNormal" style="margin: 10px">
<h2>Start here</h2>
<h3>This section contains the building blocks for your Umbraco site</h3>
<p>
Follow the below links to find out more about working with the items in the Setings section:
</p>
<ul>
<li>Find the answers to your Umbraco questions on our <a href="http://our.umbraco.org/wiki" target="_blank">Community Wiki</a></li>
<li>Ask a question in the <a href="http://our.umbraco.org/" target="_blank">Community Forum</a></li>
<li>Watch our <a href="http://umbraco.tv" target="_blank">tutorial videos</a> (some are free, some require a subscription)</li>
<li>Find out about our <a href="http://umbraco.org/products" target="_blank">Pro Tools and Support</a></li>
<li>Find out about real-life <a href="http://umbraco.org/training/training-schedule" target="_blank">training and certification</a> opportunities</li>
</ul>
</div>
</div>
</asp:Panel>
<asp:Panel ID="learnPanel" runat="server">
<div class="propertypane">
<div class="guiDialogNormal" style="margin: 10px">
<h2>Watch and learn</h2>
<p>
Want to master Umbraco? Spend a couple of minutes learning some best practices
by watching one of these videos about using Umbraco. And visit <a href="http://umbraco.tv"
target="_blank">umbraco.tv</a> for even more Umbraco videos</p>
<div id="latestformvids">
Loading...
</div>
</div>
</div>
</asp:Panel>
<asp:Panel ID="hidePanel" runat="server">
<div class="propertypane">
<div class="guiDialogNormal" style="margin: 10px">
<p>
Check here to hide this dashboard in the future <asp:CheckBox ID="hideCheckBox"
runat="server" oncheckedchanged="hideCheckBox_CheckedChanged"></asp:CheckBox>
</p>
</div>
</div>
</asp:Panel>

View File

@@ -0,0 +1,37 @@
namespace dashboardUtilities
{
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using umbraco.BusinessLogic;
public partial class StartupSettingsDashboard : System.Web.UI.UserControl
{
protected void Page_Load(object sender, EventArgs e)
{
}
/// <summary>
/// Hides the dashboard when checked
/// updates dashboard.config when checked
/// </summary>
protected void hideCheckBox_CheckedChanged(object sender, EventArgs e)
{
switch (hideCheckBox.Checked)
{
case (true):
// update dashboard.config to remove dashboard entry
break;
case (false):
// update dashboard.config to add dashboard entry, should never be hit
break;
default:
break;
}
}
}
}

View File

@@ -0,0 +1,51 @@
//------------------------------------------------------------------------------
// <auto-generated>
// This code was generated by a tool.
//
// Changes to this file may cause incorrect behavior and will be lost if
// the code is regenerated.
// </auto-generated>
//------------------------------------------------------------------------------
namespace dashboardUtilities {
public partial class StartupSettingsDashboard {
/// <summary>
/// startPanel control.
/// </summary>
/// <remarks>
/// Auto-generated field.
/// To modify move field declaration from designer file to code-behind file.
/// </remarks>
protected global::System.Web.UI.WebControls.Panel startPanel;
/// <summary>
/// learnPanel control.
/// </summary>
/// <remarks>
/// Auto-generated field.
/// To modify move field declaration from designer file to code-behind file.
/// </remarks>
protected global::System.Web.UI.WebControls.Panel learnPanel;
/// <summary>
/// hidePanel control.
/// </summary>
/// <remarks>
/// Auto-generated field.
/// To modify move field declaration from designer file to code-behind file.
/// </remarks>
protected global::System.Web.UI.WebControls.Panel hidePanel;
/// <summary>
/// hideCheckBox control.
/// </summary>
/// <remarks>
/// Auto-generated field.
/// To modify move field declaration from designer file to code-behind file.
/// </remarks>
protected global::System.Web.UI.WebControls.CheckBox hideCheckBox;
}
}