ispbills.github.io/marketplace.html at master · i4edubd/ispbills.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
---
title: Marketplace
permalink: "/marketplace"
layout: landing
class: landing
description: 'Apps Marketplace for Rocket.Chat

'
theme: light
redirect_from:
- "/apps/"
- "/apps"
- "/marketplace/"
---

<section class="hero">
  <h1>Connect your favorite Apps</h1>
  <p class="display--small theme_type--dark">Increase the quality of your team workflow right within Rocket.Chat</p>
  <div class="">
    <input class="search input input--icon-search" type="text" name="" placeholder="Search apps" />
    <ul class="search-results-list"></ul>
  </div>
</section>

<div class="apps-loading">
  <img class="loading-spinner" src="{{ '/images/spinner.svg' | relative_url }}" alt="">
  <p>Loading available Apps, please wait...</p>
</div>

<div class="container apps-list-container">
  <div class="select select--theme-light categories-select">
    <select>
      <option value="All Apps">All Apps</option>
    </select>
  </div>
  <div class="flex-container">
    <ul class="links-list col col--fourth">
      <li class="links-list-item">
        <button data-category="" class="app-category-button">All Apps</button>
      </li>
    </ul>
    <section class="col apps-list-wrapper">
      <div class="apps-disclaimer__container">
        <div class="apps-disclaimer__wrapper">
          <img src="{{ '/images/marketplace/cube.svg' | relative_url }}" class="apps-disclaimer__icon" alt="cube">
          <div class="apps-disclaimer__text">
            <h3 class="display--small">Installing Apps</h3>
            <p>See how easy is install an app on Rocket.Chat</p>
          </div>
        </div>
        <!-- TEMPORARY LINK, PLEASE CHANGE WHEN WE HAVE BETTER APPS USER DOCS -->
        <a class="apps-disclaimer__button button" href="https://rocket.chat/docs/developer-guides/developing-apps/#what-is-a-rocketchat-app">Learn More</a>
      </div>
      <div class="apps-message-container display-none">
        <div class="message">No results found</div>
        <span class="icon"></span>
        <div class="suggest">
          <p>Don't see an app you use? Let us know!</p>
          <a href="https://forums.rocket.chat/c/rocket-chat-apps" class="button" target="_blank">Request an app</a>
        </div>
        <div class="suggest">
          <p>Developer? Click <a href="https://rocket.chat/docs/developer-guides/" class="button--link" target="_blank">here</a> get started creating an app</p>
        </div>
      </div>
      <ul class="apps-list grid two-rows"></ul>
    </section>
  </div>
</div>

<div class="add-app-modal-wrapper display-none"></div>

<script id="app-card-template" type="html/template">
  <div class="app-card col--haft">
    <div class="icon-wrapper">
      <div class="icon"></div>
    </div>
    <div class="content-wrapper">
      <div class="content">
        <span class="name"></span>
        <span class="description"></span>
      </div>
      <ul class="categories-list"></ul>
    </div>
  </div>
</script>

<script id="search-result-template" type="html/template">
  <div class="search-result">
    <div class="icon-wrapper">
      <div class="icon"></div>
    </div>
    <div class="content-wrapper">
      <span class="name"></span>
      <span class="description"></span>
    </div>
  </div>
</script>

<script id="add-app-modal-template" type="html/template">
  <div class="modal-wrapper-background"></div>
  <div class="modal-content">
    <div class="app-card-wrapper"></div>
    <div class="close-button"></div>
  </div>
</script>


<script src="{{ '/marketplace.js' | relative_url }}"></script>