client/src/app/modal/welcome-modal.component.html

   1 <ng-template #modal let-hide="close">
   2   <div class="modal-header">
   3     <h4 i18n class="modal-title">Welcome to PeerTube, dear administrator!</h4>
   4     <my-global-icon iconName="cross" aria-label="Close" role="button" (click)="hide()"></my-global-icon>
   5   </div>
   6
   7   <div class="modal-body">
   8
   9     <div class="block-documentation">
  10       <div class="columns">
  11         <a class="link-block" href="https://docs.joinpeertube.org/#/maintain-tools" target="_blank" rel="noopener noreferrer">
  12           <a i18n class="link-title" href="https://docs.joinpeertube.org/#/maintain-tools" target="_blank" rel="noopener noreferrer">CLI
  13             documentation</a>
  14
  15           <div i18n>Upload or import videos, parse logs, prune storage directories, reset user password...</div>
  16         </a>
  17
  18         <a class="link-block" href="https://docs.joinpeertube.org/#/admin-following-instances" target="_blank" rel="noopener noreferrer">
  19           <a i18n class="link-title" href="https://docs.joinpeertube.org/#/admin-following-instances" target="_blank" rel="noopener noreferrer">Administer
  20             documentation</a>
  21
  22           <div i18n>Managing users, following other instances, dealing with spammers...</div>
  23         </a>
  24
  25         <a class="link-block" href="https://docs.joinpeertube.org/#/use-setup-account" target="_blank" rel="noopener noreferrer">
  26           <a i18n class="link-title" href="https://docs.joinpeertube.org/#/use-setup-account" target="_blank" rel="noopener noreferrer">Use
  27             documentation</a>
  28
  29           <div i18n>Setup your account, managing video playlists, discover third-party applications...</div>
  30         </a>
  31       </div>
  32     </div>
  33
  34     <div class="two-columns">
  35
  36       <div class="mascot">
  37         <img src="/client/assets/images/mascot/pointing.png" alt="mascot">
  38       </div>
  39
  40       <div class="block-links">
  41         <div i18n class="subtitle">Useful links</div>
  42
  43         <ul>
  44           <li i18n>Official PeerTube website (news, support, contribute...): <a href="https://joinpeertube.org" target="_blank"
  45                                                                            rel="noopener noreferrer">https://joinpeertube.org</a></li>
  46
  47           <li i18n>Put your instance on the public PeerTube index: <a href="https://instances.joinpeertube.org/instances">https://instances.joinpeertube.org/instances</a>
  48           </li>
  49         </ul>
  50       </div>
  51     </div>
  52
  53     <div class="two-columns">
  54       <div class="mascot">
  55         <img src="/client/assets/images/mascot/happy.png" alt="mascot">
  56       </div>
  57
  58       <div class="block-configuration">
  59         <div i18n class="subtitle">It's time to configure your instance!</div>
  60
  61         <p i18n>
  62           Choosing your <strong>instance name</strong>, <strong>setting up a description</strong>, specifying <strong>who you are</strong>,
  63           why <strong>you created your instance</strong> and <strong>how long</strong> you plan to <strong>maintain your it</strong>
  64           is very important for visitors to understand on what type of instance they are.
  65         </p>
  66
  67         <p i18n>
  68           If you want to open registrations, please decide what are <strong>your moderation rules</strong>, fill your <strong>instance
  69           terms</strong>
  70           and specify the categories and languages you speak. This way, you will help users to register on <strong>the
  71           appropriate</strong>
  72           PeerTube instance.
  73         </p>
  74       </div>
  75     </div>
  76   </div>
  77
  78   <div class="modal-footer inputs">
  79     <input
  80       type="button" role="button" i18n-value value="Remind me later" class="action-button action-button-understood"
  81       (click)="hide()" (key.enter)="hide()"
  82     >
  83
  84     <a i18n (click)="doNotOpenAgain(); hide()" (key.enter)="doNotOpenAgain(); hide()"
  85        class="configure-instance-button" href="/admin/config/edit-custom" target="_blank"
  86        rel="noopener noreferrer" ngbAutofocus>
  87       Configure my instance
  88     </a>
  89   </div>
  90
  91 </ng-template>