Add more information to Help window, clean up a little
Moe
parent
60af7da99b
commit
66c231016f
|
|
@ -1,4 +1,12 @@
|
|||
<% if(!config.userHasSubscribed){ %>
|
||||
<style>
|
||||
@media (min-width: 768px){
|
||||
.modal-dialog {
|
||||
width: 800px;
|
||||
margin: 30px auto;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
<div class="modal fade" id="help_window" tabindex="-1" role="dialog" aria-labelledby="help_windowLabel" aria-hidden="true">
|
||||
<div class="modal-dialog" role="document">
|
||||
<div class="modal-content">
|
||||
|
|
@ -10,50 +18,196 @@
|
|||
</div>
|
||||
<div class="modal-body">
|
||||
<blockquote class="blockquoteInHelp">
|
||||
<a href="https://licenses.shinobi.video/subscribe" target="_blank"><img src="<%-window.libURL%>libs/img/icon/apple-touch-icon-152x152.png" class="pull-right" style="border-radius:50%;margin-left:20px;border: 1px solid #c3996b;"></a>
|
||||
<a href="https://hub.shinobi.video/explore" target="_blank"><img src="<%-window.libURL%>libs/img/icon/apple-touch-icon-152x152.png" class="pull-right" style="border-radius:50%;margin-left:20px;border: 1px solid #c3996b;"></a>
|
||||
<p>For information about how to use Shinobi you can check out the <a target="_blank" href="http://shinobi.video/docs">Docs</a>.</p>
|
||||
<p><a target="_blank" href="https://discord.gg/ehRd8Zz"><i class="fa fa-comments-o"></i> Discord</a> Community Chat is great for meeting people and asking questions. For general questions and community support you can also try the <a href="https://www.reddit.com/r/ShinobiCCTV"><i class="fa fa-reddit"></i> Reddit forum</a>.</p>
|
||||
</blockquote>
|
||||
<blockquote class="blockquoteInHelp" style="margin-bottom:10px">
|
||||
<h3>Shinobi Mobile</h3>
|
||||
A real mobile app for your Shinobi! Currently with H.265 Support. Subscribe to a <a href="https://licenses.shinobi.video/subscribe?planSubscribe=plan_G31AZ9mknNCa6z" target="_blank">Mobile License</a> to get more features!
|
||||
<br>
|
||||
Your subscription key can unlock features for <a href="https://cdn.shinobi.video/installers/ShinobiMobile/" target="_blank"><b>Shinobi Mobile</b></a> running on iOS and Android today!
|
||||
<br>
|
||||
<br>
|
||||
</blockquote>
|
||||
<div style="margin-bottom:10px;">
|
||||
<a href="https://cdn.shinobi.video/installers/ShinobiMobile/" target="_blank" class="btn btn-success btn-sm"><i class="fa fa-star" aria-hidden="true"></i> Join Public Beta</a>
|
||||
<a target="_blank" href="https://discord.gg/ehRd8Zz" class="btn btn-primary btn-sm"><i class="fa fa-comments-o" aria-hidden="true"></i> <b>#mobile-client</b> Chat</a>
|
||||
<button type="button" class="btn btn-default btn-sm pull-right hide_donate"><i class="fa fa-cube" aria-hidden="true"></i> <%-lang[`Don't Show for 1 Week`]%></button>
|
||||
<div class="row">
|
||||
<% [
|
||||
{
|
||||
title: "New to Shinobi?",
|
||||
info: `Try reading over some of these links to get yourself started.`,
|
||||
buttons: [
|
||||
{
|
||||
icon: 'newspaper-o',
|
||||
color: 'default',
|
||||
text: 'After Installation Guides',
|
||||
href: 'https://shinobi.video/docs/configure',
|
||||
class: ''
|
||||
},
|
||||
{
|
||||
icon: 'plus',
|
||||
color: 'default',
|
||||
text: 'Adding an H.264 Camera',
|
||||
href: 'https://shinobi.video/docs/configure#content-adding-an-h264h265-camera',
|
||||
class: ''
|
||||
},
|
||||
{
|
||||
icon: 'plus',
|
||||
color: 'default',
|
||||
text: 'Adding an MJPEG Camera',
|
||||
href: 'https://shinobi.video/articles/2018-09-19-how-to-add-an-mjpeg-camera',
|
||||
class: ''
|
||||
},
|
||||
{
|
||||
icon: 'gears',
|
||||
color: 'default',
|
||||
text: 'RTSP Camera Optimization',
|
||||
href: 'https://shinobi.video/articles/2017-07-29-how-i-optimized-my-rtsp-camera',
|
||||
class: ''
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "ShinobiHub",
|
||||
info: `Explore and Contribute to the community of Shinobi all in one place.`,
|
||||
buttons: [
|
||||
{
|
||||
icon: 'newspaper-o',
|
||||
color: 'primary',
|
||||
text: 'Read Articles',
|
||||
href: 'https://hub.shinobi.video/articles',
|
||||
class: ''
|
||||
},
|
||||
{
|
||||
icon: 'search',
|
||||
color: 'success',
|
||||
text: 'Explore Configurations',
|
||||
href: 'https://hub.shinobi.video/explore',
|
||||
class: ''
|
||||
},
|
||||
{
|
||||
icon: 'lightbulb-o',
|
||||
color: 'info',
|
||||
text: 'View Suggestions',
|
||||
href: 'https://hub.shinobi.video/suggestions',
|
||||
class: ''
|
||||
},
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Shinobi Mobile",
|
||||
info: `Your subscription key can unlock features for <a href="https://cdn.shinobi.video/installers/ShinobiMobile/" target="_blank"><b>Shinobi Mobile</b></a> running on iOS and Android today!`,
|
||||
buttons: [
|
||||
{
|
||||
icon: 'star',
|
||||
color: 'success',
|
||||
text: 'Join Public Beta',
|
||||
href: 'https://cdn.shinobi.video/installers/ShinobiMobile/',
|
||||
class: ''
|
||||
},
|
||||
{
|
||||
icon: 'comments-o',
|
||||
color: 'primary',
|
||||
text: '<b>#mobile-client</b> Chat',
|
||||
href: 'https://discord.gg/ehRd8Zz',
|
||||
class: ''
|
||||
},
|
||||
{
|
||||
icon: 'cube',
|
||||
color: 'default',
|
||||
text: lang[`Don't Show for 1 Week`],
|
||||
class: 'hide_donate',
|
||||
},
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Shinobi Dashcam",
|
||||
info: `<a href="https://cdn.shinobi.video/installers/Dashcam/" target="_blank"><b>Shinobi Dashcam</b></a> runs on iOS and Android, Subscribe to a Shinobi Mobile license to unlock extended features!`,
|
||||
buttons: [
|
||||
{
|
||||
icon: 'star',
|
||||
color: 'success',
|
||||
text: 'Join Public Beta',
|
||||
href: 'https://cdn.shinobi.video/installers/Dashcam/',
|
||||
class: ''
|
||||
},
|
||||
{
|
||||
icon: 'comments-o',
|
||||
color: 'primary',
|
||||
text: '<b>#dashcam</b> Chat',
|
||||
href: 'https://discord.gg/D3cHZ3u',
|
||||
class: ''
|
||||
},
|
||||
{
|
||||
icon: 'cube',
|
||||
color: 'default',
|
||||
text: lang[`Don't Show for 1 Week`],
|
||||
class: 'hide_donate',
|
||||
},
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Byaku",
|
||||
info: `Byaku is a Neural Net Training tool that allows you to build Object Detection sets. <a href="https://cdn.shinobi.video/installers/Byaku/" target="_blank"><b>Byaku</b></a> runs on Linux. Subscribe to use features like automatically downloading thousands of images already pre-annotated and ready for you to train.`,
|
||||
buttons: [
|
||||
{
|
||||
icon: 'star',
|
||||
color: 'success',
|
||||
text: 'Join Public Beta',
|
||||
href: 'https://cdn.shinobi.video/installers/Dashcam/',
|
||||
class: ''
|
||||
},
|
||||
{
|
||||
icon: 'comments-o',
|
||||
color: 'primary',
|
||||
text: '<b>#dashcam</b> Chat',
|
||||
href: 'https://discord.gg/3XA9RNP',
|
||||
class: ''
|
||||
},
|
||||
{
|
||||
icon: 'cube',
|
||||
color: 'default',
|
||||
text: lang[`Don't Show for 1 Week`],
|
||||
class: 'hide_donate',
|
||||
},
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Support the Development",
|
||||
info: `Subscribe to any of the following to boost development! Once subscribed your subscription key in the configuration file (conf.json), then restart Shinobi and this promotion window won't appear anymore, thanks! <i class="fa fa-smile-o"></i> <br><br> <code>"subscriptionId":"sub_XXXXXXXXXXXX",</code>`,
|
||||
buttons: [
|
||||
{
|
||||
icon: 'share-square-o',
|
||||
color: 'default',
|
||||
text: 'Shinobi Mobile License ($5/m)',
|
||||
href: 'https://licenses.shinobi.video/subscribe?planSubscribe=plan_G31AZ9mknNCa6z',
|
||||
class: ''
|
||||
},
|
||||
{
|
||||
icon: 'share-square-o',
|
||||
color: 'default',
|
||||
text: 'Shinobi Pro License ($75/m)',
|
||||
href: 'https://licenses.shinobi.video/subscribe?planSubscribe=plan_G3LGdNwA8lSmQy',
|
||||
class: ''
|
||||
},
|
||||
{
|
||||
icon: 'share-square-o',
|
||||
color: 'default',
|
||||
text: 'Tiny Support Subscription ($10/m)',
|
||||
href: 'https://licenses.shinobi.video/subscribe?planSubscribe=plan_G42jNgIqXaWmIC',
|
||||
class: ''
|
||||
},
|
||||
]
|
||||
},
|
||||
].forEach((promo) => { %>
|
||||
<div class="col-md-6">
|
||||
<div class="helpquote" style="margin-bottom:5px;font-size:10pt;padding: 10px 20px;border-left: 5px solid #eee;">
|
||||
<h4><%- promo.title %></h4>
|
||||
<p><%- promo.info %></p>
|
||||
<div style="margin-top:5px;">
|
||||
<% promo.buttons.forEach((button) => { %>
|
||||
<a style="margin-bottom:4px" <%- button.href ? `href="${button.href}"` : '' %> target="_blank" class="btn btn-sm btn-block btn-<%- button.color %> <%- button.class %>"><i class="fa fa-<%- button.icon %>" aria-hidden="true"></i> <%- button.text %></a>
|
||||
<% }) %>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<% }) %>
|
||||
</div>
|
||||
<blockquote class="blockquoteInHelp" style="margin-bottom:10px">
|
||||
<h3>Shinobi Dashcam</h3>
|
||||
"You can get into your car without your pants on, but never get into a car without a dash cam," <small>A motorists' rights activist</small>
|
||||
<br>
|
||||
Your subscription key can unlock features for <a href="https://cdn.shinobi.video/installers/Dashcam/" target="_blank"><b>Shinobi Dashcam</b></a> running on iOS and Android today!
|
||||
<br>
|
||||
<br>
|
||||
|
||||
<p>If you already are supporting the development in a different way, please contact us and we can get this popup to go away for you <i class="fa fa-smile-o"></i> Cheers!</p>
|
||||
</blockquote>
|
||||
<div style="margin-bottom:10px;">
|
||||
<a href="https://cdn.shinobi.video/installers/Dashcam/" target="_blank" class="btn btn-success btn-sm"><i class="fa fa-star" aria-hidden="true"></i> Join Public Beta</a>
|
||||
<a target="_blank" href="https://discord.gg/D3cHZ3u" class="btn btn-primary btn-sm"><i class="fa fa-comments-o" aria-hidden="true"></i> <b>#dashcam</b> Chat</a>
|
||||
<button type="button" class="btn btn-default btn-sm pull-right hide_donate"><i class="fa fa-cube" aria-hidden="true"></i> <%-lang[`Don't Show for 1 Week`]%></button>
|
||||
</div>
|
||||
<blockquote class="blockquoteInHelp" style="margin-bottom:10px">
|
||||
<b>Support the development by subscribing</b> to any of the following and put your subscription key in the configuration file (conf.json), then restart Shinobi and this annoying popup window won't appear anymore, thanks! <i class="fa fa-smile-o"></i>
|
||||
<br><br>
|
||||
<code>"subscriptionId":"sub_XXXXXXXXXXXX",</code>
|
||||
<br><br>
|
||||
<p>If you already are supporting the development in a different way, please contact us and we can get this popup to go away for you :) Cheers!</p>
|
||||
</blockquote>
|
||||
<div style="margin-bottom:10px;text-align:center">
|
||||
<a href="https://licenses.shinobi.video/subscribe?planSubscribe=plan_G31AZ9mknNCa6z" target="_blank" class="btn btn-default"><i class="fa fa-share-square-o" aria-hidden="true"></i> Shinobi Mobile License ($5/m)</a>
|
||||
<a href="https://licenses.shinobi.video/subscribe?planSubscribe=plan_G3LGdNwA8lSmQy" target="_blank" class="btn btn-default"><i class="fa fa-share-square-o" aria-hidden="true"></i> Shinobi Pro License ($75/m)</a>
|
||||
</div>
|
||||
<div style="margin-bottom:5px;text-align:center">
|
||||
<a href="https://licenses.shinobi.video/subscribe?planSubscribe=plan_G42jNgIqXaWmIC" target="_blank" class="btn btn-default"><i class="fa fa-share-square-o" aria-hidden="true"></i> Tiny Support Subscription ($10/m)</a>
|
||||
</div>
|
||||
<div>
|
||||
<!-- <iframe src="https://shinobi.video/ads" style="width:100%;height:250px;border:none;"></iframe> -->
|
||||
</div>
|
||||
|
|
@ -85,11 +239,11 @@
|
|||
setTimeout(function(){
|
||||
$.help.e.modal('show')
|
||||
},1000 * 60 * 0.2)
|
||||
$.help.hide.click(function(){
|
||||
$.ccio.op('subscription_checked',new Date());
|
||||
$.help.e.modal('hide');
|
||||
})
|
||||
}
|
||||
$.help.hide.click(function(){
|
||||
$.ccio.op('subscription_checked',new Date());
|
||||
$.help.e.modal('hide');
|
||||
})
|
||||
console.log('Please support the Shinobi developement.')
|
||||
console.log('https://licenses.shinobi.video/subscribe')
|
||||
})
|
||||
|
|
|
|||
|
|
@ -23,6 +23,7 @@
|
|||
<li class="mdl-menu__item" system="switch" switch="monitorMuteAudio" type="text"><div><i class="fa fa-volume-down"></i><div><%- lang['Mute Audio'] %></div></div></li>
|
||||
<li class="mdl-menu__item" system="switch" switch="monitorOrder" type="text"><div><i class="fa fa-sort"></i><div><%- lang['Order Streams'] %></div></div></li>
|
||||
<li class="mdl-menu__item" system="switch" switch="notifyHide" type="text"><div><i class="fa fa-exclamation-circle"></i><div><%- lang['Hide Notes'] %></div></div></li>
|
||||
<li class="mdl-menu__item" data-toggle="modal" data-target="#help_window"><div><i class="fa fa-info-circle"></i><div><%- lang.Help %></div></div></li>
|
||||
<li class="mdl-menu__item logout"><div><i class="fa fa-sign-out"></i><div><%- lang.Logout %></div></div></li>
|
||||
</ul>
|
||||
<div class="mdl-layout-spacer"></div>
|
||||
|
|
|
|||
Loading…
Reference in New Issue