3 <tour-step-template></tour-step-template>
4 <div class="new-wrapper">
5 <div class="container-fluid main-container">
6 <app-packages-header></app-packages-header>
7 <div class="container-fluid body-container">
10 <input id="clicker" [checked]="startTour" type="checkbox" style="display: none;" />
11 <label class="ml-1" for="clicker" style="display: none;">Start the tour</label>
13 <div class="panel-wrap packageWizard">
15 <button id="clicker1" class="close" type="button" (click)="stopTour()">
16 <label for="clicker"><img src="assets/img/icon-close.svg" /></label>
19 <h3>Welcome to CDS Designer UI</h3>
20 <p>CDS has new look and new way of delivering a reusable and simplified self-service experience.</p>
21 <!-- <span>Tab through these quick steps to help you get started.</span>
23 <button id="clicker2" class="closeWizard mr-2" type="button" (click)="stopTour()">
24 <label for="clicker">No Thanks</label>
26 <button type="button" class="startTour float">
27 <label (click)="start()" for="clicker" class="m-0">Start Tour</label>
32 <nav class="row" tourAnchor="allTab">
34 <div class="col pr-0">
35 <div class="nav nav-tabs " id="nav-tab" role="tablist">
36 <a class="nav-item nav-link active" id="nav-home-tab" data-toggle="tab" href="#nav-home"
37 role="tab" aria-controls="nav-home" aria-selected="true">All</a>
38 <a class="nav-item nav-link" id="nav-profile-tab" data-toggle="tab" href="#nav-profile"
39 role="tab" aria-controls="nav-profile" aria-selected="false">Deployed</a>
40 <a tourAnchor="test3" class="nav-item nav-link" id="nav-contact-tab" data-toggle="tab"
41 href="#nav-contact" role="tab" aria-controls="nav-contact" aria-selected="false">Under
43 <a class="nav-item nav-link" id="nav-contact1-tab" data-toggle="tab" href="#nav-contact1"
44 role="tab" aria-controls="nav-contact1" aria-selected="false">Archived</a>
47 <!--Nav Search & Filter-->
48 <div class="col search-filter-col">
51 <app-packages-search></app-packages-search>
53 <div class="col-5 pl-2" tourAnchor="tagFilter">
54 <app-filter-by-tags class="w-100"></app-filter-by-tags>
60 <app-sort-packages></app-sort-packages>