Skip to content

E
edx-platform
Commit 8da6543d by Brian Talbot
Options

Studio: adds static states for all authorship cases on dashboard (WIP)

parent cb627973
Showing with 337 additions and 18 deletions
cms/templates/index.html
...@@ -57,37 +57,356 @@ ...@@ -57,37 +57,356 @@
</div> </div>
<div class="wrapper-content wrapper"> <div class="wrapper-content wrapper">
<!-- CASE 1: User Logged In + Not Verified -->
<!-- ==================== -->
<section class="content"> <section class="content">
<article class="content-primary" role="main">
<div class="introduction"> <div class="introduction">
<p class="copy"> <h2 class="title">${_("Thanks for signing up, %(name)s!") % dict(name= user.username)}</h2>
<strong>${_("Welcome, %(name)s") % dict(name= user.username)}</strong>. </div>
${_("Here are all of the courses you are currently authoring in Studio:")}</p>
<div class="notice notice-incontext notice-instruction notice-instruction-authorshiprights">
<h3 class="title">${_('Next Steps to Authoring in Studio')}</h3>
<div class="copy">
<p>${_('Your on your way to authoring courses online using Studio. In order to complete your registration, we need you verify your registration by checking your $emailaddress email account. An activation message and next steps should be waiting for you there.')}</p>
<p>${_('Need another copy of the verification email? You can also request another message be sent.')}</p>
</div>
<ul class="list-actions">
<li class="action-item">
<a href="#" class="action-primary action-request">Re-send verification email message</a>
</li>
</ul>
</div>
</article>
<aside class="content-supplementary" role="complimentary">
<div class="bit">
<h3 class="title title-3">${_('Need Help?')}</h3>
<p>${_('Vestibulum id ligula porta felis euismod semper. Sed posuere consectetur est at lobortis. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Duis mollis, est non commodo luctus.')}</p>
</div> </div>
</aside>
</section> </section>
<!-- CASE 2: User Logged In + Verified + w/o Authorship Rights -->
<!-- ==================== -->
<section class="content">
<article class="content-primary" role="main">
<div class="introduction">
<h2 class="title">${_("Welcome, %(name)s!") % dict(name= user.username)}</h2>
</div> </div>
<div class="main-wrapper"> <div class="notice notice-incontext notice-confirmation">
<div class="inner-wrapper"> <h3 class="title">${_('Your Account Has Been Verified')}</h3>
<article class="my-classes"> <div class="copy">
% if user.is_active: <p>${_('Thanks for verifying your edX Studio account.Vestibulum id ligula porta felis euismod semper. Sed posuere consectetur est at lobortis. Cras justo odio, dapibus ac facilisis in, egestas eget quam.')}</p>
</div>
</div>
<div class="notice notice-incontext notice-instruction notice-instruction-authorshiprights">
<h3 class="title">${_('Creating Your Own Courses in Studio')}</h3>
<div class="copy">
<p>${_('Vestibulum id ligula porta felis euismod semper. Sed posuere consectetur est at lobortis. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Nullam quis risus eget urna mollis ornare vel eu leo. Donec id elit non mi porta gravida at eget metus.')}</p>
</div>
<div class="status status-authorship has-actions">
<h4 class="title">${_('Your Authorship Request Status')}</h4>
<div class="copy">
</div>
<ul class="list-actions">
<li class="action-item">
<a href="#" class="action-primary action-request">${_('Request Authorship Rights')}</a>
</li>
</ul>
</div>
</div>
</article>
<aside class="content-supplementary" role="complimentary">
<div class="bit">
<h3 class="title title-3">${_('Bit Title')}</h3>
<p>${_('Vestibulum id ligula porta felis euismod semper. Sed posuere consectetur est at lobortis. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Nullam quis risus eget urna mollis ornare vel eu leo. Donec id elit non mi porta gravida at eget metus.')}</p>
</div>
<div class="bit">
<h3 class="title title-3">${_('Need Help?')}</h3>
<p>${_('Vestibulum id ligula porta felis euismod semper. Sed posuere consectetur est at lobortis. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Duis mollis, est non commodo luctus.')}</p>
</div>
</aside>
</section>
<!-- CASE 3: User Logged In + Verified + w/o Authorship Rights + Request Pending -->
<!-- ==================== -->
<section class="content">
<article class="content-primary" role="main">
<div class="introduction">
<h2 class="title">${_("Welcome, %(name)s !") % dict(name= user.username)}</h2>
</div>
<div class="notice notice-incontext notice-instruction notice-instruction-authorshiprights">
<h3 class="title">${_('Creating Your Own Courses in Studio')}</h3>
<div class="copy">
<p>${_('Vestibulum id ligula porta felis euismod semper. Sed posuere consectetur est at lobortis. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Nullam quis risus eget urna mollis ornare vel eu leo. Donec id elit non mi porta gravida at eget metus.')}</p>
</div>
<div class="status status-authorship has-status is-pending">
<h4 class="title">${_('Your Authorship Request Status')}</h4>
<div class="copy">
</div>
<dl class="status-update">
<dt class="label">${_('Your authorship request is:')}</dt>
<dd class="value">
<span class="value-formal">${_('Pending')}</span>
<span class="value-description">${_('Your request is currently being reviewed by edX staff and should be updated shortly.')}</span>
</dd>
</dl>
</div>
</div>
</article>
<aside class="content-supplementary" role="complimentary">
</aside>
</section>
<!-- CASE 4: User Logged In + Verified + w/o Authorship Rights + Request Rejected -->
<!-- ==================== -->
<section class="content">
<article class="content-primary" role="main">
<div class="introduction">
<h2 class="title">${_("Welcome, %(name)s !") % dict(name= user.username)}</h2>
</div>
<div class="notice notice-incontext notice-instruction notice-instruction-authorshiprights">
<h3 class="title">${_('Creating Your Own Courses in Studio')}</h3>
<div class="copy">
<p>${_('Vestibulum id ligula porta felis euismod semper. Sed posuere consectetur est at lobortis. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Nullam quis risus eget urna mollis ornare vel eu leo. Donec id elit non mi porta gravida at eget metus.')}</p>
</div>
<div class="status status-authorship has-status is-rejected">
<h4 class="title">${_('Your Authorship Request Status')}</h4>
<div class="copy">
</div>
<dl class="status-update">
<dt class="label">${_('Your authorship request is:')}</dt>
<dd class="value">
<span class="value-formal">${_('Rejected')}</span>
<span class="value-description">${_('Your request did not meet the criteria/guidelines specified by edX Staff.')}</span>
</dd>
</dl>
<dl class="status-details">
<dt class="label">${_('The following feedback was given by edX staff when making this decision')}</dt>
<dd class="value">
<p>${_('Vestibulum id ligula porta felis euismod semper. Sed posuere consectetur est at lobortis. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Nullam quis risus eget urna mollis ornare vel eu leo. Donec id elit non mi porta gravida at eget metus.')}</p>
</dd>
</dl>
</div>
</div>
</article>
<aside class="content-supplementary" role="complimentary">
</aside>
</section>
<!-- CASE 5: User Logged In + Verified + w/ Authorship Rights + Request Rejected -->
<!-- ==================== -->
<section class="content">
<article class="content-primary" role="main">
</article>
<aside class="content-supplementary" role="complimentary">
</aside>
</section>
<!-- CASE 6: User Logged In + Verified + w/o Authorship Rights + Classes (as Staff Access) -->
<!-- ==================== -->
<section class="content">
<article class="content-primary" role="main">
<div class="introduction">
<h2 class="title">${_("Welcome, %(name)s") % dict(name= user.username)}!</h2>
<div class="copy">
<p>${_("Here are all of the courses you currently have access to in Studio:")}</p>
</div>
</div>
<div class="my-classes">
<ul class="class-list"> <ul class="class-list">
%for course, url, lms_link in sorted(courses, key=lambda s: s[0].lower() if s[0] is not None else ''):
<li> <li>
<a class="class-link" href="${url}" class="class-name"> <a class="class-link" href="/VeryLongORGNameCanBePlacedHere/102941451/course/A_very_very_long_course_name_could_be_placed_here_and_take_up_a_lot_of_room">
<span class="class-name">${course}</span> <span class="class-name">A very very long course could be placed here and take up a lot of room</span>
</a>
<a href="//localhost:8000/courses/VeryLongORGNameCanBePlacedHere/102941451/A_very_very_long_course_name_could_be_placed_here_and_take_up_a_lot_of_room/jump_to/i4x://VeryLongORGNameCanBePlacedHere/102941451/course/A_very_very_long_course_name_could_be_placed_here_and_take_up_a_lot_of_room" rel="external" class="button view-button view-live-button" title="This link will open in a new browser window/tab">View Live</a>
</li>
<li>
<a class="class-link" href="/MITx/t101/course/Test_Course_1">
<span class="class-name">Test Course #1</span>
</a>
<a href="//localhost:8000/courses/MITx/t101/Test_Course_1/jump_to/i4x://MITx/t101/course/Test_Course_1" rel="external" class="button view-button view-live-button" title="This link will open in a new browser window/tab">View Live</a>
</li>
<li>
<a class="class-link" href="/testU/tc001/course/Test_Course_1">
<span class="class-name">Test Course #1</span>
</a>
<a href="//localhost:8000/courses/testU/tc001/Test_Course_1/jump_to/i4x://testU/tc001/course/Test_Course_1" rel="external" class="button view-button view-live-button" title="This link will open in a new browser window/tab">View Live</a>
</li>
<li>
<a class="class-link" href="/MITx/t102/course/Test_Course_-_Import_1">
<span class="class-name">Test Course - Import #1</span>
</a> </a>
<a href="${lms_link}" rel="external" class="button view-button view-live-button">View Live</a>
<a href="//localhost:8000/courses/MITx/t102/Test_Course_-_Import_1/jump_to/i4x://MITx/t102/course/Test_Course_-_Import_1" rel="external" class="button view-button view-live-button" title="This link will open in a new browser window/tab">View Live</a>
</li>
</ul>
</div>
<div class="notice notice-incontext notice-instruction notice-instruction-authorshiprights">
<h3 class="title">${_('Creating Your Own Courses in Studio')}</h3>
<div class="copy">
<p>${_('Vestibulum id ligula porta felis euismod semper. Sed posuere consectetur est at lobortis. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Nullam quis risus eget urna mollis ornare vel eu leo. Donec id elit non mi porta gravida at eget metus.')}</p>
</div>
<div class="status status-authorship has-status is-rejected">
<h4 class="title">${_('Your Authorship Request Status')}</h4>
<div class="copy">
</div>
<dl class="status-update">
<dt class="label">${_('Your authorship request is:')}</dt>
<dd class="value">
<span class="value-formal">${_('Rejected')}</span>
<span class="value-description">${_('Your request did not meet the criteria/guidelines specified by edX Staff.')}</span>
</dd>
</dl>
<dl class="status-details">
<dt class="label">${_('The following feedback was given by edX staff when making this decision')}</dt>
<dd class="value">
<p>${_('Vestibulum id ligula porta felis euismod semper. Sed posuere consectetur est at lobortis. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Nullam quis risus eget urna mollis ornare vel eu leo. Donec id elit non mi porta gravida at eget metus.')}</p>
</dd>
</dl>
</div>
</div>
</article>
<aside class="content-supplementary" role="complimentary">
<div class="bit">
<h3 class="title title-3">${_('Need Help?')}</h3>
<p>${_('Vestibulum id ligula porta felis euismod semper. Sed posuere consectetur est at lobortis. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Duis mollis, est non commodo luctus.')}</p>
</div>
<div class="bit">
<h3 class="title title-3">${_('Contact edX')}</h3>
<p>${_('Vestibulum id ligula porta felis euismod semper. Sed posuere consectetur est at lobortis. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Duis mollis, est non commodo luctus.')}</p>
</div>
</aside>
</section>
<!-- CASE 7: User Logged In + Verified + w Authorship Rights + Classes (as Author + Staff Access) -->
<!-- ==================== -->
<section class="content">
<article class="content-primary" role="main">
<div class="introduction">
<h2 class="title">${_("Welcome, %(name)s") % dict(name= user.username)}!</h2>
<div class="copy">
<p>${_("Here are all of the courses you currently have access to in Studio:")}</p>
</div>
</div>
<div class="my-classes">
<ul class="class-list">
<li>
<a class="class-link" href="/VeryLongORGNameCanBePlacedHere/102941451/course/A_very_very_long_course_name_could_be_placed_here_and_take_up_a_lot_of_room">
<span class="class-name">A very very long course could be placed here and take up a lot of room</span>
</a>
<a href="//localhost:8000/courses/VeryLongORGNameCanBePlacedHere/102941451/A_very_very_long_course_name_could_be_placed_here_and_take_up_a_lot_of_room/jump_to/i4x://VeryLongORGNameCanBePlacedHere/102941451/course/A_very_very_long_course_name_could_be_placed_here_and_take_up_a_lot_of_room" rel="external" class="button view-button view-live-button" title="This link will open in a new browser window/tab">View Live</a>
</li>
<li>
<a class="class-link" href="/MITx/t101/course/Test_Course_1">
<span class="class-name">Test Course #1</span>
</a>
<a href="//localhost:8000/courses/MITx/t101/Test_Course_1/jump_to/i4x://MITx/t101/course/Test_Course_1" rel="external" class="button view-button view-live-button" title="This link will open in a new browser window/tab">View Live</a>
</li>
<li>
<a class="class-link" href="/testU/tc001/course/Test_Course_1">
<span class="class-name">Test Course #1</span>
</a>
<a href="//localhost:8000/courses/testU/tc001/Test_Course_1/jump_to/i4x://testU/tc001/course/Test_Course_1" rel="external" class="button view-button view-live-button" title="This link will open in a new browser window/tab">View Live</a>
</li>
<li>
<a class="class-link" href="/MITx/t102/course/Test_Course_-_Import_1">
<span class="class-name">Test Course - Import #1</span>
</a>
<a href="//localhost:8000/courses/MITx/t102/Test_Course_-_Import_1/jump_to/i4x://MITx/t102/course/Test_Course_-_Import_1" rel="external" class="button view-button view-live-button" title="This link will open in a new browser window/tab">View Live</a>
</li> </li>
%endfor
</ul> </ul>
% else:
<div class='warn-msg'>
<p>
${_("In order to start authoring courses using edX Studio, please click on the activation link in your email.")}
</p>
</div> </div>
% endif
</article> </article>
<aside class="content-supplementary" role="complimentary">
<div class="bit">
<h3 class="title title-3">${_('Need Help?')}</h3>
<p>${_('Vestibulum id ligula porta felis euismod semper. Sed posuere consectetur est at lobortis. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Duis mollis, est non commodo luctus.')}</p>
</div> </div>
<div class="bit">
<h3 class="title title-3">${_('Contact edX')}</h3>
<p>${_('Vestibulum id ligula porta felis euismod semper. Sed posuere consectetur est at lobortis. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Duis mollis, est non commodo luctus.')}</p>
</div>
</aside>
</section>
</div> </div>
</%block> </%block>
# <div class="my-classes">
# % if user.is_active:
# <ul class="class-list">
# %for course, url, lms_link in sorted(courses, key=lambda s: s[0].lower() if s[0] is not None else ''):
# <li>
# <a class="class-link" href="${url}" class="class-name">
# <span class="class-name">${course}</span>
# </a>
# <a href="${lms_link}" rel="external" class="button view-button view-live-button">View Live</a>
# </li>
# %endfor
# </ul>
# % else:
# <div class='warn-msg'>
# <p>${_("In order to start authoring courses using edX Studio, please click on the activation link in your email.")}</p>
# </div>
# % endif
# </div>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment